/* 
    Document   : estilos
    Created on : 07-jul-2013, 8:07:25
    Author     : diegoperdomo
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body {
    background-repeat: no-repeat;
    background-color: white;
    margin: 0px;
    font-family: Helvetica, Verdana, sans-serif;
    width: 100%;
    height: 90%;
}

#mensajes,
#mensaje{
    height: 0;
    width: 0;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 50%;
}

/* página login */
#login_fondo{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}
#login_logo{
    width: 150px;
    margin: 30px;
}
#cuadro_login {
    z-index: 0;
    position: absolute;
    left: 41%;
    top: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 400px;
    /* margin-top: -160px; */
    width: 300px;
    /* margin-left: -170px; */
    color: #17223C;
    font-size: 16px;
    box-shadow: 1px 3px 9px #999da5; 
    -webkit-box-shadow:  1px 1px 5px #999da5; /*Safari, Chrome*/ 
    -ms-box-shadow: 1px 5px 24px #999da5;/*Internet explorer*/ 
    -o-box-shadow: 1px 5px 24px #999da5;/*Opera*/ 
    -moz-box-shadow: 1px 5px 24px #999da5;/*Mozilla Firefox*/ 
    behavior: url(PIE.htc);
    border-radius: 10px;
    background-color: #FFF;
}
#cuadro_login h4{
    margin-bottom: 20px;
}
#cuadro_login input{
    border: 1px solid #c5c4c4;
    border-radius: 5px;
    /*height: 25px;*/
    padding-top: 6px;
    background-color: #F0F0F0;
    filter: none !important;
    margin-bottom: 20px;
    /*width: 100px; */
}
#cuadro_login .titulo {
    font-size: 16px;
    color:#17223C;
    padding-left: 10px;
    padding-top: 10px;
}
#cuadro_login input::placeholder{
    font-size: 12px;
}
#cuadro_login .boton { 
    background-color: #FD3F41;
    color: #ffffff;
    font-weight: bold;
    height: 40px;
    width: 210px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 21px;
    padding: 0;
}
.error_iniciar-sesion_aviso{
    display: inline;
    font-family: Arial;
    color: red;
    font-size: 11px;
    margin:0;
    max-width: 210px;
}

/* página solicitud */
#asiste_pacientes_logo{
    width: 150px;
    height: 55px;
    margin: 12px 30px 25px 30px;
}
#cuadro_busqueda{
    position: absolute;
    left: 26%;
    top: 320px;
    display: flex;
    flex-direction: column;
    height:500px;
    margin-top: -160px;
    width: 1100px;
    margin-left: -180px;
    color: #17223C;
    font-size: 16px;
    box-shadow: 1px 3px 9px #999da5; 
    -webkit-box-shadow:  1px 1px 5px #999da5; /*Safari, Chrome*/ 
    -ms-box-shadow: 1px 5px 24px #999da5;/*Internet explorer*/ 
    -o-box-shadow: 1px 5px 24px #999da5;/*Opera*/ 
    -moz-box-shadow: 1px 5px 24px #999da5;/*Mozilla Firefox*/ 
    behavior: url(PIE.htc);
    border-radius: 10px;
    background-color: #FFF;
    padding: 40px;
}
#cuadro_busqueda h4{
    margin-bottom: 20px 0 30px 0;
}
.solicitud_each{
    margin-bottom: 30px;
}
#cuadro_busqueda input{
    border: 1px solid #c5c4c4;
    border-radius: 5px;
    height: 35px;
    padding:5px;
    background-color: #F0F0F0;
    filter: none !important;
    width: 450px; 
}
#cuadro_busqueda .titulo{
    font-size: 14px;
    color:#17223C;
    padding-left: 10px;
    padding-top: 10px;
}
#cuadro_busqueda input::placeholder{
    font-size: 12px;
    padding-left: 10px;
}
#solicitud_select select{
    width:180px!important;
    font-size:14px!important;
    border: 1px solid #c5c4c4!important;
    border-radius: 5px;
    height: 35px;
    background-color: #F0F0F0;
    filter: none !important;
    /* margin-bottom: 20px; */
    font-size: 16px;
    color:#17223C;
    padding:5px;
}
#cuadro_busqueda .boton,
#btn_enviar-solicitud{ 
    background-color: #FD3F41;
    color: #ffffff;
    font-weight: bold;
    height: 47px;
    width: 450px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 35px;
}
.campo-obligatorio{
    /* margin: 1px; */
    color: red;
    font-size: 10px;
}
#fecha_campo-obligatorio{
    width: 100%;
}
#solicitud_info-clinica{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width:450px;
}
#solicitud_info-clinica i{
    color: #17223C;
}

/* barra de navegación */
.navbar_logo-am{
    width: 40px; 
    margin: 10px 12px;
}
/* barra de navegación */
.navbar-vertical {
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    background-color: #F2F0F0;
    width: 10vh;
    height: 100%;
    position: fixed;
    z-index: 100;
    box-shadow: 1px 3px 9px #999da5;
    -webkit-box-shadow: 1px 1px 5px #999da5;
    /*Safari, Chrome*/
    -ms-box-shadow: 1px 5px 24px #999da5;
    /*Internet explorer*/
    -o-box-shadow: 1px 5px 24px #999da5;
    /*Opera*/
    -moz-box-shadow: 1px 5px 24px #999da5;
    /*Mozilla Firefox*/
}

.navbar-vertical_logo-gbs {
    width: 7vh;
    margin: 1.6vh;
}

.navbar-vertical ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.navbar-vertical li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    font-size: 1.4vh;
    color: #17223C;
    margin: 1vh 0;
}

.navbar-vertical li i {
    /* width: 3vh; */
    padding: 0.3vh 0;
    color: #17223C;
    font-size: 2.5vh;
    text-align: center;
}

/* #logo-st{
    width: 2.6vh;
    position: fixed;
    bottom: 10px;
    left: 30px;
} */
.navbar-vertical li a:hover,
.navbar-vertical li a i:hover {
    color: #FD3F41;
}
/* dropdown perfil */
.perfil_dropdown {
    position: relative;
    display: inline-block;
    background-color: #F2F0F0;
}

.perfil_dropdown-boton {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #17223C;
    margin: 1.2vh 0;
    border: none;
    width: 10vh;
    background-color: #F2F0F0;
}

.perfil_dropdown-boton i {
    padding: 0.3vh 0;
    color: #17223C;
    font-size: 1.8vh;
    text-align: center;
}

.perfil_dropdown-content {
    display: none;
    position: absolute;
    left: 10.2vh;
    top: 0vh;
    background-color: #f1f1f1;
    min-width: 200px;
    min-height: auto;
    padding-bottom: 10px;
    box-shadow: 1px 3px 9px #999da5;
    -webkit-box-shadow: 1px 1px 5px #999da5;
    /*Safari, Chrome*/
    -ms-box-shadow: 1px 5px 24px #999da5;
    /*Internet explorer*/
    -o-box-shadow: 1px 5px 24px #999da5;
    /*Opera*/
    -moz-box-shadow: 1px 5px 24px #999da5;
    /*Mozilla Firefox*/
    z-index: 1;
}

.perfil_dropdown-content a {
    margin-top: 10px;
    color: #17223C;
    padding: 0.3vh 3vh;
    text-decoration: none;
    display: block;
    font-size: 1.7vh;
}

.perfil_dropdown-content i {
    margin-right: 3vh;
    font-size: 2.5vh;
}

.perfil_idiomas {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 0;
}

.perfil_dropdown-content a:hover {
    color: #FD4F28;
}

.perfil_dropdown-boton i:hover {
    color: #FD4F28;
}

.perfil_dropdown:hover .perfil_dropdown-content {
    display: block;
}

.perfil_dropdown:hover .perfil_dropdown-boton {
    color: #FD4F28;
}

#perfil_foto {
    width: 7vh;
    height: 7vh;
    overflow: hidden;
    border-radius: 50%;
}

/* cuadro de contenido */
#div_contenido{
    position: absolute;
    top: 40px;
    left: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    margin: 0 95px;
    min-height: 90%;
    width: 88%;
    background-color: #FFF;
    behavior: url(PIE.htc);
    z-index: 1;
}

/* página de calendario */
#calendario{
    margin: 0 20px 0 0;
}
/* página de calendario - botón añadir nueva cita */
.crear-nuevo-evento{
    align-self: flex-start;
    font-family: Arial, Futura;
    background-color: #2C3E50;
    color: white;
    padding: 8px 25px 9px 25px;
    margin-top: 12px;
    margin-bottom: 24px;
    border-radius: 5px;
    text-align: center;
    width: 273px;
}
.crear-nuevo-evento a{
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 15px;
    font-family: Arial, Futura;
    margin: 5px 0;
}
.crear-nuevo-evento a:hover{
    text-decoration: none;
    color: white;
    font-size: 15px;
}  
.crear-nuevo-evento:hover{
    background-color: #17223C;
}
/* página de calendario - mini calendario*/
.ui-datepicker {
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    margin-bottom: 40px;
    z-index: 9999;
    height: 330px;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
    background-image: none !important;
}

.ui-datepicker-next span.ui-icon,
.ui-datepicker-prev span.ui-icon {
    width: 0.8em !important;
    display: block;
    text-indent: 5px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-datepicker-next span:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    position: relative;
    color: #17223C;
}

.ui-datepicker-prev span:before {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    position: relative;
    color: #17223C;
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    color: #17223C !important;
}

.ui-date-picker-calendar thead tr th span,
.ui-widget-content {
    color: #17223C !important;
}

.ui-datepicker-state-hover {
    color: #FD4F28 !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 0.6em !important;
}

.ui-datepicker-current-day {
    border: 1px solid white !important;
    outline: 2px solid #FD4F28 !important;
    outline-offset: -3px;
    border-radius: 50%;
}
.ui-tabs.ui-widget-content{
    border: none!important;
    box-shadow: 1px 3px 9px #999da5;
    -webkit-box-shadow: 1px 1px 5px #999da5;
    /*Safari, Chrome*/
    -ms-box-shadow: 1px 5px 24px #999da5;
    /*Internet explorer*/
    -o-box-shadow: 1px 5px 24px #999da5;
    /*Opera*/
    -moz-box-shadow: 1px 5px 24px #999da5;
    /*Mozilla Firefox*/
}
.forzaTabs.ui-tabs-panel.ui-corner-bottom.ui-widget-content{
    box-shadow: none!important;
}
.forzaTabs.ui-tabs-panel.ui-corner-bottom.ui-widget-content{
    height: 300px;
    overflow: auto;
}
.ui-tabs .ui-tabs-panel{
    padding: 0 1.4em!important;
}

/* página de calendario - legenda */
.legend-checklist{
    align-self: flex-start;
    margin-bottom: 30px;
}
.legend-checklist_each img{
    width: 20px;
}
.legend-checklist_each label{
    padding: 5px 10px ;
}
/* página de calendario - calendario principal */
#horas{
    width: 100%;
    height: 100%;
}
#calendar{
    min-width: 100%!important;
    height: 650px;
    color: #17223C!important;
    font-size: 16px;
    overflow: none; 
    margin: 0 15px;
}
#calendar h2{
    font-size: 25px;
    color: #17223C!important;
    font-family: Arial, Futura;
    font-weight: bold;
    padding-top: 6px;
}
.fc-col-header-cell-cushion,
.fc-daygrid-day-number{
    text-decoration: none!important;
    color: #17223C!important;
}
.fc-timegrid-col.fc-day-today,
.fc-daygrid-day.fc-day-today{
    background-color: #17223c1c!important;
}
.fc-list-day-text,
.fc-list-day-side-text{
    text-decoration: none!important;
    color: #17223C!important;
}
/* página de calendario - modal añadir nueva actividad */
.cita-form_observaciones{
    width: 395px;
}
.cita-form_paciente,
.cita-form_telefono,
.cita-form_contacto,
.cita-form_contacto-tel,
.cita-form_fecha,
.nueva-tarea_select-servicios,
.nueva-tarea_select-actividad{
    width: 193px!important;
}
#cmb_hora,
#cmb_hora2{
    width: 92px!important;
}
#divs_form_boton input{
    font-weight: bold!important;
    font-family: Arial!important;
    background-color: #FD4F28!important;
    color: white!important;
    border: 1px solid #c5c4c4!important;
    border-radius: 10px!important;
    padding: 10px 20px!important;
    position: absolute;
    bottom: 16px;
    right: 150px;
}
#divs_form_boton input:last-child{
    bottom: 16px;
    right:30px;
}
.fc-more-link{
    text-decoration: none!important;
    color: #17223C!important;
}
.fc-event-time{
    width: 9em!important;
}
/* página de calendario - autocompletado de cliente en modal actividad */
ul.ui-autocomplete.ui-menu{
    z-index: 9999!important;
    list-style:none!important;
}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active{
    color: #17223C!important;
    background-color:white!important;
    font-weight: bold!important;
    font-family: Arial!important;
    list-style:none!important;
    zoom: 0!important;
    border: none!important;
    padding: 2px!important;
    margin: 0!important;
    outline: none!important;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active{
	margin: 0!important;
    color: white!important;
}
.ui-menu .ui-menu-divider{
	margin: 0!important;
	border-width: 0!important;
    color: white!important;
}
.ui-menu .ui-menu-item{
    list-style:none!important;
}
/* página de calendario - detalles datepicker en modal de añadir actividad */
.ui-datepicker-month,
.ui-datepicker-year{
    border: none!important;
    color: #17223C!important;
    font-weight: bold!important;
    font-family: Arial!important;
}
/* solicitudes */
#solicitudes_pagina{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 80%;
}
.solicitudes_container{
    border: 1px solid #c5c4c4; 
    border-radius: 5px; 
    min-height: 400px;
    width: 100%;
    padding:20px;
    margin: 0 50px 0 0;
    overflow: auto;
}
.solicitudes_each{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: #17223C 2px solid;
    background-color: #c5c4c4;
    color: #17223C;
    width: 100%;
    padding: 20px 30px;
    margin: 10px;
    border-radius: 5px;
}
.solicitudes_detalle{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 50%;
}
.solicitudes_detalles{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

#navbar_notificaciones{
    position: absolute;
}
#notificaciones_punto,
.fas.fa-circle{
    color: #FD3F41;
    font-size: 8px;
    position: relative;
    top: -12px;
    right: -12px;
}


/* dashboard */
/* dasboard - charts */
.divdash_container {
    width: 100%;
    display:initial !important;
}
.dash_rec {
    color: #17223C;
    border: 1px solid #17223C;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    margin-bottom: 20px;
}
.dashFiltro {
    margin-right: 10px;
}
.dashFiltro .btn {
    font-weight: bold;
    padding: 4px 10px;
    background-color: #17223C !important;
    border-color: #17223C !important;
}
.dashFiltro .btn:focus {
    box-shadow: unset !important;
}
/* dashboard - tablas */
#rec1, 
#rec3{
    margin-right: 30px;
}
#rec1,
#rec2,
#rec3{
    color: #17223C;
    border-radius: 5px;
    height: 260px;
    overflow:auto;
}
.rec .header {
    background-color: #17223C;
    text-align: center;
    color: white;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px;
    border-bottom: 1px solid white;
}
.rec table th,
.rec table td{
    font-size: 12px;
    text-align: left;
    width:111px; 
    padding: 5px 0 5px 10px;
}
.rec table th {
    background-color: #17223C;
    color: white;
}
.rec table tbody{
    /*display:block;*/
    /* height:205px; */
    overflow:auto;
}
#tCitas,
#tCitas .header{
    width: 555px;
}

/* pacientes */
.pacientes_container-datos{
    display:flex; 
    flex-direction:row; 
    justify-content:center; 
    margin: 30px 0;
}
.pacientes_container-datos-campos{
    display:flex; 
    flex-direction:column; 
    margin:0;
}
.pacientes_container-datos-foto{
    width: 80px; 
    height: 90px; 
    float: left; 
    border: 1px solid #c5c4c4; 
    border-radius: 5px; 
    margin:15px; 
    margin-top:0;
}
.file-wrapper_foto{
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 30px;
}
.file-wrapper_foto i{
    color: white;
    width: 30px;
}
.file-wrapper_foto input{
    cursor: pointer;
    height: 30px;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    opacity: 0.01;
    position: absolute;
    right: 0;
    top: 0;
}
.file-wrapper_foto{
    width: 100%; 
    margin: 5px 0;
    background-color: #17223C;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
}
#imgfoto{
    margin: 5px;
    height: 100%;
} 
#cc_txt{
    width: 100px;
    border: 1px solid #c5c4c4;
    border-radius: 5px;
}
#div_adjuntos a {
    text-decoration: none;
    color:#17223C;
    font-size: 11px;
    font-family: Arial, Futura;
}
.divAdjuntos {
    color: #17223C;
    border: 1px solid #c5c5c5;
    padding: 5px;
    float: left;
    margin: 5px;
}
/* clientes */
/* historial tareas */
/* .tabla-clientes_head-1 th,
.tabla-clientes_head-2 th {
    background-color: #17223C;
    color: white !important;
    font-weight: bold;
}

.tabla-clientes_head-1 th {
    font-size: 12px;
}

.tabla-clientes_head-2 th {
    font-size: 10px;
} */

.clientes_modal-adj-tarea {
    font-size: 12px;
    color: #17223C;
}

h4 {
    text-align: left;
    color: #17223C !important;
    font-weight: bold !important;
    font-family: Arial, Futura !important;
    font-size: 16px !important;
    margin-bottom: 10px !important;
    width: 100%;
}

.clientes_modal-adj-each {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.divAdjuntos,
.clientes_modal-adj {
    color: #17223C;
    /* border: 1px solid #c5c5c5; */
    padding: 5px;
    float: left;
    margin: 5px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 1px 3px 9px #999da5;
    -webkit-box-shadow: 1px 1px 5px #999da5;
    /*Safari, Chrome*/
    -ms-box-shadow: 1px 5px 24px #999da5;
    /*Internet explorer*/
    -o-box-shadow: 1px 5px 24px #999da5;
    /*Opera*/
    -moz-box-shadow: 1px 5px 24px #999da5;
    /*Mozilla Firefox*/
}

.divAdjuntos:hover{
    background-color: rgba(253, 79, 40, 0.24)!important;
}

.clientes_modal-adj-each {
    max-width: 400px;
}

#div_adjuntos a,
.clientes_modal-adj-each a {
    text-decoration: none;
    color: #17223C;
    font-size: 11px;
    font-family: Arial, Futura;
}

.clientes_modal-adj-each img {
    margin-right: 20px;
}

.clientes_modal-adj-each a:hover {
    font-weight: bold;
    color: #17223C;
}

.clientes_modal-adj-container {
    max-height: 200px;
    overflow: auto;
}

.clientes-adj_file-wrapper,
.clientes-adj_file-wrapper1 {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    left: 0px;
    top: 0;
    width: 22px;
    display: flex;
    align-items: center;
}

.clientes-adj_file-wrapper input,
.clientes-adj_file-wrapper1 input {
    cursor: pointer;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    opacity: 0.01;
    position: absolute;
    right: 0;
    top: 0px;
    width: 22px;
}

.clientes-adj_file-wrapper .button,
.clientes-adj_file-wrapper1 .button {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 22px;
}

.clientes-adj_file-wrapper img {
    width: 22px;
}

#cc_txt {
    width: 100px;
    border: 1px solid #c5c4c4;
    border-radius: 5px;
}

#search-bar_clientes{
    background-position: 10px 12px; 
    width: 100%; 
    font-size: 16px; 
    padding: 5px;
    border: 1px solid #c5c4c4;
    border-radius: 5px;
    margin: 20px 0; 
    position: sticky;
    top:0px;
    z-index: 9999;
}
/* clientes */
.clientes_container-1{
    display:flex; 
    flex-direction:column; 
    align-items:center; 
    margin-bottom: 30px;
}
.clientes_container-2{
    display:flex; 
    flex-direction:row; 
    justify-content: center; 
}
#div_cxc,
#div_abonos{
    box-shadow: 1px 3px 9px #999da5;
    -webkit-box-shadow: 1px 1px 5px #999da5;
    /*Safari, Chrome*/
    -ms-box-shadow: 1px 5px 24px #999da5;
    /*Internet explorer*/
    -o-box-shadow: 1px 5px 24px #999da5;
    /*Opera*/
    -moz-box-shadow: 1px 5px 24px #999da5;
    /*Mozilla Firefox*/
    border-radius: 5px;
    height: 90%;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}
#div_cxc{
    margin-right: 20px;
}
#abono_btn{
    margin:20px!important;
}

/* usuarios */
.div_usuarios{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 40px!important;
}
.div_usuarioslimitados{
    width: 820px;
    margin-top: 40px!important;
}
.div_usuarios-especialidad{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.div_especial select{
    width: 230px!important;
}
#imgFirma{
    display:flex; 
    flex-direction:column; 
    align-items:center;
}
#imgFirma img{
    height: 30px;
    margin: 20px 10px;
}

/* ajustes */
.div_ajustes{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left:20px;
}
#imglogo img{
    width: 140px;
    height: 140px;
    margin:5px;
}

/* anuncios */
/* anuncios - admin */
.ads_container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 30px;
}
.ads_crear{
    display: flex;
    flex-direction: column;
}
.ql-toolbar.ql-snow{
    border: 1px solid #c5c4c4!important;
    border-top-left-radius: 5px!important;
    border-top-right-radius: 5px!important;
}
.ql-container.ql-snow{
    border: 1px solid #c5c4c4!important;
    border-top: none!important;
    border-bottom-left-radius: 5px!important;
    border-bottom-right-radius: 5px!important;
}
.anuncios_subir-imagen{
    padding: 0!important;
    margin: 0!important;
    position: absolute;
    top: 33px;
    left: 435px;
    width: 22px;
    height: 20px!important;
}
.anuncios_file-wrapper{
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    left: 0px;
    top: 0;
    width: 22px;
    display: flex; 
    align-items:center;
}
.anuncios_file-wrapper input{
    cursor: pointer;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    opacity: 0.01;
    position: absolute;
    right: 0;
    top: 0px;
    width: 22px;
    height: 10px;
}
.anuncios_file-wrapper .button{
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 22px;
    height: 10px;
}
.anuncios_file-wrapper img{
    width: 22px;
}
#anuncios_imagen-subida{
    position: absolute;
    left: 30px;
    top: 5px;
    font-size: 12px;
    width: 200px;
}
/* anuncios - non-admin */
.showad_anuncios{
    display: flex;
    flex-wrap: wrap;
    max-height: 700px;
}
.showad_anuncio{
    background-color: #F2F0F0;
    width: 400px;
    height: 300px;
    border-radius: 5px;
    /*border:#17223C 2px solid;*/
    padding: 20px;
    margin: 15px;
    overflow: hidden;
    position : relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 1px 3px 9px #999da5;
    -webkit-box-shadow: 1px 1px 5px #999da5;
    /*Safari, Chrome*/
    -ms-box-shadow: 1px 5px 24px #999da5;
    /*Internet explorer*/
    -o-box-shadow: 1px 5px 24px #999da5;
    /*Opera*/
    -moz-box-shadow: 1px 5px 24px #999da5;
    /*Mozilla Firefox*/
    border-radius: 10px !important;
}
.showad_anuncio:after{
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, 1) 90%);
    width: 100%;
    height: 50px;
}
.showad_link,
.showad_link:hover{
    text-decoration: none;
    color: #17223C;
}
.showad_modal{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 10px;
    width: 400px;
    height: 450px;
    overflow: auto;
    color: #17223C;
    padding-right: 10px;
}

/* títulos de página */
.titulo-pagina h2{
    text-align: center;
    color: #17223C;
    font-weight: bold;
    font-family: Arial, Futura;
    font-size: 25px;
    margin-bottom: 40px;
    width: 100%;
}

/* jquery ui widgets */
.ui-widget-header{
    border: none!important; 
    background: none!important;
    color: #17223C!important;
}
.ui-widget{
    font-family: Arial, Futura!important;
    font-size: 1em!important;
}
.ui-state-hover, 
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover{
    border: none!important;
    background: none!important;
    color: #FD4F28!important;
}
.ui-state-hover, 
.ui-widget-content .ui-state-hover ,
.ui-widget-header .ui-state-hover .ui-icon span{
    color: #FD4F28!important;
}
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default{
    border: none!important;
    background: none!important;
    color: #17223C!important;
    font-weight: lighter!important;
    text-align: center;
}
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight{
    background-color: #FD4F28!important;
    color: white!important;
    font-weight: bold!important;
    border-radius: 50%;
}
.ui-state-default:hover{
    color: #FD4F28!important;
}

/* modales */
.simplemodal-container {
    /* min-height: 530px; */
    min-width: 450px;
    border: none !important;
    box-shadow: 1px 3px 9px #999da5;
    -webkit-box-shadow: 1px 1px 5px #999da5;
    /*Safari, Chrome*/
    -ms-box-shadow: 1px 5px 24px #999da5;
    /*Internet explorer*/
    -o-box-shadow: 1px 5px 24px #999da5;
    /*Opera*/
    -moz-box-shadow: 1px 5px 24px #999da5;
    /*Mozilla Firefox*/
    border-radius: 10px !important;
    padding-top: 5px !important;
}

.simplemodal-data {
    padding: 2% !important;
}

.simplemodal-wrap {
    margin-top: 30px;
    height: auto !important;
    overflow: visible !important;
}

#simplemodal-container a.modalCloseImg {
    background: url(./imagenes/icono-cerrar.png) no-repeat !important;
    width: 35px !important;
    height: 35px !important;
    top: 20px !important;
    right: 16px!important;
    z-index: 9999;
}

/* formularios */
#divs_form {
    height: 55px;
    float: left;
    margin-bottom: 7px;
    padding: 5px;
    color: #17223C;
    font-size: 14px;
}

.etiqueta {
    color: #17223C;
    font-family: Arial, Futura;
    font-size: 12px;
}

#divs_form select,
#adicionales_cbo {
    font-family: Arial;
    color: #17223C;
    border: 1px solid #c5c4c4;
    border-radius: 5px;
    height: 30px !important;
    padding: 3px;
    width: 100%;
    background-color: white !important;
    font-size: 14px;
}

#divs_form input,
#popup_prompt {
    font-family: Arial;
    color: #17223C;
    border: 1px solid #c5c4c4;
    border-radius: 5px;
    height: 30px;
    padding: 3px;
    background-color: white;
}

#form1{
    width: 100%;
}

/* cuadros de advertencia */
#popup_container{
    border: 1px solid #c5c4c4!important;
    border-radius: 10px!important;
    font-family: Arial!important;
    color: #17223C!important;
    background-color: white!important;
    font-size: 12px!important;
    height: auto!important;
}
#popup_title{
    background: none!important;
    border-radius: 10px!important;
    border: none!important;
    background-color: white!important;
    font-family: Arial!important;
    color: #17223C!important;
    padding: 10px 0 5px!important;
}
#popup_content{
    background: none!important;
}
#popup_message{
    padding: 5px 0 10px!important;
    
}
#popup_panel input{
    font-weight: bold!important;
    font-family: Arial!important;
    background-color: #FD4F28!important;
    color: white!important;
    border: 1px solid #c5c4c4!important;
    border-radius: 10px!important;
    padding: 10px 20px!important;
}

/* selects, fieldsets y textareas */
select,
textarea{
    border: 1px solid #c5c4c4!important;
    border-radius: 5px;
    background-color: white;
}
fieldset {
    font-size: 12px;
    border: 1px solid #c5c5c5;
    height: 45px;
}

/* algunos botones */
#reporte_btn,
#cap_btn,
#notas_btn,
#recetas_btn,
#erecetas_btn,
#btn_correo,
#config_in li button,
#btnGenerar,
#abono_btn{
    font-weight: bold!important;
    font-family: Arial!important;
    background-color: #FD4F28!important;
    color: white!important;
    border: 1px solid #c5c4c4!important;
    border-radius: 10px!important;
    padding: 10px 20px!important;
    height: auto!important;
    width: auto!important;
    margin: 20px 0;
}

/* barra de herramientas */
#div_botones{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    text-align: center;
    margin: 0 0 10px;
    z-index: 2;
}
.desab{
    opacity:0;
    width: 0;
    margin: 0!important;
    padding: 0;
}
#div_botones img,
#div_botones a{
    margin: 0 10px 0;
}

/* tabs */
.ui-tabs .ui-tabs-nav {
    overflow: hidden !important;
    font-size: 12px !important;
    border: none !important;
    border-bottom: 5px solid #17223C !important;
    background-color: white !important;
    padding: 10px !important;
    padding-bottom: 0 !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.ui-tabs .ui-state-default a,
.ui-tabs .ui-state-default a:link {
    background-color: white;
    color: #17223C;
    font-weight: bold;
    font-family: Arial;
    float: left;
    /* border: 1px solid #c5c4c4; */
    border-bottom: none;
    min-width: 150px;
    border-top-left-radius: 10px;
    border-top-right-radius: 30px;
    outline: none;
    cursor: pointer;
    padding: 10px 20px;
    transition: 0.3s;
    box-shadow: 1px 3px 9px #999da5;
    -webkit-box-shadow: 1px 1px 5px #999da5;
    /*Safari, Chrome*/
    -ms-box-shadow: 1px 5px 24px #999da5;
    /*Internet explorer*/
    -o-box-shadow: 1px 5px 24px #999da5;
    /*Opera*/
    -moz-box-shadow: 1px 5px 24px #999da5;
    /*Mozilla Firefox*/
}

.ui-tabs .ui-state-active a,
.ui-tabs .ui-state-active a:link {
    background-color: #17223C !important;
    color: white !important;
    margin: 0 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    outline: none !important;
}

#tabsDatos {
    min-width: 100%;
    max-height: 100%;
    height: auto;
}

.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
    margin-right: 0 !important;
}

.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active {
    margin-right: 0 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li,
.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-tabs-anchor {
    margin-bottom: 0 !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
}

/* botones para subir archivos/imágenes */
.file-wrapper,
.file-wrapper_usuarios,
.file-wrapper_cap,
.file-wrapper_ajustes{
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.file-wrapper input,
.file-wrapper_usuarios input,
.file-wrapper_cap input,
.file-wrapper_ajustes input{
    cursor: pointer;
    font-size: 100px;
    height: 100%;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    opacity: 0.01;
    position: absolute;
    right: 0;
    top: 0;
}
.file-wrapper .button,
.boton-subir-logo,
.file-wrapper_usuarios,
/* .file-wrapper_cap, */
.file-wrapper_ajustes,
.boton-subir-archivos_usuarios,
.boton-subir-archivos_usuariolimitado,
.boton-subir-foto{
    background-color: #17223C;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin: 5px;
    padding: 10px 20px;
    text-transform: uppercase;
    text-align: center;
}
.boton-subir-archivos_usuarios{
    width: 230px; 
    margin-left: 10px;
}
.boton-subir-archivos_usuariolimitado{
    width: 390px;
    margin-left: 10px;
}
.boton-subir-logo{
    width: 140px;
}

/* paint y colpick(elegir colores en paint cavas) */
.colpick{
    left: -4px!important;
    top: 200px!important;
    z-index: 9999;
}
#config_in li{
    text-align: center;
}
.paint_nombre-imagen{
    padding-bottom: 0px !important;
}
.paint_nombre-imagen span{
    text-align: start!important;
}
.paint_nombre-imagen input,
#txt input{
    height: 16px;
    border: 1px solid #c5c4c4;
    border-radius: 5px;
}
.top{
    display:none!important;
}

/* tablas */
.tablas {
    border-collapse:separate;
    border-spacing: 5px;
    border: none;
    font: normal 11px Arial;
    color: #17223C;
    /* background: white; */
    width: 100%;
}

.tablas thead th {
    height: 15px;
    font-weight: bold;
    font-size: 14px;
    /* border: 1px solid #17223C; */
    text-align: center;
    /* color: white; */
    padding: 15px;
    background-color: white;
    color: #17223C;
    border: none;
    position: sticky;
    top: 0px;
    z-index: 1000;
}

.tablas td,
.tablas th {
    padding: 5px;
    color: #17223C;
    text-align: center;
}
.tablas th{
    background-color: white;
    color: #17223C;
    border: none;
}
/* .tablas td{
    background-color:#F2F0F0;
    border: 1px solid #c5c4c4;

} */

.tablas tbody td a,
.tablas tbody th a {
    background: transparent;
    text-decoration: none;
    color: #17223C;
}

.tablas input {
    border: 0;
    height: 16px;
    padding-top: 2px;
    font-size: 11px;
    /* background-color: white; */
    color: #17223C;
}
.celda_pri{
    background-color:rgba(253, 79, 40, 0.24)!important;
}
.celda_sec{
    background-color:rgba(252, 134, 107, 0.24);
}
.celda_ter{
    background-color:rgba(249, 195, 182, 0.24);
}
.celda_cua{
    background-color: #ddd; 
}
.celda_titulo{
    background-color: white;
    color: #17223C;
    border: none;
}

/*ocultar toolbar del quill*/
.ql-toolbar:nth-child(1n+4) {
    display:none !important;
}