.scroll::-webkit-scrollbar {
    width: 8px;
  }
  
.scroll::-webkit-scrollbar-thumb {
background-color: #437BFF; /* Cambia el color a tu preferencia */
border-radius: 8px;
}

.scrollTable::-webkit-scrollbar {
    width: 4px;
    height: 6px;
}
/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.scrollTable::-webkit-scrollbar-thumb{
    background: #437BFF;
    border-radius: 4px;
    cursor: pointer;
}

.scrollLight::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.scrollLight::-webkit-scrollbar-thumb{
    background: #D5DEF4;
    border-radius: 4px;
    cursor: pointer;
}

/* manrope font */
@font-face {
    font-family: manropeSemiBold;
    src: url('/fonts/manrope/Manrope-SemiBold.ttf');
}

.manropeSemiBold {
    font-family: manropeSemiBold;
}

@font-face {
    font-family: manropeBold;
    src: url('/fonts/manrope/Manrope-Bold.ttf');
}

.manropeBold {
    font-family: manropeBold;
}

@font-face {
    font-family: manropeLight;
    src: url('/fonts/manrope/Manrope-Light.ttf');
}

.manropeLight {
    font-family: manropeLight;
}

@font-face {
    font-family: manropeRegular;
    src: url('/fonts/manrope/Manrope-Regular.ttf');
}

.manropeRegular {
    font-family: manropeRegular;
}

/* rubik font */
@font-face {
    font-family: rubikRegular;
    src: url('/fonts/rubik/Rubik-Regular.ttf');
}

.rubikRegular {
    font-family: rubikRegular;
}

@font-face {
    font-family: rubikMedium;
    src: url('/fonts/rubik/Rubik-Medium.ttf');
}

.rubikMedium {
    font-family: rubikMedium;
}

@font-face {
    font-family: rubikBold;
    src: url('/fonts/rubik/Rubik-Bold.ttf');
}

.rubikBold {
    font-family: rubikBold;
}

@font-face {
    font-family: rubikSemiBold;
    src: url('/fonts/rubik/Rubik-SemiBold.ttf');
}

.rubikSemiBold {
    font-family: rubikSemiBold;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="range"]::-webkit-slider-thumb {
        width: 15px;
        -webkit-appearance: none;
        appearance: none;
        height: 15px;
        cursor: ew-resize;
        background: white;
        box-shadow: -405px 0 0 400px #203A75;
        border-radius: 50%;

    }
}

/* Estilo para navegadores basados en WebKit (Chrome, Safari, Opera) */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Estilo para navegadores basados en Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.gradientBackground {
    background: repeating-linear-gradient(45deg, #FFDEDE, #FFDEDE 7px, #FFFFFF 7px, #FFFFFF 14px)
}

.gradientBackground:focus {
    background: repeating-linear-gradient(45deg, #FFDEDE, #FFDEDE 7px, #FFDEDEAF 7px, #FFDEDEAF 14px);
}