:root {
    --blue-primary: #0046bF;
    --yellow-primary: #FFE600;
    --blue-secundary-1: #91D4F5;
    --blue-secundary-2: #000064;
    --blue-secundary-3: #E6ECF6;
    --bs-body-font-size: 0.75rem;
    --bs-body-font-family: "Lato",sans-serif;
    --bs-body-color: #000064;
}

/*::-moz-selection,
::-webkit-selection,
::selection {
    text-shadow: none;
    
}*/

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 451px) {
    html {
        position: relative;
        min-height: 100%;
        background-image: url(../img/backgroundHorizontal.png);
        background-position: center center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .container {
        margin-right: 1.75vw;
        margin-top: 4.4vh;
        max-width: 44vw;
        max-height: 91.75vh;
        overflow: auto;
        scrollbar-width: thin;
        scrollbar-color: var(--yellow-primary) var(--blue-primary);
    }

    .logo {
        max-width: 50px;
        max-height: 50px;
        display: flex;
        position: absolute;
        z-index: 5;
        height: 100px;
        width: 100px;
        top: 4.25vh;
        left: 2vw;
    }
}

@media (max-width: 450px) {

    html {
        position: relative;
        min-height: 100%;
        background-image: url(../img/backgroundVertical.png);
        background-position: center center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .container {
        margin-right: 3.75vw;
        margin-top: 51vh;
        max-width: 90.5vw;
        max-height: 51vh;
        padding-bottom: 2vh;
        overflow: auto;
        scrollbar-width: thin;
        scrollbar-color: var(--yellow-primary) var(--blue-primary);
    }

    .form-check-input {
        width: 1.5em;
        height: 1.5em;
    }
    .form-check-label {
        padding-left: 10px;
    }

    .logo {
        max-width: 50px;
        max-height: 50px;
        display: flex;
        position: absolute;
        z-index: 5;
        height: 100px;
        width: 100px;
        top: 3.25vh;
        left: 7vw;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}


/*html {
    position: relative;
    min-height: 100%;
    background-image: url(../img/backgroundHorizontal.png);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.container {
    margin-right: 1.75vw;
    margin-top: 4.4vh;
    max-width: 44vw;
    max-height: 92.2vh;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--yellow-primary) var(--blue-primary);
}*/


body {
    background-color: transparent;
}

.form-control, .btn {
    font-size: 0.75rem;
}

.form-control:focus {
    border-color: var(--yellow-primary);
    box-shadow: 0 0 0 .25rem rgba(255,230,0,.25);
}

.btn-GangaYellow {
    color: var(--blue-primary);
    background-color: var(--yellow-primary);
    border-color: var(--blue-primary)
}

.btn-GangaYellow:hover {
    color: var(--yellow-primary);
    background-color: var(--blue-primary);
    border-color: var(--yellow-primary);
}



.Content-menu::-webkit-scrollbar {
    display: none;
}

.Content-menu::-moz-scrollbars {
    display: none;
}