@charset "utf-8";

body .border { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
body .borgram { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
body .circulo { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}
body .sombra { -webkit-box-shadow: 0 1px 8px 0 rgb(0 0 0 / 15%); -moz-box-shadow: 0 1px 8px 0 rgb(0 0 0 / 15%); box-shadow: 0 1px 8px 0 rgb(0 0 0 / 15%);}
body .somgran { -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%); -moz-box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%); box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);}
body .sombot { -webkit-box-shadow: 0 15px 10px -10px rgb(0 0 0 / 20%); -moz-box-shadow: 0 15px 10px -10px rgb(0 0 0 / 20%); box-shadow: 0 15px 10px -10px rgb(0 0 0 / 20%);}
body .tempo { -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in;}
body .lento { -webkit-transition: 2s ease-in; -moz-transition: 2s ease-in; -o-transition: 2s ease-in; transition: 2s ease-in;}
body .uppercase { text-transform: uppercase;}
body .pointer { cursor: pointer;}
body .move { cursor: move;}
body .none { display: none;}

body .campo:focus { outline: 1px solid rgb(55 171 200 / 50%) !important; -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);}
body .escolha:focus { outline: 1px solid rgb(55 171 200 / 50%) !important; -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);}
body .textarea:focus { outline: 1px solid rgb(55 171 200 / 50%) !important; -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);}

body .invalido { outline: 1px solid rgb(200 100 100) !important;}
body .readonly { background-color: rgb(0 0 0 / 10%);}
body .readonly:focus { outline: 1px solid rgb(100 100 100 / 60%) !important; -webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / 0); -moz-box-shadow: 0 0 0 0 rgb(0 0 0 / 0); box-shadow: 0 0 0 0 rgb(0 0 0 / 0);}

* { scrollbar-width: thin; scrollbar-color: rgb(0 0 0);}
*::-webkit-scrollbar { width: 5px; height: 5px; background-color: rgb(100 100 100);}
*::-webkit-scrollbar-thumb { background-color: rgb(0 0 0);}

.salvando { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10;}
.salvando .ico { position: absolute; width: 10px; height: 10px; top: 50%; left: 50%; margin: -15px 0 0 -15px; border: 10px solid rgb(255 255 255); border-top-color: rgb(105 154 75); border-bottom-color: rgb(105 154 75); -webkit-animation: rotacao 1s infinite; -moz-animation: rotacao 1s infinite; animation: rotacao 1s infinite;}

.aguardando { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5;}
.aguardando .ico { position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; margin: -25px 0 0 -25px; border: 10px solid rgb(255 255 255); border-top-color: rgb(105 154 75); -webkit-animation: rotacao 1s infinite; -moz-animation: rotacao 1s infinite; -ms-animation: rotacao 1s infinite; -o-animation: rotacao 1s infinite; animation: rotacao 1s infinite;}

#alerta { display: none; position: fixed; width: 400px; bottom: 10px; right: 2%; z-index: 200;}
#alerta .msg { float: left; width: 100%;}
#alerta .msg h2 { float: left; width: 90%; padding: 20px 5% 18px; background-color: rgb(165, 255, 192); font-size: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#alerta .msg h3 { float: left; width: 90%; padding: 20px 5% 18px; background-color: rgb(255, 192, 181); font-size: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#alerta .msg b { float: left; width: 100%; font-weight: bold; font-size: 2em; line-height: 1;}
#alerta .msg em { float: left; width: 100%; margin: 5px 0 0; font-style: normal; font-size: 1.2em;}
#alerta .fechar { position: absolute; top: 15px; right: 10px; font-weight: bold; font-style: normal; line-height: 0; cursor: pointer;}

#loader { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 50;}
#loader .ico { position: absolute; width: 50px; height: 50px; top: 50%; left: 50%; margin: -45px 0 0 -45px; border: 20px solid rgb(255 255 255); border-top-color: rgb(105 154 75); -webkit-animation: rotacao 1s infinite; -moz-animation: rotacao 1s infinite; animation: rotacao 1s infinite;}

#entrando { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 50; background-color: rgb(0 0 0 / 70%);}
#entrando .ico { position: absolute; width: 50px; height: 50px; top: 50%; left: 50%; margin: -45px 0 0 -45px;  border: 20px solid rgb(255 255 255); border-top-color: rgb(105 154 75); -webkit-animation: rotacao 1s infinite; -moz-animation: rotacao 1s infinite; animation: rotacao 1s infinite;}

@media only screen and (max-width: 500px){
  #alerta { width: 100%; bottom: 0; right: 0;}
  #alerta .msg h2 { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  #alerta .msg h3 { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
}
@keyframes rotacao{
  to{
    transform: rotate(1turn);
  }
}