/* Menu izquierda */
.zp-dashboard-content{background-color: #F5F5F7;}
.zp-dashboard{display: flex;gap: 30px;align-items: flex-start;margin: 40px 0;}
.zp-dashboard .menu-izq{flex: 1;background-color: #fff; padding: 25px; border-radius: 5px;}
.zp-dashboard .contenido-mini{flex: 2;background-color: #fff;padding: 25px;border-radius: 5px;}
.zp-dashboard .foto-cliente-change{display: flex;justify-content: center;align-items: center;}
.zp-dashboard .foto-cliente-change .zp-dashboard-photo > img{border-radius: 100%; border: 1px solid #f5f5f7;}
.zp-dashboard .zp-dashboard-photo{position: relative;}
.zp-dashboard .zp-dashboard-photo .foto-change, 
.zp-dashboard .zp-dashboard-photo .foto-delete{border-radius: 100px; width: 30px;height: 30px;justify-content: center;align-items: center;}
.zp-dashboard .zp-dashboard-photo .foto-change img, 
.zp-dashboard .zp-dashboard-photo .foto-delete img{width: 100%; max-width: 20px;}
.zp-dashboard .zp-dashboard-photo .foto-change, .zp-dashboard .zp-dashboard-photo .foto-delete{display: flex!important; top: auto;bottom: 0;left: 10px;}
.zp-dashboard .zp-dashboard-photo .foto-delete{right: 10px;left: auto;}
.zp-dashboard .zp-dashboard-tm24{font-weight: bold;color: #2697be!important;text-decoration: underline;}

.zp-dashboard .menu-izq >ul{padding-top: 40px!important;}
.zp-dashboard .menu-izq >ul li::after, .zp-dashboard .menu-izq >ul li::before{display: none;}
.zp-dashboard .menu-izq >ul li.special-title{color: #7A7B82; font-weight: bold; font-size: 14px;border-radius: 5px;background-color: #f5f5f7; padding: 10px; display: flex;gap: 10px;align-items: center;}
.zp-dashboard .menu-izq >ul li:not(.special-title){padding-left: 0 10px;}
.zp-dashboard .menu-izq >ul li:not(.special-title) .zp-dashboard-menu-active{color: blue;display: inline-block; color: #2697be; padding: 5px 20px; width: 100%; background: #2697be29; border-radius: 5px; font-weight: bold;}
.zp-dashboard .menu-izq >ul li:not(.special-title) a{color: #7A7B82;padding: 5px 20px; display: inline-block;}
.zp-dashboard .menu-izq >ul li:not(.special-title) a.destacado{line-height: normal;color: #fff;padding: 8px; display:inline-flex;align-items: center;justify-content: center;gap: 4px; background-color: #2596BE;border-radius: 8px;margin-bottom: 33px;text-align: center;min-height: 44px;}
.zp-dashboard .menu-izq >ul li:not(.special-title) a.destacado:hover{text-decoration: none;background-color: #20749A;}
.zp-dashboard .menu-izq >ul li.destacado {padding:0; text-align: center;}

/* Contenido */
.zp-dashboard .contenido-mini h3{padding-bottom: 15px; border-bottom: 1px solid #f5f5f7;margin-bottom: 15px;font-size: 20px;line-height: 28px;}
.zp-dashboard .dashboard-delete-account{text-decoration: none; display: inline-block; background-color: #CC0000;color: #fff; padding: 10px 20px;border-radius: 5px;margin-top: 20px;}

/* Gestion > Datos personales */
.zp-dashboard .form-micuenta fieldset label{display: inline-block;padding-bottom: 8px;font-size: 16px;line-height: 24px;}
.zp-dashboard .form-micuenta fieldset label span{color: #676767;}
.zp-dashboard .form-micuenta fieldset.field-comercial label{padding-bottom: 0;}

.zp-dashboard .form-micuenta fieldset.field-2{display: flex; gap: 30px;align-items: flex-start;}
.zp-dashboard .form-micuenta fieldset.field-3{display: flex; gap: 15px;align-items: flex-start;}
.zp-dashboard .form-micuenta fieldset .data{width: 100%!important;}
#page-cesta fieldset .data-help{font-size: 12px;display: inline-block;margin-top: 5px;font-style: italic;}
.zp-dashboard .form-micuenta fieldset.field-4 .data{display: flex; gap: 15px;align-items: flex-start;}
.zp-dashboard .form-micuenta fieldset .data input{width:100%;margin:0;padding:10px;height:auto;border:0;border:1px solid #7F7F7F; background: #fff;border-radius: 5px;margin-bottom: 0px;font-size: 16px;line-height: 24px;max-height: 44px;}
.zp-dashboard .form-micuenta fieldset .data input:focus{box-shadow: 0px 0px 0px 2px #3facd1;border: 1px solid #7F7F7F;}
.zp-dashboard .form-micuenta fieldset .data select:focus{box-shadow: 0px 0px 0px 2px #3facd1;border: 1px solid #7F7F7F;}
.zp-dashboard .form-micuenta fieldset .data .input-readonly{width: 100%; margin: 0;padding: 10px;height: auto; border: 1px solid #ADADAD;background: #F3F3F3;border-radius: 5px;cursor: not-allowed;color: #969696;display: flex;min-height: 44px;align-items: center;}
.zp-dashboard .form-micuenta fieldset .data .data-fecha{display: flex; gap: 10px;align-items: center;color:#ccc;}

/* Generos */
.zp-dashboard .form-micuenta fieldset .data.data-radio-default{display: inline-block;}
.zp-dashboard .form-micuenta fieldset .data.data-radio-default .radio-wrapper{display: flex;align-items: center;justify-content: flex-start;gap: 15px;margin-bottom: 10px;}
.zp-dashboard .form-micuenta fieldset .data.data-radio-default .radio-wrapper input[type="radio"],
.zp-dashboard .form-micuenta fieldset .data.data-radio-default .radio-wrapper .radio-label{width: auto;margin: 0;}
.zp-dashboard .form-micuenta fieldset .data.data-radio-default .radio-wrapper .radio-label{max-width: 30px;width: 100%;}
.zp-dashboard .form-micuenta fieldset .data-radios{display: flex;align-items: center;justify-content: space-between;height: 44px;}
.zp-dashboard .form-micuenta fieldset .data-item-radio{display: flex; justify-content: flex-start;align-items: center;}
.zp-dashboard .form-micuenta fieldset .data-item-radio input[type="radio"]{width: auto;margin: 0;margin-right: 10px;}
.zp-dashboard .form-micuenta fieldset .data-item-radio label{padding: 0;}

/* DNI */
.zp-dashboard .form-micuenta .input-select{width:100%;height:44px;padding:10px;border:0; border:1px solid #7F7F7F;border-radius: 5px;font-size: 16px;}

.zp-dashboard .textarea-curriculum{width: 100%;}
.zp-dashboard #Curriculum_es_tbl{width: 100%!important;}
.zp-dashboard .form-micuenta fieldset.field-upload .data{display: flex; gap: 15px;flex-direction: column;}
.zp-dashboard .zp-dashboard-upload .fileupload1,
.zp-dashboard .zp-dashboard-upload .fileupload2,
.zp-dashboard .zp-dashboard-upload .fileuploadExtras {display: none; }
.zp-dashboard .zp-dashboard-upload-button {display: inline-block;background-color: #2596BE;color: #fff;padding: 10px 20px;font-size: 14px;border-radius: 4px;cursor: pointer;}
.zp-dashboard .zp-dashboard-upload .fileupload1:valid + .zp-dashboard-upload-button::after {content: "";font-style: normal;font-weight: bold;}
.zp-dashboard fieldset.field-comercial{display: flex;align-items: center;justify-content: flex-start;}
.zp-dashboard fieldset.field-comercial span{font-size: 12px;}
#reg-nw fieldset.field-politicas .data-politicas{display: flex;align-items: flex-start;}

.zp-dashboard #profesionales .field-comercial{align-items: flex-start;}
.zp-dashboard #profesionales .ChangePassword{width: 100%;}

/* Diseño tablas */
.zp-dashboard table {width: 100%;border-collapse: collapse;margin-top: 18px;border: 1px solid #f5f5f7;border-radius: 5px;}
.zp-dashboard th, 
.zp-dashboard td {padding: 10px;border-bottom: 1px solid #f5f5f7;text-align: left;}
.zp-dashboard th {background-color: #f9f9f9;font-weight: bold;}
.zp-dashboard td a {text-decoration: none;}
.zp-dashboard td a:hover {text-decoration: underline;}
.zp-dashboard p{font-size: 14px; line-height: 22px; padding-top: 0!important;padding-bottom: 20px;}

/* Gestion > Facturación*/
.zp-dashboard .mi-facturacion.mi-facturacion-estado b{ color: #fff; padding: 5px 15px; font-size: 12px;border-radius: 20px;}
.zp-dashboard .mi-facturacion-accion .show-details img{width: auto;margin: 0 auto;}

/* Gestion > Reservas pendientes */
.zp-dashboard .mis-citas td {border: 1px solid #f5f5f7;}
.zp-dashboard .mis-citas-foto img{width: 40px;height: 100%; max-width: 40px;object-fit: contain;border-radius: 100px;border: 1px solid #f5f5f7;}
.zp-dashboard .mis-citas-foto{padding-bottom: 15px;}
.zp-dashboard .mis-citas-valoraciones{background-color: #f0f8ff;padding: 20px;position: relative;}
.zp-dashboard .mis-citas-servicio{max-width: 300px;}
.zp-dashboard .mis-citas-descarga a, .zp-dashboard .mis-citas-rate{background-color: #2596BE; color: #fff; padding: 10px; border-radius: 5px; margin: 20px 0 10px 0;display: inline-block;text-decoration: none!important;}
.zp-dashboard .mis-citas-valoracion{display: flex;flex-direction: column;gap: 5px;}
.zp-dashboard .mis-citas-valoracion-rating{display: flex;column-gap: 5px;}
.zp-dashboard .mis-citas-comentarios{display: flex;flex-direction: column;gap: 5px;margin-top: 15px;}
.zp-dashboard .mis-citas-valoraciones textarea{padding: 15px;}
.zp-dashboard .mis-citas-medicos-loader{position: absolute;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.zp-dashboard .mis-citas-medicos-loader img{max-width: 100px;}
.zp-dashboard .mis-citas-linea-curso{background-color: #CC0000; color: #fff;border-radius: 100px;padding: 5px 15px;font-size: 12px;}

/* Gestión General */
.zp-dashboard .mis-citas-filtros{display: inline-block;width: 100%;background-color: #2596BE; color: #fff;padding: 15px;border-radius: 5px;margin: 15px 0;}

.zp-dashboard .mis-citas-filtros h5{font-weight: normal;padding: 15px 0; line-height: normal;}
.zp-dashboard #filter{display: flex;align-items: center;gap: 10px;}
.zp-dashboard #filter.filter-3{flex-direction: column;} 
.zp-dashboard #filter input{flex: 2;}
.zp-dashboard #filter .filter-secondary-box{display: flex;width: 100%;gap: 10px;}
.zp-dashboard #filter.select-pais .select2-container{width: 100%!important;flex: 2;height: 40px;}
.zp-dashboard #filter.select-pais .select2-selection{border: 0!important;background-color: #fff!important;}
.zp-dashboard #filter.select-pais .dash-special-select{width: 100%;} 
.zp-dashboard #filter input{width: auto; margin: 0;padding: 10px;height: auto;background: #fff;border-radius: 5px;}
.zp-dashboard #filter .filtrar{background-color: #023850; color: #fff;padding: 5px;border-radius: 5px;height: 40px;display: flex;align-items: center;justify-content: center;width: 100%;max-width: 100px;text-decoration: none;}
.zp-dashboard .mis-citas-medicos-hidden {display: none; background-color: #2697be29;position: relative;}
.zp-dashboard .mis-citas-medicos-hidden h4{font-size: 16px;padding: 10px 0;}
.zp-dashboard .mis-profesionales-new{display: flex;align-items: center;gap: 20px;margin-bottom: 30px;}
.zp-dashboard .mis-profesionales-new a{background: #023850; color: #fff; padding: 10px 15px;border-radius: 5px; text-decoration: none;display: flex;align-items: center;justify-content: center;gap: 10px;}
.zp-dashboard .mis-profesionales-new a img{width: 100%;max-width: 25px;}
.zp-dashboard .mis-citas-medicos-offline{display: flex;align-items: center;gap: 5px;color: #CC0000;font-weight: bold;}
.zp-dashboard .mis-citas-medicos-offline img{max-width: 20px;width: 100%;}
.zp-dashboard .mis-profesionales-detalle{text-align: center;}
.zp-dashboard .mis-profesionales-detalle .show-details,
.zp-dashboard .mis-citas-medicos-detalle .show-details{display: inline-block;}
.zp-dashboard .mis-profesionales-detalle .show-details img,
.zp-dashboard .mis-citas-medicos-detalle .show-details img,
.zp-dashboard .mis-citas-medicos-dia img{max-width: 20px; width: 100%;}
.zp-dashboard .mis-citas-medicos-estado b{display: inline-block; font-size: 12px;color: #fff!important;border-radius: 5px;padding: 5px;}
.zp-dashboard .mis-citas-medicos-estado b.green{background-color: #4CAF50;}
.zp-dashboard .mis-citas-medicos-estado b.red{background-color: #CC0000;}
.zp-dashboard .mis-citas-medicos-detalle{text-align: center;}
.zp-dashboard .mis-citas-medicos-contacto-fields{display: flex;align-items: center; gap: 10px;padding-bottom: 5px;}
.zp-dashboard .mis-citas-medicos-contacto-fields img{max-width: 20px;width: 100%;}
.zp-dashboard .mis-citas-medicos-bono{display: flex;align-items: center;gap: 10px;}
.zp-dashboard .mis-citas-medicos-bono input{width: auto; margin: 0;padding: 10px;height: auto;background: #fff;border-radius: 5px;}
.zp-dashboard .mis-citas-medicos-bono .validar{background-color: #023850;color: #fff;padding: 5px;border-radius: 5px;display: flex;align-items: center;justify-content: center;width: 100%;max-width: 100px;text-decoration: none;min-height: 40px;}
.zp-dashboard .mis-citas-medicos-change{background-color: #023850;color: #fff;padding: 10px;display: inline-flex;align-items: center;justify-content: center;width: 100%;text-decoration: none;margin-top: 40px;border-radius: 5px;}
.zp-dashboard .mis-citas-medicos-cambio{padding: 10px;background-color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.zp-dashboard .mis-citas-medicos-cambio {display: none;}
.zp-dashboard .mis-citas-medicos-cambio h5{font-size: 14px;color: #333;padding-bottom: 20px;}
.zp-dashboard .mis-citas-medicos-cambio .field{display: flex;align-items: center;gap: 10px;padding-bottom: 20px;}
.zp-dashboard .mis-citas-medicos-cambio .field .change{background-color: #CC0000; border-radius: 5px;width: auto;color: #fff;padding: 5px 10px;text-decoration: none;}
.zp-dashboard .mis-citas-medicos-cambio-calendar,
.zp-dashboard .mis-citas-medicos-cambio-time{display: flex;align-items: center;gap: 10px;}
.zp-dashboard .mis-citas-medicos-cambio-calendar input{background-color: #fff;border: 1px solid #aaa;border-radius: 4px;max-height: 28px;padding: 5px;height: 100%;width: 100%;font-size: 14px;}
.zp-dashboard .mis-citas-medicos-bono-novisita .pdf-visita{background-color: #023850; color: #fff;display: inline-block;padding: 5px 10px;border-radius: 4px;text-decoration: none;margin-top: 20px;}

/* Pasos bonos */
.zp-dashboard .zp-dashboard-pasos-bono{display: flex;justify-content: space-between;gap: 15px;padding: 10px;background-color: #f9f9f9;border-radius: 5px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);margin-bottom: 40px;}
.zp-dashboard .zp-dashboard-pasos-bono li{flex: 1;text-align: center;padding: 10px;background-color: #ffffff;border-radius: 5px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);cursor: pointer;}
.zp-dashboard .zp-dashboard-pasos-bono li:hover{background-color: #dfeff5;}
.zp-dashboard .zp-dashboard-pasos-bono li span {display: inline-flex;justify-content: center;align-items: center; width: 30px;height: 30px;background-color: #2598be;color: white; border-radius: 50%;text-align: center;font-weight: bold;margin: 0 auto; margin-bottom: 10px;margin-bottom: 15px;}
.zp-dashboard .zp-dashboard-pasos-bono li:nth-child(2) span{background-color: #1f7a96;}
.zp-dashboard .zp-dashboard-pasos-bono li:nth-child(3) span{background-color: #1a6d88;}
.zp-dashboard .zp-dashboard-pasos-bono li:nth-child(4) span{background-color: #145b7b;}
.zp-dashboard .zp-dashboard-pasos-bono li p{font-size: 14px;color: #333;margin: 0;}
.zp-dashboard .mis-citas-medicos-bono-validacion{display: flex;align-items: center;gap: 10px;}
.zp-dashboard .mis-citas-medicos-bono-validacion input[type="text"]{width: auto; margin: 0;padding: 10px;height: auto;border-radius: 5px;border: 1px solid #ccc;background: #f9f9f9;}
.zp-dashboard .mis-citas-medicos-bono-validacion .check-previa{background-color: #023850;color: #fff;display: inline-block;padding: 5px 10px;border-radius: 4px;text-decoration: none;min-height: 40px;height: 100%;display: flex;justify-content: center;align-items: center;}
.zp-dashboard .mis-citas-medicos-bono-validacion{margin-bottom: 20px;}
.zp-dashboard .mis-citas-medicos-bono-info{display: none;}
.zp-dashboard .mis-citas-medicos-bono-pdf{padding: 10px;background-color: #dfeff5;border-radius: 4px;}
.zp-dashboard .mis-citas-medicos-bono-pdf h4{margin-bottom: 15px;}
.zp-dashboard .mis-citas-medicos-bono-pdf .bono-validado b.green{color: #4CAF50!important;}
.zp-dashboard .mis-citas-medicos-bono-info .validar-novisita{background-color: #023850;color: #fff;display: inline-block;padding: 5px 10px;border-radius: 4px;text-decoration: none;}
.zp-dashboard .mis-citas-medicos-bono-info .validar-novisita.disabled{background-color: #e0e0e0; color:#b0b0b0;}


.zp-dashboard .mis-profesionales-tipo img{max-width: 30px; width: 100%;}
.zp-dashboard .input-especialidades{display: none;}
.zp-dashboard .especialidades-toggle{position: relative;display: block;min-width: 40px; width: 40px!important;height: 20px;background-color: #ccc;border-radius: 100px;cursor: pointer;transition: background-color 0.3s;}
.zp-dashboard .especialidades-toggle::after {content: '';position: absolute;top: 2px;left: 3px;width: 16px;height: 16px;background-color: #ffffff;border-radius: 50%;transition: left 0.3s;}
.zp-dashboard .input-especialidades:checked ~ .especialidades-toggle {background-color: #4CAF50;}
.zp-dashboard .input-especialidades:checked ~ .especialidades-toggle::after {left: 21px; }
.zp-dashboard .check-especialidades-label{cursor: pointer;}
.zp-dashboard .check-especialidades-label.label-secondary{font-size: 12px;width: max-content;}

.zp-dashboard .especialidades-wrapper{display: flex;align-items: center;gap: 10px;}
.zp-dashboard .especialidades-check {display: flex;flex-wrap: wrap;flex-direction: row;gap: 10px;}
.zp-dashboard .formulario-actos{width: auto;}
.zp-dashboard .especialidades-wrapper {flex: 1;flex-basis: 49%;}
.zp-dashboard .actos-col{width: auto;float: none;}
.zp-dashboard .actos-col div{display: flex;align-items: center;gap: 10px;margin-top: 10px;}
.zp-dashboard .actos-col .actos-col-title{margin-bottom: 10px;display: inline-block;}
.zp-dashboard .actos-tot{width: auto!important;padding: 0;}

.zp-dashboard #actos .especialidades-title{margin-bottom: 20px;}


/* Tabla de horarios */
.zp-dashboard .dashboard-horarios-default{padding: 0;display: flex;align-items: center;justify-content: flex-start;}
.zp-dashboard .dashboard-horarios-default input{width: auto!important;}
.zp-dashboard .dashboard-horarios-select{display: flex;align-items: center;gap: 5px;padding: 0!important;}
.zp-dashboard .dashboard-horarios-select select{width: auto;height: auto;font-size: 12px;margin-left: 0!important;}
.zp-dashboard .dashboard-horarios-select img{width: 100%; max-width: 20px;}
.zp-dashboard .dashboard-horarios-select .select2-container{width: 100px!important;}
.zp-dashboard .dashboard-horarios-select .select2-container .select2-selection--single .select2-selection__rendered{padding: 8px!important;padding-right: 20px!important;}

/* Tabla horarios limpieza */
.zp-dashboard .formulario .horarios div b{padding: 0!important;}
.zp-dashboard .formulario .horarios span{padding: inherit;}

.zp-dashboard .zp-dashboard-duracion .select2-container{width: 115px!important;}
.zp-dashboard .zp-dashboard-nueva-cita{display: flex;align-items: center;gap: 5px;width: 100%;max-width: calc(100%/3 - 10px)}
.zp-dashboard #lineascitas{display: flex;flex-wrap: wrap;gap: 15px;}
.zp-dashboard #lineascitas .select-fecha{margin: 0;}
.zp-dashboard #lineascitas .trashcitas img{max-width: 20px;}
.zp-dashboard .add,
.zp-dashboard .anyadir-nuevas-citas{display: inline-block;padding: 10px 20px;margin-top: 20px;background-color: #2596BE;color: #fff;border-radius: 4px;text-decoration: none;}
.zp-dashboard .form-nuevas-citas table{margin-bottom: 15px;}
.zp-dashboard .form-nuevas-citas .nuevas-citas-lines .td-fecha{display: flex;align-items: center;width: 100%;}
.zp-dashboard .form-nuevas-citas .nuevas-citas-lines .td-fecha .select-fecha{padding: 10px;border-radius: 4px;height: 30px; }
.zp-dashboard .form-nuevas-citas .nuevas-citas-lines .link-remove img{max-width: 25px;}
.zp-dashboard .form-nuevas-citas .nuevas-citas-lines .td-inicio .select2-container{width: 80px!important;}

/* Calendario */
#calendar-new {width:100%;position:relative;overflow:hidden;}
#calendar-new .buscar-bloque-botones{width: 100%;background-color: #f9f9f9;display: flex;align-items: center;justify-content: space-between;padding:10px;border: 1px solid #ccc;}
#calendar-new .buscar-bloque-botones .arrow {cursor: pointer;}
#calendar-new .buscar-bloque-botones .arrow img{max-width: 20px;}
#calendar-new .buscar-bloque-info{width:100%;display:none;}
#calendar-new .buscar-bloque-info.active{display:block;}
#calendar-new .buscar-bloque-title {background-color: #f9f9f9; padding: 10px;}
#calendar-new .buscar-bloque-title {font-size: 18px;text-align: center;position: absolute; top: 13px;left: 50%;transform: translateX(-50%);width: auto;height: auto;pointer-events: none;padding: 0;}
#calendar-new .buscar-bloque-calendario{width: 100%;height: auto;}
#calendar-new .buscar-bloque-calendario ul{background-color: #f9f9f9;padding-top: 0!important;display: flex;flex-wrap: wrap;}
#calendar-new .buscar-bloque-calendario ul li:nth-child(7n+1){border-left: 1px solid #ccc;}
#calendar-new .buscar-bloque-calendario ul li::before,
#calendar-new .buscar-bloque-calendario ul li::after{display: none;}
#calendar-new .buscar-bloque-calendario ul li{width: calc(100%/7);margin: 0;padding: 5px;height: 115px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
#calendar-new .calendar-new-diames{display: flex;gap: 5px;}
#calendar-new .dia.disabled{background-color: #ebe8e8;}
#calendar-new .dia.disabled{cursor: not-allowed;}
#calendar-new .dia.disabled .calendar-new-diames{color: #ada9a9!important;}
#calendar-new .dia.has-hours{background-color:#dfeff5;cursor: pointer;}
#calendar-new .fecha{border: 1px solid #ccc;margin-top: 15px;}
#calendar-new .fecha{display: none;}
#calendar-new .fecha.active{display: flex;flex-direction: column;}
#calendar-new .buscar-bloque-calendario .hora,
#calendar-new .buscar-bloque-calendario .horaocupada{background-color: #2697be29;border-bottom: 1px solid #fff;padding: 15px 20px;font-weight: bold;display: flex;align-items: center;gap: 10px;flex: 0 1 calc(100% / 4 - 38px);max-width: calc(100% / 4 - 38px);}
#calendar-new .buscar-bloque-calendario .hora img,
#calendar-new .buscar-bloque-calendario .horaocupada img{max-width: 20px;}
#calendar-new .buscar-bloque-calendario .hora:last-of-type{border-bottom: 0!important;}
#calendar-new .data-horas-title{font-size: 18px;font-weight: bold;padding: 20px 10px;}
#calendar-new .buscar-bloque-calendario .hora.inactive{color:#999;background-color: #ebe8e8;}
#calendar-new .buscar-bloque-calendario .horaocupada{color:#CC0000;background-color: #f7caca;}
#calendar-new .buscar-bloque-calendario .hora:hover,
#calendar-new .buscar-bloque-calendario .horaocupada:hover{text-decoration:none;}
#calendar-new .horas-wrapper{display: flex;flex-wrap: wrap;gap: 5px;padding: 10px;}
.zp-dashboard #other-units {padding-bottom: 21px;}
.zp-dashboard #other-units li {display: flex;align-items: center;gap: 10px;padding: 0;}
.zp-dashboard #other-units li img {max-width: 25px;}
.zp-dashboard #other-units li a{font-weight: bold;}
.zp-dashboard #other-units li::before, .zp-dashboard #other-units li::after{display: none;}

.zp-dashboard .formulario .submit{text-align: center;}
.zp-dashboard .formulario .submit,
.zp-dashboard .formulario .cancel{text-transform: capitalize; margin-top: 40px;border-radius: 5px;min-height: 48px;height: 100%;text-transform: none;font-size: 16px;min-width: 296px;line-height: 24px;}

.zp-dashboard .formulario .cancel,
.zp-dashboard .formulario .submit{width: auto!important;}
.zp-dashboard .formulario .submit:hover{background: var(--bt-background)!important;}
.zp-dashboard .formulario .cancel{background: var(--bt-background);color: var(--bt-color);display: inline-block;text-align: center;padding: var(--bt-padding);border-radius: var(--bt-border-radius);font-weight: 500;height: auto;}
.zp-dashboard .formulario .bar{font-weight: bold; color: green;}
.zp-dashboard .formulario .bar.error{padding: 15px;color: #CC0000;}
.zp-dashboard .formulario fieldset{padding: 15px 0;}
.zp-dashboard .formulario .button-remove{background-color: #CC0000;color: #fff;padding: 10px 20px;border-radius: 5px;text-decoration: none;float: none;margin: 10px 0!important;display: inline-block;font-size: inherit;}
.zp-dashboard .formulario .button-add a{background: none; background-color: #2596BE;color: #fff;padding: 10px 20px;border-radius: 5px;text-decoration: none;float: none;margin: 10px 0!important;display: block;font-size: inherit; height: auto;}
.zp-dashboard .formulario .button-add {width: auto!important;background: none;padding: 0;margin: 0!important;display: inline-block;}
.zp-dashboard .formulario .check-label,#reg-nw .formulario .check-label{font-size: 14px!important;line-height: 22px;}
/* Contenedor de las opciones */
.zp-dashboard .file-options {display: flex; align-items: center;gap: 15px; font-size: 14px;color: #555;margin-top: 10px;}
.zp-dashboard .view-file {color: #2697be;text-decoration: none;}
.zp-dashboard .view-file:hover {text-decoration: underline;}
.zp-dashboard .del-file {color: #CC0000;text-decoration: none;}
.zp-dashboard .del-file:hover {text-decoration: underline;}
.zp-dashboard .descarga-contrato-baremos{display: flex;align-items: flex-start;gap: 20px;flex-direction: column;justify-content: flex-start;}
.zp-dashboard .descarga-contrato-baremos a{text-decoration: underline;display: flex;align-items: center;gap: 10px;}

/*Errores */
.zp-dashboard .tooltip-input-help{display: flex;align-items: flex-start;gap: 10px;justify-content: flex-start;}
.zp-dashboard .tooltip-input-help-cursor{cursor: pointer;display: inline-block;}
.zp-dashboard .tooltip-input-help-text{display: none; font-size: 16px;line-height: 24px;background-color: #222222;color: #fff;padding: 12px;border-radius: 8px;position: absolute;top: -110px;max-width: 320px;text-align: center;left: 15%;}
.zp-dashboard .tooltip-input-help-text::after{content: ""; position: absolute; width: 0px;height: 0px;border-style: solid;border-width: 16px 14px 0 14px;border-color: #222222 transparent transparent transparent;transform: rotate(0deg);left: 43%;bottom: -10px;}
.zp-dashboard .alert-field img{max-width: 16px;}
.zp-dashboard .alert-field{display: flex;gap: 4px;}
.zp-dashboard .alert-custom .alert-field img{margin-top: 3px;}
.zp-dashboard .alert-custom .alert-field{align-items: flex-start;}
.zp-dashboard .tooltip-input-help-text.active{display: block;}


/* FechaAlert */
.mensaje-update-fecha{position: relative; border: 1px solid #2061F9;border-radius: 5px;width: 100%;padding: 15px;border-left: 8px solid #2061F9;background-color: #EEF6FF;display: flex;gap: 16px;align-items: center;}
.mensaje-update-fecha p{margin: 0;padding: 0;margin-bottom: 0!important;font-size: 14px;line-height: 22px;}
.mensaje-update-fecha span{position: absolute;top: 0;right: 0;cursor: pointer;}

/* Loader */
/* Overlay general */
.mis-citas-medicos-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.9);display: flex;align-items: center;justify-content: center;z-index: 9999;}
.mis-citas-medicos-overlay-loader {width: 60px;aspect-ratio: 1;border-radius: 50%;border: 8px solid;border-color: #366988 #0000;animation: spin 1s infinite;}
@keyframes spin {
    to {
        transform: rotate(0.5turn);
    }
}


/* Responsive */
@media (max-width: 1189px) {
    .zp-dashboard{flex-direction: column;}
    .zp-dashboard .menu-izq{width: 100%;padding: 15px;}
    .zp-dashboard .menu-izq ul li:not(.special-title) {display: none;}
    .zp-dashboard .menu-izq ul > li.special-title.open ~ li:not(.special-title) {display: block;}
    .zp-dashboard .menu-izq ul > li.special-title.open + li { display: flex; }
    .zp-dashboard .menu-izq ul > li.special-title.open + li ~ li {display: flex;}
    .zp-dashboard .tooltip-input-help-text{top: -120px;left: 10%;}
    .zp-dashboard .tooltip-input-help-text::after{left: 59%;bottom: -10px;}
    .zp-dashboard .menu-izq ul > li.destacado {display: block !important;}
}

@media (max-width: 640px) {
    .zp-dashboard .contenido-mini{padding: 15px;}
    .zp-dashboard .form-micuenta fieldset.field-2{flex-direction: column;}
    .zp-dashboard .form-micuenta fieldset .data .input-select{max-width: auto;}
    .zp-dashboard .form-micuenta fieldset.field-3{flex-direction: column;}
    .zp-dashboard table:not(.textarea-curriculum table) {width: 100%;border: none;}
    .zp-dashboard table:not(.textarea-curriculum table) thead {display: none;}
    .zp-dashboard table:not(.textarea-curriculum table) tbody {display: block;}
    .zp-dashboard table:not(.textarea-curriculum table) tr.mis-citas-medicos-linea{display: block; margin: 10px 0;border: 1px solid #cacaca;padding: 5px;border-radius: 4px;background-color: #f5f5f7;}
    .zp-dashboard table:not(.textarea-curriculum table) td {display: block;padding: 10px;text-align: left;border-bottom: 1px solid #cacaca!important;}
    .zp-dashboard table:not(.textarea-curriculum table) td:last-child {border-bottom: none!important;}
    .zp-dashboard table:not(.textarea-curriculum table) td::before {content: attr(data-label);font-weight: bold;margin-bottom: 10px;display: block;color: #333;font-size: 14px;}
    .zp-dashboard table:not(.textarea-curriculum table) img {width: 25px;height: auto;}
    .zp-dashboard .mi-facturacion-accion .show-details img{margin: 0;}
    .zp-dashboard .mis-citas-servicio{max-width: 100%;}
    .zp-dashboard .mis-citas-descarga a, .zp-dashboard .mis-citas-rate{width: 100%;}
    .zp-dashboard table:not(.textarea-curriculum table) tr.tabla-valoraciones{padding: 0;border: 0!important;}
    .zp-dashboard .mis-citas-valoraciones{padding: 15px;}
    .zp-dashboard #filter .filter-secondary-box{flex-direction: column;}
    .zp-dashboard #filter {flex-direction: column;}
    .zp-dashboard #filter input{width: 100%!important;}
    .zp-dashboard #filter.select-pais .select2-container{flex: auto;}
    .zp-dashboard .zp-dashboard-pasos-bono{flex-direction: column;}
    .zp-dashboard .zp-dashboard-pasos-bono li p{padding: 0;}
    .zp-dashboard .mis-citas-medicos-bono-validacion{flex-direction: column;align-items: flex-start;}
    .zp-dashboard .mis-citas-medicos-bono-validacion input,
    .zp-dashboard .mis-citas-medicos-bono-validacion a{width: 100%!important;}
    .zp-dashboard .mis-citas-medicos-bono-buttons{display: flex;flex-direction: column;gap: 10px;margin-top: 15px!important;}
    .zp-dashboard .mis-citas-medicos-bono-buttons a{margin: 0!important;}
    .zp-dashboard .mis-citas-medicos-bono-novisita .pdf-visita,
    .zp-dashboard .mis-citas-medicos-bono-info .validar-novisita{padding: 10px;}
    .zp-dashboard .formulario .submit,
    .zp-dashboard .formulario .cancel{margin-bottom:10px; width: 100%!important;}
    .zp-dashboard .formulario fieldset{padding: 10px 0;}
    .zp-dashboard .dashboard-delete-account{width: 100%!important;margin-top: 0;}
    .zp-dashboard #filter .filtrar{width: 100%!important;max-width: 100%;}
    .zp-dashboard .select2-container .select2-selection--single .select2-selection__rendered{white-space: normal!important;line-height: 1.4;}
    .zp-dashboard .select-pais.select-corto .select2-container{width: 100%!important;}
    .zp-dashboard .check-especialidades-label.label-secondary{width: auto;}
    .zp-dashboard #lineascitas{flex-direction: column;}
    .zp-dashboard .zp-dashboard-nueva-cita{max-width: 100%;}
    #calendar-new .buscar-bloque-calendario ul li{width: calc(100%/3);}
    #calendar-new .buscar-bloque-calendario .hora{ flex: 0 1 calc(100% / 3 - 4px);max-width: calc(100% / 3 - 4px);}
    .zp-dashboard .zp-dashboard-duracion .select2-container{width: 100%!important;}
    .zp-dashboard .mis-citas-medicos-cambio .field{flex-direction: column;}
    .zp-dashboard .mis-citas-medicos-cambio-calendar,
    .zp-dashboard .mis-citas-medicos-cambio-time{width: 100%;}
    .zp-dashboard .mis-citas-medicos-cambio-time .dash-special-select{width: 100%!important;}
    .zp-dashboard .tooltip-input-help-text{max-width: 240px; top: -110px;left: 8%;}
    .zp-dashboard .tooltip-input-help-text::after{left: 59%;bottom: -10px;}
    .zp-dashboard .menu-izq >ul li:not(.special-title) a.destacado{font-size: 14px;line-height: 22px;}
    .zp-dashboard .mis-citas-linea{display: block;width: 100%;}
    .zp-dashboard .tabla-valoraciones{display: block;}
    /* EAA6ED8 */
}