@font-face {
    font-family: "Poppins";
    src: url("/Fonts/Poppins-Regular.ttf");
}

body {
    font-family: "Poppins";
    color: #484848;
}

.footer {
    background-color: #484848;
    color: white;
    margin-top: 30vh;
}


/* Personalización del scrollbar para navegadores basados en WebKit */

.scrollable::-webkit-scrollbar {
    width: 10px;
    /* Ancho del scrollbar */
}

.scrollable::-webkit-scrollbar-track {
    background: #f0f0f0;
    /* Fondo de la pista */
}

.scrollable::-webkit-scrollbar-thumb {
    background: #888;
    /* Color del deslizador */
    border-radius: 5px;
    /* Bordes redondeados */
}

.scrollable::-webkit-scrollbar-thumb:hover {
    background: #484848;
    /* Color del deslizador al pasar el mouse */
}


/* Personalización del scrollbar para Firefox */

.scrollable {
    scrollbar-width: thin;
    /* Scroll más delgado */
    scrollbar-color: #888 #f0f0f0;
    /* Color del deslizador y de la pista */
}

.select2-container {
    width: 100% !important;
    height: 38px !important;
}

.backgroundPuertas {
    background: url('/Images/fondo_quimicel.jpeg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.letraGranito {
    color: #484848 !important;
}

.btn-outline-dark {
    border: 2px solid #337AB7 !important;
    box-sizing: border-box !important;
    color: #484848 !important;
    font-family: 'Poppins' !important;
}

.btn-outline-warning {
    border: 2px solid #ffc107 !important;
    box-sizing: border-box !important;
    color: #484848 !important;
    font-family: 'Poppins' !important;
    background-color: #ffc107!important;
}

.pointer {
    cursor: pointer;
}

.btn-outline-dark:hover {
    color: #FFFFFF !important;
    background-color: #337AB7 !important;
    transition: 0.5s linear !important;
    /* vendorless fallback */
    -o-transition: 0.5s linear !important;
    /* opera */
    -ms-transition: 0.5s linear !important;
    /* IE 10 */
    -moz-transition: 0.5s linear !important;
    /* Firefox */
    -webkit-transition: 0.5s linear !important;
    /*safari and chrome */
}

.btn-outline-warning:hover {
    color: #FFFFFF !important;
    background-color: #ffc107 !important;
    transition: 0.5s linear !important;
    /* vendorless fallback */
    -o-transition: 0.5s linear !important;
    /* opera */
    -ms-transition: 0.5s linear !important;
    /* IE 10 */
    -moz-transition: 0.5s linear !important;
    /* Firefox */
    -webkit-transition: 0.5s linear !important;
    /*safari and chrome */
}

.fondoOscuroSaraiva {
    background-color: #484848 !important;
}

.trhover:hover {
    cursor: pointer;
}

.required {
    color: red;
}

abbr[title] {
    border-bottom: none !important;
    cursor: inherit !important;
    text-decoration: none !important;
}

.semanal {
    color: #72bedf!important;
}

.quincenal {
    background-color: #e9994e!important;
}

.mensual {
    background-color: #6bd67d!important;
}

.llamada {
    background-color: #ea7878!important;
}