@font-face { font-family:'Open Sans'; font-style:normal; font-weight:300; src:url('../fonts/OpenSans-Light.ttf') }
@font-face { font-family:'Open Sans'; font-style:normal; font-weight:400; src:url('../fonts/OpenSans-Regular.ttf') }
@font-face { font-family:'Open Sans'; font-style:normal; font-weight:600; src:url('../fonts/OpenSans-SemiBold.ttf') }
@font-face { font-family:'Open Sans'; font-style:normal; font-weight:700; src:url('../fonts/OpenSans-Bold.ttf') }
@font-face { font-family:'Open Sans'; font-style:normal; font-weight:800; src:url('../fonts/OpenSans-ExtraBold.ttf') }

@keyframes loading { 
    0% { transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transform:rotate(0deg); background:#003c66 }
    50% { transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); background:#0074c8 }
    100% { transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg); background:#003c66 }
}
@keyframes loading_after { 
    0% { border-top:10px solid #0074c8; border-bottom:10px solid #0074c8 }
    50% { border-top:10px solid #003c66; border-bottom:10px solid #003c66 }
    100% { border-top:10px solid #0074c8; border-bottom:10px solid #0074c8 }
}

/*---------------CONTENIDO---------------*/

body { background-color:#eff3f5; font-family:'Open Sans', sans-serif; font-size:13px; padding-top:0 }
#divContent { padding:5px 0 5px 5px }
.container-fluid { display:none }
.pagination { margin:0 }

.jumbotron.content, .jumbotron.principal { background-color:#fff; border:1px solid #e7e7e7; border-radius:2px; box-shadow:0 2px 2px #e7e7e7; color:#004880; margin-bottom:30px }
.jumbotron.content { padding:0 20px 10px 20px }
.jumbotron.principal { padding:15px 20px 30px 50px }

.jumbotron.principal h1 { font-size:36px; font-weight:600; letter-spacing:0.9px; margin-top:15px; margin-bottom:0 }
.jumbotron.principal p { font-weight:400; margin-top:20px; text-align:justify }
.jumbotron.principal img { width:100% }

.divPantallaCarga { background:#f2f2f2; display:none; height:90%; opacity:1; position:absolute; text-align:center; width:100%; z-index:99999 }
.divPantallaCarga label { color:#0074c8; position:relative; top:50%; font-size:1.8em; font-weight:600 }

.borderDiv { padding:0; margin-bottom:10px; border-bottom:1px solid #e5e5e5; box-shadow:0 3px 3px -2px #e9e9e9 }
.borderDiv .divEnl { text-align:right }
.ui-autocomplete { max-height:400px; overflow-y:auto; overflow-x:hidden }
select.ui-datepicker-month { color:black }
select.ui-datepicker-year { color:black }

/*Flash Messages*/

.alert { margin-bottom:0 }
.alert h4 { font-weight:600 }
.tooltip-inner { font-size:1.2em; max-width:614px; width:614px }

#divFlash { padding:5px 0 5px 5px }
#divFlash .alert, #loginFlash .alert { border-radius:2px; box-shadow:0 2px 2px #e7e7e7 }
#iconLog { color:#333; font-size:1.5em; margin-left:5px }

/*Responsive*/

@media (min-width:1200px) { 
    div.contentRed { width:82%; margin-left:17% }
    div.flashRed { width:82%; margin-left:17% }
    div.contentAmp { width:94%; margin-left:5% }
    div.flashAmp { width:94%; margin-left:5% }
}

@media (min-width:992px) and (max-width:1199px) { 
    div.contentRed { width:80%; margin-left:20% }
    div.flashRed { width:80%; margin-left:20% }
    div.contentAmp { width:94%; margin-left:6% }
    div.flashAmp { width:94%; margin-left:6% }
    #sideBar { width:20% }
    .jumbotron.principal h1 { font-size:36px; text-align:center }
}

@media (min-width:768px) and (max-width:991px) { 
    div.contentRed { width:75%; margin-left:25% }
    div.flashRed { width:80%; margin-left:20% }
    div.contentAmp { width:90%; margin-left:9% }
    div.flashAmp { width:90%; margin-left:9% }
    #sideBar { width:25% }
}

@media (max-width:767px) { 
    body { padding-top:50px }
    #divContent { width:100%; margin-left:0; padding:0 }
    #divFlash { padding:5px 0 }
    .navbar-nav { margin:0 -10px }
    .navbar-header { height:52px }
    .navbar-toggle { margin-right:25px }
    .jumbotron.principal { padding:15px 20px 30px 20px }
    .jumbotron.principal h1 { font-size:27px; text-align:center }

    .borderDiv div, .borderDiv .divEnl { text-align:center }
}

/*---------------NAV---------------*/

#navPrinc { background-color:white; border-bottom:1px solid #e7e7e7; box-shadow:0 4px 3px #e7e7e7; text-transform:uppercase; font-weight:600 }
#navUser { font-weight:600 }
#aUser { color:#0074C8 }
#aUser:hover { color:#005999 }

/* Navbar */

.header { position:relative; z-index:9 }
.header .top { background:#F9F9F9; color:#545454; font-size:12px; font-weight:700; box-shadow:0 1px 5px rgba(0,0,0,.1); position:relative; z-index:10 }

.top-logo { float:left; margin:10px }
.top-logo a:first-of-type { float:left }
.top-logo img { width:120px }

.top-nav { float:right }
.top-nav ul { margin-bottom:0 }
.top-nav ul > li { display:inline-block; margin-right:8px; margin-top:10px; position:relative }
.top-nav ul > li:after { content:''; display:block; height:16px; width:1px; border-right:1px solid #EAEAEA; position:absolute; right:0; top:12px }
.top-nav ul > li:last-of-type:after { content:none }
.top-nav ul > li a span { letter-spacing:1px; font-weight:500 }
.top-nav ul > li .iconDev { font-size:27px; font-weight:500; margin-right:10px; position:relative; top:5px }

/*---------------FOOTER---------------*/

.footer {
    background:#f9f9f9;
    bottom:0;
    box-shadow:0 1px 5px rgba(0, 0, 0, .1);
    padding:5px 15px;
    position:fixed;
    width:100%;
    z-index:20;
}

.footer p { color:#545454; font-size:.75em; font-weight:600; margin-bottom:0 }
.footer p > span { background-color:#ff4500; border:1px solid #e63d00; border-radius:.3em; color:#FFFFFF; left:5px; padding:0 5px; position:relative }

/*---------------ENLACES---------------*/

a { color:#0074C8; -webkit-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -o-transition:.25s; transition:.25s}
a.disabled { pointer-events:none; cursor:default; opacity:0.6 }
a.btnLink.disabled { color:gray }
a.disabledMenu { pointer-events:none; cursor:default }
a.pointer { cursor:pointer }
.not-active { pointer-events:none; cursor:default; color:darkgray }

/*---------------SEPARADOR---------------*/

.spacer { margin:0; padding:0; height:10px }
.separador { margin:18px 0; border:0; border-top:1px solid #eee; border-bottom:1px solid #fff }
.separador2 { border:0; border-top:1px solid #e5e5e5; border-bottom:1px solid #fff; margin-top:3px; margin-bottom:3px }

/*---------------BOTONES---------------*/

.btn { border-radius:2px; padding:8px 20px; font-size:1em }
.btnGroup { border:1px solid #ccc; border-radius:0 4px 4px 0; font-size:14px; font-weight:400; padding:7px 12px 5px }
.btnGroup2 { border:1px solid #ccc; border-radius:0 4px 4px 0; font-size:14px; font-weight:400; padding:7px 7px 5px }
.btnGroup:disabled, .btnGroup2:disabled { background-color:#eee; cursor:not-allowed }

.btnGroup:active, .btnGroup:focus, .btnGroup:hover, .btnGroup:active:focus, .btnGroup:active:hover, .btnGroup:active:focus:hover,
.btnGroup2:active, .btnGroup2:focus, .btnGroup2:hover, .btnGroup2:active:focus, .btnGroup2:active:hover, .btnGroup2:active:focus:hover
{ background-color:#fff; color:#333 }

.btnGroupDanger { border-radius:0 4px 4px 0; font-size:14px; font-weight:400; padding:7px 12px 5px }
.btnGroupDanger :active, .btnGroupDanger :focus, .btnGroupDanger :hover, .btnGroupDanger :active:focus, .btnGroupDanger :active:hover, .btnGroupDanger :active:focus:hover
{ background-color:#d1332e; border-color:#bc2e29 }

.btnGroupCol { background-color:#0074C8; border-color:#0068b3; font-size:12px; font-weight:600; padding:8px 12px 6px}
.btnGroupCol:active, .btnGroupCol:focus, .btnGroupCol:hover, .btnGroup:active:focus, .btnGroup:active:hover, .btnGroupCol:focus:hover,
.btnGroupCol:active:focus:hover { background-color:#005999; border-color:#004a80 }

.btnPrinc { background-color:#0074C8; border-color:#0068b3; font-weight:600 }
.btnPrinc:active, .btnPrinc:focus, .btnPrinc:hover, .btnPrinc:active:focus, .btnPrinc:active:hover, .btnPrinc:focus:hover,
.btnPrinc:active:focus:hover { background-color:#005999; border-color:#004a80 }

.btnDanger { background-color:#cc0000; border-color:#b30000; font-weight:600 }
.btnDanger:active, .btnDanger:focus, .btnDanger:hover, .btnDanger:active:focus, .btnDanger:active:hover, .btnDanger:focus:hover,
.btnDanger:active:focus:hover { background-color:#990000; border-color:#800000 }

.btnDefault { background-color:#404040; border-color:#333333; color:#fff; font-weight:600 }
.btnDefault:active, .btnDefault:focus, .btnDefault:hover, .btnDefault:active:focus, .btnDefault:active:hover, .btnDefault:focus:hover,
.btnDefault:active:focus:hover { background-color:#262626; border-color:#1a1a1a; color:#fff }

.btnSuccess { background-color:#006622; border-color:#004d1a; font-weight:600 }
.btnSuccess:active, .btnSuccess:focus, .btnSuccess:hover, .btnSuccess:active:focus, .btnSuccess:active:hover, .btnSuccess:focus:hover,
.btnSuccess:active:focus:hover { background-color:#004d1a; border-color:#003311 }

.btnGold { background-color:#cc9900; border-color:#b38600; font-weight:600 }
.btnGold:active, .btnGold:focus, .btnGold:hover, .btnGold:active:focus, .btnGold:active:hover, .btnGold:focus:hover,
.btnGold:active:focus:hover { background-color:#b38600; border-color:#997300 }

.btnTraspasarPot, .btnFusionarPot, .btnEditarPot, .btnEliminarPot { font-size:12px }

.btnLink { color:#0074C8; font-size:13px; font-weight:600; margin-top:15px; margin-right:10px; padding:6px 12px 0 12px }
.btnLink:active, .btnLink:focus, .btnLink:hover, .btnLink:active:focus, .btnLink:active:hover, .btnLink:focus:hover,
.btnLink:active:focus:hover { color:#005999; text-decoration:none }

.btnEnl { color:#0074C8; font-size:13px; font-weight:600; padding:6px 12px }
.btnEnl:active, .btnEnl:focus, .btnEnl:hover, .btnEnl:active:focus, .btnEnl:active:hover, .btnEnl:focus:hover,
.btnEnl:active:focus:hover { color:#005999; text-decoration:none }

.btnCheck { color:#0074C8; font-size:12px; font-weight:600; padding:0 10px 10px }
.btnCheck:active, .btnCheck:focus, .btnCheck:hover, .btnCheck:active:focus, .btnCheck:active:hover, .btnCheck:focus:hover,
.btnCheck:active:focus:hover { color:#005999; text-decoration:none }

@media (max-width:767px) { 
    .btnLink { margin-top:0; margin-right:0; padding:6px 12px }
}

/*---------------TABLAS---------------*/

.table { background-color:#eff3f5; border:1px solid #eee; box-shadow:0 2px 2px #e7e7e7; border-radius:2px }
.table-hover > tbody > tr { background-color:#f5f5f5 }
.tableContactos > thead > tr > th { padding:5px }

/*Tabla Contactos*/

.thTipo { width:12% }
.thCont { width:55% }
.thMail { width:18% }
.thEdit { width:15%; text-align:center; padding:5px }

/*---------------AYUDA---------------*/

.helpBlock { display:block; margin-top:5px; margin-bottom:10px; color:#959595 }

/*---------------FORMULARIOS---------------*/

div.input-group select.form-control:not(:first-child):not(:last-child),
div.input-group textarea.form-control:not(:first-child):not(:last-child),
div.input-group-btn:not(:first-child):not(:last-child) { border-radius:0 4px 4px 0 }

span.input-group-addon:not(:first-child):not(:last-child) { border-radius:4px 0 0 4px }
.upperText{ text-transform:uppercase }

input[type="checkbox"], input[type="radio"] { transform:scale(1.2) }
.checkbox input[type="checkbox"], .radio input[type="radio"] { margin-top:2px }
.topCheck > input[type="checkbox"] { margin-right:4px }
input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none }

.form-horizontal .control-label { color:#333; font-weight:600 }
.form-horizontal .has-error .control-label { color:#a94442 }

/*Enlaces*/

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height:391px }
.navbar-default .navbar-nav > li > a.aNav, #enlNav1, #enlNav2, #enlNav3, #enlNav4, #enlNav5
{ background-color:#0074C8; border-bottom:1px solid #005999; color:white; font-weight:600; text-transform:uppercase }

#ulNav1 > li > a.aNav, #ulNav2 > li > a.aNav, #ulNav3 > li > a.aNav, #ulNav4 > li > a.aNav, #ulNav5 > li > a.aNav
{ background-color:#0095ff; border-bottom:1px solid #0077cc; color:white; font-size:14px; font-weight:600; line-height:25px }

#ulNav1, #ulNav2, #ulNav3, #ulNav4, #ulNav5 { padding:0 }
li.liNav { background-color:#0074C8 }
#liSalir { margin-right:20px }

/*Responsive*/

@media (min-width:768px) { 
    #navPrinc { display:none }
}

@media (max-width:767px) { 
    #navUser, #ulSidebar, #enlImgNav, #ulSidebar, #ulSidebar2 { display:none }
    #liSalir { margin-left:10px; margin-right:0 }
}

/*---------------SIDEBAR---------------*/

.nav-sidebar { margin-bottom:0; position:relative }
.sidebar-open { bottom:33px }
.sidebar-close { bottom:15px }

.sidebar { background-color:#0074C8; border:none; top:0; z-index:10 }
.sidebar a { color:#f2f2f2; font-size:1em; font-weight:600 }
.sidebar .nav > li > a { padding:10px 15px }
.sidebar .nav > li > a:hover, div.sidebar .nav > li > a:focus { color:#0074C8; background-color:#f2f2f2 }

.sidebar .nav > li > #btnSidebar:hover, div.sidebar .nav > li > #btnSidebar:focus,
.sidebar .nav > li > #enlImgNav:hover, div.sidebar .navBtn > li > #enlImgNav:focus { background-color:initial }

.data-sidebar { background-color:#f2f2f2; margin-bottom:0; padding-top:5px; bottom:15px }
.data-sidebar > label { color:#0074C8; font-size:14px; margin:0 }

.iconDev { color:#ff4500; font-size:28px; margin-bottom:10px; padding:0 }

#ulSidebar, #ulSidebar2 { margin-bottom:0; position:relative; bottom:20px }
#liSidebar { background-color:#f2f2f2; height:85px; box-shadow:0 3px 3px -2px #f2f2f2 }
#liSidebar2 { background-color:#f2f2f2; box-shadow:0 3px 3px -2px #f2f2f2 }
#liSidebar > div { text-align:center }

#imgNav { position:relative; width:225px }
#imgHeader { width:150px }

#btnSidebar { color:#0074C8; position:relative; top:30px; z-index:1000 }
#btnSidebar2 { color:#0074C8 }

#sideBar i.iSidebar, #sideBar2 i.iSidebar { font-size:1.8em }

#sideBar2 { width:67px; display:none; overflow-y:hidden; text-align:center }
#sideBar2 i { font-size:1em }
#sideBar2 .nav > li > a { text-align:center }

div.sidebar ul.nav > li.active > a > .selected { 
    background:0 0;
    border-bottom:12px solid transparent;
    border-top:12px solid transparent;
    border-right:12px solid #eff3f5;
    display:block;
    float:right;
    position:absolute;
    right:0;
}

div.sidebar ul.nav > li.active > a:hover > .selected { border-right:12px solid #0074C8 }

#sideBar ul.nav > li.active > a > .selected { top:7px }
#sideBar2 ul.nav > li.active > a > .selected { top:10px }

#stackBusc, #stackCol, #stackBuscUsu, #stackUser, #stackListVis, #stackVis, #stackPot, #stackTip, #stackPre, #stackCom, #stackMed, #stackPac { right:2px }
#sideBar2 span.fa-stack i:last-of-type { position:relative; font-size:0.5em }

#stackBusc i:last-of-type { top:6px; left:12px }
#stackCol i:last-of-type { top:5px; left:11px }
#stackBuscUsu i:last-of-type { top:5px; left:10px }
#stackUser i:last-of-type { top:5px; left:9px }
#stackListVis i:last-of-type { top:7px; left:10px }
#stackVis i:last-of-type { top:7px; left:10px }
#stackPot i:last-of-type { top:5px; left:11px }
#stackTip i:last-of-type { top:7px; left:11px }
#stackPre i:last-of-type { top:7px; left:9px }
#stackCom i:last-of-type { top:6px; left:10px }
#stackMed i:last-of-type { top:7px; left:10px }
#stackPac i:last-of-type { top:6px; left:9px }
#stackFiltro { margin-right:-5px }
#stackFiltro i:last-of-type { font-size:12px; top:5px; left:8px }

/*Responsive*/
@media (min-width:1200px) and (max-width:1349px) { 
    #imgNav { top:2px; right:5px }
}
@media (min-width:992px) and (max-width:1024px) { 
    #imgNav { top:6px; right:5px }
}
@media (min-width:768px) and (max-width:991px) { 
    #imgNav { top:10px; right:5px }
}
@media (max-width:767px) { 
    div.sidebar { visibility:hidden }
}

/*---------------CARGANDO PAGINA---------------*/

.cargandoPag { width:100%; height:100%; position:absolute; opacity:1; background:#f2f2f2 url(../imgs/LogoImed_Peq.png) no-repeat center; z-index:99999 }
#loading { 
    position:relative;
    width:25px;
    height:25px;
    background:#003c66;
    border-radius:50px;
    top:58%;
    left:49%;
    animation:loading 1.5s infinite linear;
    -moz-animation:loading 1.5s infinite linear;
    -o-animation:loading 1.5s infinite linear;
    -webkit-animation:loading 1.5s infinite linear;
}
#loading:after { 
    position:absolute;
    width:55px;
    height:55px;
    border-top:10px solid #0074c8;
    border-bottom:10px solid #0074c8;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-radius :50px;
    content:'';
    top:-15px;
    left:-15px;
    animation:loading_after 1.5s infinite linear;
    -moz-animation:loading_after 1.5s infinite linear;
    -o-animation:loading_after 1.5s infinite linear;
    -webkit-animation:loading_after 1.5s infinite linear;
}

@media all and (max-device-width:992px) and (orientation:portrait){ 
    #loading { top:62% }
}
@media all and (max-device-width:992px) and (orientation:landscape){ 
    #loading { top:70% }
}

/*---------------ESTILOS PAGINAS ERROR---------------*/

#imgError { width:100%; margin-top:40px; margin-left:10px; margin-right:20px }
.errorTitle { font-weight:600; font-variant:small-caps }
.ulError { list-style:none; padding:0 }
.ulError a { font-size:1.2em }

/*---------------ESTILOS LOGIN---------------*/

#divLogin, #divActivate { padding:15px }
#divImg { border-bottom:1px solid #e7e7e7; padding:10px 0; text-align:center }
#legendLogin { border:none; box-shadow:none; font-weight:700; text-align:center }

#divLogin input, #divLogin select { border:1px solid #4da1e6; border-left:0; height:40px; font-weight:500; color:#000000 }
#divLogin > h3 { border:none; box-shadow:none; font-weight:600; margin-top:20px; margin-bottom:10px; font-size:22px; text-align:center }
#divLogin .input-group-addon { background-color:#fff; border:1px solid #4da1e6; border-right:0 }
#divLogin .input-group-addon > span { color:#005999 }
#divLogin .input-group-gray { background-color:#eee; border:1px solid #4da1e6; border-right:0 }

#divLogin #btnLogin, #divLogin #btnCodigo, #divLogin #btnPager { width:100%; border-radius:3px; padding:10px 20px; margin-top:0 }

#btnActivar { width:84%; border-radius:3px; padding:10px 20px }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { 
    -webkit-box-shadow:0 0 0 1000px #fff inset;
    background-color:#fff !important;
}
input:hover:-webkit-autofill, textarea:hover:-webkit-autofill, select:hover:-webkit-autofill,
input:active:-webkit-autofill, textarea:active:-webkit-autofill, select:active:-webkit-autofill,
input:focus:-webkit-autofill, textarea:focus:-webkit-autofill, select:focus:-webkit-autofill{ 
    -webkit-box-shadow:0 0 0 1000px #fff inset;
    background-color:#fff !important;
}

/*Responsive*/
@media (max-device-width:1024px) and (orientation:portrait) { 
    #divImg { margin-top:30px; padding-top:40px; padding-bottom:20px }
}
@media (max-device-width:1024px) and (orientation:landscape) { 
    #divImg { padding-top:15px; padding-bottom:10px }
}

/*---------------MODALES---------------*/

.modal-header { background-color:#0074C8; color:#fff }
.modal-header .close { color:#fff; filter:alpha(opacity=100); opacity:1; font-size:30px }
.modal-title { line-height:1.42857143; font-weight:700; font-size:15px; text-transform:uppercase }
.modal-body p { font-weight:600 }
.modal { cursor:pointer }
.btnModal { float:right }
.btnSalir { float:left }

/*Modal Contactos*/

#modalEditContacto .tituloCont { text-align:center }
#modalEditContacto .divContPer h4, #modalEditContacto .divContPer h6 { text-align:center; font-weight:600; margin:0 }
#modalEditContacto .divContPer h6 { border-bottom:2px solid #e5e5e5; padding-bottom:5px }
#modalEditContacto .divContCol h4 { text-align:center; font-weight:600; margin:0; border-bottom:2px solid #e5e5e5; padding-top:9px; padding-bottom:9px }

#modalNuevoContacto h4 { text-align:center; font-weight:600; border-bottom:2px solid #e5e5e5; margin-top:0; margin-bottom:0; padding-top:10px; padding-bottom:10px }
#modalNuevoContacto .modal-body, #modalEditContacto .modal-body { max-height:500px; overflow-y:scroll }
#divPersonaCon { border-right:1px solid #e5e5e5}
#divColaboradorConEdit { border-left:1px solid #e5e5e5}
#divPersonaCon, #divColaboradorCon, #divColaboradorConEdit { padding:0 }
#divPersonaCon .divContacto { padding:14px 5px 15px 20px }
.divContacto { background-color:#eff3f5; border-bottom:1px solid white; height:55px }
#divColaboradorCon .divContacto, #divColaboradorConEdit .divContacto { padding:10px 5px 18px 25px }
#divColaboradorPer .divContacto { padding:10px 5px 10px 20px }
.enlPasarCon { float:right }
.enlPasarCon i { font-size:1.8em; margin-right:4px }

.tipoEmail { font-size:1.3em; margin-right:8px }
.tipoMovil { font-size:1.7em; margin-right:10px; margin-left:4px }
.tipoTlfno { font-size:1.5em; margin-right:8px }
.tipoFax { font-size:1.3em; margin-right:8px }

#divColaboradorCon a.editarCon, #divColaboradorConEdit a.editarCon { font-size:1.5em; margin-right:15px }
#divColaboradorCon a.borrarCon, #divColaboradorConEdit a.borrarCon { font-size:1.5em; margin-left:10px }
.divContacto select { width:25%; margin-right:20px; float:left }
.divContacto input { width:54%; margin-right:15px; float:left }
#cargandoCont { position:relative; left:50%; margin-top:10px }
#cargandoCont2, .cargandoTag { position:relative; left:45%; margin-top:10px }
.enlNuevoCon { float:right; position:relative; bottom:35px; right:1%; cursor:pointer }
.enlNuevoCon i { font-size:1.8em }
#cargandoPer { position:relative; top:3px; right:3px }
#errorContInfo { color:#404040; text-decoration:underline; cursor:pointer }
#errorContInfo i { text-decoration:underline }

/*Modal Tags*/

#modalTags h4 { text-align:center; font-weight:600; border-bottom:2px solid #e5e5e5; margin-top:0; margin-bottom:0; padding-top:10px; padding-bottom:10px }
#modalTags .modal-body { max-height:500px; overflow-y:scroll }
#divTags { border-right:2px solid #e5e5e5}
#divTagsSelec { border-left:1px solid #e5e5e5}
#divTags, #divTagsSelec { padding:0 }
#divAñadirTags { height:0 }
.cargandoNuevoTag { position:relative; left:45%; margin-top:4px }
.enlNuevoTag { position:relative; bottom:33px; font-size:1.4em; cursor:pointer }
.divTag { padding:10px 5px; background-color:#eee; border-bottom:2px solid #e5e5e5; border-left:2px solid #e5e5e5 }
.divTag2 { padding:10px 5px; background-color:#eee; border-bottom:2px solid #e5e5e5; border-right:2px solid #e5e5e5 }
.lblTag, .lblTagError { margin-left:10px; margin-top:5px }
.pasarTag, .borrarTag { float:right; margin-top:2px; margin-right:10px; font-size:1.4em; cursor:pointer }
#cargandoListTag{ float:right; margin-right:13px; position:relative; top:6px }
#divNuevoTag { height:52px; padding:8px }
#newTag { width:75%; float:left }
.enlSaveTag, .enlCancelTag { float:left; margin-left:20px; margin-top:2px; font-size:1.5em; cursor:pointer }

/*Modal Errores Ajax*/

.modalContentError { background:#f2dede; border-color:#ebccd1; color:#b84442; border-radius:0 }
.modalContentError > div { padding:8px }
.modalContentError > div > button { color:#b84442; opacity:1; font-weight:900; margin-right:5px }
.modalContentError h4 { margin:5px 10px; padding:10px 10px 0 10px }
.modalContentError p { margin:5px 10px; padding:10px; font-size:15px }

/*Responsive*/

@media (min-width:768px) and (max-width:991px) { 
    #divColaboradorConEdit .divContacto { padding:10px 5px 18px 5px }
    #divColaboradorConEdit .divContacto select { width:25%; margin-right:10px; float:left }
    #divColaboradorConEdit .divContacto input { width:45% }
}
@media (min-width:768px) { 
    #modalNuevoContacto .modal-dialog { width:750px }
}
@media (min-width:1200px) { 
    #modalNuevoContacto div.modal-lg, #modalEditContacto div.modal-lg{ width:1100px }
}
@media (max-width:1199px) { 
    div.modal-dialog { width:95%; margin:30px auto }
    .divContacto input { width:52% }
}
@media (max-width:991px) { 
    #divPersonaCon label { font-size:0.8em }
}
@media (min-width:768px) { 
    .modal-content { -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5); box-shadow:0 5px 15px rgba(0,0,0,.5) }
}
@media (max-width:767px) { 
    #cargandoCont, .cargandoTag { left:40%; margin-bottom:10px }
    #cargandoCont2 { left:40%; margin-bottom:10px }
    #modalNuevoContacto div.modal-dialog { width:100% }
    #modalNuevoContacto .modal-body { padding:0 }
    #modalEditContacto .divContCol h4 { border-top:1px solid #e5e5e5; padding-top:10px; padding-bottom:12px }
    #modalEditContacto .divContPer h4 { border-top:1px solid #e5e5e5; padding-top:4px }

    #divPersonaCon .divContacto { padding:10px 5px 20px 5px }
    #divPersonaCon { border-left:1px solid #e5e5e5}
    #divColaboradorConEdit { border-right:1px solid #e5e5e5}
    #divColaboradorCon .divContacto { padding:4px }
    #divColaboradorConEdit .divContacto { padding:4px }
    .divContacto { height:75px }
    .divTipoEmail { height:80px }
    .divContacto select { width:35%; margin-left:5px; margin-right:5px; float:left }
    .divContacto input { width:55%; height:34px; font-size:0.9em; margin-right:0 }
    #divColaboradorCon a.editarCon { top:3px; left:70% }
    #divColaboradorConEdit a.editarCon { top:8px; left:70% }
    #divColaboradorCon a.borrarCon { top:2px; left:72% }
    #divColaboradorConEdit a.borrarCon { top:7px; left:72% }
    #divPersonaCon label { font-size:0.7em }
    #divContVacio { text-align:center; height:45px }
    .enlPasarCon i { font-size:1.5em; margin-right:2px; position:relative; top:2px }
    #guardandoCont { margin-right:0 }

    .tipoEmail { font-size:1em; margin-right:5px }
    .tipoMovil { font-size:1.4em; margin-right:7px; margin-left:3px }
    .tipoTlfno { font-size:1.2em; margin-right:5px }

    /*Modal Tags*/
    #modalTags { padding-right:0 }
    #modalTags div.modal-dialog { width:100% }
    #modalTags .modal-body { padding:0 }
    #divTags h4 { padding-left:20px }
    #modalTags .enlNuevoTag { bottom:36px; left:10px; font-size:1.6em }
    #modalTags .divTag { padding:5px; height:55px }
    #modalTags .divTag2 { padding:5px; height:55px }
    #modalTags #divNuevoTag { height:75px }
    #modalTags .lblTag { margin-left:5px; max-width:70% }
    #modalTags .cargandoTag { left:30%; margin-bottom:10px }
    .enlSaveTag, .enlCancelTag { margin-left:40px; margin-bottom:5px }
    #newTag { width:100% }
}
@media (max-width:380px) { 
    .enlNuevoCon, .enlNuevoConEdit { margin-right:5px }
    #divColaboradorCon a.editarCon { font-size:1.5em; top:8px; right:10% }
    #divColaboradorConEdit a.editarCon { font-size:1.5em; top:9px; left:70% }
    #divColaboradorCon a.borrarCon, #divColaboradorConEdit a.borrarCon { font-size:1.5em; top:8px; left:71% }
    #divColaboradorCon .divContacto:first-of-type a.borrarCon,
    #divColaboradorCon .divContacto, #divColaboradorConEdit .divContacto { height:80px }
    #divColaboradorCon h4, #divColaboradorConEdit h4 { width:100% }
    #divContactosPer { overflow:hidden }
    #lblModalComp { font-size:0.8em }
}
@media (max-width:320px) { 
    .divContacto input { width:53% }
}

/*---------------ESTILOS FORMULARIOS COLABORADORES---------------*/

#helpPass, #helpPass2 { height:15px }
.textReq { font-weight:600; font-size:13px; margin-left:10px }
.spanReq { font-weight:600; font-size:13px; margin-left:2px }

div legend { font-weight:600; margin-top:20px; margin-bottom:10px; font-size:24px }
.form-horizontal div.checkbox { padding-top:0 }
.checkbox label, .radio label { color:#333; font-weight:600 }
.form-horizontal .radio { display:inline-block; margin-left:10px }
.form-horizontal .radio label:last-of-type { margin-left:10px }
.form-horizontal .radioDir { margin-left:0 }
.form-horizontal .radioCol { display:block }

#divExtranjero { display:none }
span.help-block { margin-top:0; margin-bottom:0 }

#checkIndex label { margin-bottom:10px; margin-left:10px }
.has-error .form-control { background-color:#ffe6e6 }
.has-error .form-control:focus { 
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(1206,132,131,.6);
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(206,132,131,.6);
}
.form-control { font-size:13px; transition:none; -webkit-transition:none; -o-transition:none }
.form-control:focus { 
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

label.legend{ 
    display:block;
    width:100%;
    padding:0;
    font-size:17px;
    line-height:inherit;
    color:#333;
    border:0;
    border-bottom:1px solid #e5e5e5;
    margin-top:10px;
}

form > fieldset > div.form-group > div.checkbox { margin-bottom:5px; margin-left:10px }
.form-horizontal .has-feedback span.form-control-feedback { right:25px; top:27px }
.has-feedback input.form-control { padding-right:25px }
.has-feedback select.form-control { padding-right:35px }
#iconTrat, #iconNac, #iconSex, #iconTipo,
#iconCol, #iconCom, #iconPais,
#iconTipoVia, #iconProv, #iconPob { right:25px }
legend > a, h3 > a { float:right; position:relative; bottom:4px }
h4 > a { float:right; position:relative; bottom:10px }
.inNum, .inEsp, #divDireccion { display:none }
.divErrors { color:#dc3545; font-size:.9em; height:15px; margin-top:5px }

@media (max-width:767px) and (orientation:portrait) { 
    .form-horizontal .radio:last-of-type { margin-bottom:10px }
}
@media (max-width:767px) and (orientation:landscape) { 
    .form-horizontal .radio { margin-bottom:10px }
}
@media (min-width:1200px) { 
    .inOpc { margin-bottom:15px; width:55% }
    .inTipo { margin-bottom:15px; width:45% }
    .inOpcEmp { margin-bottom:15px }
}
@media (min-width:992px) and (max-width:1199px) { 
    .inOpc { margin-bottom:15px; width:55% }
    .inTipo { margin-bottom:15px; width:45% }
    .inOpcEmp { margin-bottom:15px }
}
@media (max-width:767px) and (orientation:portrait) { 
    .form-btn button, .form-btn a { width:49% }
}
@media (max-width:767px) and (orientation:landscape) { 
    .form-btn button, .form-btn a { width:30% }
}
@media (max-width:767px) { 
    .form-horizontal .radioCol { display:inline-block }
    .datosPers { text-align:center }
    .datosPers > h3 { margin-left:0 }
    .rowDatosCol .titulo, .rowDatosCol .titulo > .textReq { margin-left:0 }

    .inOpc .divCheckbox, .inTipo .divCheckbox { width:100% }
    .inOpc .checkbox { display:inline-block }
    .inOpc .control-label, .inTipo .control-label { display:block }
}

/*Imagen Cargando*/

#cargandoCen { position:relative; left:50%; top:5px }
img.cargandoMin { position:relative; left:50%; top:5px }
.divCargandProv { height:0 }
img.cargandoProv { position:relative; left:100px; bottom:56px }

/*Responsive*/

@media (min-width:1400px) { 
    /*Datos Personales*/
    div.inTipoDoc { width:15% }
    div.inNif { width:15% }
    div.inTrat { width:13% }
    div.inNom { width:17% }
    div.inApe1 { width:17% }
    div.inApe2 { width:17% }
    div.inFecNac { width:18%; margin-right:20px }
    div.inCol { width:20% }
    div.inEsp { width:20% }
    div.inNac { width:20% }
    div.inNum { width:18% }
    div.inPag { width:35% }

    /*Nuevo Colaborador*/
    div.inMedicoExt { width:24%; min-height:84px }
    div.inNomCom { width:24%; min-height:84px }
    div.inAsocCen { width:24%; min-height:84px }
    div.inCom { width:24% }
    div.inNotas { width:32% }
    div.inCondPaciente { width:33% }
    div.inCondLiquid { width:33% }
    div.inContactos { width:33% }
    div.inTags { width:33% }
    div.inPlan { clear:both; width:35% }

    /*Añadir Colaborador*/
    div.inMedicoExtNew { width:26%; min-height:86px }
    div.inNomComNew { width:22%; min-height:86px }
    div.inAsocCenNew { width:26%; min-height:86px }
    div.inComNew { width:26% }
    div.inComEmpNew { width:25% }
    div.inNotasNew { width:34% }
    div.inCondPacienteNew { width:33% }
    div.inCondLiquidNew { width:33% }
    div.inContactosNew { width:33% }
    div.inTagsNew { width:33% }
    div.inTagsNew2 { width:49% }
    div.inPlanNew { clear:both; width:35% }

    /*Editar Colaborador*/
    div.inMedicoExtEdit { width:33%; min-height:84px }
    div.inNomComEdit { width:33%; min-height:84px }
    div.inComEdit { width:32%; min-height:84px }
    div.inNotasEdit { width:33% }
    div.inCondPacienteEdit { width:33% }
    div.inCondLiquidEdit { width:33% }
    div.inContactosPrincEdit { width:33% }
    div.inTagsPrincEdit { width:33% }
    div.inContactosEdit { width:40% }
    div.inTagsEdit { width:40% }
    div.inPlanEdit { width:32% }

    /*Nueva Empresa*/
    div.inComEmp { width:24% }
    div.inNotasEmp { width:34% }
    div.inCondPacienteEmp { width:33% }
    div.inCondLiquidEmp { width:33% }
    div.inContactosEmp { width:29% }
    div.inTagsEmp { width:29% }

    /*Editar Empresa*/
    div.inComEmpEdit { width:25% }
    div.inNotasEmpEdit { width:30% }
    div.inCondPacienteEmpEdit { width:30% }
    div.inCondLiquidEmpEdit { width:30% }
    div.inContactosEmpEdit { width:35% }
    div.inTagsEmpEdit { width:35% }

    /*Datos Direccion*/
    div.inPais { width:23%; margin-top:-2px }
    div.inTipoVia { width:17% }
    div.inNomVia { width:28% }
    div.inNumDir { width:12% }
    div.inPiso { width:10% }
    div.inPuerta { width:10% }
    div.inCodP { width:15% }
    div.inProv { width:20% }
    div.inPob { width:20% }

    /*Listado Visitas*/
    .inHoraVisitaEdit { width:12% }

    /*Datos Col. Potencial*/
    #insertPotencial .row.form-group > div:first-of-type, #editPotencial .row.form-group > div:first-of-type { width:19% }
    #insertPotencial .row.form-group > div:nth-child(2), #editPotencial .row.form-group > div:nth-child(2) { width:18% }

    #divFisicoPot > div:nth-of-type(3), #divFisicoPot > div:nth-of-type(4), #divFisicoPot > div:nth-of-type(5),
    #divFisicoPotEdit > div:nth-of-type(3), #divFisicoPotEdit > div:nth-of-type(4), #divFisicoPotEdit > div:nth-of-type(5) { width:16% }

    #divFisicoPot > div:first-of-type, #divFisicoPot > div:nth-of-type(2), #divJuridicoPot > div:first-of-type, #divJuridicoPot > div:nth-of-type(2),
    #divFisicoPotEdit > div:first-of-type, #divFisicoPotEdit > div:nth-of-type(2), #divJuridicoPotEdit > div:first-of-type, #divJuridicoPotEdit > div:nth-of-type(2) { width:15% }

    #divJuridicoPot > div:last-of-type, #divJuridicoPotEdit > div:last-of-type { width:33% }
}

@media (min-width:1200px) and (max-width:1399px) { 
    /*Datos Personales*/
    div.inTipoDoc { width:18% }
    div.inTrat { width:16% }
    div.inNif { width:20% }
    div.inNom{ width:22% }
    div.inApe1{ width:22% }
    div.inApe2 { width:20% }
    div.inFecNac { width:23%; margin-right:15px }
    div.inNac { width:24% }
    div.inCol { width:30% }
    div.inNum { width:22% }
    div.inEsp { width:30% }
    div.inPag { width:40% }

    /*Nuevo Colaborador*/
    div.inMedicoExt { width:32%; min-height:86px }
    div.inNomCom { width:30%; min-height:86px }
    div.inAsocCen { width:38%; min-height:86px }
    div.inCom { width:32% }
    div.inNotas { width:50% }
    div.inCondPaciente { width:50% }
    div.inCondLiquid { width:50% }
    div.inContactos { width:50% }
    div.inTags { width:50% }
    div.inPlan { width:35% }

    /*Añadir Colaborador*/
    div.inMedicoExtNew { width:25%; min-height:86px }
    div.inNomComNew { width:23%; min-height:86px }
    div.inAsocCenNew { width:27%; min-height:86px }
    div.inComNew { width:25% }
    div.inComEmpNew { width:25% }
    div.inTipoNew { width:17%; margin-top:2px }
    div.inNotasNew { width:30% }
    div.inCondPacienteNew { width:33% }
    div.inCondLiquidNew { width:33% }
    div.inContactosNew { width:35% }
    div.inTagsNew { width:35% }
    div.inTagsNew2 { width:49% }
    div.inPlanNew { width:35% }

    /*Editar Colaborador*/
    div.inMedicoExtEdit { width:33%; min-height:86px }
    div.inNomComEdit { width:33%; min-height:86px }
    div.inComEdit { width:32%; min-height:86px }
    div.inNotasEdit { width:34% }
    div.inCondPacienteEdit { width:33% }
    div.inCondLiquidEdit { width:33% }
    div.inContactosPrincEdit { width:50% }
    div.inTagsPrincEdit { width:50% }
    div.inPlanEdit { width:35% }

    /*Nueva Empresa*/
    div.inComEmp { width:30% }
    div.inNotasEmp { width:34% }
    div.inCondPacienteEmp { width:33% }
    div.inCondLiquidEmp { width:33% }
    div.inContactosEmp { width:33% }
    div.inTagsEmp { width:34% }

    /*Editar Empresa*/
    div.inComEmpEdit { width:30% }
    div.inNotasEmpEdit { width:35% }
    div.inCondPacienteEmpEdit { width:35% }
    div.inCondLiquidEmpEdit { width:35% }
    div.inContactosEmpEdit { width:50% }
    div.inTagsEmpEdit { width:50% }

    /*Datos Direccion*/
    div.inPais { width:27%; margin-top:-2px }
    div.inTipoVia { width:21% }
    div.inNomVia { width:36% }
    div.inNumDir { width:16% }
    div.inPiso { width:12% }
    div.inPuerta { width:12% }
    div.inCodP { width:18% }
    div.inProv { width:27% }
    div.inPob { width:27% }

    /*Datos Col. Potencial*/
    #insertPotencial .row.form-group > div:first-of-type, #editPotencial .row.form-group > div:first-of-type { width:24% }

    #insertPotencial .row.form-group > div:nth-child(2), #editPotencial .row.form-group > div:nth-child(2),
    #divFisicoPot > div:nth-of-type(3), #divFisicoPot > div:nth-of-type(4), #divFisicoPot > div:nth-of-type(5),
    #divFisicoPotEdit > div:nth-of-type(3), #divFisicoPotEdit > div:nth-of-type(4), #divFisicoPotEdit > div:nth-of-type(5) { width:20% }

    #divFisicoPot > div:first-of-type, #divFisicoPot > div:nth-of-type(2), #divJuridicoPot > div:first-of-type, #divJuridicoPot > div:nth-of-type(2),
    #divFisicoPotEdit > div:first-of-type, #divFisicoPotEdit > div:nth-of-type(2), #divJuridicoPotEdit > div:first-of-type, #divJuridicoPotEdit > div:nth-of-type(2) { width:18% }

    #divJuridicoPot > div:last-of-type, #divJuridicoPotEdit > div:last-of-type { width:40% }

    /*Listado Visitas*/
    .inHoraVisitaEdit { width:15% }
}

@media (min-width:992px) and (max-width:1199px) { 
    /*Datos Personales*/
    div.inTipoDoc { width:22% }
    div.inNif { width:22% }
    div.inTrat { width:24% }
    div.inNom { width:24% }
    div.inApe1 { width:24% }
    div.inApe2 { width:22% }
    div.inNac { width:24% }
    div.inFecNac { width:27%; margin-right:15px }
    div.inCol { width:33% }
    div.inNum { width:33% }
    div.inEsp { width:33% }
    div.inPag { width:53% }

    /*Nuevo Colaborador*/
    div.inMedicoExt { width:30%; min-height:86px }
    div.inNomCom { width:30%; min-height:86px }
    div.inAsocCen { width:40%; min-height:86px }
    div.inCom { width:30% }
    div.inNotas { width:50% }
    div.inCondPaciente { width:50% }
    div.inCondLiquid { width:50% }
    div.inContactos { width:50% }
    div.inTags { width:50% }
    div.inPlan { width:41% }

    /*Añadir Colaborador*/
    div.inMedicoExtNew { width:32%; min-height:86px }
    div.inNomComNew { width:30%; min-height:86px }
    div.inAsocCenNew { width:37%; min-height:86px }
    div.inComNew { width:33% }
    div.inComEmpNew { width:35% }
    div.inTipoNew { width:20%; margin-top:2px; margin-left:6px }
    div.inOpcNew { width:30% }
    div.inNotasNew { width:50% }
    div.inCondPacienteNew { width:50% }
    div.inCondLiquidNew { width:50% }
    div.inContactosNew { width:50% }
    div.inTagsNew { width:50% }
    div.inPlanNew { width:30% }

    /*Editar Colaborador*/
    div.inMedicoExtEdit { width:33% }
    div.inNomComEdit { width:33% }
    div.inComEdit { width:32% }
    div.inNotasEdit { width:50% }
    div.inCondPacienteEdit { width:50% }
    div.inCondLiquidEdit { width:50% }
    div.inContactosPrincEdit { width:50% }
    div.inTagsPrincEdit { width:50% }
    div.inPlanEdit { width:50% }

    /*Nueva Empresa*/
    div.inComEmp { width:30% }
    div.inNotasEmp { width:50% }
    div.inCondPacienteEmp { width:50% }
    div.inCondLiquidEmp { width:50% }
    div.inContactosEmp { width:50% }
    div.inTagsEmp { width:50% }

    /*Editar Empresa*/
    div.inComEmpEdit { width:40% }
    div.inNotasEmpEdit { width:37% }
    div.inCondPacienteEmpEdit { width:50% }
    div.inCondLiquidEmpEdit { width:50% }
    div.inContactosEmpEdit { width:50% }
    div.inTagsEmpEdit { width:50% }

    /*Datos Direccion*/
    div.inPais { width:33%; margin-top:-2px }
    div.inTipoVia { width:21% }
    div.inNomVia { width:30% }
    div.inNumDir { width:16% }
    div.inPiso { width:14% }
    div.inPuerta { width:14% }
    div.inCodP { width:22% }
    div.inProv { width:25% }
    div.inPob { width:25% }

    /*Datos Col. Potencial*/
    #insertPotencial .row.form-group > div:first-of-type, #editPotencial .row.form-group > div:first-of-type { width:32% }
    #insertPotencial .row.form-group > div:nth-child(2), #editPotencial .row.form-group > div:nth-child(2) { width:30% }

    #divFisicoPot > div:nth-of-type(3), #divFisicoPot > div:nth-of-type(5),
    #divFisicoPotEdit > div:nth-of-type(3), #divFisicoPotEdit > div:nth-of-type(5) { width:24% }

    #divFisicoPot > div:nth-of-type(4), #divFisicoPotEdit > div:nth-of-type(4) { width:32% }

    #divFisicoPot > div:first-of-type, #divJuridicoPot > div:first-of-type,
    #divFisicoPotEdit > div:first-of-type, #divJuridicoPotEdit > div:first-of-type, { width:26% }

    #divFisicoPot > div:nth-of-type(2), #divJuridicoPot > div:nth-of-type(2),
    #divFisicoPotEdit > div:nth-of-type(2), #divJuridicoPotEdit > div:nth-of-type(2) { width:28% }

    #divJuridicoPot > div:last-of-type, #divJuridicoPotEdit > div:last-of-type { width:52% }

    /*Listado Visitas*/
    .inHoraVisitaEdit { width:16% }
}

@media (min-width:768px) and (max-width:991px) { 
    /*Datos Personales*/
    div.inTipoDoc { width:25% }
    div.inNif { width:30% }
    div.inTrat { width:26% }
    div.inNom { width:33% }
    div.inApe1 { width:34% }
    div.inApe2 { width:33% }
    div.inFecNac { width:32%; margin-right:15px }
    div.inNac { width:31% }
    div.inCol { width:35% }
    div.inNum { width:35% }
    div.inEsp { width:45% }
    div.inPag { width:52% }

    /*Nuevo Colaborador*/
    div.inMedicoExt { width:50%; min-height:90px }
    div.inNomCom { width:50%; min-height:90px }
    div.inAsocCen { width:50%; min-height:90px }
    div.inCom { width:50% }
    div.inNotas { width:83%; margin-left:8.3%}
    div.inCondPaciente { width:83%; margin-left:8.3%}
    div.inCondLiquid { width:83%; margin-left:8.3%}
    div.inContactos { width:83%; margin-left:8.3% }
    div.inTags { width:83%; margin-left:8.3% }
    div.inPlan { width:50% }

    /*Añadir Colaborador*/
    div.inMedicoExtNew { width:50%; min-height:90px }
    div.inNomComNew { width:50%; min-height:90px }
    div.inAsocCenNew { width:50%; min-height:90px }
    div.inComNew { width:50% }
    div.inComEmpNew { width:50% }
    div.inTipoNew { width:28%; margin-left:10% }
    div.inOpcNew { width:50%; padding-right:0 }
    div.inNotasNew { width:83%; margin-left:8.3%}
    div.inCondPacienteNew { width:83%; margin-left:8.3% }
    div.inCondLiquidNew { width:83%; margin-left:8.3% }
    div.inContactosNew { width:83%; margin-left:8.3% }
    div.inTagsNew { width:83%; margin-left:8.3% }
    div.inPlanNew { width:65%; margin-left:8.3% }

    /*Editar Colaborador*/
    div.inMedicoExtEdit { width:50% }
    div.inMedicoExtEdit2 { width:50% }
    div.inNomComEdit { width:50% }
    div.inNomComEdit2 { width:50% }
    div.inComEdit { width:50% }
    div.inTipoEdit a { font-size:0.7em}
    div.inNotasEdit { width:83%; margin-left:8.3%}
    div.inCondPacienteEdit { width:83%; margin-left:8.3%}
    div.inCondLiquidEdit { width:83%; margin-left:8.3%}
    div.inContactosEdit { width:83%; margin-left:8.3% }
    div.inTagsEdit { width:83%; margin-left:8.3% }
    div.inPlanEdit { width:50%; margin-top:-7px }

    /*Nueva Empresa*/
    div.inComEmp { width:55% }
    div.inNotasEmp { width:83%; margin-left:8.3%}
    div.inCondPacienteEmp { width:83%; margin-left:8.3%}
    div.inCondLiquidEmp { width:83%; margin-left:8.3%}
    div.inContactosEmp { width:83%; margin-left:8.3% }
    div.inTagsEmp { width:83%; margin-left:8.3% }

    /*Editar Empresa*/
    div.inComEmpEdit { width:50% }
    div.inOpcEmpEdit { width:50% }
    div.inNotasEmpEdit { width:83%; margin-left:8.3%}
    div.inCondPacienteEmpEdit { width:83%; margin-left:8.3%}
    div.inCondLiquidEmpEdit { width:83%; margin-left:8.3%}
    div.inContactosEmpEdit { width:83%; margin-left:8.3% }
    div.inTagsEmpEdit { width:83%; margin-left:8.3% }

    /*Datos Direccion*/
    div.inPais { width:42%; margin-top:-2px }
    div.inTipoVia  { width:33% }
    div.inNumDir { width:24% }
    div.inNomVia { width:50% }
    div.inPiso { width:25% }
    div.inPuerta { width:25% }
    div.inCodP { width:30% }
    div.inProv { width:35% }
    div.inPob { width:35% }

    /*Datos Col. Potencial*/
    #insertPotencial .row.form-group > div:first-of-type, #editPotencial .row.form-group > div:first-of-type { width:24% }

    #divFisicoPot > div:nth-of-type(3), #divFisicoPot > div:nth-of-type(4), #divFisicoPot > div:nth-of-type(5),
    #divFisicoPotEdit > div:nth-of-type(3), #divFisicoPotEdit > div:nth-of-type(4), #divFisicoPotEdit > div:nth-of-type(5) { width:34% }

    #divFisicoPot > div:first-of-type, #divJuridicoPot > div:first-of-type,
    #divFisicoPotEdit > div:first-of-type, #divJuridicoPotEdit > div:first-of-type { width:30% }

    #divFisicoPot > div:nth-of-type(2), #divJuridicoPot > div:nth-of-type(2),
    #divFisicoPotEdit > div:nth-of-type(2), #divJuridicoPotEdit > div:nth-of-type(2),
    #insertPotencial .row.form-group > div:nth-child(2), #editPotencial .row.form-group > div:nth-child(2) { width:38% }

    #divJuridicoPot > div:last-of-type, #divJuridicoPotEdit > div:last-of-type { width:68% }
}

@media (max-width:320px) { 
    div.inTipoDoc { width:45% }
    div.inNif { width:55% }
    div.inTrat { width:60% }
    div.inNom { width:80% }
    div.inApe1 { width:80% }
    div.inApe2 { width:80% }
    div.inFecNac { width:80% }
    div.inNac { width:100% }
    div.inCol { width:100% }
    div.inNum { width:80% }
    div.inEsp { width:100% }
    div.inPag { width:100% }
}

/*Index*/

.titulo { color:#3277B3; font-weight:700; margin-top:15px; margin-left:10px; margin-bottom:10px }
h2.titulo { font-size:22px }
h3.titulo { font-size:20px }
h4.titulo { font-size:17px }

.rowDatos { padding:0 20px 10px 20px; display:none }
.titLabel { padding:10px 5px; font-size:1.2em }
.divNewBusc { text-align:right }
.pLabel { padding:10px 5px; font-size:1.1em; font-weight:normal }
.panelIndex, .panelEsp, .panelCen { border:1px solid #e3e3e3; background-color:#f5f5f5 }
#enlNewBusc { margin-top:15px }
.enlEdicion, .enlActivar, .enlDesactivar, #enlNewBusc { font-size:13px; font-weight:600; font-variant:none; padding-bottom:0 }
.enlEdicion:hover, .enlActivar:hover, .enlDesactivar:hover, #enlNewBusc:hover { text-decoration:none }
.enlActivar { color:#006622 }
.enlDesactivar { color:#990000 }
.enlActivar:hover { color:#004d1a }
.enlDesactivar:hover { color:#800000 }
#divJuridicoBusc { display:none }

.rowCol { padding:5px 2px 0 2px }
.rowCol div { padding-left:0; padding-right:0 }
.rowCol .divCol { padding-left:10px; padding-right:5px }

.rowCol p { margin-bottom:0 }
.divCol p.pCol { font-size:14px; font-weight:600; margin-top:5px; margin-right:20px }
.divCol p.sin-colab { font-size:14px; font-weight:500; margin:10px 0; padding-left:35px }
.btnVer { width:80% }

p.ratio { font-size:0.9em; padding-top:5px }
span.ratioSpan { font-size:1em; font-weight:600 }

#buscadorDiv .rowCol { padding:10px 2px 5px }
#buscadorDiv .spanCol { padding-left:0 }
#buscadorDiv #btnBusqueda { margin-top:25px }
#iValidAcceso { color:green; font-size:1.4em }

@media (min-width:768px) and (max-width:991px) { 
    #buscadorDiv .rowCol div:nth-of-type(2) { text-align:left }
}

@media (max-width:767px) { 
    .divErrors { height:20px }
    .navigation { text-align:center }

    .divNewBusc { text-align:center }
    .divNewBusc a { padding:0; font-size:11pt }

    #buscadorDiv .btnPrinc { margin:5px 0 }
    #buscadorDiv .divCol .spanCol { font-size:15px; text-align:left }
    #buscadorDiv .divCol p.pCol { font-size:13px; text-align:center; margin-right:0 }
    #buscadorDiv #btnBusqueda { margin-top:20px }
}
@media (max-width:767px) and (orientation:portrait) { 
    #buscadorDiv .btnPrinc { width:100% }
}
@media (max-width:767px) and (orientation:landscape) { 
    #buscadorDiv .btnPrinc { width:70% }
}

/*---------------ESTILOS COLABORADORES---------------*/

table > thead > tr > th,
table > thead > tr > th > a.sortable{ color:#333 }
.ui-datepicker-trigger { cursor:pointer; position:relative; left:32px; bottom:30px; float:right }
.iconAutoComp { top:27px; right:20px }

.smallCaps { font-variant:small-caps }
.spanCol { font-size:17px; font-weight:700; margin:10px 0; padding-left:35px }
.spanTit { font-weight:600 }
.errorDocEmp { font-size:16px; font-weight:700 }

.rowTit > div:last-of-type { text-align:right }
.rowTit a { padding:0; margin-top:15px; margin-left:25px }

.rowCol .tipr_content { padding:9px 17px }
.rowDatosCol { padding:0 20px 10px 20px; display:none }
.muestraCol { margin-bottom:10px; border-radius:4px }

.newCol { font-size:1.2em; font-weight:600; margin-top:10px; margin-right:15px; padding:6px 12px 0 12px }
.newCol > i { font-size:1em }

.newContacto { float:right; cursor:pointer; font-size:1.2em; margin-right:10px; position:relative; top:5px }
.newCentro { float:right; position:relative; top:5px; margin-right:15px }
.refreshCentros { float:right; position:relative; top:5px; margin-right:10px; cursor:pointer }
.topCheck { position:relative; top:5px }
.divEnviar { display:inline-block; margin-left:10px }
.divEnviar > .fechaVal { font-size:0.9em; padding:0; display:table; margin-left:5px }
.enlColAsoc { font-size:0.7em; font-weight:600; text-transform:uppercase; padding:5px 10px; margin-left:10px }
.rowPager > div:last-of-type { text-align:right }

#divNuevoColaborador, .divNuevaVisita, #tipoAcceso1, #tipoAcceso2, #nomComercial, .inMedicoExt, .inPag, .inPlan, .inPlanNew,
#enlCambiarCom, #divCambiarCom, #divFiltroCambiarCom, #divFormNewMedico, #divFormBuscMedico { display:none }

.inOpc .checkbox, .inOpcEmp .checkbox, .inTipo .checkbox { display:inline-block }
.inTipo { min-height:35px }
.inTipoValid { min-height:80px }
.divCheckbox { background-color:#f2f2f2; border:1px solid #e6e6e6; border-radius:3px; box-shadow:0 2px 2px #eee; display:inline-block; margin-top:5px; min-width:320px; padding:5px 15px }
.divCheckbox a:not(.enviarSms) { font-size:13px }
#cargandoAcceso { display:inline-block; margin-left:20px }

.panelTags { padding:10px; margin-bottom:10px; background-color:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:0 1px 1px rgba(0,0,0,.05); -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05) }
.panelTags label { font-weight:600 }
.tag { padding:5px; font-weight:700; color:#004880; text-align:center; border-radius:3px; margin-right:8px; margin-top:5px; font-size:0.9em; background-color:#eee }
.editTags { float:right; cursor:pointer; font-size:1.2em; margin-right:10px; position:relative; top:5px }
.removeTag { color:#004880; margin-left:10px; cursor:pointer }

.divNuevaVisita { padding-left:15px; padding-right:15px }
.rowTitVisita > div:last-of-type { text-align:right }
.visita { background-color:#f8f8f8; border:1px solid #f2f2f2; padding:8px 2px }
.visita:not(:last-of-type) { border-bottom:2px solid #f2f2f2 }
.visita:not(:first-of-type) { margin-top:5px }
.visita > div:not(:last-of-type) { border-right:2px solid #e6e6e6; text-align:center }
.visita p { font-size:14px; font-weight:500; margin-bottom:5px }
.visita p.sin-visitas { font-weight:500; margin:10px 0 }

@media (min-width:768px) and (max-width:991px) { 
    .inTipo, .inOpc, .inOpcEmp { margin-bottom:15px; text-align:center }
    .divCheckbox { text-align:left }

    .rowTit > div:last-of-type { text-align:left }
    .rowTit > div:last-of-type > a:first-of-type { float:right }

    .rowTitVisita > div:last-of-type { text-align:center }
}
@media (max-width:767px) { 
    .contentCol .newCol { font-size:1.2em; margin-top:8px }
    .contentCol .divCol .pCol { margin:5px 10px; font-size:15px }
    .contentCol .divCol .spanCol { font-size:17px; padding-left:5px }
    .contentCol .muestraCol { margin-left:15px }
    .enlColAsoc { margin-left:0; margin-top:10px }

    .rowTit > div, .rowTit > div:last-of-type { text-align:center }
    .rowTit a { padding:8px 0; margin-top:5px; margin-left:0 }

    .titulo span.textReq { display:inline-block }
    .titulo a.enlEdicion { margin-top:10px; width:100%; padding:10px 0 }

    .titulo { margin-left:0 }
    h2.titulo { font-size:22px }
    h3.titulo { font-size:20px }
    h4.titulo { font-size:18px }

    .inTipoEdit { margin-bottom:15px }
    .inTipoEdit, .inOpcEdit { text-align:center }
    .divEnviar a { margin-left:10px }

    .inTipo, .inOpc, .inOpcEmp { margin-bottom:15px; text-align:center }
    .divCheckbox { text-align:left }

    .inTipo .checkbox, .inOpc .checkbox, .inOpcEmp .checkbox { margin-left:15px }
    #tipoAcceso3 label { margin-left:15px }

    .rowPager > div, .rowPager > div:last-of-type { text-align:center }
    .rowTitVisita > div:last-of-type, .visita > div:not(:last-of-type) { text-align:center }
}
@media (max-width:767px) and (orientation:portrait) { 
    .inTipoEdit, .inOpcEdit { width:100% }
    .divEnviar { width:86% }
    .divEnviar a { width:100% }
}
@media (max-width:767px) and (orientation:landscape) { 
    .inTipoEdit, .inOpcEdit { width:50% }
}

@media (max-width:360px) { 
    .titulo span.textReq { font-size:17px }
    a.enlEdicion { margin-top:15px; margin-bottom:5px }
    a.enlActivar, a.enlDesactivar { margin-top:10px; margin-bottom:5px }
    a.enlEdicion, a.enlActivar, a.enlDesactivar { margin-top:18px; width:100%; text-align:right;  padding:0 }
}

/*---------------ESTILOS COLABORADORES POTENCIALES---------------*/

.elem-hidden { display:none }
#tableColPot { font-size:13px }
#tableColPot a.btn { border-radius:3px }

#divFusionarPotencial h4 { margin-top:5px; font-size:20px; font-weight:600 }
#divFusionarPotencial p { margin-bottom:5px; font-size:15px; font-weight:600 }
#divFusionarPotencial span { font-weight:400 }
#divFusionarPotencial > .row > div:first-of-type .well { margin-bottom:2px }
#divFusionarPotencial > .row > div:last-of-type .well { margin-top:2px }
#divResultFusion a.btnLink { margin-top:0; margin-right:0 }
#buscTipoCol, #buscNom, #buscDoc { margin-bottom:10px }

p.sinVolante { border:1px solid #a94442; border-radius:3px; color:#a94442; display:inline-block; font-size:13px; font-weight:600; margin:3px 0 0 0; padding:3px 10px }
.btn-volante { cursor:pointer; margin:0; padding:3px 0 0 0 }

#pModalFusion { font-size:15px; color:#000000; margin-left:10px }
#pModalFusion span { font-weight:500 }
.iconsFusion i { font-size:1.5em; margin-right:4px; font-weight:600 }

.fichaBuscFusion { border:1px solid #d8e5f3; border-radius:3px; background-color:#ecf2f9; padding:7px 0; margin-bottom:10px }
.fichaBuscFusion .divBtn { text-align:right }
.fichaBuscFusion p { display:inline-block; margin-right:10px; font-size:18px }

.tdCenter { text-align:center }

#divCargandoPot, #divCargandoPotEdit, #divCargandoPotFiltro { float:left; margin-top:12px }

@media (max-width:1500px) { 
    #tableColPot, #tableTipoCol, #tableVisitas { font-size:0.95em }
}
@media (max-width:1400px) { 
    #tableColPot, #tableTipoCol, #tableVisitas { font-size:0.9em }
}
@media (max-width:1300px) { 
    #tableColPot, #tableTipoCol, #tableVisitas { font-size:0.85em }
}
@media (max-width:1200px) { 
    #tableColPot, #tableTipoCol, #tableVisitas { font-size:0.8em }
}
@media (max-width:1100px) { 
    #tableColPot, #tableTipoCol, #tableVisitas { font-size:0.75em }
}
@media (min-width:768px) and (max-width:1023px) { 
    .fichaBuscFusion .divBtn { text-align:center }
    .fichaBuscFusion button { width:95% }
}
@media (max-width:767px) and (orientation:portrait) { 
    .fichaBuscFusion .divBtn { text-align:center }
    .fichaBuscFusion button { width:95% }
    #volanteList { width:100%; margin-bottom:10px }
}
@media (max-width:767px) and (orientation:landscape) { 
    .fichaBuscFusion .divBtn { text-align:center }
    .fichaBuscFusion button { width:60% }
    #volanteList { width:50%; margin-bottom:10px }
}

/*---------------ESTILOS TIPOS DE COLABORADOR---------------*/

#tableTipoCol { font-size:13px }
.th-center { text-align:center }

@media (min-width:1200px) { 
    #insertTipoCol .form-group:first-of-type > div:nth-of-type(4),
    #insertTipoCol .form-group:first-of-type > div:nth-of-type(5),
    #editTipoCol .form-group:first-of-type > div:nth-of-type(4),
    #editTipoCol .form-group:first-of-type > div:nth-of-type(5) { width:19% }

    #insertTipoCol .form-group:first-of-type > div:nth-of-type(3),
    #editTipoCol .form-group:first-of-type > div:nth-of-type(3) { width:20% }
}
@media (min-width:768px) and (max-width:991px) { 
    #insertTipoCol .form-group:first-of-type > div:nth-of-type(4),
    #editTipoCol .form-group:first-of-type > div:nth-of-type(4) { width:37% }

    #insertTipoCol .form-group:first-of-type > div:nth-of-type(5),
    #editTipoCol .form-group:first-of-type > div:nth-of-type(5) { width:29% }
}

/*---------------ESTILOS PRESUPUESTOS---------------*/

#formPresupuesto { padding:0 10px }
#formPresupuesto  .form-group > div:last-of-type { display:none }

@media (max-width:991px) { 
    #formPresupuesto { padding:0 20px }
    #presupuesto_abierto > div:nth-of-type(2), #presupuesto_abierto > div:nth-of-type(3) { margin-bottom:10px }
}
@media (max-width:767px) and (orientation:portrait) { 
    #btnGenerar { width:100% }
}

/*---------------ESTILOS CAMBIO COMERCIALES---------------*/

#tableCambioCom { font-size:13px }
#btnCambioCom, #cancelarCambioCom { margin-top:25px }
#checkCambioTodo { margin-bottom:3px }

@media (max-width:991px) { 
    #btnCambioCom, #cancelarCambioCom { margin-top:5px }
    #divBuscColPot input, #divBuscColPot select, #divBuscTipoCol input, #divBuscTipoCol select,
    #divFiltroCambiarCom input, #divFiltroCambiarCom select { margin-bottom:10px }
}
@media (max-width:767px) { 
    #listCambioCom .divList { text-align:left }
}

/*---------------ESTILOS MEDICOS DE URGENCIAS---------------*/

#tableMedicosUrg { font-size:13px }
#tableMedicosUrg .btnEditarMedico { width:100% }
#thMed1 { width:6% }
#thMed2 { width:50% }
#thMed3 { width:20% }
#thMed4 { width:10% }
#thMed5 { width:14% }

/*---------------ESTILOS VISITAS---------------*/

#colVisita { z-index:1 }
.form-horizontal .checkActivas { margin-top:33px }
.checkMostrar { display:inline-block }
.checkMostrar > label { margin-left:20px }
.divRadios { display:inline-block }

#thVisita1 { width:14% }
#thVisita2 { width:16% }
#thVisita3 { width:22% }
#thVisita4 { width:32% }
#thVisita5, #thVisita6 { width:1% }
#thVisita7 { width:8% }

/*---------------ESTILOS BANNERS---------------*/

.rowBanner .divImg > img { margin-top:10px; width:350px }
.rowBanner .divImg > .divTit p { margin-top:10px; text-transform:capitalize }
.rowBanner .divList { margin-top:10px; text-align:left }
.btnEditarBanner, .btnCaducaBanner, .btnRecBanner { margin-top:15px; width:100% }
.panelEsp, .panelCen { margin-bottom:0 }
.panelBodyEsp .checkbox label { font-weight:600; padding:2px 4px }
.enlForm { float:right; font-size:13px; font-weight:600; margin:4px 10px 0; padding:0; text-decoration:none }

#divFormBanner .form-group:not(:last-of-type) > div,
#divFormEditBanner .form-group:not(:last-of-type) > div { min-height:101px }

#listImgs img { max-height:100px; max-width:400px }

.dashboardcode-bsmultiselect > ul.dropdown-menu > li label { font-size:.9em; font-weight:600; padding-left:.5em }

.dashboardcode-bsmultiselect > ul.form-control { min-height: calc(2.2rem + 1.5px)!important }
.dashboardcode-bsmultiselect > ul.form-control > li.badge
{ background-color:#0074C8; border:1px solid #0068B3; border-radius:.25em; color:#fff; font-size:.9em; font-weight:600; margin-bottom:.25rem; margin-right:.5rem; padding-left:.75rem !important; padding-right:1rem; padding-top:0 }
.dashboardcode-bsmultiselect > ul.form-control > li.badge > button
{ color:#fff; font-size:2em !important; font-weight:700; left:3px; margin-left:.25em; opacity:1; position:relative; text-shadow:none !important; top:3px }

.comboShort ~ .dashboardcode-bsmultiselect > .dropdown-menu { height:auto; overflow-y:scroll; width:600px }
.comboShort ~ .dashboardcode-bsmultiselect > .dropdown-menu > li { display:inline-flex; width:50% }

.comboLarge ~ .dashboardcode-bsmultiselect > .dropdown-menu { height:600px; overflow-y:scroll; transform:translate3d(-660px, -250px, 0px) !important; width:1200px }
.comboLarge ~ .dashboardcode-bsmultiselect > .dropdown-menu > li { display:inline-flex; width:33% }

@media (min-width:992px) and (max-width:1199px) { 
    .rowBanner .divBtn { text-align:center }
    .btnEditarBanner, .btnCaducaBanner { margin-top:5px; margin-bottom:5px; width:30% }
}
@media (min-width:768px) and (max-width:991px) { 
    .rowBanner .divImg > img { width:450px }
    .rowBanner .divBtn { text-align:center }
    .btnEditarBanner, .btnCaducaBanner { margin-bottom:10px; width:49% }
}
@media (max-width:767px) and (orientation:landscape) { 
    .rowBanner .divBtn { text-align:center }
    .btnEditarBanner, .btnCaducaBanner { width:49% }
}

/*---------------ESTILOS INFORMES---------------*/

#informes { padding:10px 20px }
#cargando, #parametros { padding:20px 0 }
#centrosSel { margin-top:10px }

#informes .easytree-container { font-size:13px }
#informes a:hover, #informes a:focus { color:inherit }

#tablaInforme { font-size:12px }
#tablaInforme p, #parametros p { color:#b30000; font-size:20px; font-weight:600; margin-top:20px }
#tablaInforme > table > thead th, #tablaInforme > table > tbody td { text-align:center }

#paramteros legend { border-bottom:0; font-size:20px; font-weight:600; margin-bottom:5px; margin-top:0 }
#paramteros .iconReq { color:#a94442; font-size:13px; font-weight:700 }
#paramteros .ui-datepicker-trigger { bottom:0; left:0; margin-left:10px }
#paramteros .input-group .form-control:not(:first-child):not(:last-child), #paramteros .input-group-addon:not(:first-child):not(:last-child),
#paramteros .input-group-btn:not(:first-child):not(:last-child) { border-bottom-right-radius:3px; border-top-right-radius:3px }

.loading { font-size:20px; font-weight:600; letter-spacing:1px; padding:40px 0 }
.pagination { margin:15px 0 }
.jumbotron .sinInformes { font-size:20px; font-weight:500; color:#b30000 }
.jumbotron .sinCentro { font-size:20px; font-weight:500; color:#000000 }

.btnGroupInf, .btnGroupInf > a, .btnGroupInf > ul { width:100% }
.btnGroupInf > ul > li > a { padding:8px 20px }

.fixed-scroll { position:fixed; top:0 }

@media (max-width:767px) { 
    #informes { padding:10px 0 }
    #tablaInforme { padding:0 }
    #centrosSel { margin-bottom:10px }

    #formParametros > fieldset > div:not(.form-btn) { margin-bottom:15px }
    #paramteros legend { text-align:center }
}
@media (max-width:767px) and (orientation:portrait) { 
    #enlExcel, #enlInforme { float:left; width:100% }
    #enlInforme { margin-left:0; margin-top:10px }
}

/*---------------ESTILOS PACIENTES---------------*/

.male { color:#0099ff; font-size:20px }
.female { color:#ff00ff; font-size:20px }
.flag-pac { width:20px; margin-right:5px; margin-top:-4px }
.vip { font-weight:700 }
.spanVip { color:#000; margin:0 15px; padding:3px 10px }
.tdCargando { font-size:16px; font-weight:600; padding:8px }
.tdCargando i { font-size:20px; margin:10px 0}

.divMsjListadoCol { background-color:#e6e6ff; border:2px solid #4dc3ff; border-radius:3px; margin-bottom:15px; padding:15px 20px 10px }
.divMsjListadoCol p { font-size:1em; font-weight:600; margin-bottom:0 }
.divMsjListadoCol i { color:#00ace6; margin-top:-6px }

#divMsjPersona { display:none }

.rowListEpi .divTit > p { font-size:16px }
.rowListEpi .divUser > p { font-size:13px }
.rowListEpi .divBtn { text-align:center }
.rowListEpi .divBtn a { margin-bottom:15px; margin-top:5px }
.rowListEpi .divBtn .btnEpiAdd { width:45% }
.rowListEpi .divBtn .btnEpiEdit { width:30% }

.panelPaciente { background-color:#f5f5f5; border:none; border-bottom:2px solid #e3e3e3; border-radius:2px; margin-bottom:5px }
.panelBodyPaciente { padding:6px 20px }
.panelBodyPaciente > p { margin-bottom:0 }
.panelNom { font-size:15px; font-weight:600; margin-right:20px }
.panelNhc, .panelPais { font-size:14px; font-weight:600; margin-right:15px }
.panelPais img { margin-right:5px; margin-top:-3px }
.panelSexo { margin-right:20px }
.panelVip { border-radius:3px; color:#000; font-size:14px; font-weight:600; padding:3px 15px }

#divResultPacientes, #cargandoPac, #resultPac, #resultPacMov { display:none }
#divResultPacientes > .borderDiv > div:last-of-type, #divListadoEpi > .borderDiv > div:last-of-type { text-align:right }
#divEpiCambioCol > p, #divEpiEliminarCol p, #divEpiHistorico > p { font-size:14px; font-weight:700 }

#divEnlBuscador { text-align:right }
#divFormBuscadorCol { display:none; margin-bottom:10px }
#divEnlBuscador a { margin-bottom:10px; margin-top:-3px; padding:0 }

#cargandoPac > div > div:not(i) { font-size:18px; font-weight:600; margin-top:20px }
#resultPacMov .divBtn > div { text-align:center }
#resultPacMov .divBtn > div > a { margin-top:10px; width:100% }

#formBuscPac .form-btn .btn { margin-top:0 }
#inFechaPac { max-height:65px }

#tablePac, #tableEpi, #tableListCol, #tableHistCol { font-size:13px }
#tableListCol > tbody > tr > td, #tableHistCol > tbody > tr > td { padding:4px 6px }
#tableListCol, #tableHistCol { margin-bottom:0 }
#tableEpi a { border-radius:3px; font-size:1em; padding:5px 20px }
#tbodyPac a { width:100% }
#tbodyListCol a { padding:4px 20px; width:100% }

#modalColabPotencial .modal-body > p > span, #modalNuevaEmp .modal-body > p > span { font-size:15px; font-weight:700 }
#modalColabPotencial .modal-body > p:not(:first-of-type) > span, #modalNuevaEmp .modal-body > p:not(:first-of-type) > span { margin-left:10px }

#modalAccionPaciente .modal-body > p { font-size:16px }
#modalAccionPaciente .modal-body > ul > li { font-size:15px }
#modalAccionPaciente .modal-body > ul > li > a { float:right; font-size:12px; margin-top:-2px; padding:3px 20px; width:125px }

#modalAsignarCol .modal-dialog { overflow-y:initial !important}
#modalAsignarCol .modal-body { max-height:500px; overflow-y:auto }
#modalAsignarCol .modal-footer { text-align:left }
#modalAsignarCol .modal-footer > .checkbox { display:inline-block }
#modalAsignarCol .modal-footer > button { display:inline-block; float:right }

@media (max-width:1024px) { 
    #formBuscPac .form-btn .btn { margin-top:20px }
    .pList .male, .pList .female { margin-left:15px }
}
@media (max-width:1024px) and (min-width:768px) { 
    #tablePac { font-size:11px }
}
@media (max-width:767px) { 
    #divResultPacientes > .borderDiv, #divResultPacientes > .borderDiv > div:last-of-type,
    #divListadoEpi > .borderDiv, #divListadoEpi > .borderDiv > div:last-of-type { text-align:center }

    #nuevaBuscPac { margin-bottom:15px; margin-right:0; margin-top:5px }
    #formPaciente .form-group > div { margin-bottom:10px }
    #enlBuscador { font-size:14px }
    #btnPaciente { width:100% }

    #modalAsignarCol .modal-footer .checkbox > label { font-size:13px; margin-left:0 }
    #divEpiCambioCol > p, #divEpiEliminarCol p, #divEpiHistorico > p { font-size:12px }
    #tableListCol, #tableHistCol { font-size:10px }
    #divEpiCambioCol, #divEnlBuscador { text-align:center }

    .divMsjListadoCol { font-size:12px }
    .panelBodyPaciente { text-align:center }
    .panelNom { font-size:15px }
    .panelNhc, .panelPais, .panelVip { font-size:13px }

    .rowListEpi .divList .divTit p { font-size:14px }
    .rowListEpi .divList .divUser p { font-size:13px }
    .rowListEpi .divList .divBtn a { font-size:12px; padding:6px 20px }
}
@media (max-width:767px) and (orientation:portrait) { 
    .rowListEpi .divBtn .btnEpiAdd, .rowListEpi .divBtn .btnEpiEdit { width:90% }
    .rowListEpi .divBtn .btnEpiAdd,
    .rowListEpi .divBtn .btnEpiEdit:not(:last-of-type) { margin-bottom:0 }

    #modalAsignarCol .modal-body { max-height:400px }
}
@media (max-width:767px) and (orientation:landscape) { 
    .divMsjListadoCol { margin-bottom:5px; padding:4px 5px }

    #modalAsignarCol > .modal-dialog { margin:10px auto; width:auto }
    #modalAsignarCol .modal-body { max-height:220px; padding:5px 10px }
    #modalAsignarCol .modal-footer { padding:5px 10px }
    #modalAsignarCol .modal-footer .checkbox { margin-top:5px; margin-bottom:5px }
    #divEpiCambioCol > p, #divEpiEliminarCol p, #divEpiHistorico > p { margin-bottom:5px }
    #resultPacMov .divBtn > div > a { width:60% }
}

/*---------------ESTILOS GENERALES PARA LAS LISTAS---------------*/

.rowList .divList, .rowList .divListBtn { padding:0 }
.divList div, .divListBtn div { padding-left:10px; padding-right:10px }
p.pList { font-size:15px; margin-bottom:10px; font-weight:400 }
p.pList span { font-weight:600 }

.divTit p { margin-bottom:5px; margin-left:10px; font-size:1.4em; font-weight:700; text-transform:uppercase }
.divCol p { margin-bottom:5px; font-size:1.2em; font-weight:600; text-transform:uppercase }
.divUser p { margin-bottom:5px; font-size:1em; font-weight:400 }
.divUser p.sinVolante { font-size:1.1em; font-weight:600; margin-bottom:15px }
.divUser span { font-weight:600 }
.divHome, .divHomePac { text-align:right }

p.pSelecTodo { font-size:18px; margin:5px 0 10px 10px; font-weight:600; color:#0074C8 }
#checkCambioTodoMov { margin:10px 0 }

@media (min-width:768px) and (max-width:991px) { 
    div.divSelecTodo { width:90.8% }

    .divUser .btnPrinc, .divUser .btnDanger, .divUser .btnSuccess, .divUser .btnGold { width:48%; margin-bottom:10px }
    .divUser .btnEditarMedico { width:100%; margin-top:-10px; margin-bottom:10px }
}

@media (max-width:767px) { 
    .divList { text-align:center }
    .divList .divCol p { font-weight:500 }
    .divList .divUser p { font-size:1.1em }

    div.divSelecTodo { width:82.3% }
    .divHome { text-align:center }
    #btnHome { margin-top:10px; margin-left:0 }
}

@media (max-width:767px) and (orientation:portrait) { 
    .divUser .btnPrinc, .divUser .btnDanger, .divUser .btnSuccess, .divUser .btnGold { width:100%; margin-bottom:10px }
}
@media (max-width:767px) and (orientation:landscape) { 
    .divUser .btnPrinc, .divUser .btnDanger, .divUser .btnSuccess, .divUser .btnGold { width:48%; margin-bottom:10px }
}