h3, h4, p, button, li, a, td, tr, span, div, input, input::placeholder, textarea, select{ font-family: Lato!important;}
body{font-size:15px!important;}
h4{font-size: 14px!important;}

/* Custom */ 
.separator-4{height:4px;}.separator-5{height:5px;}.separator-10{height:10px;}.separator-20{height:20px;}.separator-30{height:30px;}.separator-40{height:40px;}.separator-50{height:50px;}.separator-70{height:70px;}
.color-separator{height:2px;background-color: #9cd36c;}
i.fas.fa-phone, i.fab.fa-whatsapp, i.far.fa-envelope {color: white;}
td {color: #000!important;}
thead{background-color: #8bc34ade;}
th{color: white!important;}
.dataTables_wrapper .dataTables_filter{float: left!important;margin-left: 20px;}
.dataTables_info{margin-left: 20px;}
.dataTables_wrapper .dataTables_length{float: right!important;margin-right: 20px;}
.table-responsive{overflow-x: unset!important;}
.navbar-light .navbar-nav .nav-link {color: #fff;}
.row{margin-right: 0px;margin-left: 0px;}
.toast-top-right{top:70px;}
#toast-container>div{opacity:1;}
.btn-aurea {color: white;background: #6ab52b;border: 1px solid #9bcb64;-webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);-webkit-transition: 0.2s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;}
.btn-aurea:hover {color: white;background: #9bcb64;border: 1px solid #6ab52b;}
.btn-primary.disabled, .btn-primary:disabled {background-color: #4a4a4a;}
.btn-secondary:hover {background-color: #a7acb0;}
label.control-label{color: rgba(51, 51, 51, 0.85);font-weight: 600;}
.fields-color{color: #649e33;}
.form-group.col-md-1.bt, .form-group.col-md-3.bt, .form-group.col-md-4.bt, .form-group.col-md-5.bt, .form-group.col-md-6.bt, .form-group.col-md-9.bt {border-bottom: 1px solid #444444;margin-left: 10px;}
.mt-10{margin-top:10px;}.mt-20{margin-top:20px;}.mt-30{margin-top:30px;}
.mr-10{margin-right:10px;}.mr-20{margin-right:20px;}.mr-30{margin-right:30px;}
.f-r{float:right;}.f-l{float:left;}
.c-white{color:white;}
.remove-arrow.dropdown-toggle::after{display:none;}
.form-group.col-md-12.keypad {border-top: 2px solid #65943e;padding: 20px;margin-top: 10px;}
.keypad {display: block; gap: 10px; text-align: right;}
.c-textarea{width: 100%;font-size: 11px;line-height: 1.6em;height: 150px;}
.center-button {display: flex;justify-content: center;margin-top:10px;}
.modal-title {color: #65943e;text-transform: uppercase;font-weight: bold;font-size: 15px !important;}
.fixed-top { height: 50px;}
.checkToSlack{margin-left: 80px;}
.sticky-header {position: sticky;background: #8bc34a;top: 50px; z-index: 1; }
.required-field {color: red;font-size: medium;}
.c-checkbox {height: 20px!important;}
button.swal2-confirm.swal2-styled.swal2-default-outline {color: white !important;}
.swal2-input, .swal2-textarea {border-color: #98d36d; text-align: center;}
button.swal2-confirm.swal2-styled{color: white;}
.swal2-popup-tall {max-height: 90vh !important; overflow-y: auto !important; }
.result-right-icon {display: flex;gap: 5px;margin-top: 12px;}
.close{position: absolute;top: 10px;right: 0px;z-index: 10;}

/* Consentimientos */
canvas#signature-pad, canvas#signature-pad-2, canvas#signature-pad-3, canvas#signature-pad-conf, canvas#signature-pad-others {border: 1px solid #ced4da;}

/* Sidebar */
.left-sidebar {display: none;}
.left-sidebar.active{display:block!important;}
.sidebar-toggle {cursor: pointer;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 40px;height: 40px;}
.sidebar-toggle .bar {width: 25px;height: 3px;background-color: #fff;margin: 3px 0;transition: background-color 0.3s;}
@media (min-width: 768px) {
  .left-sidebar{display: block;}
  .fix-header{overflow: auto;}
}
@media (max-width: 768px) {
  .maxwidth{width:100%;margin-top: 40px;}
  .kpi-div, .help, .navbar-header, #patient_piechart_3d{display: none;}
  .c-navbar-collapse{margin-top:-50px!important;}
  .page-titles {margin: 0px!important;}
  .checkToSlack{margin-left:30px;}
  .logo{width:220px;}
  #btnPatient{padding:0px!important;}
  #buscar-por{display: none;}
  #filtros{margin-top: 0px!important;margin-left: 30px;float:none!important;}
  .modal-dialog{width: 90%!important;}
}

/* Tab */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: white;background-color: #78ba58;border-color: none}
.nav-tabs{border-bottom: 1px solid #78ba58;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-color: #78ba58 #78ba58 #78ba58;}
.nav-tabs .nav-link {color: black;}

/* Highlight */
.highlight{background: #f6f6f6;margin: 0 0 0px;}
.highlight-name{font-size:16px;font-weight:bold;}
.highlight-label{font-size:12px;color:#444444;font-weight: bold;}
.highlight-value{font-size:14px;}
.highlight-section{font-size:16px;color: rgba(51, 51, 51, 0.85);text-transform: uppercase;font-weight: 600;}
p.additional-field {margin-top: 37px!important;}
.highlight-section-detail{background: #f6f6f6; padding: 5px 5px 5px 10px;margin-bottom: 10px!important;}

.bg-informacion {background-color: #e6e6e6;color: #3d3d3d;}
.bg-esperando_agendar_cita {background-color: #eef7e3;color: #2e302d;}
.bg-cita_inicial_agendada {background-color: #d4edbc;color: #10734b;}
.bg-cita_inicial_realizada {background-color: #ffe5a0;color: #473821;}
.bg-inicio_tratamiento {background-color: #10734b;color: #d2ecbb;}
.bg-no_interesado {background-color: #ffcfc9;color: #b10202;}
.bg-lista_de_espera {background-color: #eef7e3;color: #2e302d;}

/* Citas */
.label-Online{background-color:#6f6d6f;}
.h4-Online{color:white;}
.label-Indiferente{background-color:#6f6d6f;}
.h4-Indiferente{color:white;}
.label-NoTrabaja{background-color:#e2e2e2!important;}
.label-Trabaja{background-color:#e3f8e0!important;}

/* Prioridades */
.label-Urgente{background-color:#FF6347;}
.h4-Urgente{color:#FFFFFF;}
.label-Alta{background-color:#FFA500;}
.h4-Alta{color:#FFFFFF;}
.label-Media{background-color:#FFD700;}
.h4-Media{color:#000000;}
.label-Baja{background-color:#ADD8E6;}
.h4-Baja{color:#000000;}

/* Registro de Ingresos */
.label-Efectivo { background-color: #34a853; } 
.h4-Efectivo { color: #FFFFFF; } 
.label-Transferencia { background-color: #ff7b00; } 
.h4-Transferencia { color: #FFFFFF; } 
.label-Datafono { background-color: #007bff; } 
.h4-Datafono { color: #FFFFFF; } 
.label-Web { background-color: #fbbc05; } 
.h4-Web { color: #000000; } 
.label-Retirada { background-color: #cf5050; } 
.h4-Retirada { color: #FFFFFF; } 
.label-Aseguradora { background-color: crimson; } 
.h4-Aseguradora { color: #FFFFFF; } 

/* Cobros aseguradoras */
.label-Pendiente { background-color: #cf5050; } 
.h4-Pendiente { color: #FFFFFF; } 
.label-Pagado { background-color: #34a853; } 
.h4-Pagado { color: #FFFFFF; } 

/* Checklist */
.checklist-turno{background-color: #98d36d;color: white;padding: 10px;width: 600px;height: 40px;border-radius: 0 10px 10px 0;cursor:pointer;margin-bottom:5px;}
.checklist-radio{transform: scale(1.5); margin-right: 10px;}
.turno{margin-bottom:10px;}
.tareas{margin-left: 10px;}
.tachado{text-decoration: line-through;}
.modal-header{border-bottom: 1px solid #65943e;}
.modal-footer{border-top: 1px solid #65943e;}
.checklist-link{text-decoration: underline!important;font-weight: bolder;color: #65943e;}

/* Scrolls de Navegador */
.modal-body::-webkit-scrollbar, .scroll-sidebar::-webkit-scrollbar {width: 8px;background-color: #f1f1f1;}
.modal-body::-webkit-scrollbar-thumb, .scroll-sidebar::-webkit-scrollbar-thumb {background-color: #65943e;border-radius: 12px;} 
.modal-body::-webkit-scrollbar-thumb:hover, .scroll-sidebar::-webkit-scrollbar-thumb:hover {background-color: #bf46c0;}

/* Margins */
.mr5 {margin-right: 5px;} .mr10 {margin-right: 10px;} .mr15 {margin-right: 15px;}
.ml5 {margin-left: 5px;} .ml10 {margin-left: 10px;} .ml15 {margin-left: 15px;}
.mb5 {margin-bottom: 5px;} .mb10 {margin-bottom: 10px;} .mb15 {margin-bottom: 15px;} .mb20 {margin-bottom: 20px;}
.taCenter {text-align: center;}

/* Checkbox */
.checkbox-wrapper-2 {display: inline-block;padding: 0px 10px;} .checkbox-wrapper-2 .ikxBAC, .checkbox-wrapper-2 .slack{appearance:none;background-color:#dfe1e4;border-radius:72px;border-style:none;flex-shrink:0;height:20px;margin:0;position:relative;width:30px}.checkbox-wrapper-2 .ikxBAC::before, .checkbox-wrapper-2 .slack::before{bottom:-6px;content:"";left:-6px;position:absolute;right:-6px;top:-6px}.checkbox-wrapper-2 .ikxBAC, .checkbox-wrapper-2 .slack,.checkbox-wrapper-2 .ikxBAC::after, .checkbox-wrapper-2 .slack::after{transition:.1s ease-out}.checkbox-wrapper-2 .ikxBAC::after, .checkbox-wrapper-2 .slack::after{background-color:#fff;border-radius:50%;content:"";height:14px;left:3px;position:absolute;top:3px;width:14px}.checkbox-wrapper-2 input[type=checkbox]{cursor:default}.checkbox-wrapper-2 .ikxBAC:hover, .checkbox-wrapper-2 .slack:hover{background-color:#c9cbcd;transition-duration:0s}.checkbox-wrapper-2 .ikxBAC:checked, .checkbox-wrapper-2 .slack:checked{background-color: #65943e}.checkbox-wrapper-2 .ikxBAC:checked::after, .checkbox-wrapper-2 .slack:checked::after{background-color:#fff;left:13px}.checkbox-wrapper-2 :focus:not(.focus-visible){outline:0}.checkbox-wrapper-2 .ikxBAC:checked:hover, .checkbox-wrapper-2 .slack:checked:hover{background-color:#547e31}

/* Recordatorios */
.reminderWhatsApp {background: white;color:#25D366;cursor: pointer;padding: 7px;border-radius: 15px;}
.reminderWhatsApp:hover {background: #25D366;color: white; cursor:pointer;}
.reminderEmail {background: white;color:#34B7F1;cursor: pointer;padding: 7px;border-radius: 15px;}
.reminderEmail:hover {background: #34B7F1;color: white; cursor:pointer;}

/* Buscador de pacientes */
#resultados {display: none;position: absolute;background-color: #f9f9f9;border: 1px solid #ccc;max-height: 150px;overflow-y: auto;z-index: 1000;width: 100%;}
.resultado {padding: 5px 10px;cursor: pointer;border: 1px solid #65943e;}
.resultado:hover {background-color: #ddd;}
.resultado:not(last-child) { border-bottom: none; }
.resultado:last-child { border-bottom: 1px solid #65943e; }
.search-header{cursor: pointer;font-size: 0.9rem;margin-top: 2px;}
.search-subheader {cursor: pointer;color: #444444;font-size: 0.75rem;font-weight: 600;margin-top: -3px;}

/* Buscador por fechas */
.search-prev-day-height{width: 40px!important; height: 33px!important;border-right: none;border-bottom-right-radius: 0px!important;border-top-right-radius: 0px!important;}
.search-next-day-height{width: 40px!important; height: 33px!important;border-left: none;border-bottom-left-radius: 0px!important;border-top-left-radius: 0px!important;}
@media only screen and (max-width: 768px) { 
  .search-prev-day-height{height: 33px!important;} 
  .search-next-day-height{height: 33px!important;} 
}

/* Custom select */
.custom-select{position:relative;width:200px;border-radius:5px;}.selected-option{display:flex;align-items:center;cursor:pointer}.color-circle{width:20px;height:20px;border-radius:50%;margin-right:10px}.options{display:none;position:absolute;top:100%;left:0;width:100%;border:1px solid #ccc;background-color:#fff;z-index:10}.options .option{padding:4px 10px;display:flex;align-items:center;cursor:pointer}.options .option:hover{background-color:#f0f0f0}.options .option .color-circle{width:15px;height:15px;border-radius:50%;margin-right:10px}

/* Select2 bootstrap */
.select2-selection{height: 33px!important;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #98d36d!important;}
span.selection{font-size: 1rem;}

/* Help y Warning message */
.help-text {background-color: #e9f5ff;border: 1px solid #b3dcff;color: #0c3c60;padding: 15px 20px;border-radius: 8px;font-size: 14px;line-height: 1.6;margin-bottom: 20px;position: relative;padding-left: 40px;}
.help-text::before {content: "💬";position: absolute;left: 15px;top: 15px;}
.warning-text {background-color:rgb(255, 235, 177);border: 1px solid #ffc107;color: #0c3c60;padding: 15px 20px;border-radius: 8px;font-size: 14px;line-height: 1.6;margin-bottom: 20px;position: relative;padding-left: 40px;}
.warning-text::before {content: "⚠️";position: absolute;left: 15px;top: 15px;}

/* Footer Entornos */
.footer-env {position:fixed; bottom:0; left:0; width:79.3%; height: 30px; border-top-left-radius: 10px; border-top-right-radius: 10px; text-align:center; padding:2px;}
@media (max-width: 768px) {
  .footer-env{width:28.3%; }
}

/* Subida de Ficheros - Estilos para la zona de "Drag & Drop" */
.drop-zone{position:relative;border:2px dashed #98d36d;border-radius:5px;padding:25px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:500;color:#65943e;cursor:pointer;transition:background-color .2s ease-in-out}
.drop-zone.is-dragover,.drop-zone:hover{background-color:#e9f5ff}
.drop-zone-input{position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;cursor:pointer}
/* Subida de Ficheros - Estilos para la barra de progreso */
.upload-progress{width:100%;background-color:#e9ecef;border-radius:.25rem;margin-top:10px;text-align:center;position:relative;color:#fff}
.progress-bar{height:20px;background-color:#28a745;border-radius:.25rem;transition:width .2s}
.progress-text{position:absolute;width:100%;left:0;font-weight:700;text-shadow:1px 1px #000}

/* Opciones de menú genéricas */
.report-card,.report-card:hover{text-decoration:none;color:inherit}
.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:25px}
.report-card{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.08);overflow:hidden;transition:transform .2s ease-out,box-shadow .2s ease-out;border-left:5px solid}
.report-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.report-card-content{padding:25px;display:flex;align-items:center;gap:20px}
.report-card-icon i{font-size:2.5em}
.report-card-text .title{font-size:1.1em;font-weight:600;color:#333;float:none}
.report-card-text .subtitle{font-size:.9em;color:#666}
@media only screen and (max-width: 768px) {
    .report-grid {grid-template-columns: repeat(auto-fit, minmax(310px, 1fr))};
}

/* Secciones colapsables de Paciente, Contacto, Usuarios, etc... */
.section-header:hover,.section-header:not(.collapsed){background-color:#e9ecef;color:#000}
.section-header{display:flex;align-items:center;width:100%;padding:10px 15px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;cursor:pointer;transition:background-color .2s;margin-bottom:15px;color:#6c757d}
.section-header strong{font-weight:400}
.section-header:not(.collapsed){border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}
.section-header:not(.collapsed) strong{font-weight:600}
.section-header .chevron-icon{margin-right:10px;transition:transform .3s}
.section-header:not(.collapsed) .chevron-icon{transform:rotate(90deg)}
.row .collapse.show{border:1px solid #dee2e6;border-top:none;border-radius:0 0 5px 5px;padding:5px;margin-bottom:15px}

/* Campos de sólo lectura */
.field-read-only{padding: .375rem 0em;font-size: 1rem;line-height: 1.5;color: #495057; margin-bottom: 10px !important;}

/* Quill - Rich Text */
.ql-toolbar.ql-snow {border-radius: 5px 5px 0px 0px;}
.ql-toolbar.ql-snow + .ql-container.ql-snow {height: 100px; border-radius: 0px 0px 5px 5px;}
.ql-editor li {padding-left: 0em;}