.area-select-work-order-wrapper .area-select-form-label-client-customization {
  visibility: hidden !important;
  position: relative !important;
}
.area-select-work-order-wrapper .area-select-form-label-client-customization:after {
 visibility: visible !important;
 content: "Adjunte la Orden médica" !important;
 display: block !important;
}

/*BUTTONS: next, save, book, show more*/
.button-client-customization,
.information-card-btn-client-customization {
  background-color: #78be20 !important;
  border-color: #78be20 !important;
}

.button-warning-client-customization {
  background-color: #FFA43B !important;
  border-color: #FFA43B !important;
}

/*WIZARD*/
.wizard-client-customization .wizard-step.current .wizard-step-indicator {
  border-color: #78be20 !important;
  color: #78be20 !important;
}

.wizard-client-customization .wizard-step.current:before {
  background-color: #78be20 !important;
}

/*SEARCH INPUT WITH AUTOCOMPLETE*/
.search-filter-field-client-customization .ng-select-dropdown-menu .ng-option.ng-option-marked{
  background-color: #78be20 !important;
  border-color: #78be20 !important;
}

/*SLOT SEARCH INPUT ICON*/
.custom-auto-complete-label-container-client-customization .custom-auto-complete-label-icon-client-customization {
  color: #78be20 !important;
  border-color: #78be20 !important;
}

/* REMOVE SEARCH INPUT ICON*/
/* Para ocultar los íconos del paso 3: */
/*
.custom-auto-complete-label-container-client-customization {
  display:block !important;
}
.custom-auto-complete-label-container-client-customization .custom-auto-complete-label-icon-client-customization {
  display: none !important;
*/

/*CHECKBOXES*/
.select-checkbox-wrapper-client-customization .checkmark-label-client-customization input:checked ~ .checkmark-client-customization {
  background-color: #78be20 !important;
  border: 1px solid #78be20 !important;
}

/*QUESTIONNAIRE*/
.dynamic-questionnaire-client-customization .answered-questions-count-number {
color: #78be20  !important;
}
.dynamic-questionnaire-client-customization formly-wrapper-form-field div .form-check .form-check-input:checked+.form-check-label {
background-color: #78be20 !important;
border-color: #78be20 !important;
}
.dynamic-questionnaire-client-customization formly-wrapper-form-field div .form-check .form-check-label:hover {
background-color: #78be20 !important;
border-color: #78be20 !important;
}
.dynamic-questionnaire-client-customization formly-wrapper-form-field div textarea:focus {
box-shadow: 0 0 0 .25rem #78be2063 !important;
}

/*SLOTS CALENDAR*/
.slots-calendar-client-customization .bg-primary {
  background-color: #0198a9 !important;
}

.slots-calendar-client-customization .bg-secondary {
  background-color: #78be20 !important;
}

.slots-calendar-client-customization .day-view:hover {
  background-color: #78be20 !important;
}

.select-time-client-customization:hover {
  background-color: #78be20 !important;
  border-color: #78be20 !important;
}

/*PRIMARY COLOR LABELS*/
a.link-client-customization, a.link-client-customization:hover, 
.appointment-selected-date-client-customization,
.available-appointment-date-client-customization,
.information-title-text-client-customization,
.calendar-btn-client-customization,
.info-message-client-customization {
  color: #579244 !important;
}

/*SECONDARY COLOR LABELS*/
.work-order-callback-client-customization,
.schedule-other-appointment-link-client-customization,
.area-select-message-client-customization,
.appointment-service-price-client-customization,
.no-coverage-message-client-customization {
  color: #FFA43B !important;
}

.other-coverage-plan-message-client-customization {
  color: #ffc000 !important;
}

.physician-not-bookable-client-customization {
  border-color: #FFA43B !important;
}

.form-input-client-customization {

}

.form-label-client-customization {

}

.ng-autocomplete-client-customization {

}

.error-message-client-customization {

}

.dropdown-menu-client-customization {

}

.no-physician-message-client-customization {

}

.physician-name-client-customization {

}

.physician-specification-client-customization {

}

.available-appointment-label-client-customization {
content: "Mensaje Personalizado de Cita Disponible" !important;
visibility: visible !important;
display: block !important;
}

.booking-phone-message-client-customization {
content: "Mensaje Personalizado de Booking-Phone" !important;
visibility: visible !important;
display: block !important;
}


.confirm-appointment-message-text-client-customization {
content: "Mensaje Personalizado de Confirmación:" !important;
visibility: visible !important;
display: block !important;
}

.area-select-work-order-wrapper .area-select-form-label-client-customization {
  visibility: hidden !important;
  position: relative !important;
}
.area-select-work-order-wrapper .area-select-form-label-client-customization:after {
 visibility: visible !important;
 content: “Adjunte la Orden médica” !important;
 display: block !important;
}

.client-identification-wrapper label[translate="patientPortal.coveragePlan"]
{
    display:none;
}

.client-identification-wrapper #PatientDTO-CoveragePlans{
       display:none;
 
}

.create-patient-email-details-container-client-customization {
   color: #78be20 !important;
}

.appointment-book-wrapper .appointment-card-date-time-container .appointment-card-date-time-item i {
 color: #78be20;
}

.appointment-status-change-wrapper .appointment-card-date-time-container .appointment-card-date-time-item i {
 color: #78be20;
}

.slot-search-wrapper .area-select-work-order-wrapper .area-select-message {
color: #78be20 !important;
}

.appointment-book-wrapper .appointment-book-email-details-container {
color: #78be20 !important;
}

.appointment-status-change-wrapper .wizard .wizard-step.current .wizard-step-indicator.wizard-step-confirm {
    color: #ffffff !important;
    background-color: #78be20 !important;
}

.appointment-status-change-wrapper .confirm-appointment-message-wrapper .confirm-appointment-message-icon {
 color: #cbe3a9;
}

.form-label.m-0.form-label-client-customization[translate="patientPortal.searchSpecialityOrPhysician"] {
visibility: hidden !important;
}

.form-label.m-0.form-label-client-customization[translate="patientPortal.searchSpecialityOrPhysician"]:after {
content: "Buscar por Profesional, Especialidad o Examen" !important;
visibility: visible !important;
display: block !important;
}

.form-label.m-0.form-label-client-customization[translate="patientPortal.selectArea"] {
visibility: hidden !important;
}

.form-label.m-0.form-label-client-customization[translate="patientPortal.selectArea"]:after {
content: "Seleccione el Tipo de Agenda:" !important;
visibility: visible !important;
display: block !important;
}


.form-label.m-0.form-label-client-customization[translate="patientPortal.selectCoveragePlan"] {
visibility: hidden !important;
}

.form-label.m-0.form-label-client-customization[translate="patientPortal.selectCoveragePlan"]:after {
content: "Indique su Sistema de Salud:" !important;
visibility: visible !important;
display: block !important;
}

.form-label.m-0.form-label-client-customization[translate="patientPortal.searchSpeciality"] {
visibility: hidden !important;
}

.form-label.m-0.form-label-client-customization[translate="patientPortal.searchSpeciality"]:after {
content: "Buscar por Especialización" !important;
visibility: visible !important;
display: block !important;
}

.slot-results-overview-inner-wrapper .slot-results-day-select-container .slot-results-day-select-days-container .slot-results-day-select-day-item.selected {
 background-color: #78BE20 !important;
}

.slot-results-overview-inner-wrapper .slot-results-day-select-container .slot-results-day-select-days-container .slot-results-day-select-day-item .day-item-circle.day-item-circle-available-slots {
 background-color: #78BE20 !important;
}

.slots-results-card .slots-results-card-container .slots-results-card-times-more>span.slots-results-card-times-show-more-button {
 color: #78BE20 !important;
}

.slots-results-card .slots-results-card-container .slots-results-card-times .slots-results-card-times-item:hover {
    color: #78BE20 !important;
    border: 1px solid #78BE20 !important;
}

.slot-results-overview-inner-wrapper .slots-results-general-label {
    visibility: hidden !important;
}

.slot-results-overview-inner-wrapper .slots-results-general-label:after {
    content: "Resultado de la búsqueda" !important;
    visibility: visible !important;
    display: block !important;
}

.slot-results-overview-inner-wrapper .slots-results-card-body-template-next-available-day-container .next-available-day-text-container .next-available-day-date {
color: #78BE20 !important;
}

.slot-results-overview-inner-wrapper .slots-results-card-body-template-next-available-day-container .next-available-day-button {
background-color: #78BE20 !important;
}


/* Hide Click here to book another appointment line from appointment view UI */
.schedule-other-appointment-client-customization {
    display: none !important;
}

/* replace text when there are no slot results on old UI ​*/
h3.no-physician-message.no-physician-message-client-customization {
  content: 'No Hay Ninguna Cita Disponible';
  text-indent: -9999px;
  line-height: 0;
}
h3.no-physician-message.no-physician-message-client-customization:after {
  content: 'No Hay Citas Disponibles';
  text-indent: 0;
  display: block;
  line-height: initial;
  text-align: center;
}

/* hide dollar sign from slots result screen  */ 
.slot-results-inner-wrapper .information-card-btn-client-customization .fa-dollar-sign{
  display: none;
}

.slots-results-card .slots-results-card-container .slots-results-card-footer {
 /*background-color: #78BE20;*/
}

.area-select-wrapper .area-select-inner-wrapper .area-select-buttons-container .area-select-button-item {
 background-color: #78BE20;
}

/* Hide Call button and the message to call to call center */
.slots-results-card-footer-client-customization.slots-results-card-footer-no-slot-results.slots-results-card-footer-no-slot-results-client-customization{
 display: none; !important
}

.slot-service-search-inner-wrapper .info-message-client-customization {
 display: none !important;
}

/* Change label of back button  to "Volver" */
.client-identify-back-button-client-customization,
#back-btn-slotSearch.link-client-customization,
#back-btn-slotServiceSearch.link-client-customization,
#back-btn-workOrder.link-client-customization,
#back-btn-slotResultsOverview.link-client-customization,
#back-btn-objectDetails.link-client-customization,
#back-btn-appointmentBook.link-client-customization {
 font-size:0 !important;
}

.client-identify-back-button-client-customization:after,
#back-btn-slotSearch.link-client-customization:after,
#back-btn-slotServiceSearch.link-client-customization:after,
#back-btn-workOrder.link-client-customization:after,
#back-btn-slotResultsOverview.link-client-customization:after,
#back-btn-objectDetails.link-client-customization:after,
#back-btn-appointmentBook.link-client-customization:after {
 content: "Volver" !important;
 font-size: initial  !important;
}

/* Align to the left slots-results-general-label */
.slots-results-general-label-client-customization.slots-results-searched-label-client-customization{
display : block! important;
}

/* Hide message text for different insurer */
.appointment-book-wrapper .card-warning-different-insurer-client-customization {
    display: none !important;
}

/* JMU: This allows that Favorites Section in SubServices doesn't respond to events (like click) */
.favorite-sub-services-container-client-customization {
  pointer-events: none;
}

/* JMU: This hides all checkboxes over Favorite Section */
.favorite-sub-services-container-client-customization > div > label > div {
	visibility:hidden;
}

/* JMU: This hides text for "O Seleccione de Favoritos" */
.form-label-client-customization[translate="label.orSelectFromFavorites"]{
visibility: hidden !important;
} 

/* JMU: This hides text for "Buscar Subservicios" */
.form-label-sub-services-client-customization[translate="label.selectSubServices"]{
visibility: hidden !important;
}

/* JMU: This hides text for "seleccione entre 1 y 10 subservicios" */
.sub-services-select-message-client-customization{
visibility: hidden !important;
}

/* JMU: This adapts text for "O Seleccione de Favoritos" */
/* Paragraph 1 */
.form-label-client-customization[translate="label.orSelectFromFavorites"]:before {
content: "Las Radiografías Simples no requieren agendamiento. Le agradecemos hacerlo de forma presencial." !important;
visibility: visible !important;
display: block !important;
font-size: 15px;
font-weight: bold;
}

/* Paragraph 2 */
.form-label-client-customization[translate="label.orSelectFromFavorites"]:after {
content: "Los siguientes exámenes sólo son agendables por nuestro Call Center. Por favor llame al 226183100" !important;
visibility: visible !important;
display: block !important;
font-size: 15px;
}

/* JMU: This adapts text for "Buscar Subservicios" */
.form-label-sub-services-client-customization[translate="label.selectSubServices"]:after {
content: "Buscar Examen" !important;
visibility: visible !important;
display: block !important;
}

/* JMU: This adapts text for "seleccione entre 1 y 10 subservicios" */
.sub-services-select-message-client-customization:after {
content: "*seleccione entre 1 y 10 exámenes" !important;
visibility: visible !important;
display: block !important;
}

/* JMU: This hides text for "Different Insurer Message" */
.card-warning-different-insurer-client-customization:after {
content: "Recordamos que debe llegar con 15 minutos de anticipación a su cita médica." !important;
visibility: visible !important;
display: block !important;
}


/* 1. Seleccionamos el párrafo original para ocultar su texto */
p.work-order-callback-client-customization {
    /* Ocultamos el texto original haciéndolo de tamaño cero.
       Esto es preferible si no afecta negativamente el diseño (ej. altura del contenedor). */
    font-size: 0 !important;
}

/* 2. Usamos el pseudo-elemento ::before para insertar y estilizar el nuevo texto */
p.work-order-callback-client-customization::before {
    content: "Estimado Paciente, será contactado por uno de nuestros ejecutivos dentro de las próximas 24 horas hábiles"; 
    /* ESTILOS VISUALES DEL TEXTO*/
    color: #FFA43B;
    font-family: Montserrat-Regular, sans-serif;
    font-size: 12px;         /* Valor exacto de estilos computados de valor original*/
    font-weight: 400;  /* Valor exacto de estilos computados de valor original*/
    line-height: 12px;   /* Valor exacto de estilos computados de valor original*/
}