@topo:#FFFFFF;
@cor_corpo:#E1E3FA;
@txt_fundo:#333;
@txt_titulo:#222;
@txt_ftaque:white;
@link:#6D2C93;
@cor_botao:#FFD326;/*#FFCD00*/
@cor_botao_hover:#F9C700;
@link_destaque:#FFCD00;
@link_fundo:#fff;
@fundo:white;
@cancelar:#ffe9e8;
@principal:#FDBB30;
@base:#FFF;
@texto:#424242;
@hover:#BD8C23;
@bordaGasto:#9998A1;
@alerta:#bf0500;
@sucesso:#0abf7e;

html, body, h1, h2, h3, h4, h5, h6, ul, li, button, a, p, table, thead, tbody, tfoot, tr, th, td{
margin:0;
padding:0;
list-style:none;
text-decoration:none;
outline:none;
}

/*BOTOES*/
.btt_contained{
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:0;
background-color:@cor_botao;
color:black;
background-position: center;
transition: background 0.8s;
padding:10px;
line-height:1;
font-family:'Slabo 27px', serif;
font-size:18px;
text-align:center;
cursor:pointer;
overflow:hidden;
display:inline-block;
-webkit-user-select:none; /* Remove seleção */
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-o-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.btt_plus{
font-size:24px;
width:100%;
}
.btt_outlined{
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:2px solid @cor_botao;
background-color:transparent;
color:@cor_botao;
background-position: center;
transition: background 0.8s;
padding:10px;
line-height:1;
font-family:'Slabo 27px', serif;
font-size:18px;
text-align:center;
cursor:pointer;
overflow:hidden;
display:inline-block;
-webkit-user-select:none; /* Remove seleção */
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-o-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.btt_text{
border: hidden;
background-color:transparent;
color:@cor_botao;
background-position: center;
transition: background 0.7s;
padding:10px;
line-height:1;
font-family:'Slabo 27px', serif;
font-size:18px;
text-align:center;
cursor:pointer;
overflow:hidden;
display:inline-block;
-webkit-user-select:none; /* Remove seleção */
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-o-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}

.btt_contained:hover{
background: #F8C117 radial-gradient(circle, transparent 1%, #F8C117 1%) center/15000%;
}
.btt_contained:active{
background-color: #F5F0B0;
background-size: 100%;
transition: background 0s;
}
.btt_outlined:hover, .btt_text:hover{
background: #F5F0AE radial-gradient(circle, transparent 1%, #F5F0AE 1%) center/15000%;
}
.btt_outlined:active, .btt_text:active{
background-color: #F8C117;
background-size: 100%;
transition: background 0s;
}