/* Reglas comunes de las webs Active (tomadas de ValoraIntranet2026). Cada web carga esta hoja
   justo delante de su MSCustom.css / ms-custom.css, en el mismo punto de la cascada en que estaban repetidas. */

.mbsc-form, .mbsc-control-w, .mbsc-btn, .mbsc-segmented {
    font-family: Verdana, Roboto, Arial;
    font-size: 1rem;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.mbsc-form-group {
    margin: .5em 0 !important;
}

.mbsc-mobiscroll.mbsc-input {
    margin: 0.5em;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-input .mbsc-input-wrap {
    background: none !important;
}

.mbsc-mobiscroll.mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle {
    background: var(--app-secondary, #34a8cf) !important;
}

.mbsc-mobiscroll.mbsc-ms-c .mbsc-scv-sc .mbsc-ms .mbsc-ms-item.mbsc-active {
    background: var(--app-secondary, #34a8cf) !important;
}

.mbsc-mobiscroll .mbsc-btn {
    background: var(--app-secondary, #34a8cf);
    border-radius: 4px;
    height: 2em;
    line-height: 2em;
    padding: 0 1em;
    color: #ffffff;
    text-transform: none !important;
    font-size: .9em;
}

.mbsc-mobiscroll.mbsc-ms-a .mbsc-ms-item-sel {
    border-bottom: solid 0 var(--app-secondary, #34a8cf) !important;
}

.mbsc-mobiscroll.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, .mbsc-mobiscroll.mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content {
    background: var(--app-secondary, #34a8cf);
    color: #f7f7f7;
}

.mbsc-segmented .mbsc-segmented-item:last-child > .mbsc-segmented-content {
    border-right-width: 1px !important;
}

.mbsc-mobiscroll .mbsc-segmented-content {
    border: 1px solid var(--app-secondary, #34a8cf) !important;
    border-right-width: 0 !important;
    color: var(--app-secondary, #34a8cf);
}

.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-img-left {
    padding-left: 3.5em !important;
}

.mbsc-mobiscroll .mbsc-lv-item {
    padding: .5em .5em;
    background: #ffffff;
    border-bottom: solid 1px #eee;
}

.mbsc-mobiscroll.mbsc-lv-cont {
    padding-bottom: 58px !important;
}

.mbsc-mobiscroll .mbsc-lv-gr-title {
    background: var(--app-primary-dark, #235988) !important;
    color: #f7f7f7;
}

.mbsc-mobiscroll.mbsc-ms-b .mbsc-ms-item-sel {
    border-bottom: none !important;
    background: white !important;
    color: var(--app-secondary, #34a8cf) !important;
}

.mbsc-sc-whl-gr {
    max-width: unset !important;
}

.mbsc-mobiscroll .mbsc-sc-itm {
    font-size: 1em !important;
}

.mbsc-mobiscroll.mbsc-form {
    background: none !important;
}

.mbsc-mobiscroll.mbsc-input .mbsc-control {
        border-bottom: 1px solid var(--app-field-border, #cccccc) !important;
        color: #1f1f1f;
    }

#popup {
    position: fixed;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 100px;
    background: rgba(78, 204, 196, .6);
    color: var(--app-primary-dark, #235988);
    font-size: 1em;
    font-family: sans-serif;
    line-height: 100px;
    text-align: center;
    top: 50%;
    left: 50%;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    transition: opacity 300ms;
}

#popup.md-show-popup {
        opacity: 1;
    }

.mbsc-fr-w {
    min-width: 350px !important;
}

.mbsc-ic-fa-solid:before,
.mbsc-ic-fas:before,
.mbsc-ic-fa:before {
    content: var(--fa) !important;
    font-family: 'Font Awesome 7 Free' !important;
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: 900 !important;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mbsc-ic-fa-brands:before,
.mbsc-ic-fab:before {
    content: var(--fa) !important;
    font-family: 'Font Awesome 7 Brands' !important;
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mbsc-ic-fa-regular:before,
.mbsc-ic-far:before {
    content: var(--fa) !important;
    font-family: 'Font Awesome 7 Free' !important;
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box .mbsc-label {
    color: #007bfe !important;
}

.mbsc-mobiscroll.required.mbsc-ltr.mbsc-input-box .mbsc-label {
    color: maroon !important;
}

.mbsc-mobiscroll .mbsc-ltr .mbsc-fr-btn-cont {
    text-align: center !important;
}

.mbsc-mobiscroll .mbsc-fr-hdr, .mbsc-mobiscroll .mbsc-fr-btn {
    color: var(--app-picker, var(--app-primary, #3c8dbc)) !important;
}

.mbsc-mobiscroll .mbsc-cal-days > div {
    border-bottom: 1px solid var(--app-picker, var(--app-primary, #3c8dbc)) !important;
    color: var(--app-picker, var(--app-primary, #3c8dbc)) !important;
}

.mbsc-mobiscroll .mbsc-fr-btn {
    text-transform: none !important;
}

.mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
    color: #0f1113 !important;
}

/* Aspa para vaciar un campo: la de ValoraIntranet (su MSCustom.css), ahora para todas. */
.mbsc-input-clear {
    right: 0;
    color: #F44336;
    background: #ffffff;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: solid 0 #ccc;
    cursor: pointer;
    top: 35%;
    position: absolute;
    text-align: center;
}

.mbsc-label-inline .mbsc-input-clear {
    top: 0;
}

.mbsc-label-inline .mbsc-label {
    display: none;
}

.mbsc-mobiscroll.mbsc-control-w {
    color: var(--app-field, var(--app-primary, #3c8dbc));
}

.mbsc-mobiscroll .mbsc-input-ic {
    color: var(--app-field-icon, var(--app-primary, #3c8dbc));
}

.mbsc-fr-popup {
    max-width: 98%;
    min-width: 380px;
}

.mbsc-alert.mbsc-fr .mbsc-fr-c.mbsc-wdg-c {
    padding: 1em !important;
    max-width: 100% !important;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-switch {
    padding: 1em 1em 1em 3em !important;
}

.mbsc-mobiscroll .mbsc-switch-track {
    left: 0em !important;
    right: unset !important;
}

.mbsc-mobiscroll .mbsc-divider, .mbsc-mobiscroll .mbsc-form-group-title {
    background: #343a40 !important;
    color: #ffffff !important;
}

.mbsc-sel-filter-cont {
    margin: .25em 1em!important;
}