/* ---------------------------------------------------------------
 * intlTelInput (dark theme fixes)
/* ---------------------------------------------------------------*/
body.layout-dark .iti__country-list {
    background-color: #2d2e40;
}
body.layout-dark .iti__arrow {
    border-top-color: unset;
}
body.layout-dark .iti__arrow--up {
    border-bottom-color: unset;
}
body.layout-dark .iti__highlight {
    background-color: #ffffff19;
}

/* ---------------------------------------------------------------
 * carrusel dark controls (bootstrap)
/* ---------------------------------------------------------------*/
.carousel-indicators.dark li {
    background-color: #9e9e9e;
}
.carousel-indicators.dark .active {
    background-color: #6d6d6d;
}
.carousel-control-next.dark .carousel-control-next-icon {
    /* igual a la imagen original, pero oscura (para imagenes claras) */
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23555\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z\'/%3e%3c/svg%3e') !important;
}
.carousel-control-prev.dark .carousel-control-prev-icon {
    /* igual a la imagen original, pero oscura (para imagenes claras) */
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23555\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z\'/%3e%3c/svg%3e') !important;
}

/* ---------------------------------------------------------------
 * validación de formularios (jquery-validation)
/* ---------------------------------------------------------------*/
label.required::before {
    content: "* ";
    color: #00B5B8;
    font-family: "roboto";
    font-size: 1rem;
    vertical-align: middle;
    line-height: 1rem; /* para no afectar el alto efectivo ocupado por los labels y no desalinear el layout de las formas. NOTA: el valor heredado es 1.5rem */
}
span.required-legend-mark::before {
    content: "*";
    color: #00B5B8;
    font-family: "roboto";
    font-size: 1rem;
    vertical-align: middle;
}
form .error, body.layout-dark form .error {
    border-color: #ff586b;
}
label.error, body.layout-dark label.error {
    color: #ff586b;
}

/* ---------------------------------------------------------------
 * stepper
/* ---------------------------------------------------------------*/
step {
    display: block;
}
/* ajustes para hacer el stepper más responsive ante cambios de fuente de la página */
.wizard > .steps > ul > li a {
    margin-top: 1.33rem !important;
    margin-bottom: 1.33rem !important;
}
/* ajuste para el tema dark */
body.layout-dark wizard > .steps > ul > .current > a {
    color: #fff !important;
}

/* ---------------------------------------------------------------
 * pickadate (dark theme)
/* ---------------------------------------------------------------*/
body.layout-dark select[class^="picker__select"]:not(:disabled) {
    background-color: white !important;
}

/* ---------------------------------------------------------------
 * timepicker (dark theme)
/* ---------------------------------------------------------------*/
body.layout-dark .bootstrap-timepicker-widget table td a {
    color: #ffffffcf;
}
body.layout-dark .bootstrap-timepicker-widget table td a:hover {
    background-color: #eeeeee45;
    border-color: #ddddddb3;
}