@import url(http://fonts.googleapis.com/css?family=Nunito);
@import url(https://fonts.googleapis.com/css?family=Alatsi);
@import url(https://fonts.googleapis.com/css?family=Special+Elite);

.font-HLC {
    font-family: 'Alatsi' !important;
    color: #0c3b7c !important;
    font-weight: bolder !important;
    /*font-size: 22px;*/
}

.font-HLC-reverse {
    font-family: 'Alatsi' !important;
    color: #ffffff !important;
    font-weight: bolder !important;
    /*font-size: 22px;*/
}

.font-HLC-WS {
    font-family: 'Special Elite' !important;
    color: #d92550 !important;
    font-weight: bolder !important;
    /*font-size: 22px;*/
}

.font-HLC-WS-reverse {
    font-family: 'Special Elite' !important;
    color: #d9b300 !important;
    font-weight: bolder !important;
    /*font-size: 22px;*/
}

.alert-primary {
    background-color: #0c3b7c !important;
    /*#bedffb*/
}

.app-main {
    padding-top: 43px; /*padding-top: 86px;*/
}

.app-header {
    height: 43px; /*86px*/
    background-color: #0c3b7c !important;
    color: #fff !important;
}

.app-page-title {
    padding: 10px 0px 10px 0px;
    /*padding-top: 10px;*/ /*padding-top: 1.5rem;*/
    /*padding-right: 0px;*/
    /*padding-bottom: 10px;*/ /*padding-bottom: 1.5rem;*/
    /*padding-left: 0px;*/
    border-bottom: #0c3b7c solid 2px !important; /*#ced4da*/
}

.app-page-title .page-title-wrapper::before {
    background: #0c3b7c !important;
}

.bg-plum-plate {
    background-image: url("/assets/images/originals/Brc.azul.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    /*fence - hlc.jpg*/
    /*background-image: linear-gradient(135deg, #667eea 0%, #003D72 100%) !important;*/
}

body {
    /*background: #4EB889;*/
    font-family: Nunito, arial, verdana;
    font-size: 12px;
}

.border-primary {
    border-color: #0c3b7c !important;
}

.btn-dark {
    background-color: #747c87 !important;
}

.btn-focus {
    background-color: #808080;
}

.btn-myXS {
    font-size: 12px !important;
    font-weight: bolder;
    padding-top: 0.15rem !important;
    padding-right: 1rem !important;
    padding-bottom: 0.15rem !important;
    padding-left: 1rem !important;
    /*padding-top: 0.375rem !important;
    padding-right: 0.75rem !important;
    padding-bottom: 0.375rem !important;
    padding-left: 0.75rem !important;*/
}

.btn-myXS-cuadrado {
    font-size: 12px !important;
    font-weight: bolder;
    padding-top: 0.15rem !important;
    padding-right: 0.75rem !important;
    padding-bottom: 0.15rem !important;
    padding-left: 0.75rem !important;
    /*padding-top: 0.375rem !important;
    padding-right: 0.75rem !important;
    padding-bottom: 0.375rem !important;
    padding-left: 0.75rem !important;*/
}

.btn-primary {
    /*background-color: #003D72 !important;*/
    background-color: #0c3b7c !important;
}

.btn-warning {
    background-color: #d9b300 !important;
}

.card-header {
    text-transform: none !important;
    height: 2rem !important;
}

.card-header > .nav .nav-link::before {
    background: #0c3b7c !important;
}

.card-shadow-primary {
    box-shadow: 0 0.46875rem 2.1875rem rgba(12,29,124,0.03), 0 0.9375rem 1.40625rem rgba(12,29,124,0.03), 0 0.25rem 0.53125rem rgba(12,59,124,0.05), 0 0.125rem 0.1875rem rgba(12,59,124,0.03) !important;
}

.container {
    line-height: 1 !important;
}

.container-fluid {
    line-height: 1 !important;
}

.contenedores {
    /*border: outset !important;*/
    border: 1px solid #747c87; /* Color del borde, debe ser más oscuro que fondo */
    background: #e2e2e2; /* Fondo */
    border-radius: 6px; /* Bordes redondos */
    box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);    
}

.contenedores_resaltado {
    /*border: outset !important;*/
    border: 1px solid #0c3b7c; /* Color del borde, debe ser más oscuro que fondo */
    background: #9dc0ef; /* Fondo */
    border-radius: 6px; /* Bordes redondos */
    box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
}

.contenedores_colaborador_cabecera {
    background-color: #abd8f2 !important;
}

.contenedores_colaborador_cuerpo {
    background-color: #D0EEFF !important;
}

.contenedores .card-header{
    text-transform:uppercase !important;
    font-weight:bold !important;
    /*font-size:large;*/
}

.dataTables_wrapper {
    width: 100%;
}

.etiqueta {
    font-weight: bold;    
}

.etiquetaDeTabla {
    font-weight: bold !important;
    font-size: 1.5em !important;
    color:#ffffff !important;
}

tr.text-warning th {
    font-weight: bold;
    font-size: 1.5em;
    color: #ffffff;
}

.fondoGrisResaltado {
    background-color: #e8e9f5;
}

.form-control-sm {
    font-size: 12px;
}

.horizontal-nav-menu > li {
    margin-right: 20px;
}

.horizontal-nav-menu > li > a span::before {
    background-color: #d9b300 !important;
    /*#0c3b7c*/
}

.horizontal-nav-menu > li > a.active {
    color: #d9b300 !important;
    /*#0c3b7c*/
}

.menuIzquierdoColumna {
    /*background-color: #e4e4e4;*/
    background-color: #ffffff;
    padding: 0;
    border-top: 1px solid #747c87;
    border-right: 1px solid #747c87;
    border-bottom: 1px solid #747c87;
}

.my-card {
    display: flex !important;
}

.my-card-header {
    display: block !important;
}

.page-title-heading {
    color: #0c3b7c !important;
    font-size: 16px !important;
    font-weight: bolder !important;
}

.page-title-subheading {
    font-size: 16px !important;
    font-weight: bolder !important;
}

div.popuplikeModalBackground {
    opacity: 0.6;
    filter: alpha(opacity=40);
    background-color: #000;
    z-index: 10;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
}

div.popuplikeModalContent-pequeno {
    z-index: 20;
    position: fixed;
    top: 30%;
    left: 30%;
    width: 40% !important;
    /*transform: translate(-50%, -50%);*/
}

div.popuplikeModalContent-mediano {
    z-index: 20;
    position: fixed;
    top: 20%;
    left: 20%;
    width: 60% !important;
    /*transform: translate(-50%, -50%);*/
}

div.popuplikeModalContent-grande {
    z-index: 20;
    position: fixed;
    top: 10%;
    left: 10%;
    width: 80% !important;
    /*transform: translate(-50%, -50%);*/
}

/*div.popuplikeModalContent {
    z-index: 20;
    position: fixed; 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/

.tablaComprimida {
    font-size: xx-small;
    margin: 0;
    padding: 0;
}

.tablaNoComprimida {
    /*font-size: small;*/
    margin: 0px;
    padding: 0px;
}

.tablaComprimidaMD td {
    /*margin: 10px 3px 2px 3px;*/
    padding: 2px 6px 2px 6px;
}

table.myRadioButtonList input {
    width: 20px;
    display: block;
    float: left;
}

table.myRadioButtonList label {
    width: 200px;
    display: block;
    float: left;
}

.tituloTabla {
    font-family: Arial, Helvetica, sans-serif;
    font-size: larger;
    /*font-weight: bolder;*/
    color:#FFFFFF;
}

.tituloContenedor {
    font-family: Arial, Helvetica, sans-serif;
    font-size: larger;
    /*font-weight: bolder;*/
    color: #0c3b7c;
}

.tituloContenedor_resaltado {
    font-family: Arial, Helvetica, sans-serif;
    font-size: larger;
    /*font-weight: bolder;*/
    color: #fff;
}

.myRadioButtonList2 {
    background-color: white;
}

table.myRadioButtonList2 input {
    width: 30px;
    display: block;
    float: left;
    margin-top: 4px;
    margin-bottom: 4px;
}

table.myRadioButtonList2 label {
    display: block;
    float: left;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-right: 8px;
}


.text-primary {
    /*color: #003D72 !important;*/
    color: #0c3b7c !important;
    /*color: #d9b300 !important;*/
}

.text-warning {
    color: #d9b300 !important;
}

.resaltarOnHover:hover {
    background-color: #ffed97;
    border-style: dashed;
    border-color: #d9b300;
    border-width: 1px;
}

.separador {
    border-color: #0c3b7c;
    border-style: dashed;
    margin-top: 10px;
    margin-bottom: 30px;
}

/*.dataTables_scrollBody thead {
    visibility: hidden;
}*/

/*div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:before {
    display: none;
}*/

/*
    #0c3b7c HLC Azul        12  59  124
    #d9b300 HLC Amarillo    217 179 0
    #747c87 HLC Gris        116 124 135


    Nuevos colores:
    Celeste  #9dc0ef   

*/


/*.multiselect-dropdown-fullwidth{
    width:100% !important;
}*/