/*Geral*/
body{
    background-color: #dedede;
    margin: 0 auto;
}
body, table{
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 10pt;
}
h1{
    font-size: 16pt;
}
h2{
    font-size: 14pt;
}
h3{
    font-size: 12pt;
}

/*Para não imprimir o título e o cabeçalho*/
@media print {
  header,footer { 
  display: none; 
  }
}

/*Boxes*/
#borda{
    background: #345164;
    width: 100%;
    height: 100%;
    margin: auto;
    max-width: 980px;
    margin-top: 20px;
    min-height: 670px;
    position: relative;
    box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
}

#borda a.linkbranco{
    text-decoration: none;
    margin: 0 auto;
    float: right;
    top: 20px;
    position: inherit;
    padding-right: 5%;
}

#teste123{
    position: relative;
}

#teste123 img{
    padding: 20px;
}

#topo{
    width: 100%;
    background-color: #330099;
}
#principal{
    position: relative;
    background-color: white;
    width: 100%;
}
#conteudo{
    position: relative;
    width: 100%;

}
#conteudoadm{
    width: 930px;

}
#conteudo_pr{
    width: 948px;
}
#popup{
    overflow: hidden;
    max-width: 600px;
    margin: 0 auto;
    padding: 10px;
    font-size: 8pt !important;
}
#popup input.botoes{
    min-height: 42px;
    margin-top: 20px;
}
#popupprod{
    width: 790px;
    margin-left: 10px;
    font-size: 8pt;
    background-color:#fff;
}
#tabela{
    width: 940px;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
}
#obs{
    width: 100%;
    background-color: #ececec;
    border: 1px solid #c0c0c0;
    text-align: left;
}
#topocomi{
    background-color: #330099;
}
#conscomi{
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
#conscomi .menor{
    min-height: 110px;
}
#avisos{
    width: 100%;
    background-color: white;
    text-align: justify;
    line-height: 15pt;
    float:left;
}
#contato{
    width: 100%;
    float: left;
    background-color: white;
    text-align: -webkit-center;
}
#metavenda,
#pendcomerc{
    display: inline-block;
}
/*Estilos*/
a{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
a:link{
    color: #cc0000;
}
a:visited{
    color: black;
}
a:active{
    color: #0000ff;
}
a.linkbranco{
    color: #ffffff;
}
a.linkbranco:visited{
    color: #ffffff;
}
a.linkpreto{
    color: #000000;
}
a:visited.linkpreto{
    color: #000000;
}
a.linkvermelho{
    color: #993333;
}
a:visited.linkvermelho{
    color: #993333;
}
a.linkazul{
    color: #00008B;
}
a:visited.linkazul{
    color: #00008B;
}
.menor{
    font-size: 9pt;
}
.menor2{
    font-size: 7pt;
}
.campo, .campo2, .campo3, .campo4, .campo5,
.campo6, .campo7, .campo8, .campo9, .campo11,
.campo12, .campo13, .campo14, .campo15
{
    background-color: #ffffff;
    border: 1px solid #c0c0c0;
    text-align: center;
}
.campo4, .campo9{
    width: 100%;
}
.campo9{
    max-width: 100px;
}
.campo10{
    width: 100%;
}
.campo6{
    width: 100%;
}

.botoes {
    font-weight: bold;
    color: #000000;
    background-color: #ebebeb;
    border: 1px solid #c0c0c0;
}
.azul1{
    background-color: #2d4657;
    color: #ffffff;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
.azul1 form select {
    border-radius: 5px;
    border: none;
}
.azul1 form select option{
    text-align: center;
}
.azul2{
    background-color: #99CCFF;
    display: inline-block;
}
.azul3{
    box-sizing: border-box;
    background-color: #a7c0d1;
    width: 100%;
    text-align: center;
    display: inline-block; 
}
.azul4{
    background-color: #99CCFF;
}
.cinza{
    background-color: #ececec;
}
.cinza2{
    background-color: #dcdcdc;
}
.cinza3{
    background-color: #999;
}
.vermelho{
    background-color: #ffcccc;
}
.vermelho2{
    background-color: #993333;
}
.amarelo{
  background-color: #ffcc00;
}
.lista li{
    padding: 2px 5px 2px 2px;
}
.faixa_cinza{
    background-color: #cecece;
    padding:3px;
    text-align: center;
    margin: 2%;
}
.fonte_vermelha{
    color: #993333;
}
.fonte_branca{
    color:#fff;
}

.alerta-aviso{
    background-color: #993333;
    width: 100%;
    max-width: 600px;
    min-width: 200px;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;

}

@keyframes fa-blink {
    0% { opacity: 1.00; }
    1% { opacity: 0.99; }    
    2% { opacity: 0.98; }    
    3% { opacity: 0.97; }    
    4% { opacity: 0.96; }    
    5% { opacity: 0.95; }    
    6% { opacity: 0.94; }    
    7% { opacity: 0.93; }
    8% { opacity: 0.92; }    
    9% { opacity: 0.91; }
   10% { opacity: 0.90; }    
   11% { opacity: 0.89; }    
   12% { opacity: 0.88; }    
   13% { opacity: 0.87; }    
   14% { opacity: 0.86; }    
   15% { opacity: 0.85; }    
   16% { opacity: 0.84; }    
   17% { opacity: 0.83; }
   18% { opacity: 0.82; }    
   19% { opacity: 0.81; }
   20% { opacity: 0.80; }       
   21% { opacity: 0.79; }    
   22% { opacity: 0.78; }    
   23% { opacity: 0.77; }    
   24% { opacity: 0.76; }    
   25% { opacity: 0.75; }    
   26% { opacity: 0.74; }    
   27% { opacity: 0.73; }
   28% { opacity: 0.72; }    
   29% { opacity: 0.71; }
   30% { opacity: 0.70; }       
   31% { opacity: 0.69; }    
   32% { opacity: 0.68; }    
   33% { opacity: 0.67; }    
   34% { opacity: 0.66; }    
   35% { opacity: 0.65; }    
   36% { opacity: 0.64; }    
   37% { opacity: 0.63; }
   38% { opacity: 0.62; }    
   39% { opacity: 0.61; }
   40% { opacity: 0.60; }       
   41% { opacity: 0.59; }    
   42% { opacity: 0.58; }    
   43% { opacity: 0.57; }    
   44% { opacity: 0.56; }    
   45% { opacity: 0.55; }    
   46% { opacity: 0.54; }    
   47% { opacity: 0.53; }
   48% { opacity: 0.52; }    
   49% { opacity: 0.51; }
   50% { opacity: 0.50; }
   51% { opacity: 0.49; }    
   52% { opacity: 0.48; }    
   53% { opacity: 0.47; }    
   54% { opacity: 0.46; }    
   55% { opacity: 0.45; }    
   56% { opacity: 0.44; }    
   57% { opacity: 0.43; }
   58% { opacity: 0.42; }    
   59% { opacity: 0.41; }
   60% { opacity: 0.40; }       
   61% { opacity: 0.39; }    
   62% { opacity: 0.38; }    
   63% { opacity: 0.37; }    
   64% { opacity: 0.36; }    
   65% { opacity: 0.35; }    
   66% { opacity: 0.34; }    
   67% { opacity: 0.33; }
   68% { opacity: 0.32; }    
   69% { opacity: 0.31; }
   70% { opacity: 0.30; }   
}
.fa-blink {
   -webkit-animation: fa-blink .75s linear infinite;
   -moz-animation: fa-blink .75s linear infinite;
   -ms-animation: fa-blink .75s linear infinite;
   -o-animation: fa-blink .75s linear infinite;
   animation: fa-blink .75s linear infinite;
}
.material-icons {
    color: black;
    font-weight: bold !important;
    font-size: 21px !important;
}
.input-posped{
    padding-top: 2%;
    text-align: center;
    display: grid;
    grid-template-columns: 300fr 300fr;
}

/* NAV => CLASS="CINZA2" */

.cinza2 {
    width: 100%;
    background-color: #dcdcdc;
}

.cinza2 ul {
    list-style: none;
    position: relative;
    margin-top: -12px;
}
   
.cinza2 ul li {
    width: 150px;
    float: left;
}
   
.cinza2 a {
    padding: 15px;
    display: block;
    text-decoration: none;
    text-align: center;
    color: black;
    font-weight: bolder;
}
   
.cinza2 ul ul {
    position: absolute;
    visibility: hidden;
}
   
.cinza2 ul li:hover ul {
    visibility: visible;
}
   
.cinza2 a:hover {
    background-color: #f4f4f4;
    color: #555;
}
   
.cinza2 ul ul li {
    float: none;
    border-bottom: solid 1px #ccc;
}
   
.cinza2 ul ul li a {
    background-color: #069;
}

.cinza2 ul span{
    display: none;
}

.cinza4 li {
    float: none;
    text-align: center;
}

.menor label[for=bt_cinza2]{
    padding: 5px;
    background-color: #222;
    color: #fff;
    font-family: Arial;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    height: 50px;
}
   
#bt_cinza2 {
    display: none;
}
   
.menor label[for=bt_cinza2]{
    display: none;
}

.btn{
    position: relative;
    display: block;
    color: white;
    font-size: 10px;
    text-decoration: none;
    margin: 10px 10px;
    border: 2px solid white;
    padding: 5px 28px;
    text-transform: uppercase;
    overflow: hidden;
    border-radius: 3px;
}
.btn:hover{
    background: white;
    content: "";
    text-decoration: none;
}
.opcoes-rep{
    display: inline-flex;
}

/*NAV CLASS="CINZA2" FIM */

/*NAV CLASS="NAV-PEDIDOS" INICIO */

.dropdown-pedidos {
    position: relative;
}
  
.dropdown-pedidos-content {
    position: absolute;
    display: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    background: white;
    opacity: 0.90;
}
  
.cinza2 .dropdown-pedidos:hover .dropdown-pedidos-content {
    display: block;
}
  


/*
.nav-pedidos{
    width: 100%;
    background-color: #dcdcdc;
}

.nav-pedidos ul {
    list-style: none;
    position: relative;
    margin-top: -12px;
}
   
.nav-pedidos ul li {
    width: 150px;
    float: left;
}
   
.nav-pedidos a {
    padding: 15px;
    display: block;
    text-decoration: none;
    text-align: center;
    color: black;
    font-weight: bolder;
}
   
.nav-pedidos ul ul {
    position: absolute;
    visibility: hidden;
}
   
.nav-pedidos ul li:hover ul {
    visibility: visible;
}
   
.nav-pedidos a:hover {
    background-color: #f4f4f4;
    color: #555;
}
   
.nav-pedidos ul ul li {
    float: none;
    border-bottom: solid 1px #ccc;
}
   
.nav-pedidos ul ul li a {
    background-color: #069;
}

.nav-pedidos ul span{
    display: none;
} */

/*NAV CLASS="NAV-PEDIDOS" FIM */

/*NAV CLASS="sub-menu" INICIO*/

.sub-menu{
    width: fit-content;
    margin: 0 auto;
    padding: 0;
}
    
    /*definições gerais do menu*/
    
.sub-menu ul{
    list-style: none;
    width: 100%;
    width: fit-content;
    padding-inline-start: 0;
}
    
    /*retirar o estilo das listas*/
    
.sub-menu li{
    display: inline-block;
    padding:0px;
    margin: 4px;
    border-left: #2d4657;
}
    
    /*formatar a lista. Definir o tamanho do botão, o seu posicionamento e display: inline por ser um menu horzontal*/
    
.sub-menu a{
    display: block;
    text-decoration: none;
    color: #FFFF00;
    padding: 10px;
    background-color: #2d4657;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
    
    /* formatação da âncora e área clicável*/
    
.sub-menu :hover{
    background-color: #EEEEEE;
    text-decoration: none;
    color: #FFFFFF;
}

/*NAV CLASS="sub-menu" FIM*/

/*TABLE CONFIG INICIO*/

.cabecalho-table{
    width: 100%;
    padding: 5px;
}

.table-center{
    text-align: center;
}

.table-left{
    text-align: left;
}

.conscomi-table{
    width: 100%;
}

.exib-popup-table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.exib-popup-table td{
    padding: 5px;
}

.exib-popup-table tr td b{
    color: white;
}

.table-popup{
    display: grid;
    grid-template-columns: 300fr 300fr;
    margin: 0 auto;
    font-size: 9pt;
    justify-content: center;
    margin-top: 10px;
    padding: 5px
}

.table-cliente{
    display: grid;
    grid-template-columns: 300fr 300fr;
    margin: 0 auto;
    font-size: 9pt;
    justify-content: center;
    margin-top: 10px;
    padding: 5px
}

.table-produtoscons{
    background-color: #D6EEEE;
    display: grid;
    grid-template-columns: 400px 400px;
    margin: 0 auto;
    font-size: 9pt;
    justify-content: center;
    padding: 5px;
}

.table-orcamento{
    display: grid;
    grid-template-columns: 300fr 300fr;
    margin: 0 auto;
    font-size: 9pt;
    justify-content: center;
    margin-top: 10px;
    padding: 5px
}

.table-saldos{
    margin: 0 auto;
    font-size: 9pt;
    justify-content: center;
    margin-top: 10px;
    padding: 5px;
}

.table-prospect, .table-precovenda{
    display: grid;
}

/*TABLE CONFIG FIM*/

.table-input{
    width: 100%;
}

.table-input input[type=text]{
    max-width: 165px;
    width: 80%;
    padding: 3px;
    border: 1px solid grey;
    background: #f1f1f1;
}

.table-input select{
    border: 1px solid grey;
    background: #f1f1f1;
    padding: 2px;
}

.table-input button{
    padding: 0px;
    color: white;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
    max-height: 42px;
}

.table-input-float{
    width: 100%;
}

.table-input-float input[type=text]{
    max-width: 165px;
    width: 80%;
    padding: 3px;
    border: 1px solid grey;
    background: #f1f1f1;
    float: left;
}

.table-input-float select{
    border: 1px solid grey;
    background: #f1f1f1;
    padding: 2px;
    float: left;
}

.table-input-float button{
    padding: 0px;
    color: white;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
    max-height: 42px;
}

.title-popup {
    color: white;
    padding: 5px;
}

.pag-ped{
    padding: 2%;
}

.metvendtotal{
    font-weight: bolder;
}

.pesquisarx{
    margin-top:20px
}

.pedido_natureza{
    display: inline-flex;
    padding: 2%;
}

.display-tr{
    display: inline-grid !important;
}

.exib-popup-table tr:nth-child(even){background-color: #f2f2f2;}

@media screen and (min-width: 769px){
    .cinza2{
        width: 100% !important;
        height: auto !important;
    }
}
@media screen and (max-width: 768px){

    .campo4, .campo9{
        width: auto;
    }
    .campo3{
        width: 100%;
    }

    .campo6{
        width: 100%;
    }

    .pesquisar{
        margin-top:20px
    }

    .pesquisarx{
        margin-top:20px
    }

    .pedido_natureza{
        text-align: center;
        padding: 2%;
        font-size: smaller;
    }

    .pedido_natureza input[type=radio]{
        margin: 5px;
    }

    .pesquisa_pedidos a img{
        display: initial !important;
        width: auto !important;
    }

    #borda{
        max-width: 768px;
        width: 100%;
        margin-top: 0;
    }
    #borda a.linkbranco{
        display: none;
    }

    #borda a img {
        display: block;
        width: 150px;
        margin: 0 auto;
    }
    
    #conteudo form tbody{
        width: 100%;
    }

    #conteudo form table{
        width: 100%;
    }

    #conteudo form table input.campo2{
        width: 100%;
        max-width: 300px;
        height:40px;
        margin: 0;
        padding: 0;
    }

    #conteudo form table tbody tr td{
        font-size: auto;
        margin: 0;
        min-height: 16px;
    }

    #conteudo a{
        text-decoration: none;
        font-size: 12px;
    }

    #conteudo form input.botoes{
        width: 100px;
        min-height: 42px;
    }

    #conscomi{
        width: 100%;
        max-width: 768px;
    }

    #conscomi .menor{
        width: 100%;
        display: inline-block;
        position: relative;
        margin-top: 10px;
        padding: 5px;
        box-sizing: border-box;
    }

    #conscomi h2{
        text-align: center;
    }

    #conscomi tbody tr td a img{
        width: auto;
    }

    table, thead, tbody, th, td, tr { 
		display: block; 
	}

    .table-center{
        text-align: center;
    }

    .table-produtoscons{
        display: block;
        padding: 5px;
        box-sizing: border-box;
    }

    .table-orcamento{
        display: block;
        padding: 5px;
        box-sizing: border-box;
    }

    .exib-popup-table{
        overflow-x:auto;
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        font-size: smaller;
        padding: 5px;
    }

    .exib-popup-table td{
        padding: 2px;
    }

    .exib-popup-table tr{
        border: 3px solid whitesmoke;
        grid-template-columns: auto;
        text-align: center;
        margin-bottom: 2px;
    }

    .exib-popup-table tr td b{
        color: white;
    }
    
    .exib-popup-table .cabecalho-table{
        display: none;
    }
	
    .conscomi-table{
        overflow-x:auto;
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        font-size: smaller;
        padding: 5px;
    }

	.conscomi-table tr {
         border: 1px solid #ccc;
         grid-template-columns: auto;
         display: block;
    }
	
	.conscomi-table td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
	}
	
	.conscomi-table td:before { 
		position: absolute;
		left: 6px; 
		padding-right: 10px; 
		white-space: nowrap;
	}

    .conscomi-table .cabecalho-table{
        display: none;
    }

    .hclientcons, 
    .hpedenv{
        height: 400px;
    }

    .popup-table table,
    .popup-table thead,
    .popup-table td,
    .popup-table tr,
    .popup-table tbody{
        display:revert;
        font-size: 11px;
    }

    .table-input input[type=text]{
        max-width: 100%;
        margin-bottom: 2%;
        padding: 10px;
        font-size: clamp(14px, 3vw, 17px);
        border: 1px solid grey;
        width: 80%;
        background: #f1f1f1;
        min-height: 42px;
    }
    
    .table-input select{
        padding: 10px;
        font-size: 17px;
        border: 1px solid grey;
        background: #f1f1f1;
    }

    .table-input button{
        float: left;
        width: 20%;
        padding: 10px;
        color: white;
        font-size: 17px;
        border: 1px solid grey;
        border-left: none;
        cursor: pointer;
        min-height: 42px;
    }

    
    .table-input button:hover {
        background: lightgrey;
    }

    .table-input tbody tr {
        display: inline-block;
    }

    .table-input-float input[type=text]{
        max-width: 100%;
        margin-bottom: 2%;
        padding: 10px;
        font-size: clamp(14px, 3vw, 17px);
        border: 1px solid grey;
        width: 80%;
        background: #f1f1f1;
        min-height: 42px;
        float: left;
    }
    
    .table-input-float select{
        padding: 10px;
        font-size: 17px;
        border: 1px solid grey;
        background: #f1f1f1;
        float: left;
    }

    .table-input-float button{
        float: left;
        width: 20%;
        padding: 10px;
        color: white;
        font-size: 17px;
        border: 1px solid grey;
        border-left: none;
        cursor: pointer;
        min-height: 42px;
    }

    
    .table-input-float button:hover {
        background: lightgrey;
    }

    .table-input-float tbody tr {
        display: inline-block;
    }

    .orcamento-table{
        border-collapse: separate;
        border-spacing: 2px;
        white-space: nowrap;
    }

    .orcamento-table tbody{
        display: table;
        width: 100%;
    }

    .orcamento-table tr{
        display: table-row;
        width: 100%;
    }

    .orcamento-table td{
        display: table-cell;
    }

    .botoes-prospect{
        width: auto;
        min-height: auto;
    }

    .metvendtotal{
        display: flex !important;
        font-weight: bolder;
    }

    .display-tr{
        display: inline-grid !important;
    }

    .conscomi-table td:nth-child(even){background-color: #f2f2f2;}

    .exib-popup-table tr:nth-child(even){background-color: #f2f2f2;}

    .posped td h5, .pedrasc td h5, .pedienvi td h5, .impcom td h5, .imppre td h5, .tit td h5, .pendcom td h5, .precven td h5 {
        width: 100%;
        max-width: 150px;
        min-width: 100px; 
        margin: auto;
    }

    .posped td:nth-of-type(2):before { content: "Status:"; }
    .posped td:nth-of-type(3):before { content: "Cliente:"; }
	.posped td:nth-of-type(4):before { content: "Rzão Social:"; }
	.posped td:nth-of-type(5):before { content: "Pedido:"; }
	.posped td:nth-of-type(6):before { content: "Anexo:"; }
	.posped td:nth-of-type(7):before { content: "Emissão:"; }
	.posped td:nth-of-type(8):before { content: "Planejamento:"; }
	.posped td:nth-of-type(9):before { content: "Faturamento:"; }
	.posped td:nth-of-type(10):before { content: "Valor Mercadoria:"; }
	.posped td:nth-of-type(11):before { content: "Ordem Compra:"; }
    .posped td:nth-of-type(12):before { content: "RDUM:"; }

    .pedrasc td:nth-of-type(1):before { content: "Cliente:"; }
    .pedrasc td:nth-of-type(2):before { content: "Data:"; }
    .pedrasc td:nth-of-type(3):before { content: "Valor:"; }
    .pedrasc td:nth-of-type(4):before { content: "Detalhes:"; }
    .pedrasc td:nth-of-type(5):before { content: "Selecionar:"; }
    .pedrasc td:nth-of-type(6):before { content: "Excluir:"; }

    .pedienvi td:nth-of-type(1):before { content: "Código do Pedido:"; }
    .pedienvi td:nth-of-type(2):before { content: "Natureza:"; }
    .pedienvi td:nth-of-type(3):before { content: "Cliente:"; }
    .pedienvi td:nth-of-type(4):before { content: "Data:"; }
    .pedienvi td:nth-of-type(5):before { content: "Valor:"; }

    .impcom td:nth-of-type(1):before { content: "Duplicata:"; }
    .impcom td:nth-of-type(2):before { content: "Pedido:"; }
    .impcom td:nth-of-type(3):before { content: "Cliente:"; }
    .impcom td:nth-of-type(4):before { content: "Baixa Tit:"; }
    .impcom td:nth-of-type(5):before { content: "Vencimento Tit:"; }
    .impcom td:nth-of-type(6):before { content: "Valor Base:"; }
    .impcom td:nth-of-type(7):before { content: "%:"; }
    .impcom td:nth-of-type(8):before { content: "Valor:"; }
    .impcom .impcomtotal td:nth-of-type(1):before {content: unset;}
    .impcom .impcomtotal td:nth-of-type(2):before {content: unset;}
    .impcom .impcomtotal td:nth-of-type(3):before {content: unset;}
    .impcom .impcomtotal td:nth-of-type(4):before {content: unset;}
    .impcom .impcomtotal td:nth-of-type(5):before {content: unset;}
    .impcom .impcomtotal td:nth-of-type(6):before {content: unset;}

    .imppre td:nth-of-type(1):before { content: "Pref. Tit. Parc.:"; }
    .imppre td:nth-of-type(2):before { content: "Pedido:"; }
    .imppre td:nth-of-type(3):before { content: "Código/Cliente:"; }
    .imppre td:nth-of-type(4):before { content: "Emissão/Vencimento:"; }
    .imppre td:nth-of-type(5):before { content: "Data de Baixa"; }            /* Alterar imppre para por os cabecalhos para exibiçao */
    .imppre td:nth-of-type(6):before { content: "Valor do Título:"; }
    .imppre td:nth-of-type(7):before { content: "Valor Base:"; }
    .imppre td:nth-of-type(8):before { content: "Percentual Comissão:"; }
    .imppre td:nth-of-type(9):before { content: "Valor da Comissão:"; }
    .imppre .cinzatit td:nth-of-type(1):before {content: unset;}
    .imppre .cinzatit td:nth-of-type(2):before {content: unset;}
    .imppre .cinzatit td:nth-of-type(3):before {content: unset;}
    .imppre .cinzatit td:nth-of-type(4):before {content: unset;}

    .tit td:nth-of-type(1):before { content: "Pref. Tit. Parc.:"; }
    .tit td:nth-of-type(2):before { content: "Pedido:"; }
    .tit td:nth-of-type(3):before { content: "Código/Cliente:"; }
    .tit td:nth-of-type(4):before { content: "Emissão/Vencimento:"; }
    .tit td:nth-of-type(5):before { content: "Data de Baixa"; }
    .tit td:nth-of-type(6):before { content: "Valor do Título:"; }
    .tit td:nth-of-type(7):before { content: "Valor Base:"; }
    .tit td:nth-of-type(8):before { content: "Percentual Comissão:"; }
    .tit td:nth-of-type(9):before { content: "Valor da Comissão:"; }

    .prodcons td:nth-of-type(1):before { content: "Código:"; }
    .prodcons td:nth-of-type(2):before { content: "Produto:"; }
    .prodcons td:nth-of-type(3):before { content: "Valor Tabela:"; }
    .prodcons td:nth-of-type(4):before { content: "Valor Unitário:"; }
    .prodcons td:nth-of-type(5):before { content: "Valor da ST.:"; }
    .prodcons td:nth-of-type(6):before { content: "Alíquota da ST.:"; }
    .prodcons td:nth-of-type(7):before { content: "Valor Final da ST.:"; }
    .prodcons td h5 {width: 100px; margin: auto;}

    .mixprod td:nth-of-type(1):before { content: "Código:"; }
    .mixprod td:nth-of-type(2):before { content: "Descrição:"; }
    .mixprod td:nth-of-type(3):before { content: "Quantidade:"; }
    .mixprod td:nth-of-type(4):before { content: "Preço Médio:"; }
    .mixprod td:nth-of-type(5):before { content: "Total:"; }
    .mixprod td:nth-of-type(6):before { content: "Ultima Compra:"; }
    .mixprod td:nth-of-type(7):before { content: "Código de Barras:"; }
    .mixprod td:nth-of-type(8):before { content: "NCM:"; }
    .mixprod td:nth-of-type(9):before { content: "IPI:"; }
    .mixprod td:nth-of-type(10):before { content: "ST:"; }
    .mixprod td h5 {max-width: 100px; margin: auto;}

    .avisos td:nth-of-type(1):before { content: "Mês/Ano:"; }
    .avisos td:nth-of-type(2):before { content: "Cadastrados:"; }
    .avisos td:nth-of-type(3):before { content: "Ativos:"; }
    .avisos td:nth-of-type(4):before { content: "Bloqueados:"; }
    .avisos td:nth-of-type(5):before { content: "Inativos:"; }
    .avisos td:nth-of-type(6):before { content: "Com pedido no mês:"; }
    .avisos td:nth-of-type(7):before { content: "Novos:"; }
    .avisos td:nth-of-type(8):before { content: "Em carteira:"; }
    .avisos td:nth-of-type(9):before { content: "Cadastrados no mês:"; }
    .avisos td:nth-of-type(10):before { content: "Faturados no mês:"; }

    .metvend td:nth-of-type(1):before { content: ""; }
    .metvend td:nth-of-type(2):before { content: "Mês:"; }
    .metvend td:nth-of-type(3):before { content: "Meta:"; }
    .metvend td:nth-of-type(4):before { content: "Vendas:"; }
    .metvend td:nth-of-type(5):before { content: "% de vendas :"; }
    .metvend td:nth-of-type(6):before { content: "A realizar:"; }
    .metvend td:nth-of-type(7):before { content: "% a realizar:"; }
    .metvend .metvendtotal td:nth-of-type(1):before {content: unset;}
    .metvend .metvendtotal td:nth-of-type(2):before {content: unset;}
    .metvend .metvendtotal td:nth-of-type(3):before {content: unset;}
    .metvend .metvendtotal td:nth-of-type(4):before {content: unset;}
    .metvend .metvendtotal td:nth-of-type(5):before {content: unset;}
    .metvend .metvendtotal td:nth-of-type(6):before {content: unset;}
    .metvend .metvendtotal td:nth-of-type(7):before {content: unset;}

    .pendcom td:nth-of-type(1):before { content: "Data:"; }
    .pendcom td:nth-of-type(2):before { content: "Valor:"; }
    .pendcom td:nth-of-type(3):before { content: "Nota:"; }
    .pendcom td:nth-of-type(4):before { content: "Cliente:"; }
    .pendcom td:nth-of-type(5):before { content: "Obs.:"; }

    .precven td:nth-of-type(1):before { content: "Produto:"; }
    .precven td:nth-of-type(2):before { content: "IPI:"; }
    .precven td:nth-of-type(3):before { content: "Preço Tabela:"; }
    .precven td:nth-of-type(4):before { content: "Valor Desconto:"; }
    .precven td:nth-of-type(5):before { content: "Valor IPI:"; }
    .precven td:nth-of-type(6):before { content: "Valor ST:"; }
    .precven td:nth-of-type(7):before { content: "Preço Final:"; }

    .prodfal td:nth-of-type(1):before { content: "Produto:"; float: left;}
    .prodfal td:nth-of-type(2):before { content: "Qt. Pedida:"; float: left;}
    .prodfal td:nth-of-type(3):before { content: "Valor:"; float: left;}
    .prodfal td:nth-of-type(4):before { content: "Qt. Falta:"; float: left;}
    .prodfal td:nth-of-type(5):before { content: "Falta de:"; float: left;}
    .prodfal td:nth-of-type(6):before { content: "Componente:"; float: left;}

    .histfaldev td:nth-of-type(1):before { content: "Data:"; float: left;}
    .histfaldev td:nth-of-type(2):before { content: "Hora:"; float: left;}
    .histfaldev td:nth-of-type(3):before { content: "Usuário:"; float: left;}
    .histfaldev td:nth-of-type(4):before { content: "Histórico:"; float: left;}
    .histfaldev td:nth-of-type(5):before { content: "Status:"; float: left;}
    .histfaldev td:nth-of-type(6):before { content: "Setor:"; float: left;}

    /* NAV CLASS="CINZA2" INICIO */

    .menor label[for=bt_cinza2] {
        display: block;
        text-align: left;
        padding-left: 10px;
    }

    .menor td{
        min-height: 16px;
    }
         
    #bt_cinza2:checked ~ .cinza2{
        margin-left: 0;
        transition: all .4s;
        height: auto;
    }

    .cinza2{
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #ccc;
        opacity: 0.9;
        overflow-x: hidden;
        padding-top: 60px;
        transition: 0.5s;
    }

    .cinza2 ul{
        padding: 0;
    }

    .cinza2 ul li{
        width: 100%;
    }

    .cinza2 ul span.closebtn{
        display: initial;
        position: absolute;
        top: -20px;
        right: 25px;
        font-size: 25px;
        margin-left: 50px;
    }
         
    .conteudo .cinza2 ul li a{
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    .cinza2 ul li a:hover{
        background: aquamarine;
    }
    
    /* FIM NAV */

    .sub-menu li {
        display: revert;
        margin: 2px;
    }

    .opcoes-rep a{
        font-size: 12px
    }
    .opcoes-rep .btn{
        margin: 4px 5px;
    }

    .img-teste a img{
        width:auto !important;
    }

    .box-tbody{
        border:3px solid whitesmoke;
        padding: 2%;
    }

    .img-fix a img{
        width: auto !important;
    }
}