@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

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

body { margin: 0 auto; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; color: rgb(32 41 46);}
body a:link { text-decoration: none; color: rgb(32 41 46);}
body a:visited { color: rgb(32 41 46);}
body a:hover { color: rgb(32 41 46);}
body a:active { color: rgb(32 41 46);}
body img { border: 0;}
body h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; line-height: 1.2;}

body input { outline-offset: -1px; background-color: transparent; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; padding: 0; border: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1;}
body select { outline-offset: -1px; background-color: transparent; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; padding: 0; border: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1;}
body textarea { outline-offset: -1px; background-color: transparent; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; padding: 0; border: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body button { outline-offset: -1px; background-color: transparent; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; padding: 0; border: 0; outline: 0; line-height: 0; cursor: pointer;}

body .auto { margin: 0 auto; width: 90%;}
body .auto250 { margin: 0 auto; width: 250px; max-width: 100%;}
body .auto300 { margin: 0 auto; width: 300px; max-width: 100%;}
body .auto500 { margin: 0 auto; width: 500px; max-width: 100%;}
body .auto700 { margin: 0 auto; width: 700px; max-width: 100%;}

body .flex { display: flex;}
body .absolute { position: absolute;}
body .relative { position: relative;}
body .fixed { position: fixed;}

body .object { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
body .object.cover { object-fit: cover;}
body .object.contain { object-fit: contain;}

body .float-left { float: left;}
body .float-right { float: right;}

body .wp25 { float: left; width: 25%;}
body .wp50 { float: left; width: 50%;}
body .wp100 { float: left; width: 100%;}
body .wh15 { float: left; width: 15px; height: 15px;}
body .wh20 { float: left; width: 20px; height: 20px;}
body .wh30 { float: left; width: 30px; height: 30px;}
body .wh40 { float: left; width: 40px; height: 40px;}
body .wx50 { float: left; width: 50px;}
body .wx80 { float: left; width: 80px;}
body .wx100 { float: left; width: 100px;}
body .wx150 { float: left; width: 150px;}

body .h5 { height: 5px;}
body .h10 { height: 10px;}
body .h20 { height: 20px;}
body .h30 { height: 30px;}
body .h40 { height: 40px;}
body .h50 { height: 50px;}

body .pad5 { padding: 5px;}
body .pad8 { padding: 8px;}
body .pad10 { padding: 10px;}
body .pad010 { padding: 0 10px;}
body .pad1015 { padding: 10px 15px;}
body .pad1520 { padding: 15px 20px;}
body .pad510 { padding: 5px 10px;}

body .mar1 { margin: 1px !important;}
body .mar2 { margin: 2px !important;}
body .mar3 { margin: 3px !important;}
body .mar5 { margin: 5px !important;}
body .mar1y { margin-top: 1px !important; margin-bottom: 1px !important;}
body .mar2y { margin-top: 2px !important; margin-bottom: 2px !important;}
body .mar3y { margin-top: 3px !important; margin-bottom: 3px !important;}
body .mar5y { margin-top: 5px !important; margin-bottom: 5px !important;}
body .mar8y { margin-top: 8px !important; margin-bottom: 8px !important;}
body .mar11y { margin-top: 11px !important; margin-bottom: 11px !important;}
body .mar21y { margin-top: 21px !important; margin-bottom: 21px !important;}
body .mar2yy { margin-top: 2px !important;}
body .mar3yy { margin-top: 3px !important;}
body .mar5yy { margin-top: 5px !important;}
body .mar8yy { margin-top: 8px !important;}
body .mar11yy { margin-top: 11px !important;}
body .mar21yy { margin-top: 21px !important;}
body .mar31yy { margin-top: 31px !important;}
body .maryy2 { margin-bottom: 2px !important;}
body .maryy3 { margin-bottom: 3px !important;}
body .maryy5 { margin-bottom: 5px !important;}
body .maryy8 { margin-bottom: 8px !important;}
body .maryy11 { margin-bottom: 11px !important;}
body .maryy21 { margin-bottom: 21px !important;}
body .mary2y2 { margin-left: 2px !important; margin-right: 2px !important;}
body .maryyy2 { margin-left: 2px !important;}
body .maryyy3 { margin-left: 3px !important;}
body .maryyy5 { margin-left: 5px !important;}
body .mary2yy { margin-right: 2px !important;}
body .mary5yy { margin-right: 5px !important;}

body .contorno1_20 { outline: 1px solid rgb(90 90 90 / 20%); outline-offset: -1px;}
body .contorno1_40 { outline: 1px solid rgb(90 90 90 / 40%); outline-offset: -1px;}

body .butao.verde { background-color: #33c133; font-weight: bold; font-size: 1em; color: #FFFFFF; cursor: pointer;}
body .butao.verde:hover { background-color: #2bb12b;}
body .butao.vermelho { background-color: #df2007; font-weight: bold; font-size: 1em; color: #FFFFFF; cursor: pointer;}
body .butao.vermelho:hover { background-color: #c51f09;}

body .bg.cinza { background-color: rgb(90 90 90 / 10%);}
body .bg.fluorescente { background-color: rgb(21 219 97);}
body .bg.verdinho { background-color: rgb(183 224 198);}
body .bg.roza { background-color: rgb(255 215 215);}

body .color.verde { color: rgb(3 160 100);}
body .color.vermelho { color: rgb(230 76 56);}

body .border { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
body .borgran { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
body .circular { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}
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 .sombra { -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); -moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);}
body .sombrona { -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 .none { display: none;}
body .pointer { cursor: pointer;}
body .box-sizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body .opcy7 { opacity: 0.7;}

body .readonly { background-color: rgb(90 90 90 / 15%) !important;}
body .readonly:focus { border: 1px solid rgb(90 90 90 / 90%) !important; -webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / 0) !important; -moz-box-shadow: 0 0 0 0 rgb(0 0 0 / 0) !important; box-shadow: 0 0 0 0 rgb(0 0 0 / 0) !important;}

body .text-uppercase { text-transform: uppercase;}
body .text-center { text-align: center;}
body .text-right { text-align: right;}

body .ajax { float: left; width: 100%; min-height: 50px;}

body .editou { min-height: 15px; font-size: 1em; line-height: 1.6;}
body .editou h1 { font-weight: bold; font-size: 1.5em;}
body .editou h2 { font-weight: bold; font-size: 1.4em;}
body .editou h3 { font-weight: bold; font-size: 1.3em;}
body .editou h4 { font-weight: bold; font-size: 1.2em;}
body .editou h5 { padding: 8px 0; border-bottom: 1px solid rgb(90 90 90 / 30%); font-size: 1em;}
body .editou p { margin-block-start: 11px; margin-block-end: 11px;}
body .editou a { color: rgb(0 122 153);}
body .editou a:hover { text-decoration: underline;}
body .editou img { max-width: 100%;}
body .editou iframe { max-width: 100%;}

body .table { float: left; width: 100%; overflow: auto;}
body .table .ident { float: left; width: 100%; padding: 18px 0 14px; margin: 0 0 3px; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1em; line-height: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
body .table .tm { float: left; width: 100%; padding: 1px;}
body .table .tm table { width: 100%; border-collapse: collapse;}
body .table .tm table th { min-width: 120px; padding: 5px 10px; position: relative; text-align: left;}
body .table .tm table td { min-width: 120px; padding: 5px 10px; position: relative;}
body .table .tm table td a { color: rgb(18 162 199) !important;}
body .table .tm table td a:hover { text-decoration: underline;}
body .table .mob { display: none;}
body .table .per table { border: 0; border: 1px solid rgb(90 90 90 / 95%);}
body .table .per table tr { border-bottom: 1px solid rgb(90 90 90 / 95%);}
body .table .per table th { float: left; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body .table .per table th.blef { border-left: 1px solid rgb(90 90 90 / 95%);}
body .table .per table td { float: left; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body .table .per table td.blef { border-left: 1px solid rgb(90 90 90 / 95%);}
body .table .per table em { opacity: 0.7; font-size: 0.9em;}
body .table .c2a table th { width: 40%;}
body .table .c2a table td { width: 60%;}
body .table .c2b table th { width: 50%;}
body .table .c2b table td { width: 50%;}
body .table .c3b table th { width: 33.33%;}
body .table .c3b table td { width: 33.33%;}
body .table .c4b table th { width: 25%;}
body .table .c4b table td { width: 25%;}
body .table .c5b table th { width: 20%;}
body .table .c5b table td { width: 20%;}
body .table .form { float: left;}
body .table .form .campo { float: left; height: 24px; padding: 0 5px; background-color: transparent; outline: 1px solid rgb(90 90 90 / 80%); outline-offset: -1px; font-size: 1em;}
body .table .form .campo.t100 { width: 100px;}
body .table .form .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 .table .form .ok { float: left; height: 24px; padding: 0 5px; margin: 0 0 0 5px; background-color: rgb(37 131 79); font-weight: bold; font-size: 0.9em; color: #FFFFFF; cursor: pointer;}
body .table .form .ok:hover { background-color: rgb(28 105 63);}
body .table .lincado { float: left; width: 100%; padding: 8px 10px 6px; margin: 3px 0 0; background-color: rgb(90 90 90 / 20%); outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px; text-align: center; font-size: 1em;}
body .table .lincado:hover { background-color: rgb(90 90 90 / 30%);}

body .carregando { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 300; background-color: rgb(90 90 90 / 50%);}
body .carregando .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(14 23 30); border-bottom-color: rgb(14 23 30); -webkit-animation: rotacao 1s infinite; -moz-animation: rotacao 1s infinite; animation: rotacao 1s infinite;}
body .apaga { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 150; background-color: rgb(0 0 0 / 50%);}

body .ampliar { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 250; background-color: rgb(0 0 0 / 50%);}
body .ampliar .amf { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgb(0 0 0 / 50%);}
body .ampliar .amc { display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2;}
body .ampliar .amc img { border: 10px solid rgb(250 250 250);}
body .ampliar .x { position: absolute; width: 24px; top: 10px; right: 10px; padding: 12px 0; background-color: rgb(200 0 0); text-align: center; font-weight: bold; color: rgb(250 250 250); line-height: 0;}
body .ampliar .x:hover { background-color: rgb(180 0 0);}
body .ampliar .navegar { position: absolute; width: 35px; height: 35px; top: 50%; margin: -20px 0 0; z-index: 3; opacity: 0.5;}
body .ampliar .navegar.recuar { left: 10px; background-image: url('../imagens/ampliar-recuar.png?v1');}
body .ampliar .navegar.avancar { right: 10px; background-image: url('../imagens/ampliar-avancar.png?v1');}
body .ampliar .navegar.ativo { opacity: 1;}

body .selativo { position: relative;}
body .selativo .listar { position: absolute; width: 98%; max-height: 200px; top: 65px; left: 1%; z-index: 1; padding: 10px; background-color: rgb(250 250 250); -webkit-box-shadow: 0 1px 10px 5px rgb(0 0 0 / 20%); -moz-box-shadow: 0 1px 10px 5px rgb(0 0 0 / 20%); box-shadow: 0 1px 10px 5px rgb(0 0 0 / 20%); overflow: auto;}
body .selativo .listar .instrucao { float: left; margin: 5px 30px 3px 0; font-size: 0.9em; line-height: 1; opacity: 0.8;}
body .selativo .listar .ajax { float: left; width: 100%;}
body .selativo .listar .opcao { float: left; width: 100%; padding: 10px; margin: 2px 0; outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px;}
body .selativo .listar .opcao:hover { background-color: rgb(194 255 223);}
body .selativo .listar .x { position: absolute; width: 20px; top: 8px; right: 8px; padding: 10px 0; background-color: rgb(200 0 0); text-align: center; font-weight: bold; font-size: 0.9em; color: rgb(250 250 250); line-height: 0;}
body .selativo .listar .x:hover { background-color: rgb(150 0 0);}
body .selativo .informativo { float: left; width: 100%; margin: 5px 0 0; font-size: 0.9em;}

@media only screen and (max-width: 800px){
  body .table .cab { display: none;}
  body .table .mob { display: block;}
  body .table .per table th.o2 { padding: 0 10px 1px;}
  body .table .per table th.blef { border-left: 0;}
  body .table .per table td.blef { border-left: 0;}
  body .table .c2a table th { width: 100%; padding: 10px 10px 1px;}
  body .table .c2a table td { width: 100%; padding: 1px 10px 10px;}
  body .table .c2b table th { width: 100%; padding: 12px 10px 1px;}
  body .table .c2b table td { width: 100%; padding: 1px 10px 12px;}
  body .table .c3b table th { width: 100%; padding: 12px 10px 1px;}
  body .table .c3b table td { width: 100%; padding: 1px 10px 12px;}
  body .table .c4b table th { width: 100%; padding: 12px 10px 1px;}
  body .table .c4b table td { width: 100%; padding: 1px 10px 12px;}
  body .table .c5b table th { width: 100%; padding: 12px 10px 1px;}
  body .table .c5b table td { width: 100%; padding: 1px 10px 12px;}
}

@media only screen and (max-width: 1000px){
  *::-webkit-scrollbar { display: none;}
}
@media only screen and (max-width: 700px){
  body .ampliar .amc img { border: 5px solid rgb(250 250 250);}
}
@keyframes rotacao{
  to{
    transform: rotate(1turn);
  }
}