/* colores */
.azul-1{
    color: #124e7e!important;
}
.azul-2{
    color: #00294B!important;
}
.azul-3{
    color:  #35B1F6!important;
}
.bg-azul-1{
    background-color: #124e7e!important;
    color: #ffffff!important;
}
.bg-azul-2{
    background-color: #00294B!important;
}
.bg-azul-3{
    background-color: #35B1F6!important;
}
.link-3{
    color: #35B1F6;
}

.link-3:hover{
    text-decoration: underline;
    color: #A9A9A9;
}
/* menu padre activo */
.sidebar .nav .nav-item.active .nav-link.collapsed {
    background-color: #00294B;
    transition: 0.5s;
}
    /* icono activo menu padre */
    .sidebar .nav .nav-item.active .nav-link .padre-menu-ico { 
        background-color: #00294B!important;
        padding: 3px 5px;
        color: #ffffff!important;
        border-radius: 5px;
        transition: 0.5s;
    }
    .sidebar .nav .nav-item.active .nav-link.collapsed .padre-menu-ico { 
        background-color: #ffffff!important;
        padding: 3px 5px;
        color: #00294B!important;
        border-radius: 5px;
    }
    .sidebar .nav .nav-item.active:hover .nav-link.collapsed .padre-menu-ico { 
        background-color: #00294B!important;
        padding: 3px 5px;
        color: #ffffff!important;
        border-radius: 5px;
    }
    /* texto activo menu padre */
    .sidebar .nav .nav-item.active > .nav-link {
        color: #00294B!important;
    }
    .sidebar .nav .nav-item.active .nav-link.collapsed  { 
        color: #ffffff!important;
    }
    .sidebar .nav .nav-item.active:hover .nav-link.collapsed  { 
        color: #00294B!important;
    }
   /* icono drowp activo menu padre */
   .sidebar .nav .nav-item.active .nav-link.collapsed i.menu-arrow:before{
    color: #ffffff;
   }
   .sidebar .nav .nav-item.active:hover .nav-link.collapsed i.menu-arrow:before{
    color: #00294B;
   }
/* menu padre hover normal */
.sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile) > .nav-link {
 color: #00294B;
}
.sidebar .nav .nav-item:hover .nav-link .padre-menu-ico {
    background-color: #00294B!important;
    padding: 3px 5px;
    color: #ffffff!important;
    border-radius: 5px;
    transition: 0.3s;
}
/* menu padre activo manual */
.menu-activo {
    background-color: #00294B;
    transition: 0.5s;
}
.menu-activo .padre-menu-ico {
    background-color: #ffffff!important;
    padding: 3px 5px;
    color: #00294B!important;
    border-radius: 5px;
}
.menu-activo span{
    color: #ffffff!important;
}
.menu-activo:hover .menu-title{
    color: #00294B!important;
}
/* menu hijo */
.nav.sub-menu .nav-item .nav-link.active{
    background-color: #00294B!important;
    color: #ffffff!important;
    border-radius: 5px!important;
    transition: 1s;
}
.nav.sub-menu .nav-item .nav-link.active svg{
    background-color: #ffffff!important;
    padding: 3px 5px;
    color: #00294B!important;
    border-radius: 5px;
}
/* menu hijo hover */
.nav.sub-menu .nav-item:hover .nav-link:not(.active) svg{
    background-color: #00294B!important;
    padding: 3px 5px;
    color: #ffffff!important;
    border-radius: 5px;
    transition: 0.3s;
}
.nav.sub-menu .nav-item:hover .nav-link:not(.active) {
    color: #00294B!important;
    transition: 0.3s;
}
/* menu drop */
.dropdown-item-menu:hover svg{
    background-color: #00294B!important;
    padding: 3px 5px;
    color: #ffffff!important;
    border-radius: 5px;
    transition: 0.3s;
}

@media (max-width: 991px) {
    .navbar.default-layout .navbar-brand-wrapper{
        width: 10%;
    }
    .navbar.default-layout .navbar-menu-wrapper{
        width: 90%;
    }
    #logo-large {
        display: none;
    }
    #logo-small {
        display: inline!important;
    }
}

.badge-success{
    background-color: #00000000!important;
    color: #35B1F6;
    border-color: #35B1F6!important;
    margin-left: 5px;
}
a:hover .badge-success{
    background-color: #35B1F6!important;
    color: #ffffff;
    border-color: #35B1F6!important;
}

.titulo-vista{
    font-size: 2rem;
    font-weight: 500;
    color: #00294B!important;
}
.divider-titulo{
    height: 4px;
    width: 100px;
}
.btn-azul-1{
    background-color: #124e7e!important;
    color: #ffffff!important;
}
.btn-azul-1:hover{
    background-color: #0e3c63!important;
    color: #ffffff!important;
}
.btn-azul-2{
    background-color: #00294B!important;
    color: #ffffff!important;
}
.btn-azul-2:hover{
    background-color: #00294B!important;
    color: #ffffff!important;
}

.btn-azul-3{
    background-color: #35B1F6!important;
    color: #ffffff!important;
}
.btn-azul-3:hover{
    background-color: #169be2!important;
    color: #ffffff!important;
}

.btn-verde-1{
    background-color: #17c789!important;
    color: #ffffff!important;
}
.btn-verde-1:hover{
    background-color: #12976a!important;
    color: #ffffff!important;
}

.card{
    border-radius: 16px!important;
    background-color: #ffffff;
    border: 1px solid #124e7e;
    box-shadow: 0px 0px 0px 0px #124d7e58 !important;
}
.card-header{
 border-radius: 16px 16px 0 0!important;
 background-color: #ffffff;
 border-bottom: 1px solid #124e7e!important;
}

.icono{
    background-color: #00294B!important;
    padding: 3px 5px;
    color: #ffffff!important;
    border-radius: 5px;
}

table tbody tr td, table thead tr th {
    font-size: 11px !important;
}

td, th{
    text-align: center;
    padding: 10px !important;
    border: 1px solid #ececec!important;
}

.table.table-bordered thead tr th{
    border-right: 1px solid #ffffff!important;
    background-color: #35B1F6;
}

.table.table-referencia thead tr th{
    border-right: 1px solid #ffffff!important;
    background-color: #124e7e;
}
.table.table-referencia tbody tr td input.obligatorio{
    background-color: #cfe9fc!important;
    border: 1px solid #98bed8;
    border-radius:15%;
    text-align:center;
}
.table.table-referencia tbody tr td input.normal{
    border: 1px solid #98bed8;
    border-radius:15%;
    text-align:center;
}

.badge-blanco{
    background-color: #00000000!important;
    color: #ffffff;
    border-color: #ffffff!important;
    margin-left: 5px;
    border: 1.4px solid;
    transition: 0.8s;
}
.notificacion{
    background-color: #d9e7f1;
    color: #124e7e;
    border: 1px solid #124e7e;
    border-radius: 5px;
    padding: 5px;
}
.notificacion .badge-color{
    background-color: #00000000;
    color: #124e7e;
    border-color: #124e7e;
    margin-left: 5px;
    border: 1.4px solid;
    transition: 0.4s;
}
.notificacion:hover .badge-color{
    background-color: #124e7e;
    color: #ffffff;
    border-color: #124e7e;
    border: 1.4px solid;
}

@keyframes parpadeo {
    0%, 100% {
        background-color: transparent;
        color: #c24a43;
    }
    50% {
        background-color: #c24a43;
        color: #FFE0DE;
    }
}

.notificacion-2{
    background-color: rgba(255, 98, 88, 0.2);
    color: #c24a43;
    border: 1px solid #eb5a51!important;
    border-radius: 5px;
    padding: 5px;
}
.notificacion-2 .badge-color{
    background-color:#00000000;
    border: 1px solid #c24a43;
    color: #c24a43;
    border-radius: 5px;
    padding: 5px;
    margin-left: 5px;
    transition: 0.4s;
}
.notificacion-2:hover .badge-color{
    background-color: #c24a43;
    color: #FFE0DE;
    border-color: #c24a43;
    border: 1.4px solid;
}
.notificacion-2:not(:hover) .badge-color {
    animation: parpadeo 1s ease-in-out 3 forwards;
}
.notificacion-3{
    background-color: rgba(25, 216, 149, 0.2);
    border: 1px solid #17c789;
    color: #13a471;
    border-radius: 5px;
    padding: 5px;
}
.notificacion-3 .badge-color{
    background-color: #00000000;
    color: #13a471;
    border-color: #13a471;
    margin-left: 5px;
    border: 1.4px solid;
    transition: 0.4s;
}
.notificacion-3:hover .badge-color{
    background-color: #13a471;
    color: #ffffff;
    border-color: #13a471;
    border: 1.4px solid;
}
.notificacion-4{
    background-color: #fff3cd;
    color: #ac8100;
    border: 1px solid #d19d02;
    border-radius: 5px;
    padding: 5px;
}
.notificacion-4 .badge-color{
    background-color: #00000000;
    color: #ac8100;
    border-color: #ac8100;
    margin-left: 5px;
    border: 1.4px solid;
    transition: 0.4s;
}
.notificacion-4:hover .badge-color{
    background-color: #ac8100;
    color: #ffffff;
    border-color: #ac8100;
    margin-left: 5px;
    border: 1.4px solid;
}

.borde-color-1{
    border-color: #124e7e!important;
}
.borde-color-2{
    border-color: #dbdbdb !important
}

.tab-custom{
    border: 1px solid #124e7e;
    border-radius: 0px 16px 16px 16px;
}
.tab-custom .tab-pane{
    border-radius: 0px 16px 16px 16px;
}
.tab-button-start{
    border: 1px solid #124e7e!important;
    border-radius: 10px 0px 0px 0px!important;
    border-bottom: 0px!important;
}
.tab-button-end{
    border-radius: 0px 10px 0px 0px!important;
    border-top: 1px solid #124e7e!important;
    border-right: 1px solid #124e7e!important;
}

.label-case {
    background: linear-gradient(120deg, #124e7e, #00294B);
    padding: 8px 14px;
    border-radius: 6px;
    color: white;
}
.list-group-item.list-group-item-action.active.show{
    background-color: #35B1F6!important;
    border-color: #35B1F6!important;
}
.borde-form{
    border-color: #b3b3b3!important;
    border-radius: 5px;
}
.form-control:focus {
    border-color: #a1b5f7;
    box-shadow: 0 0 0 0.2rem rgba(40, 106, 167, 0.25);
} 
input,select {
    height: 33px !important;
    padding: 5px !important;
}