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

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

*::before,
*::after { -webkit-box-sizing:border-box; box-sizing:border-box }
@-ms-viewport { width:device-width }

@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 }
}

/*-------------------------------------------------*/
/*--------------------GENERICO---------------------*/
/*-------------------------------------------------*/

/* Contenido */

html { line-height:1.15; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -ms-overflow-style:scrollbar; -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }
body { background-color:#EFF3F5; font-family:'Open Sans', sans-serif; font-size:0.8rem; padding-top:0 }
legend { font-weight:600; margin-bottom:10px }

.jumbotron.content { background-color:#FFF; border:1px solid #E7E7E7; border-radius:2px; box-shadow:0 2px 2px #E7E7E7; color:#004880; margin:0 0 15px 0; padding:10px 20px }

footer,
header > .container,
section > .container,
section > .container-xl { display:none }

body.th-light,
body.th-dark { font-family:'Roboto', sans-serif; font-size:0.9rem; padding-top:0 }

body.th-light { background-color:#ebf0f1!important }
body.th-light .bg-surface { background-color:#fafbfc!important; border-radius:.75em; color:#465f65!important }

body.th-dark { background-color:#252627!important }
body.th-dark .bg-surface { background-color:#313334!important; border-radius:.75em; color:#f2f2f2!important }

section .bg-imed { background-color:#0078c9!important; color:#ffffff!important }
section .bg-imed label { font-size:1.25em }
section .bg-imed label > a { color:#ffffff!important }

section .parametros { align-items:center; cursor:pointer; display:flex }

section .parametros p > span:first-of-type { font-size:1.2em; font-weight:600 }
section .parametros p > span:last-of-type { font-size:1.1em }

section .parametros i.fa-circle { color:#0078c9!important }
section .parametros i.fa-phone { color:#ffffff!important }

h1, h2, h3, h4, h5, h6 { font-weight:600; margin-bottom:.5em; margin-top:.75em }

@media screen and  (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1320px }
}
@media screen and (max-width:767px) {
    body { font-size:.95em }

    h1, h2, h3, h4, h5, h6 { font-weight:500; margin-bottom:.5em; margin-top:.75em }
    h1 { font-size:1.75em }
    h2 { font-size:1.5em }
    h3 { font-size:1.35em }
    h5 { font-size:1.25em }
}

/* Footer */

footer { display:block; margin-top:50px; width:100%; z-index:100 }
footer .container { margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px }
footer .bottom { background:#0078C9; color:#fff; font-size:13px; font-weight:400 }
footer .bottom p { margin:20px 0 }

/*Flash Messages*/

.alert { margin-bottom:0 }
.alert h4 { font-size:18px; font-weight:600 }
.alert p { margin:5px 0 0 }

.alert-dismissible { padding-right:3rem }
.alert-dismissible.alert-danger .close { color:#B84442; font-size:25px; font-weight:900; margin-right:5px; opacity:0.8; padding: .25rem .5rem }
.alert-dismissible.alert-success .close { color:#3c763d; font-size:25px; font-weight:900; margin-right:5px; opacity:0.8; padding: .25rem .5rem }

#divFlash { padding:0 }
#divFlash .alert { border-radius:2px; box-shadow:0 2px 2px #E7E7E7; margin-bottom:10px; margin-top:10px }

#divFlashError, #divFlashExito { display:none }

/* Navbar */

.navbar-brand { font-size:1rem; padding-bottom:.75rem; padding-top:.75rem }
.navbar .navbar-toggler { right:1rem; top:.75rem }
.navbar .form-control { border-radius:0; border-width:0; padding:.75rem 1rem }

.form-control-dark { background-color:rgba(255, 255, 255, .1); border-color:rgba(255, 255, 255, .1); color:#fff }
.form-control-dark:focus { border-color:transparent; box-shadow:0 0 0 3px rgba(255, 255, 255, .25) }

.navbar .nav-item a { font-size:.9rem; font-weight:600; margin-right:10px }
.navbar .nav-item a span { letter-spacing:1px; font-weight:500 }

/* Sidebar */

.sidebar { bottom:0; box-shadow:inset -1px 0 0 rgba(0, 0, 0, .1); left:0; padding:48px 0 0; position:fixed; top:0; z-index:100 }
.sidebar .nav .nav-link { font-size:.9rem }
.sidebar .nav .nav-link.active { background-color:#0074C8; color:#fff; font-weight:600 }

.sidebar .nav .nav-link:hover { background-color:#f2f2f2 }
.sidebar .nav .nav-link.active:hover {background-color:#005999; }

.sidebar-sticky { height:calc(100vh - 48px); overflow-x:hidden; overflow-y:auto; padding-top:.5rem; position:relative; top:0 }

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sidebar-sticky { position:sticky; position:-webkit-sticky }
}

.sidebar .nav-link { color:#333; font-weight:500 }
.sidebar .nav-link .feather { color:#999; margin-right:4px }
.sidebar .nav-link.active { color:#007bff }

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather { color: inherit }

.sidebar-heading { font-size:.75rem; text-transform:uppercase }

@media (max-width: 767.98px) {
    .sidebar { top:1rem }
}

/*Enlaces*/

a { color:#0074C8; -webkit-transition:.25s; -moz-transition:.25s; -o-transition:.25s; transition:.25s }
.disabled { pointer-events:none; color:grey !important; cursor:default }
.disabled i { pointer-events:none; color:grey !important; cursor:default }
.disabledMenu { pointer-events:none; cursor:default }
.pointer { cursor:pointer }
.not-active { pointer-events:none; cursor:default; color:darkgray }

/*Buttons*/

.btn { border-radius:.2em; font-size:.8rem; padding:.5rem 1.2rem }
.btn-sm { font-size:.7rem; padding:.3rem 1.2rem }
.btn-mid { width:49.7% }

.btn-link { color:#0074c8; font-weight:600; text-decoration:none }
.btn-link:focus, .btn-link:hover { text-decoration:none }

.btn-table { border-radius:2px; font-size:0.75rem; padding:5.5px 16px }

.btn-primary { background-color:#0077c6 !important; border-color:#0068b3 !important; color:#fff !important }
.btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus:hover,
.btn-primary:active:focus:hover { background-color:#005999 !important; border-color:#004a80 !important; color:#fff !important }

.btn-danger { background-color:#cc0000 !important; border-color:#b30000 !important; color:#fff !important }
.btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger:focus:hover,
.btn-danger:active:focus:hover { background-color:#990000 !important; border-color:#800000 !important; color:#fff !important }

.btn-secondary { background-color:#404040 !important; border-color:#333 !important; color:#fff !important }
.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover, .btn-secondary:active:focus, .btn-secondary:active:hover, .btn-secondary:focus:hover,
.btn-secondary:active:focus:hover { background-color:#262626 !important; border-color:#1a1a1a !important; color:#fff !important }

.btn-success { background-color:#006622 !important; border-color:#004d1a !important; color:#fff !important }
.btn-success:active, .btn-success:focus, .btn-success:hover, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus:hover,
.btn-success:active:focus:hover { background-color:#004d1a !important; border-color:#003311 !important; color:#fff !important }

.btn-light { background-color:#e2e6e9 !important; border-color:#c5cdd3 !important; color:#212529 !important }
.btn-light:active, .btn-light:focus, .btn-light:hover, .btn-light:active:focus, .btn-light:active:hover, .btn-light:focus:hover,
.btn-light:active:focus:hover { background-color:#c5cdd3 !important; border-color:#a8b4bd !important; color:#212529 !important }

.btn-info { color:#fff !important }
.btn-info:active, .btn-info:focus, .btn-info:hover, .btn-info:active:focus, .btn-info:active:hover, .btn-info:focus:hover,
.btn-info:active:focus:hover { color:#fff !important }

.btnLink { border-radius:0; color:#0074C8; font-size:0.8rem; font-weight:600 }
.btnLink:active, .btnLink:focus, .btnLink:hover, .btnLink:active:focus, .btnLink:active:hover, .btnLink:focus:hover,
.btnLink:active:focus:hover { color:#005999; text-decoration:none; background-color:transparent }

.btnGroup { background-color:#404040; border-color:#333333; border-top-right-radius:.25rem !important; border-bottom-right-radius:.25rem !important; color:#FFF; padding:.25rem 1.2rem }
.btnGroup:active, .btnGroup:focus, .btnGroup:hover, .btnGroup:active:focus, .btnGroup:active:hover, .btnGroup:focus:hover,
.btnGroup:active:focus:hover { color:#FFF; background-color:#262626; border-color:#1A1A1A }

.btnGroupSec { background-color:#eee; border-color:#ccc; color:#000; padding:.25rem 1.2rem }
.btnGroupSec:active, .btnGroupSec:focus, .btnGroupSec:hover, .btnGroupSec:active:focus, .btnGroupSec:active:hover, .btnGroupSec:focus:hover,
.btnGroupSec:active:focus:hover { color:#000; background-color:#d9d9d9; border-color:#b3b3b3 }

.spinner-border-btn { font-size:.9em !important; height:1.5rem; width:1.5rem }
.input-group-append > .input-group-text { border-bottom-right-radius:.25em!important; border-top-right-radius:.25em!important; font-size:1em }

@media (max-width:991px) {
    .btn-return { width:40% }
}

@media (max-width:767px) {
    #saveNotificacion, #saveGrupo, #enviarNotificacion, #delUsuarios, #vistaPrevia { width:100% }
    .btn-return { width:100% }
}

/* Modal */

.modal { cursor:pointer }
.modal-content { border-radius:.2rem }
.modal-logs { max-width:1700px }

.modal-header { align-items:center; background-color:#0074C8; border-top-left-radius:calc(.2rem - 1px); border-top-right-radius:calc(.2rem - 1px); color:#FFF; justify-content:center; padding:.8rem 1rem }
.modal-header .close { color:#FFF; filter:alpha(opacity=100); font-size:30px; opacity:1 }

.modal-title { font-size:15px; font-weight:700; margin-top:.45rem; text-transform:uppercase }
.modal-body p { font-weight:600 }

.modal form legend { font-size:1.1rem }

#modalContentExito { background:#DFF0D8; border-color:#D6E9C6; color:#3C763D; border-radius:2px }
#modalContentError { background:#F2DEDE; border-color:#EBCCD1; color:#B84442; border-radius:2px }

#modalContentExito > div,
#modalContentError > div { padding:8px }

#modalContentExito > div > button { color:#3C763D; font-size:30px; font-weight:900; margin-right:5px; opacity:1 }
#modalContentError > div > button { color:#B84442; font-size:30px; font-weight:900; margin-right:5px; opacity:1 }

#modalContentExito > div > h4,
#modalContentError > div > h4 { font-size:17px; font-weight:600; margin:5px 10px 10px; padding:10px 10px 0 10px }

#modalContentExito > div > p,
#modalContentError > div > p { font-size:0.8rem; margin:5px 10px; padding:10px }

#modalContentExito > div > p > i,
#modalContentError > div > p > i { bottom:6px; position:relative }

/* Cargando Pagina */

.cargandoPag { background:#f2f2f2 url(../imgs/LogoImed_Peq.png) no-repeat center; height:100%; position:absolute; opacity:1; width:100%; z-index:99999 }
#loading {
    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;
    background:#003c66;
    border-radius:50px;
    position:relative;
    height:25px;
    left:49%;
    top:58%;
    width:25px;
}
#loading:after {
    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;
    border-top:10px solid #0074c8;
    border-bottom:10px solid #0074c8;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-radius :50px;
    content:'';
    position:absolute;
    height:55px;
    left:-15px;
    top:-15px;
    width:55px;
}

@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% }
}

/*Login*/

#divLogin { padding:10px }
#divImg { border-bottom:1px solid #E7E7E7; text-align:center }
#legendLogin { border:none; font-weight:700; text-align:center }
#btnLogin { border-radius:3px; font-size:.9rem; padding:10px 20px; width:100% }

#divLogin input, #divLogin select { border:1px solid #4DA1E6; border-left:0; height:40px; font-size:0.8rem }
#divLogin .input-group-addon { background-color:#FFF; border:1px solid #4DA1E6; border-right:0 }
#divLogin .input-group-addon:last-of-type { align-items:center; border-bottom-left-radius:3px; border-top-left-radius:3px; display:flex; padding:6px 13px }
#divLogin .input-group-addon > span { color:#005999 }
#divLogin .btn.active.focus, #divLogin .btn.active:focus, #divLogin .btn.focus,
#divLogin .btn:active.focus, #divLogin .btn:active:focus, #divLogin .btn:focus { outline:0 auto #FFF }

#btnDelLog { border:1px solid #4DA1E6; border-left:0; height:40px; color:#005999 }

#btnDelLog:hover, #btnDelLog:focus, #btnDelLog:active, #btnDelLog:hover:focus,
#btnDelLog:hover:active, #btnDelLog:focus:active { background-color:#FFF }
.iconDev { color:#FF4500; font-size:28px; margin-bottom:10px; padding:0 }

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;
}

select.form-control[readonly] { pointer-events:none }

/*Responsive*/

@media (orientation:portrait) {
    #divImg { padding-top:40px; padding-bottom:20px }
}
@media (orientation:landscape) {
    #divImg { padding-top:15px; padding-bottom:10px }
}
@media (max-width:767px) {
    #divImg { padding-top:20px; padding-bottom:10px; margin-top:30px }
}

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

/*Index*/

.pagination a { cursor:pointer }

.content { margin-top:10px }
.invalid-feedback { font-size:90% }
.custom-select { font-size:0.8rem }

th.header { background-image:url("../imgs/bg-w.png"); background-repeat:no-repeat; background-position:center left; padding-left:20px; cursor:pointer }
th.headerSortDown { background-image:url("../imgs/desc-w.png"); background-repeat:no-repeat; background-position:center left; padding-left:20px; cursor:pointer }
th.headerSortUp { background-image:url("../imgs/asc-w.png"); background-repeat:no-repeat; background-position:center left; padding-left:20px; cursor:pointer }

.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 { border:1px solid #ccc; font-size:0.8rem; transition:none; -webkit-transition:none; -o-transition:none }
.form-control:focus { font-size:0.8rem;
    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);
}

.form-control.is-loading {
    background-image:url("http://www.xiconeditor.com/image/icons/loading.gif");
    background-repeat:no-repeat;
    background-position:right calc(.375em + .1875rem) center;
    background-size:calc(.9em + .5rem) calc(.9em + 0.5rem);
    padding-right:calc(1.5em + .75rem);
}

.table { font-size:.9em!important }
.table td, .table th { padding:.5rem!important }

.tr-busc td button { font-size:.85em }
.tr-busc td input, .tr-busc td input:focus, .tr-busc td input:hover { font-size:.9em; height:calc(1.25em + .75rem)!important }

.th-btn { text-align:center; width:10% }
.td-error { background:#F2DEDE; border:1px solid #EBCCD1; color:#B84442; text-align:center }
.td-load { background:#E6F7FF; border:1px solid #CCEFFF; color:#006999; text-align:center }

.total-div { background-color:#f2f2f2; border:1px solid #eee; font-size:0.9em; padding:0 .4rem;  }
.total-div p { margin:.4rem }

#protecciondatos { margin-bottom:20px }
#protecciondatos thead { background:#0078C9; color:#ffffff }
#protecciondatos tr th { border:2px solid #0078C9; padding:10px }
#protecciondatos tr td { border:1px solid #333; padding:10px }

#grabacion > li::marker { font-size:1.25em; font-weight:600 }