input, select, textarea {width: 100%; padding: 7px 15px; outline: 0; font-size: 17px; border: 1px solid var(--corPrincipal);}
button {width: auto; padding: 7px 15px; background-color: var(--corPrincipal); color: white; border: 1px solid var(--corPrincipal); font-size: 16px; cursor: pointer;}
button img {
	height: 20px; width: 20px; text-align: center; vertical-align: top;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
button:hover {background-color: var(--corSecundaria)}

input:focus, button:focus, textarea:focus, select:focus, textarea:focus {outline: 0;}

button, input, select {
    -moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	border-radius: 45px;
}
textarea {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.fontePequena {font-size: 13px;}
.fonteGrande {font-size: 20px;}

.btnSemBorda {border: 0px;}

.btnBordaCorPrincipal {background-color: transparent; border: 1px solid var(--corPrincipal);}
.btnBordaCorPrincipal:hover {background-color: var(--corPrincipal); color: white;}

.btnSemCor {background-color: transparent; color: var(--corPrincipal);}
.btnSemCor:hover {background-color: var(--corPrincipal); color: white;}
.btnSemCorHoverVermelho:hover {background-color: red; color: white;}

.divBotao {background-color: transparent; color: black;}
.divBotao:hover {background-color: var(--corPrincipal); color: white;}

/*.btnFechar {position: absolute; right: -8px; top: -8px; cursor: pointer;}*/

.btnFecharModal {
	background-color: red; color: white; position: absolute; top: -3px; right: -3px; padding: 8px; cursor: pointer; border: 0px;
    -moz-border-radius: 0px 7px 0px 7px;
	-webkit-border-radius: 0px 7px 0px 7px;
	border-radius: 0px 7px 0px 7px;
}
.btnFecharModal:hover {background-color: #B40404;}

.btnFecharResult {position: absolute; right: 0px; top: -7px; right: -5px; padding: 5px; background-color: red;}
.alerta {background-color: orange; color: black;}

.btnVerde {background-color: darkgreen; cursor: pointer; border: 1px solid darkgreen;}
.btnVerde:hover {background-color: green;}

.btnVerdeClaro {background-color: #97EAC6; cursor: pointer; border: 1px solid darkgreen;}
.btnVerdeClaro:hover {background-color: #63D1A1;}

.btnVermelho {background-color: #B40404; cursor: pointer; border: 1px solid #B40404;}
.btnVermelho:hover {background-color: red;}

.btnVermelhoClaro {background-color: #F5A9A9; cursor: pointer; border: 1px solid #B40404;}
.btnVermelhoClaro:hover {background-color: #F78181;}

.btnLaranjaClaro {background-color: #f39f4b; cursor: pointer; border: 1px solid orange;}
.btnLaranjaClaro:hover {background-color: #f3ab63;}

.btnCinza {background-color: #A4A4A4; color: black; cursor: pointer; border: 1px solid grey;}
.btnCinza img {
	filter: invert(0%) sepia(4%) saturate(20%) hue-rotate(334deg) brightness(104%) contrast(100%); 
}
.btnCinza:hover {background-color: #848484;}

.btnCinzaClaro {background-color: #D8D8D8; cursor: pointer; border: 1px solid grey;}
.btnCinzaClaro:hover {background-color: #BDBDBD;}

.btnCorSecundaria {background-color: var(--corSecundaria); cursor: pointer; border: 1px solid var(--corSecundaria);}
.btnCorSecundaria:hover {opacity: 0.9;}

.btnCorPrincipal {background-color: var(--corPrincipal); cursor: pointer; border: 1px solid var(--corPrincipal);}
.btnCorPrincipal:hover {opacity: 0.9;}

.btnBranco {background-color: white; cursor: pointer; border: 1px solid white;}
.btnBranco:hover {background-color: white;}

.btnLaranja {background-color:#FF8000; cursor: pointer; border: 1px solid orange;}
.btnLaranja:hover {background-color: orange;}

.btnAmarelo {background-color: #dde41c; cursor: pointer; border: 1px solid #cbd205;}
.btnAmarelo:hover {background-color: #cbd205;}

.btnAzul {background-color: #0000e2; cursor: pointer; border: 1px solid blue;}
.btnAzul:hover {background-color: #0404bc;}

.btnPreto {background-color: black; cursor: pointer; border: 1px solid black;}
.btnPreto:hover {background-color: #2E2E2E;}

.btnTitulo {background-color: var(--corPrincipal); color: white;}


.voltarTopo {position: fixed; bottom: 55px; right: 10px; cursor: pointer; display: none;}
.btnSuporteWhatsApp {position: fixed; bottom: 10px; right: 10px; cursor: pointer; font-size: 10px;}