* { margin: 0; padding: 0; font-family: 'Lato', 'Open Sans',  'Verdana', 'Times New Roman'; border-collapse: collapse; }

.cab-0 { height: 0px; visibility: hidden; margin: 0px; }

.bot-1 {
   cursor: pointer;
   width: 150px;
   height: 35px;
   color: #ffffff;
   font-size: 15px;
   font-weight: bold;
   background-color: #F89730;
   border-radius: 0px 20px 0px 20px;
}

.bot-2 {
   color: #0072ff;
   border: none;
   cursor: pointer;
   background-color: transparent;
}

.bot-3 { visibility: hidden; }

.bot-4 {
   cursor: pointer;
   color: #F8DE44;
   font-size: 15px;
   font-weight: bold;
   margin: 15px;
   padding: 5px 10px;
   background-color: #DA1711;
   border-radius: 0px 20px 0px 20px;
}

.bot-5 {
   width: 150px;
   cursor: pointer;
   color: #ffffff;
   font-size: 15px;
   font-weight: bold;
   margin: 15px;
   padding: 5px 10px;
   background-color: #2323fd;
}

.bor-1 {
   background-color: #f8f7e9;
   border: 0.5px solid #929090;
}

.cab-a {
   height: 100vh;
   background-color: #ffffff;
}

.cor-0 { color: #ffffff;}
.cor-1 { color: #f80404;}
.cor-2 { color: #F8DE44;}
.cor-3 { color: #0428f5;}
.cor-4 { color: orange; }
.cor-5 { color: #f80404;  font-weight: bold;}
.cor-6 { color: rgb(128, 127, 126); }
.cor-7 { color: green; }

.cur-1 { cursor: pointer; }
.cur-2 { cursor: not-allowed; }

.cpo-1 {
   margin: 0px 5px;
   text-align: center;
}

.che-1 input[type=radio], .che-1 input[type=checkbox] {
   width: 20px; 
   height: 20px;
}

.fun-1 {
   color: #ffffff;
   padding: 15px 0px;
   background-color: #DD1810;
}

.fun-2 {
   color: #ffffff;
   background-color: #2424ff;
}

.fun-3 {
   background-color: #f7f0b4;
}

.fun-4 {
   background-color: #b4f7f6;
}

.gru-1 {
   display: flex;
   justify-content: center;  
}
   
.gru-2 {
   display: flex;
   text-align: center;
   flex-direction: column;
}
   
.ima-1 {
   width: 75px;
   height: 75px;
   border-radius: 50%;
}

.ima-2 {
   margin-top: 15px;
   max-width: 60px;
   max-height: 60px;
   border-radius: 50%;
}

.ima-3 {
   max-width: 50px;
   max-height: 50px;
   border-radius: 50%;
}

.ima-4 {
   position: fixed;
   display: none;
   top: calc(50% - 136px);
   left: calc(50% - 204px);
}

.ima-5 {
   position: absolute;
   width: 35%;
   top: 425px;
   left: 0px;
}

.ima-6 {
   width: 100%;
}

.lit-1 {
   color: orange;
   font-size: 34px;
   font-weight: bold;
}

.lit-2 {
   font-size: 16px;
}

.lit-3 {
   color: #ffffff;
   font-size: 34px;
   font-weight: bold;
}

.lit-4 {
   font-size: 22px;
   font-weight: bold;
}

.lit-5 {
   font-weight: bold;
}

.lit-6 label {
   font-size: 14px;
   color: #918e8e;
}

.lit-7 {
   font-size: 20px;
}

.lit-8 {
   font-style: italic;
   font-weight: bold;   
}

.lit-9 {
   font-size: 12px;
}

.lit-a {
   white-space: nowrap;
}

.log-1 {
   width: 100%;
   height: 100vh;
   background-image: url(../img/fundo-01.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
}

.qua-1 {
   width: 30%;
   height: auto;
   text-align: center;
   border-radius: 10px;
   background-color: rgba(248, 243, 244, 0.9);
   padding: 10px 15px;
   margin: 100px auto;
   animation-duration: 5s;
}

@media only screen and (max-width: 900px) {  
   .qua-1 { width: 90%; }
}

.qua-2 {
   color: #ffffff;
   padding: 5px;
   border: 0.5px solid #8a8888;
   background-color: #2424ff;
   box-shadow: 10px 15px 5px rgba(0,0,0,.3);
}

.qua-2 label {
   font-size: 14px;
   color: #ffffff;
}

.qua-2 input[type=radio], .qua-2 input[type=checkbox], .opc-1 input[type=radio], .opc-1 input[type=checkbox] {
   width: 20px; 
   height: 20px;
}

.qua-2 input[type=text], .qua-2 input[type=email], .qua-2 select, .qua-2 select option, .qua-2 textarea {
   font-size: 14px;
   padding: 2px 10px;
   color: #676a6c;
}

.qua-2 input[type=text]:hover, .qua-2 input[type=email]:hover, .qua-2 select:hover, .qua-2 select option:hover, .qua-2 textarea:hover {
   color: #f80404;
   font-weight: bold;
}

.qua-3 {
   color: #ffffff;
   font-weight: bold;
   background-color:  #DA1711;
}

.qua-4 {
   padding: 5px;
   margin: 0px 1px;
   border: 0.5px solid #8a8888;
   background-color: #f6f8c5;
}

.qua-5 {
   color: #ffffff;;
   background-color: #2424ff;
}

.tab-1 {
   font-size: 12px;
   padding: 0px 15px;
   border-left: 1px solid #E9ECEF;
   border-right: 1px solid #E9ECEF;
}

.tab-2 {
   font-size: 14px;
   padding: 0px 5px;
}
 
.tab-2 input[type=text] {
   font-size: 14px;
}

.tab-3 {
   font-size: 12px;
}

.tit-1 {
   color: #ffffff;
   font-size: 14px;
   font-weight: bold;
}

.tit-2 {
   font-size: 10px;
}

.tit-3 {
   font-size: 14px;
}

.tit-4 {
   color: #0428f5;
   font-size: 14px;
   font-weight: bold;
}

.sai-1 {
   animation-duration: 5s;
}

.subir {
   position: fixed;
   cursor: pointer;
   bottom: 4.0%;
   right: 0.5%;
   display: none;
}

.modal-xl {
   width: 100% !important;
}

@media only screen and (min-width: 800px) {
   .modal-xl {
      max-width: 1150px !important; 
   }
}

#particles-js {
   width: 100%;
   height: 75vh;
   position: absolute; 
   color: #0043ff;
   background: #ffffff;
}

.buttons-csv  {
   cursor: pointer;
   color: #ffffff;
   border-radius: 5px;
   width: 70px !important;
   height: 25px !important;
   font-size: 12px !important;
   background-color: #911923;;
}

.ui-autocomplete {
   z-index: 1050 !important;
}

.container {
   padding-left: 0px;
   padding-right: 0px;
}

.note-editor {
   color: #000000;
   background-color: #ffffff;
}

/* Botão liga - desliga em CSS para objeto check da tela - Início */
.lig-x__checkbox {
   position: absolute;
   left: -9999px;
}

.lig-x__botao {
   display: inline-block;
   vertical-align: middle;
   position: relative;
   cursor: pointer;
}

.lig-x__botao::before, .lig-x__botao::after {
   content: "";
   box-shadow: 0 0 0 1px #CCC;
   transition: all 0.2s ease;
}

.lig-x__botao::before {
   display: inline-block;
   border-radius: 1em;
   height: 1.3em;
   width: 2em;
   margin-right: 0.5em;
   background: #d1cfcf;
}

.lig-x__botao::after {
   position: absolute;
   top: 0.2em;
   left: 0.025em;
   width: 0.95em;
   height: 0.95em;
   border-radius: 100%;
   background: #ffffff;
}

.lig-x__checkbox:checked + .lig-x__botao::before {
   background:#F89730;
}

.lig-x__checkbox:checked + .lig-x__botao::after {
   left: 1.025em;
}

/* Botão liga - desliga em CSS para objeto check da tela - Final */