/****************************************************** Fonts *********************************************************/
@font-face{
    font-family: 'lato';
    font-display: swap;
    src: url("../../fonts/Lato-Light/Lato-Light.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Lato-Light/Lato-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../fonts/Lato-Light/Lato-Light.otf") format("opentype"),
    url("../../fonts/Lato-Light/Lato-Light.woff2") format("woff2"),
    url("../../fonts/Lato-Light/Lato-Light.woff") format("woff"), /* Modern Browsers */
    url("../../fonts/Lato-Light/Lato-Light.ttf")  format("truetype"), /* Safari, Android, iOS */
    url("../../fonts/Lato-Light/Lato-Light.svg#svgFontName") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'latob';
    font-display: swap;
    src: url("../../fonts/Lato-Bold/Lato-Bold.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Lato-Bold/Lato-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../fonts/Lato-Bold/Lato-Bold.otf") format("opentype"),
    url("../../fonts/Lato-Bold/Lato-Bold.woff2") format("woff2"),
    url("../../fonts/Lato-Bold/Lato-Bold.woff") format("woff"), /* Modern Browsers */
    url("../../fonts/Lato-Bold/Lato-Bold.ttf")  format("truetype"), /* Safari, Android, iOS */
    url("../../fonts/Lato-Bold/Lato-Bold.svg#svgFontName") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

/*************************************************** Grales ***********************************************************/
.puntero { cursor:pointer !important; }
.pad0 { padding: 0 !important; }
.fa-asterisk.required {
    font-size: 10px;
    color:red !important;
    /*margin-left: -8px;
    position: absolute;*/
    margin-top: -15px;
}
.center-text-vertical{
    display: inline-block;
    vertical-align: middle;
    float: none !important;
}
.centrar-content{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.alert{
    font-family: 'lato','sans-serif';
    font-size: 14px;
}
.sombra{ box-shadow: 0 4px 18px 0 rgba(0,0,0,.12), 0 7px 10px -5px rgba(0,0,0,.15); }

.select-hidden-label {
    color: transparent;
    position: fixed;
    margin-top: -20px;
}
.seccionlogin{
    background: #1FAAEF; /* For browsers that do not support gradients */
    background: linear-gradient(to bottom right, #0D93E1, #36BBFE); /* Standard syntax (must be last) */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 100vh;
    -webkit-box-shadow: inset 0 0 19px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0 0 19px -9px rgba(0,0,0,0.75);
    box-shadow: inset 0 0 19px -9px rgba(0,0,0,0.75);
}
.sombra-panel{
    -webkit-box-shadow: 0 9px 12px -3px rgba(0,0,0,0.51) !important;
    -moz-box-shadow: 0 9px 12px -3px rgba(0,0,0,0.51) !important;
    box-shadow: 0 9px 12px -3px rgba(0,0,0,0.51) !important;
}
.panel-header-login-registro{
    background-color: white !important;
    background-image: none !important;
}
.sing-in-title{
    font-family: 'lato','sans-serif';
    font-size: 16px;
    margin-top: 0;
}

.seccion-titulo{
    font-family: 'latob','sans-serif';
    font-size: 24px;
}
.seccion-subtitulo{
    font-family: 'lato','sans-serif';
    font-size: 20px;
}

.texto-gral{
    font-family: 'lato','sans-serif';
    font-size: 14px !important;
}

.box-clinica{
    padding:15px;
    border-top:solid 4px #36BBFE;
    background-color: #fff;
    -webkit-box-shadow: 0 9px 12px -3px #00000082 !important;
    box-shadow: 0 9px 12px -3px #00000082 !important;
}

.notificacion .badge-notify{
    position: absolute;
    top: 7px;
    right: 3px;
    background: #d9534f;
    font-size: 10px !important;
}
.desplegar button{
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    /*color: #000000;*/
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
}
.desplegar:hover, .desplegar button:hover{
    cursor: pointer;
    color: #333333;
}

.sin-decoracion { text-decoration: none !important; }
.text-decoration-none { text-decoration: none !important; }
.text-decoration-none:hover { text-decoration: underline; }

.btn-icon-success {
    font-size: 20px !important;
    background-color: #3f89c7 !important;
    margin-top: 18px;
    padding: 14px !important;
    margin-top: 27px !important;
}
.btn-icon-success > .fa-plus-circle {
    font-size: 20px !important;
    margin-top: -10px !important;
}
.fa-times.delete {
    color: red;
}

.labelTb {
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1.42857 !important;
    color: #aaa;
}

/***************************************************** Tablas *********************************************************/
.encabezado, .tablas-encabezado > tr > th{
    font-family: 'latob','sans-serif';
    font-size: 14px !important;
    color: #fff;
    background-color: #3f89c7;
}
.tablas-subtitulo{
    font-family: 'lato','sans-serif';
    font-size: 16px;
    font-weight: bold;
}
.tablas-cuerpo > tr > td{
    font-family: 'lato','sans-serif';
    font-size: 14px !important;
}
.title-table {
    font-family: 'latob','sans-serif';
    font-size: 14px !important;
}

.fa-2x { margin-bottom:10px; }

/**************************************************** Busqueda y ordenamiento 2 (CXC) */
.sortCC thead th:last-child{ text-align: center; }
.sortCC tr td:last-child{ text-align: right; }
.sortCC td:not(.noSort){ padding-left: 15px !important; }
.sortitos{
    color:rgb(171,171,171);
    cursor:pointer;
}
.iga-sort:hover.sortitos{ color:#337AB7; }
.sortitos.active{ color:#337AB7; }
.clicSearch{ cursor:pointer; }
/*.tablaCC{
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    scrollbar-face-color:rgba(0,25,148,0.81);
}*/
.sortCC thead th .input-mini{
    border-radius:4px 0 0 4px;
    padding-left:4px;
    border:1px solid #ccc;
    height:28px;
}
.sortCC thead th .input-group-addon{
    padding:3px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
.sortCC thead th .iga-times{
    background: #fff !important;
    border-left:none !important;
    padding-left:0 !important;
}
.sortCC thead th .input-mini{
    -webkit-appearance:none !important;
    box-shadow:none !important;
    border-right:none !important;
    width:100%;
}
.sortCC thead th .input-group-addon .fa-times{
    cursor: pointer;
    color: #ccc;
}
.sortCC tr td,.sortCC tr th> div > input{ font-size: 12px !important; }
.sortCC thead th .input-mini:focus,.sortCC thead th .input-mini:focus + .input-group-addon{
    border-color:#66afe9;
    outline:0;
}
.sortCC thead th .input-group-addon:hover .fa-times,.sortCC thead th .input-mini:hover + .input-group-addon .fa-times{
    color: #ccc;
    display:inline-block;
}
.sortCC tbody tr td .btn-default{ padding:1px 3px !important; }

.tablas-encabezado > tr > th > div > input { color:#000 !important; }
.tablas-encabezado > tr > th > div > select { color:#757575 !important; }

/**************************************************** Boton flotante */
.floating-button {
    position: fixed !important;
    bottom: 20px; /* Distancia desde el fondo */
    right: 74%; /* Distancia desde la derecha */
    z-index: 1000; /* Asegura que esté por encima de otros elementos */
}
/***************************************************** Medias *********************************************************/