@import "colors-root.css";
@import "../Estilo/style-totem.css";

/*vvvv CORES vvvv*/
html, body {
    background: -webkit-linear-gradient(-30deg, var(--main-color), #fff, var(--main-color));
    background: -moz-linear-gradient(-30deg, var(--main-color), #fff, var(--main-color));
    background: linear-gradient(-30deg, var(--main-color), #fff, var(--main-color));
}

header {
    background: #f7f7f7;
}

.login {
    background-color: #fff;
}

.menu li {
    background-color: var(--main-color);
}

.menu a {
    color: #fff;
}

    .menu a:hover {
        color: #fff;
    }

.keyboard .form .validate {
    border-color: #333;
}

.gerarSenha {
    background-color: var(--main-color);
}

#gerarSenhaSemAcompanhante {
    background-color: var(--main-color);
}

.slider {
    background: white;
}

    .slider::-webkit-slider-thumb {
        background-color: var(--main-color);
    }

    .slider::-moz-range-thumb {
        background-color: var(--main-color);
    }

.tick {
    background-color: rgba(0,0,0,0.3);
}

option {
    color: darkgreen;
}

.login {
    border-color: #ccc;
}

.keyboard {
    background-color: #f7f7f7;
}

.gerarSenha {
    color: white;
}

#gerarSenhaSemAcompanhante {
    color: white;
}

.tick {
    color: white;
}
/*^^^^ CORES ^^^^*/