@import url(variaveis.css);

*{
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

header{
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10vh;
}

body{
    
    background-color: var(--cor-fundo);
    margin: 0;
}

.menu{
    display: flex;
    text-decoration:none ;
}

.iten_menu{
    text-decoration: none;
    list-style: none;
    color: rgb(0, 0, 0);
    font-size: 24px;
    border-right: solid 3px black;
    padding: 10px;
    font-weight: bold;
}

#sair{
    text-decoration: none;
    list-style: none;
    color: rgb(0, 0, 0);
    font-size: 24px;
    padding: 10px;
    border: none;
}

nav a:hover{
 color: rgb(88, 15, 15);
}

i{
    font-size: 24px;
}

main{
    width: 90vw;
    height: 90%;
    background-color: var(--cor-fundo-secundaria);
    margin: 0 auto;
    margin-top: 2vh;
    border: solid 3px #A63841;
    border-radius: 10px;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

label{
    font-size: 24px;
}

input{
    width: 100%;
    height: 4vh;
    margin-top: 5px;
    margin-bottom: 2vh;
    border-radius: 10px;
    border:solid 1px #A63841;
}

.conteiner{
    width: 80%;
    margin-top: 4px;
}

.flex{
    display: flex;
}

.btn{
    background-color: var(--cor-btn);
    color: var(--cor-fundo-secundaria);
    font-size: larger;
    width: 10vw;
    margin: 20px 20px 0px 0px;

}

input:hover{
    cursor: pointer;
}

button:hover{
    cursor: pointer;
}



.btn2{
    background-color: var(--cor-btn-secundaria);
    color: var(--cor-fundo-secundaria);
    font-size: larger;
    width: 10vw;
    margin: 20px 20px 0px 0px;
}

.btn_lista{
    background-color: var(--cor-btn-secundaria);
    padding: 5px; 
    border-radius: 10px;
    color: white;
    margin-top: 2vh;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    width: 10vw;
}

.btn_voltar{
    background-color: var(--cor-btn);
    padding: 5px 10px; 
    border-radius: 5px;
    color: white;
    margin-left: 5vw;
    margin-bottom: -5vh;
    text-decoration: none;
}

#btn_historico {
    background-color: var(--cor-btn);
    padding: 5px 10px; 
    border-radius: 5px;
    color: white;
    margin-bottom: -5vh;
    text-decoration: none;
}

#logo{
    width: 100px;
    height: 100px;
}

.ativo,
.inativo{
    background: transparent;
    border: none;
    padding: 0;
    font-size: inherit;
    font-weight: bold;
    cursor: pointer;
}

.ativo{
    color: #28a745;
}

.inativo{
    color: #F2C335;
}