@import url("https://pro.fontawesome.com/releases/v5.15.4/css/all.css");

/* ### BACKGROUND/LAYOUT ### */
body.festa{
    background: #0C0000 url(../../images/final-de-ano/festa/bg.png) no-repeat;
    background-position: center top;
    background-size: cover;
}
body.cupom{
    background: linear-gradient(90deg, #0e2c51, #0e4e89);
    background: url(../../images/final-de-ano/cupom/bg.png) no-repeat center;
    background-size: cover;
}
.estrutura{ width: 100%; float: left; }

.bg_claro{ background: #c2d4e5; }
.bg_amarelo{ background: #f9ec98; }
.bg_azul{ background: #f9fbfc; }
.bg_claro,
.bg_amarelo,
.bg_azul{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.form_login input.cpf{
    font-size: 32px;
    background: none;
    border: none;
}
.form_login input{
    font-family: 'Roboto', sans-serif;
    color: #03203d;
    text-align: center;
}
.form_login input:focus{ outline: none; }
.form_login button{ background: #03203d; }
.form_login button:hover{ color: #fff; }

label{ cursor: pointer; }
input[type=radio]{ display:none; }
input[type=radio] + label{
    display: inline-block;
    height: 45px;
    padding: 4px 0 0 65px;
    background-image: url(../../images/ico_check.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
input[type=radio]:checked + label{ background-position:0 -50px; }

#logo_natal{ max-height: 600px; }
#logo_cupom{ max-height: 400px; }

#numero_cupom{
    font-size: 128px;
    line-height: 105px;
}
/* ### FIM BACKGROUND/LAYOUT ### */

/* ### UTILITY ### */
.img-fluid.img100{ width: 100% !important; }
.animacao{
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.sombra{
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
}
/* ### FIM UTILITY ### */

/* ### FONTES/CORES ### */
.branca, .branca a{ color: #fff; } .branca a:hover{ color: #fff; }
.amarela, .amarela a{ color: #fbf23c; } .amarela a:hover{ color: #fbf23c; }
.cinza, .cinza a{ color: #c5c5c5; } .cinza a:hover{ color: #c5c5c5; }
.azul, .azul a{ color: #03203d; } .azul a:hover{ color: #03203d; }
.azul_claro, .azul_claro a{ color: #0a589b; } .azul_claro a:hover{ color: #0a589b; }
.font-roboto{ font-family: 'Roboto', sans-serif; }
.font-rubik{ font-family: 'Rubik', sans-serif; }
/* ### FIM FONTES/CORES ### */


@media (max-width: 575px){ /* Extra small */
    .form_login input.cpf{ font-size: 22px; }
    .h3, .h4, .h5{ font-size: 1rem; }
}