/*******************************************************
    Archivo de Valores de referencia OMS
*******************************************************/


@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.ttf') format("truetype-variations");
    font-weight: 300 800;
}

:root {
    --primaryColor: #499AD9;
    --primaryColorActive: #2e6793;
    --backgroundColorMain: #fbfcfe;
    --bodyFontFamily: 'Open Sans', sans-serif;
    --bodyFontSize: 0.875rem;
    --bodyFontWeight: 400;
    --bodyLineHeight: 1.5;

    --bodyColor: #41505f;
    --borderColor: #e2e5ec;
    --borderColorMuted: #b0b0b0;

    --menuActiveColor: #e5e7fc;
    --subMenuBack: #fff;

    --backWhite: #fff;

    --searchTitle: rgb(110, 121, 133);
    --searchActive: #e6edfd;
    --searchActiveText: #2940e8;
    --searchItemColor: #212830;

    --cardMuted: #6e7985;
    --cardSuccess: rgb(12, 183, 133);
    --cardDanger: rgb(220, 63, 59);
    --cardPrimary: rgb(80, 111, 217);
    --cardLowMuted: #9ea7b1;

    --bs-oxxo-rgb: rgb(255, 114, 27);
    --bs-seven-rgb: rgb(24, 180, 7);
    --bs-ahorro-rgb: rgb(255, 0, 0);
    --bs-tarjeta-rgb: rgb(154, 0, 250);
    --bs-paypal-rgb: rgb(6, 79, 238);

    --estatusAmarillo: #ffbd41;
    --estatusVerde: #5aff41;
    --estatusPrimario: #41c6ff;
    --estatusActivo: #c041ff;
    --estatusRojo: #ff4141;

    --grisHector: #41505f;

    --azulPlantilla: #506FD9;
    --grisPlantilla: #707984;
    --verdePlantilla: #037416;
    --badgeMuted: rgba(50, 50, 50, 0.2);

    --inputBorderColor: #ced4da;

    /* Backgrounds images */
    --loginBack: url('../imgs/background-login.jpg');

}

/* Chrome, Firefox, Opera, Safari 10.1+ */
::placeholder {
    color: var(--primaryColor);
    opacity: 1;
    font-weight: 300;
    font-size: 0.9rem;
}

/* Internet Explorer 10-11 */
:-ms-input-placeholder {
    color: var(--primaryColor);
    font-weight: 300;
    font-size: 0.9rem;
}

/* Microsoft Edge */
::-ms-input-placeholder {
    color: var(--primaryColor);
    font-weight: 300;
    font-size: 0.9rem;
}


.contenedor_cargador .spinner-border {
    position: fixed;
    z-index: 1;
    top: 50%;
    bottom: 50%;
}

.contenedor_cargador {
    height: 100%;
    display: none;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/nuevo/imgs/spinner.gif') 50% 50% no-repeat transparent;
}

.swal-height {
    height: 600px;
    width: 600px;
}