@font-face {
    font-family: "BebasKai";
    src: url("fonts/bebaskai.otf") format("OpenType");
}

@font-face {
    font-family: "Verlag";
    font-weight: lighter;
    src: url("fonts/Verlag-Book.otf") format("OpenType");
}

@font-face {
    font-family: "Verlag Light";
    font-weight: lighter;
    src: url("fonts/VerlagCond-Light.otf") format("OpenType");
}

* {
    font-family: "Verlag Light";
}

body {
    background-image: url("../img/bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
}

.nome-site {
    font-family: "BebasKai";
}

#app {
    background-color: transparent;
}

#formulario {
    font-family: "Verlag Light";
    background-color: #bb1621;
}

#logo-especialistas-do-feijao {
    width: 50%;
    margin: 0 auto;
}

.v-input {
    border-radius: 0;
    font-size: 16px;
}
.v-input input {
    font-size: 22px;
    font-family: "Verlag";
    font-weight: bold;
}

.v-input input::placeholder {
    font-family: "Verlag";
    color: #6d6d6d;
}

nav.navbar {
    color:#FFF;
    font-size: 45px;
    background-color: #bb1621!important;
}

a {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
}

h4 {
    background-color: black;
}

.btn-relatorio,
.btn-entrar {
    width: 100%;
    max-width: 200px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    background-color: #bb1621;
    box-sizing: border-box;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    transition: .2s;
}

.btn-relatorio > img,
.btn-entrar > img {
    width: 70px;
    height: 70px;
}

.btn-relatorio:active,
.btn-entrar:active {
    transform: scale(.99);
    box-shadow: 1px 1px 10px rgba(0,0,0,.5);
}

footer {
    height: 40px;
    background-color: #bb1621;
}

.indisponivel {
    background-color: #bb1621;
}

.disponivel {
    background-color: #d1d1d1;
}

.legenda {
    width: 100px;
    display: inline-flex;
    margin: 0 2px;
    flex-direction: row;
    align-items: center;
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

.legenda > .cor {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
}

.v-date-picker-table .v-btn {
    font-size: 18px!important;
    outline: none;
}

.v-date-picker-header {
    font-size: 20px;
}

.v-btn__content {
    font-family: "Verlag"!important;
    font-weight: bold!important;
}


.fade-enter-active, .fade-leave-active {
    transition: all .2s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active em versões anteriores a 2.1.8 */ {
    transform: scale(.9);
    opacity: 0;
}

.v-data-table>.v-data-table__wrapper>table>tbody>tr>th, 
.v-data-table>.v-data-table__wrapper>table>tfoot>tr>th, 
.v-data-table>.v-data-table__wrapper>table>thead>tr>th {
    font-size: 16px!important;
}

.v-data-table__wrapper > table> tbody > tr > td,
.v-data-table__wrapper > table> thead > tr > th {
    font-size: 16px!important;
}