*{
    /*     
        font-family: 'Roboto', sans-serif;
        font-size: 9px;
        font-style: normal;
        font-weight: normal;
        line-height: 12px;
    */
    }
    body {
         background-color: #FFFFFF;
         color: black;
         font-family: 'Roboto', sans-serif;
         font-size: 9px;
         margin: 0px;
    }
    form {
         margin: 0px;
         padding: 0px;
    }
    a{
        text-decoration:none;
        color: #333333;
    }
        a:hover {
            color: #83AE00;
        }
        a:link {
        }
        a:visited {
        }
        a:active {
        }
    h2 {
         font-size: 17px;
         font-weight: bold;
    }
    ul {
         list-style: none outside none;
         margin: 0px;
         padding: 0px;
    }
    .clr , .clear {
         clear: both;
    }
    
    table {
        border-collapse:collapse;
    }
    table tr{
    }
    table tr td{
    }
    
    
    
    input[type=text]{
    }
    
    .txtMedio{
        padding:4px; 
        width:150px;
    }
    .txtPequeno{
         
    }
    
    .campoSelect {
         font-weight: bold;
    }
    .button {
         background: none repeat scroll 0% 0% #EBEBEB;
         border-style: solid;
         border-width: 1px;
         color: #8C8C8C;
         font-family: 'Roboto', sans-serif;
         font-size: 10px;
         font-style: normal;
         font-weight: bold;
         height: 18px;
    }
    .inputbox {
         background: none repeat scroll 0% 0% #FFFFFF;
         border: 1px solid #c2c2c2;
         color: #333333;
         font-family: 'Roboto', sans-serif;
         font-size: 10px;
         font-weight: bold;
         padding: 1px 2px;
    }
    .campoform {
         background-color: #F6F6F6;
         border-color: #D6D6D6;
         border-style: double;
         border-width: 1px;
         color: black;
         font-family: 'Roboto', sans-serif;
         font-size: 12px;
         vertical-align: middle; 
    }
    
    .campoform[type=submit]{
        cursor: pointer;
    }
    
    
    /****************************************/
    
    
    
    
    
    
    
    .normal {
         background-image: url("../images/fundo.gif");
         background-position: center center;
         background-repeat: repeat;
         color: #333333;
         font-family: 'Roboto', sans-serif;
         /* font-size: 9px; */
         /* line-height: 12px; */
         margin: 0px;
    }
    
    .conteudo{
        /* fundo pagina*/
        width: 1000px;
        margin:0 auto;
    }
    
    #header_area {
         background: url("../images/_bg-top.gif") repeat-x scroll left 39px white;
         /*border-bottom: 1px solid #fff;*/
         box-shadow: 0px 0px 6px 0px #AAAAAA;
         height: 100px;
         margin: 0px;
         min-width: 1000px;
    }
        #header_area.gid25 {
             height: 140px;
        }
    
    #gidAdministrador {
         margin-top:117px;
         position:absolute;
    }
    
    #lg_MyHexis {
         border:none;
         float:left;
         text-align: left;
         width:190px;
    }
    
    #lg_MyHexis img {
         border:none;
         max-width:100%;
    }
    
    #mn_nome_usuario {
         border-left: 1px solid #C2C2C2;
         color: gray;
         font-size: 1.2em;
         left: 200px;
         overflow: hidden;
         padding: 2px 5px;
         position: absolute;
         text-align: left;
         width: 215px;
    }
    
    #mn_nome_usuario ul {
        
    }
    
    #mn_nome_usuario ul li {
         line-height: 20px;
    }
    
    #mn_nome_usuario ul li.nomeUsuario {
        
    }
    
    #mn_nome_usuario ul li.usuarioCliente {
        
    }
    
    #mn_top_adm {
         background: none repeat scroll 0% 0% transparent;
         float: right;
         margin: 0px 0px 0px 5px;
         padding: 0px 30px 0px 2px;
         width:320px;
    }
    
    #mn_top_adm ul {
         margin: 0px;
         padding: 0px;
    }
    
    #mn_top_adm ul li {
         border-right: 1px solid #C2C2C2;
         float: left;
    }
    
    #mn_top_adm a {
         background: none repeat scroll 0% 0% transparent;
         color: gray;
         float: left;
         font-size: 1em;
         margin: 0px 1px;
         padding: 13px 5px 8px;
         display:block;
    }
    
    #mn_top_adm a:hover {
         background: none repeat scroll 0% 0% #A2A2A2;
         color: white;
    }
    
    #mn_top_main {
         float: right;
         margin-right: 3px;
    }
    
    #mn_top_main .mn_top_main_home {
         background: url("../images/casinha.png") no-repeat scroll center center transparent;
         text-indent: -9999px;
         width: 35px;
    }
    
    #mn_top_main .mn_top_main_home:hover {
         background: url("../images/casinha.png") no-repeat scroll center center white;
    }
    
    #mn_top_adm .nomeUsuario {
         color: gray;
         font-weight: normal;
         padding: 13px 10px 8px;
    }
    
    #mn_top_main ul {
         float: right;
         margin: 0px 30px 0px 0px;
    }
    
    #mn_top_main ul li {
         border-right: 1px solid #D2D2D2;
         float: left;
         position:relative;
    }
    
    #mn_top_main ul li a {
         color: #165B0E;
         float: left;
         font-size: 1em;
         font-weight: bold;
         font-size:1em;
         margin: 0px 1px;
         padding: 13px 5px 8px;
         transition: .3s;     
    }
    
    #mn_top_main ul li a:hover,
    #mn_top_main ul li .fundoEscuro {
         background: none repeat scroll 0% 0% #165B0E;
         color: white;
    }
    
         #mn_top_main .sub_mn1 *{
              padding:0;
              margin:0;
              border:0 ;
              background: white;
    
         }
         #mn_top_main .sub_mn1{
              display: none;
              position:absolute;
              top:30px;
              left:1px;
              background: #f2f2f2;
              z-index: 99999;
              padding:4px 0;
              margin:0;
              border-top:1px solid #165B0E;
              border-bottom:1px solid #165B0E;
         }
              #mn_top_main .sub_mn1 .sub_mn_ul {
                   background: white;
              }
              #mn_top_main .sub_mn1 .sub_mn_ul li{
                   padding:2px;
                   margin:0;
                   background: #f2f2f2;
              }
              #mn_top_main .sub_mn1 .sub_mn_ul a{
                   padding:5px;
                   margin:0;
                   background:white;
                   display: block;
                   width: 170px;
                   text-align: left;
                   
              }
                   #mn_top_main .sub_mn1 .sub_mn_ul a:hover{
                        background:#165B0E;
                        -webkit-transition: .5s; /* Safari */
                   }
    
    
    
    #dLogoCliente {
         float: right;
         margin: 10px 10px 0px 0px;
    }
    
    #dLogoCliente .lgCliente {
         max-height: 65px;
         max-width: 170px;
    }
    
    #dAtendimento {
         background: url("../images/telefone.png") no-repeat scroll left 1px transparent;
         border-right: 0px solid #C2C2C2;
         float: right;
         font-size: 1.1em;
         line-height: 15px;
         margin: 10px 0px 0px 0px;
         padding: 0px 0px 0px 15px;
    }
    
    #dBusca {
         background: none repeat scroll 0% 0% white;
         border-radius: 15px 15px 15px 15px;
         border: 1px solid #C2C2C2;
         float: left;
         left: 200px;
         padding-left: 12px;
         position: absolute;
         top: 55px;
    }
    
    #dBusca input[type="text"] {
         border-color: -moz-use-text-color #C2C2C2 -moz-use-text-color -moz-use-text-color;
         border-image: none;
         border-style: none solid none none;
         border-width: medium 1px medium medium;
         font-size: 1.7em;
         height: 32px;
         padding: 5px 10px;
         vertical-align: middle;
         width: 220px;
    }
    
    #dBusca input[type="text"]::placeholder {
        color: #C2C2C2;
    }
    
    #dBusca input[type="text"]::-ms-input-placeholder {
        color: #C2C2C2;
    }
    
    #dBusca input[type="text"]::-ms-input-placeholder {
        color: #C2C2C2;
    }
    
    
    #dBusca input.campoVazio[type="text"] {
         color: #C2C2C2;
    }
    
    #dBusca input[value='Pesquisar'] {
        text-indent: 200px;
        overflow:hidden;
    }
    #dBusca input[type="submit"] {
         border: medium none;
         height: 16px;
         line-height: 20px;
         margin: 0px 10px 0px 5px;
         vertical-align: middle;
         width: 16px;
         background: white url("../images/lupa.png") no-repeat left top;
         text-indent: -99px;
         cursor:pointer;
    }
    
    #dCarrinho {
         background: url("../images/carrinho.png") no-repeat scroll 15px 7px #165B0E;
         border-radius: 15px;
         float: left;
         font-weight: bold;
         font-size: 1.1em;
         line-height:12px;
         height: 38px;
         left: 800px;
         padding: 8px 0px 5px 25px;
         position: absolute;
         top: 55px;
         width: 160px;
    }
    
    #dCarrinho a {
         color: white;
         font-size: 1.15em;
    }
    
    #dCarrinho a div {
         font-size: 0.95em;
         font-weight: normal;
    }
    
    #dCarrinho a:hover {
         text-decoration: underline;
    }
    
    #alerta_usuarioTemporario{
         background: #D1E8FF; 
         margin:10px 15px;
         padding:5px 20px 5px;
         font-size:12px;
         line-height:16px;
         border:1px solid white;
         overflow: hidden;
         position:relative;
         
         -webkit-box-shadow: 0px -5px 5px 0px #f2f2f2;
         -moz-box-shadow:    0px -5px 5px 0px #f2f2f2;
         box-shadow:         0px 0px 4px 0px #f2f2f2;  
         
         
    }
    
    #alerta_usuarioTemporario #finalize_cadastro_mostrar_detalhes{
         position: absolute;
         top: 10px;
         right: 10px;
         background:#f2f2f2;
         padding: 2px 5px;
         font-size: 10px;
         color:gray;
         cursor:pointer;
    }
    
         #alerta_usuarioTemporario ul { 
              margin:14px 0;
         }
         #alerta_usuarioTemporario ul li{
              font-size:10px;
              line-height:150%;
         }
    
    
    #alerta_usuarioTemporario h2{
         margin: 5px;
         color:#20609B;
    }
    
    
    #alerta_usuarioTemporario p{
         margin:0 0 5px 0;
         color:#3774AD;
         font-size: 1.1em;
    }
    
    
    
    
    
    
    #data {
         border: 0px solid #333333;
         color: #000000;
         display: none;
         float: left;
         font-size: 11px;
         padding: 0px;
         text-align: right;
         width: 130px;
    }
    
    #main_area {
         border-bottom: 1px solid #c2c2c2;
         margin:0 auto 0px auto;
         padding: 0px 0 50px 0;
         width: 1000px;
         background:white;
         position:relative;
         
         box-shadow: inset 0px 11px 8px -10px #BBB,
                           0px 4px 4px 0 #f2f2f2
              ;
         
    }
    
    #left_area {
         background: #f2f2f2;
         border: 0px solid red;
         margin:0px 0px 50px 0px;
         padding: 3px;
         width: 160px;
    }
    #left_area .tit_left_box{
        padding:2px 0;
        color:gray;
        background:#f7f7f7;   
    }
    
    #left_area ul{
        border:0px solid red;
        background:#FFFFFF;    
        display:block;
        margin:0px 0 0 0;    
        text-align:left;    
    }
    #left_area ul li{
        padding:4px;
    }
    #left_area ul li:hover{
        background:#f5f5f5;
    }
    #left_area input[type="text"]{
        width:90px;
        font-size:12px;
        border:1px solid #cccccc;
        padding:2px;
    }
    #left_area input[type="submit"]{
        border:1px solid #cccccc;
        font-size:11px;
        padding:2px 2px;
        width:18px;
        cursor:pointer;
    }
    #left_area input[type="submit"]:hover{
        background:#cccccc;
        color:white;
    }
    
    #left_area ul.mn_left_bloco_termo{
    }
    #left_area ul.mn_left_bloco_termo li{
    }
    #left_area ul.mn_left_bloco_termo li i{
        color:gray;
    }
    #left_area ul.mn_left_bloco_termo li:hover{
    }
    
    /*#left_area ul.mn_left_bloco_termo li a{
        display:block;
        width:11px;
        height:11px;
        text-indent:-99999px;
        overflow:hidden;
        background:transparent url(../images/busca_excluir.png) no-repeat left center;
        float:left; 
        margin:0 5px 0 0;
    }*/
    #left_area ul.mn_left_bloco_termo li a:hover{
        background-position:right center;
    }
    #left_area ul.mn_left_bloco_marca{
    }
    #left_area ul.mn_left_bloco_marca li a{
        display:block;
    }
    
    #content_area {
        background: none repeat scroll 0% 0% #FFFFFF;
        margin: 10px 20px;
        overflow: hidden;
        padding: 0px;
        /*width:760px;*/
        width:950px;
    }
    
    #content_area_full {
        background: none repeat scroll 0% 0% #FFFFFF;
        margin: 10px 20px;
        padding: 0px;
    }
    .painel_search{
         
    }
    
    
    /* --------------------------
    HOME - REPRESENTANTE COMERCIAL
    */
    #d_home_repres{
         border:0px solid gray;
         margin:10px 15px 10px 15px;
         padding: 1px  0 3px 0;
         background:#E7F4E3;
    }
    #d_home_repres_tit{
         font-size: 16px;
         color:cadetblue;
         margin:10px 0 5px; 
    }
    #d_home_repres table{
         border:0px solid red;
         font-size:12px;
         margin:0px 10px 8px 10px;
    }
    #d_home_repres table tr{
    }
    #d_home_repres table tr td[colspan="2"]{
         text-align:center;
    }
    #d_home_repres table tr th,#d_home_repres table tr td{
         padding: 1px 5px;
         font-weight:normal;
    }
    #d_home_repres table tr th{
         text-align: right;
    }
    #d_home_repres table tr td{
    
         font-weight: bold;
    }
    
    .tabela100{
        border-collapse: collapse;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
        width: -webkit-fill-available;
        color: #666;
    }
    
    .tabela100 thead tr{
        background-color: #019147;
        color: #ffffff;
        text-align: left;
    }
    
    .tabela100 tbody tr {
        border-bottom: 1px solid #dddddd;
    }
    
    .tabela100 tbody tr:nth-child(odd) {
        background: #edf8f2;
    }
    
    
    .tabela100 tbody tr:nth-of-type(even) {
        background-color: #d8efe3;
        border: solid 1px #efefef;
        padding-left: 5px;
    }
    
    .tabela100 tbody tr:last-of-type {
        border-bottom: 2px solid #019147;
    }
    
    
    .linhaPedido.em_aprovacao:nth-child(odd) {
        background: #f4c1c1 !important;
    }
    
    
    .tabela100 th {
        padding: 12px 14px 12px 4px;
    }
    .tabela100 td {
        padding: 12px 15px;
        border: solid 1px #fff;
        padding-left: 5px;
    }
    
    
    
    .linhaPedido{
         transition: background-color 0.5s ease;
    }
    
    .linhaPedido:hover{
           background:#CCDDCC !important;
        }
    
    
        .cod_ped{
           font-weight:bold;
           color:#c2c2c2;
        }
        .cod_ped a{
           display:block;
           background: #fff;
           padding:7px;   
           width:90px;
           margin:2px auto;
           border-radius:4px;
        }
        .cod_ped_cot_ico{
           color:green;
        }
        .cod_ped_ped_ico{
           color:#306D9B;
        }
    
        a.semPonteiro{
           cursor:pointer;
        }
    
    /* ---------------------------------------
    */
    
    
    #top {
         border: 0px solid #0000FF;
         margin-left: 0px;
         padding-top: 1px;
         width: 568px;
    }
    
    
    #content {
         background-color: #FFFFFF;
         border: 0px solid #000000;
         float: left;
         margin-left: 20px;
         margin-top: 1px;
         overflow: hidden;
         padding: 0px 0px 0px 10px;
         width:900px;
    }
    
    
    /*
    ----
    CARRINHO
    ----
    */
    
    #formAltera_cliente{
         margin: 10px 20px 0 20px;
         background: white;
         padding: 5px;
         
    }
    #formAltera_cliente label{
         font-size: 12px;
    }
    #formAltera_cliente select{
         
    }
    #formAltera_cliente select option{
         padding: 3px 10px;
    }
    
    
    #dCarDetalhes {
         
    }
    
    
    
    
    #dCarDetalhes table td{
        padding:10px;
         font-size:11px;
    }
    
    #dCarDetalhes {
         border: 1px solid #e2e2e2;
         margin: 20px 0px;
         padding: 10px;
    }
    
    tr.car_linha:hover{
         background:#F8F9F2;
    }
    
    tr.car_linha td{
         border-bottom:1px solid #e2e2e2;
    }
    
    #dCarDetalhes .carTotais {
         border-top: 1px solid #C2C2C2;
         font-size: 1.2em;
         margin: 15px 0px 15px auto;
    }
    
    #dCarDetalhes .carBts {
         margin: 30px 0px 0px auto;
    }
    
    #dCarDetalhes .carBts td {
         background: none repeat scroll 0% 0% #F2F2F2;
         padding: 10px 15px;
         text-align: center;
         border-spacing: 10px;
         border-collapse: separate;
         border:2px solid white;
    
    }
    
    #dCarDetalhes .car_descricao_prod{
         font-weight: bold;
    }
    #dCarDetalhes .car_descricao_prod span{
         font-weight: normal;
    }
    
    #dCarDetalhes .carBts td a {
         color: #666666;
         
    }
    
    #dCarDetalhes .carBts td:hover {
         /*background: #c2c2c2;*/
    }
    
    #dCarDetalhes .carBts .td_car_concluir_pedido, #dCarDetalhes .carBts .td_car_armazenar_cotacao {
         text-align: center;
         font-size: 1.2em;
         background: #00CE00;
         border-bottom:2px solid green;
    }
    #dCarDetalhes .carBts .td_car_concluir_pedido a,  #dCarDetalhes .carBts .td_car_armazenar_cotacao a{
         color: #fff;
         font-weight: bold;
    }
    
    #dCarDetalhes .carBts .td_car_concluir_pedido:hover, #dCarDetalhes .carBts .td_car_armazenar_cotacao:hover {
         background: #00CE00;              
    }
    
    
    #dCarDetalhes .carBts td img {
         display: block;
         margin: 0px auto;
    }
    
    
    #dCarDetalhes #bt_car_alteraqtd{
         border:none;
         background:none;
         font-size: 9px;
         color:gray;
    }
    
    #dCarDetalhes .bt_car_alteraqtd{
        border:none;
        background:none;
        font-size: 9px;
        color:gray;
    }
    
    #dCarDetalhes .a_car_excluiproduto{
         display: block;     
         color:gray;
         font-size: 9px;
    }
    #dCarDetalhes #bt_car_alteraqtd:hover, #dCarDetalhes .a_car_excluiproduto:hover{
         color:black;
         cursor: pointer;
    }
    
    #dCarDetalhes .bt_car_alteraqtd:hover, #dCarDetalhes .a_car_excluiproduto:hover{
        color:black;
        cursor: pointer;
    }
    
    .destaque {
         color: Black;
         font-family: 'Roboto', sans-serif;
         font-size: 10pt;
         font-weight: bold;
         padding: 5px;
         text-align: center;
    }
    
    table.adminlist {
         background-color: #000000;
         border-color: #000000 #DFDFDF #DFDFDF;
         border-style: solid;
         border-width: 0px 1px 1px;
         color: #000000;
         margin: 0px;
    }
    
    table.adminlist th {
         background-color: #FAFAFA;
         color: Black;
         font-family: 'Roboto', sans-serif;
         font-size: 11px;
         font-weight: bold;
         height: 14px;
         line-height: 14px;
         text-align: left;
         text-indent: 5px;
         white-space: nowrap;
    }
    
    table.moduletable2 td {
         background-color: #FFFFFF;
         font-family: 'Roboto', sans-serif;
         font-size: 9px;
         font-weight: normal;
    }
    
    table.adminlist td.titulo {
         background-color: #E8E8E8;
    }
    
    table.adminlist tr.row0 {
         background-color: #F5F5F5;
    }
    
    table.adminlist tr.row1 {
         background-color: #FFFFFF;
         font-family: Arial,Helvetica,sans-serif;
         font-size: 11px;
    }
    
    table.adminlist td {
         border-bottom: 1px solid #E5E5E5;
         font-family: Arial,Helvetica,sans-serif;
         font-size: 11px;
    }
    
    table.adminlist tr.row0:hover {
         background-color: #F1F1F1;
    }
    
    table.adminlist tr.row1:hover {
         background-color: #F1F1F1;
    }
    
    table.adminlist td.options {
         background-color: #FFFFFF;
         font-family: Arial,Helvetica,sans-serif;
         font-size: 8px;
    }
    
    
    /*
    * --------------------------------------
    * TABELA
    * ------------------------------------
    
    #tabelas{
        font-size:14px;
        width:90%;
        margin:20px 0;
        border-bottom:1px solid #DDEDC7;
    }
    #tabelas tr{
    }
    #tabelas thead tr td{
        padding:10px 10px;
    }
    #tabelas tbody tr td{
        padding:5px 10px;
    }
    #tabelas thead{
        background:#c2c2c2;
        font-weight:bold;
    }
    #tabelas tbody tr:nth-child(even){
        background:white;
    }
    #tabelas tbody tr:nth-child(odd){
        background:#DDEDC7;
    }
        #tabelas tbody tr:hover{
            background:#BED69C;
        }
    
    
    /*
    * --------------------------------------
    * PRODUTOS
    * ------------------------------------
    */
    .produtosLista.produtoDestaque.gridHorizontal {
        width: 100%;
        margin-bottom: 50px;
        height: 160px;
        background-color: #fff;
    }
    
    .produtosLista.produtoDestaque.gridHorizontal > .prodLista_dImagem >a > img {
        float: left;
        width: 100%;
        padding-top: 20px;
    }
    
    .produtosLista.produtoDestaque.gridHorizontal > .prodLista_dImagem {
        width: 10%;
    }
    
    .produtosLista.produtoDestaque.gridHorizontal > div {
        float: left;
    }
    
    .produtosLista.produtoDestaque.gridHorizontal > .prodLista_descricaoItem {
        width: 25%;
        text-align: left;
        height: 140px;
        padding-top: 40px;
    }
    
    .produtosLista.produtoDestaque.gridHorizontal > .prodLista_descricaoItemCodHexis {
        text-align: left;
        padding-top: 50px;
    }
    .produtosLista.produtoDestaque.gridHorizontal > .prodLista_preco {
        width: 30%;
        text-align: left;
        padding-top: 20px;
    }
    
    .prodLista_preco > .prodLista_verDisp {
        text-align: left;
    }
    
    .produtosLista.produtoDestaque.gridHorizontal > .prodLista_descricaoItemCodHexis {
        text-align: left;
        padding-top: 50px;
        width: 15%;
    }
    
    .produtosLista.produtoDestaque.gridHorizontal > .prodLista_Detalhes {
        width: 20%;
        padding-top: 55px;
    }
    
    .produtosLista.produtoDestaque.gridHorizontal:before {
        display: none;
    }
    
    .produtosLista.produtoDestaque {
        background-color: #fff;
        width: 80%;
        border: solid 2px #fbab1c;
        box-shadow: #fbab1c69 1px 1px 10px;
    }
    
    .produtosLista.produtoDestaque > .avisoProdutoEmPromocao {
        margin-top: 20px !important;
    }
    
    .mh-pc-mais_buscados.mh-pc-destaques_home > p > a {
        color: #fea800!important;
    }
    
    
    .produtosLista {
         border: 1px solid #E2E2E2;
         float: left;
         height: 375px;
         margin: 2px;
         padding: 0 10px;
         width: 190px;
         font-size: 11px;
         font-style: normal;
         font-weight: normal;
    }
    
    
    .p_mais_pesquisados{
         padding:8px 10px;
         font-size:14px;
         color:#858896;
         font-style:italic;
         text-align:left;
         margin:20px 40px 10px ;
    
         background: #f7f7f7;
         border-top:1px solid #fff;
         border-bottom:1px solid #fff;
         
         -webkit-box-shadow: 0px -5px 5px 0px #f2f2f2;
         -moz-box-shadow:    0px -5px 5px 0px #f2f2f2;
         box-shadow:         0px 0px 4px 0px #f2f2f2;  
         
    
    }
         .p_mais_pesquisados a{
              text-decoration:underline;
              color:#858896;
         }
         .p_mais_pesquisados a:hover{
              text-decoration:underline;
              color:#96C5E0;
         }
    
    .p_mais_pesquisados_2{
         padding:8px 10px;
         font-size:14px;
         color:#ffffff;
         text-align:left;
         font-weight: bold;
         margin:20px 40px 0px ;
         text-align:center;
         background: #96C5E0;
          border-top:1px solid #fff; 
          border-bottom:1px solid #fff; 
          -webkit-box-shadow: 0px -5px 5px 0px #f2f2f2; 
          -moz-box-shadow:    0px -5px 5px 0px #f2f2f2; 
          box-shadow:         0px 0px 4px 0px #f2f2f2;  
         line-height:1.2em;
    }
         .p_mais_pesquisados_2 a{
              text-decoration:underline;
              color:#858896;
         }
         .p_mais_pesquisados_2 a:hover{
              text-decoration:underline;
              color:#96C5E0;
         }
    
    .p_mais_pesquisados_3 thead {}
    
    .p_mais_pesquisados_3 thead td{
         background: #f2f2f2;
         padding:7px 0 ;
         font-weight: bold;
         color:gray;
    }
    .p_mais_pesquisados_3 td{
         text-align: left;
         font-size:12px;
         padding:7px 0 4px 0;
    }
    .p_mais_pesquisados_3 td:first-child{
         
         padding-left:10px;
    }
    
    
    a.pagenav{
         display:inline;
         padding: 2px 3px;
         line-height: 20px;
    }
    
    a.pagenav:hover{
        background:gray;
        padding:0 2px;
        color:white;
         
    }
    
    
    .produtosLista:hover {
         border: 1px solid #B5DCB1;
         box-shadow: 0px 0px 6px #E1E1E1 inset;          
    }
    
    
    .produtoContatoEspecialista{
        background:#7eb714;
        padding:10px 0;
        margin:20px;
        font-size:15px;
        border-radius:4px;
        color:white;
    }
    .produtoContatoEspecialista span{
        font-size:.85em;
        color: #cdf386
    }
    
    
    
    .avisoProdutoEmPromocao {
         display: block;
         margin:10px 0 30px 0;
         background: none repeat scroll 0% 0% red;
         color: white;
         font-size: 10px;
         font-weight: bold;
         padding: 6px;
         text-align: center;
    }
    .avisoProdutoEmPromocao2 {
         background: none repeat scroll 0% 0% red;
         color: white;
         font-size: 9px;
         font-weight: bold;
         padding: 1px;
         text-align: center;
         margin-bottom: 5px;
    }
    .avisoPromocaoEstoque{
        background: #cf6333;
        display: block;
        margin: 30px 0 0 0;
        color: white;
        font-size: 8px;
        font-weight: bold;
        padding: 7px 11px;
        text-align: center;
        border-radius: 10px 10px;
        position: absolute;
    }
    .prodLista_dImagem {
         display: table;
         height: 100px;
         margin: 5px 0px 0px;
         width: 100%;
    }
    
    .prodLista_dImagem a {
         display: table-cell;
         text-align: center;
         vertical-align: middle;
         width: 100%;
    }
    
    .prodLista_dImagem img {
        object-fit: none;
        width: 100%;
        height: 100px;
    }
    
    .prodLista_descricaoItem {
         margin: 10px 0px 10px;
         text-align: center;
         font-size: 1.1em;
         line-height: 1.2em;
    
    }
    
    .prodLista_descricaoItemCodHexis {
         color: green;
         text-align: center;
    }
    
    .prodLista_descricaoItemCodRefer {
         color: #999999;
         padding: 2px 0px 5px;
         text-align: center;
         font-size: 1em;
    }
    
    .prodLista_preco {
         color: green;
         font-weight: bold;
         margin: 8px 0px 8px;
         text-align: center;
         font-size:1.1em;
    }
    
    .prodLista_preco span {
         font-size: 1.3em;
    }
    
    .prodLista_verDisp {
         color: red;
         margin: 5px 0px;
         text-align: center;
    }
    
    .prodLista_maisDetalhes {
         font-size: 0.9em;
         text-align: left;
         border: 0px solid red;
         display: block;
         /*background: #f2f2f2;*/
         padding: 2px 0;
         
    }
    
    .prodLista_favStar{
         position:relative;
         display: block;
         float: left;
         width: 13px;
         height: 13px;
         background:transparent url(../../../images/fav_star.png) no-repeat left top;
         background-size: 26px;
         border:0px solid blue;
         margin:0 22px 0 35px;
         transition:ease-out .2s;
    }
         .prodLista_favStar span{
              position: absolute;
              display: block;
              border:1px solid #d5d5d5;
              top: -30px;
              left:-30px;
              padding: 2px;
              font-size:10px;
              background: #f8f8f8;
              width: 65px;
              color:gray;
              display: none;
              text-align: center
         }
         .prodLista_favStar.add_favorito{
             background-position: left top;
         }
         .prodLista_favStar.remove_favorito{
             background-position: right top;
         }
    
         .prodLista_favStar:hover{
             cursor: pointer;    
             transition:ease-out .2s;          
         }
    
         .prodLista_favStar.add_favorito:hover{
         }
         .prodLista_favStar.remove_favorito:hover{
         }
         .prodDetalhe_favStar{
              border:0px solid red;
              margin:0 50% 20px 50%;
              
         }
    
    
    table.listaProdutos tr:hover {
         background: none repeat scroll 0% 0% #F2F2F2;
    }
    
    table.listaProdutos td {
         border-bottom: 1px solid #D2D2D2;
    }
    
    table.listaProdutos td b {
         display: block;
    }
    
    table.listaProdutos td img {
         margin: 10px;
    }
    
    table.listaProdutos td .avisoProdutoEmPromocao {
         font-size: 0.9em;
         margin: 2px 0px;
         padding: 1px 0px;
         width: 180px;
    }
    
    .tamanhoImagemGaleria {
         max-height: 103px;
         max-width: 173px;
    }
    
    
    .produto_detalhe_img{
         max-width: 400px;
         border: none;
         margin: 30px 0;
    }
    
    .detalhe_produto_preco{
         margin:20px 0;
         padding: 10px 20px;
    }
    
    .produtoPrecoDe {
         font-size: 1em;
         margin: 0px 0 0px 0px;
    }
    
    .produtoPrecoDe strong {
         font-weight: normal;
         text-decoration: line-through;
    }
    
    .produtoPrecoPor {
         color: black;
         color: #008000;
         font-size: 2em;
    }
    
    .precoIpiPc { 
        display: flex;
        align-items: center;
        justify-content: flex-start;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 16px;
    }
    
    .divProntaEntrega {
        margin-top: 10px;
    }
    
    .produtoPrecoPor span {
        font-size: .8em;
        margin-left:2px;
    }
    
    .informaValidadePromocao {
         color: green;
         font-size: 0.95em;
         margin-top: 20px;
    }
    
    .produtoDetalhar {
         border: none/*1px solid #CCCCCC*/;
         font-family: arial;
         font-size: 9pt;
         margin-top: 10px;
         padding:10px;
    }
    
    .produtoDetalhar tr td{
        padding:5px;
    }
    
    .produtoDetalharTitulo {
         font-family: Arial;
         font-size: 18px;
         line-height: 1.4em;
         font-weight: bold;
         color:#165B0E;
    }
    
    .produtoDetalharDescricoes {
         font-family: Arial;
         font-size: 9pt;
         line-height: 1.5em;
         margin-left: 5%;
         width: 100;
         text-align:left;
    }
    
    .produtoDetalharDescricoes p {
        margin: -4px 0px 0px;
        width: 100%;
    }
    
    .produtoDetalharDescricoes label {
         display: block;
         float: left;
         width: 30%;
         font-weight: normal;
    }
    
    
    
    .dEstoqueMensagemItemObsoleto {
         
         display: block;
         margin: 0px 0 10px;
         padding:10px 20px;
         border:1px solid #a5a5a5;
         background: #f5f5f5;
    }
    
    .tabela {
         font-family: 'Roboto', sans-serif;
         font-size: 11px;
         font-style: normal;
         font-weight: normal;
         line-height: 12px;
    }
    .tabela tr td{
        
    }
    
    .titulo {
         color: #666666;
         font-family: 'Roboto', sans-serif;
         font-size: 15px;
         font-weight: bold;
         line-height: 15px;
    }
    
    .descricao {
         color: #555555;
         font-family: 'Roboto', sans-serif;
         font-size: 10px;
         line-height: 13px;
    }
    
    .barra {
         color: #83AE00;
         font-family: 'Roboto', sans-serif;
         font-size: 9px;
         font-weight: bold;
         line-height: 12px;
    }
    
    a.barra:link {
         color: #FD6400;
         font-weight: bold;
         text-decoration: none;
    }
    
    a.barra:visited {
         color: #FD6400;
         font-weight: bold;
         text-decoration: none;
    }
    
    a.barra:active {
         color: #FD6400;
         font-weight: bold;
         text-decoration: none;
    }
    
    a.barra:hover {
         color: #FFD2B2;
         font-weight: bold;
         text-decoration: none;
    }
    
    .menu {
         font-family: 'Roboto', sans-serif;
         font-size: 10px;
         font-weight: bold;
         line-height: 12px;
    }
    
    a.menu:link {
         color: #83AE00;
         font-weight: bold;
         text-decoration: underline;
    }
    
    a.menu:visited {
         color: #FD6400;
         font-weight: bold;
         text-decoration: none;
    }
    
    a.menu:active {
         color: #FD6400;
         font-weight: bold;
         text-decoration: none;
    }
    
    a.menu:hover {
         color: #FFD2B2;
         font-weight: bold;
         text-decoration: none;
    }
    
    
    
    
    .transparent {
        
    }
    
    #carrinho {
        border-radius: 5px 5px 5px 5px;
        float: left;
        border: 1px solid #e6e6e6;
        width: 100%;
        padding: 16px;
        margin: 30px 0px;
    }
    
    .sp-quantity {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
    }
    
    span.titleCarrinho {
        color: #f89d20;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
    }
    
    .resultadoPrevisao {
        margin-top: 10px;
    }
    
    span#previsoesResultados {
        color: #787878;
    }
    
    /* Aqui a mensagem ja está com o display none para já começar escondida*/
    .mensagemDuvidasPc {
        display: none;
        top: 64%;
        right: -49%;
        margin: auto;
        width: 50%;
        height: fit-content;
        border: 2px solid #f89d20;
        background-color: #ffffff;
        padding: 12px 24px;
        color: #787878;
        position: absolute;
        border-radius: 8px;
      }
    
      .mensagemDuvidasPc:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        border-top: 21px solid transparent;
        border-bottom: 24px solid transparent;
        border-right: 22px solid #f89d20;
        bottom: 128px;
        left: -7%;
        border-radius: 0px;
    }
    
      span.titleMensagem1Pc {
        color: #f89d20;
        font-size: 18px;
        font-weight: bold;
        line-height: 40px;
    }
    
    span.textProximaDataPc {
        font-weight: bold;
    }
    
    .resultadoPrevisao {
        justify-content: space-between;
        align-items: flex-end;
    }
    
    span.duvidasPC {
        color: #bbbbbb;
        text-decoration: underline;
    }
    
    .sp-verify a:hover {
        background-color: #fff;
        border: 1px solid #f89d20;
    }
    
    span.textProntoEntrega {
        font-weight: bold;
        color: #f89d20;
    }
    
    .sp-verify  a {
        font-weight: bold;
        border: none;
        background-color: #f89d20;
        color: #ffffff;
        padding: 4px 12px;
        border-radius: 8px;
        cursor: pointer;
    }
    p.subTitleCarrinho {
        line-height: 40px;
        color: #787878;
        font-size: 14px  !important;
    }
    
    #carrinhoLeft {
         margin:0px;
         text-align: right;
    }
    
    #carrinhoRight {
         background: none repeat scroll 0% 0% white;
         border-radius: 5px 5px 5px 5px;
         height: 32px;
         padding: 3px 8px 0 15px;
    }
    
    .clear {
         clear: both;
    }
    
    #carrinho .spanQuantidade {
         color: white;
         font-size: 12px ! important;
         line-height: 31px;
         
    }
    
    #carrinho input[type="text"] {
        font-size: 13px;
        height: 31px;
        margin: 0px 1px;
        padding: 3px;
        text-align: center;
        border-radius: 10px;
        border: 1px solid #f89d20;
    }
    
    #carrinho .imgBtCarrinho {
         border-radius: 5px 5px 5px 5px;
         border: medium none;
    }
    
    
    .mensagem_home{
         background:#F7F4DE;
         margin: 15px 15px;
         padding:15px;
         line-height:1.1em;
         font-size:14px;
         border-top:1px solid #fff;
         border-bottom:1px solid #fff;
         -webkit-box-shadow: 0px -5px 5px 0px #f2f2f2;
         -moz-box-shadow:    0px -5px 5px 0px #f2f2f2;
         box-shadow:         0px 0px 4px 0px #f2f2f2;
    }
    
    #dHomePromocoes {
         border: medium none;
         padding: 1em 2em;
    }
    
    
    #promo_espec_carrinho{
         background:#FFBB00;
         padding:15px;
         margin:30px 0 0 0;
    }
    
    #promo_espec_carrinho .titulo_promo{
         font-size:1.5em;
         color:white;
         line-height:1.5em;
    }
    #promo_espec_carrinho .mensagem_promo{
         font-size:1.7em;
         color:black;
         line-height:1.9em;
    }
    #promo_espec_carrinho .mensagem_promo span{
         font-size:1.3em;
    }
    
    #promo_espec_carrinho .texto_promo{
         font-size:1.2em;
         line-height:1.3em;
    }
    #promo_espec_carrinho .texto_promo b{
         display:block;
    }
    
    #dListaPromocoes {
        
    }
    
    #dListaPromocoes .dItemPromocao {
         border: 1px solid #F2F2F2;
         float: left;
         height: 200px;
         margin: 0px 0px 1px;
         padding: 1.5%;
         width: 18%;
    }
    
    #dListaPromocoes .dItemPromocao:hover {
         border: 1px solid green;
    }
    
    .dItemPromocao .aItemPromocao {
         display: block;
         height: 90px;
         margin: 10px 0px 0px;
         width: 100%;
    }
    
    .dItemPromocao .aItemPromocao img {
         max-height: 80px;
    }
    
    .dItemPromocao .descricaoItemPromocao {
         display: block;
         margin: 2px;
    }
    
    .dItemPromocao .descricaoItemCodHexis {
         color: #008000;
         font-size: 1.2em;
         margin-top: 5px;
    }
    
    .tamanhoImagemGaleria {
         max-height: 110px;
    }
    
    .linkSemDestaque {
         color: gray ! important;
         display: block;
         line-height: 20px;
    }
    
    .linkSemDestaque:hover {
         color: green ! important;
    }
    
    .recadoSolicitaSenha {
         color: #169300;
         font-weight: bold;
         line-height: 20px;
    }
    
    #dDetalhes {
         font-family: Arial;
         font-size: 11px;
         height: 0px;
         left: 0px;
         position: absolute;
         top: 0px;
         visibility: hidden;
         width: 286px;
         z-index: 200;
    }
    
    .maisDetalhes {
         clear: both;
         display: block;
         margin: 0px;
         padding: 0px;
    }
    
    #d_aviso_home  {
         background: none repeat scroll 0% 0% #EFC6C7;
         border: 1px solid red;
         font-size: 1.2em;
         line-height: 1.3em;
         padding: 10px;
         margin:30px;
    }
    
    
    /*-----------------------------------
    */
    
    .article-lista-produtos header{
        
    }
    .article-lista-produtos header h3{
        margin:0;
    }
    .article-lista-produtos header h3 a{
        display: block;
        width:100%;
        padding:5px;
        background:#f2f2f2;
    }
    .div-lista-produtos{
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
    }
    .lista-produtos{
        display:block;
        -webkit-column-break-inside: avoid; /* Chrome, Safari */
        page-break-inside: avoid;           /* Theoretically FF 20+ */
        break-inside: avoid-column;         /* IE 11 */    
    }
    
    
    
    /* -----------------------------------------------------
    lista pedidos
    */
    /*
    filtro
    */
    
    #d_filtro_pedidos {
        padding: 5px;
        background: #f5f5f5;
        text-align: left;
        font-size: 12px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }
    
    .d_filtro_col{
        float:left;
        padding:2px 10px;
    }
    .d_filtro_col img{
        vertical-align: middle;
        margin: 0px 4px 4px 0px;
    }
    
    @media print { 
        #noprint { display:none; } 
        body { background: #fff; }
    
        .class-do-header {
            display:none;
            }        
        }
    
    .d_filtro_col a{
         line-height: 30px;
    }
    
    .d_filtro_col.tit{
        line-height: 22px;
        color: gray;
        font-weight: bold;   
    }
    
        #d_filtro_pedidos .d_filtro_col input[type=text]
        , #d_filtro_pedidos .d_filtro_col input[type=checkbox]{
           vertical-align:middle;
           padding:2px 2px;
           color:black;
           background:white;
           width:90px;
        }
    
        #d_filtro_pedidos select{
           color:black;
           font-weight:normal;
           padding:3px 2px;
           background:white;
        }
    
    
        #d_filtro_pedidos .d_filtro_col label{
           color:gray;
           font-size:.85em;
           vertical-align:middle;
           display: block;
        }
    
        #d_filtro_pedidos input[type=submit]{
           background:transparent url(../../../images/find_peq.jpg) no-repeat left top;
           border:1px solid transparent;
           width:30px;
           height:22px;
           text-indent:-99px;
           cursor:pointer;
        }    
    
    
    
    #footer{
         font-size:.95em;
        margin:0px 0 40px 0;
         background:transparent;
         padding:0px 0px 10px 0px;
         color:#AAA;
         position:relative;
        width:1000px;
         
         border-top:1px solid #fff;
         
         /*-webkit-box-shadow: 0px -2px 4px 0px #f2f2f2;
         -moz-box-shadow:    0px 0px 8px 0px #f2f2f2;
         box-shadow:         0px -2px 4px 0px #f2f2f2;  */
    }
    
    #footer_sac{
         float:left;
         font-size:11px;
         margin:5px 0 7px 0;
    }
    #footer_direitos{
         float:left;
         font-size:10px;
         margin:5px 0 7px 30px;
    }
    
    
    /* ----- CUPOM PROMOCIONAL ----- */
    
    #txtCodigoPromocional{
        padding:4px;
    }
    #btEnviarCodigoPromocional{
        padding: 2px 5px;
        cursor: pointer;
    }
    
    /* ----- CUPOM PROMOCIONAL | FIM ----- */
    
    /* ----- CSS FACELIFT PUMPY START ----- */
    .mh-pc-top-bar {
         background: #2c2c2c;
         color: #ffffff;
         text-align: left;
         padding: 10px 0px;
         font-size: 14px;
         margin-bottom: 10px;
     }
     .mh-pc-left {
         width: 50%;
         float: left;
     }
     .mh-pc-right {
         width: 50%;
         float: right;
         text-align: right;
     }
     span.mh-pc-top-link {
         margin: 0 5px;
         text-decoration: underline;
     }
     b.mh-pc-user-name {
         color: #fbab1c;
     }
     .mh-pc-dropdown {
         position: relative;
         display: inline-block;
       }
       
       .mh-pc-dropdown-content {
         display: none;
         position: absolute;
         background-color: #f9f9f9;
         min-width: 200px;
         box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
         padding: 12px 16px;
         z-index: 1;
       }
       
       .mh-pc-dropdown:hover .mh-pc-dropdown-content {
         display: block;
       }
    
       .mh-pc-dropdown-content {
         text-align: left;
         text-decoration: underline;
         font-size: 12px;
         color: #2c2c2c;
         padding: 15px;
     }
     span.mh-pc-top-link.mh-pc-dropdown {
         color: #ffffff;
     }
     a:hover {
         color: #fbab1c;
     }
     span.mh-pc-top-link.mh-pc-top-bar > a {
         color: #ffffff;
     }
     a.mh-pc-top-bar-exit {
         color: #a0a0a0;
         font-size: 10px;
     }
     #dCarrinho {
         background: url(../images/carrinho.png) no-repeat scroll 15px 7px #165B0E;
         border-radius: 15px;
         float: right;
         font-weight: bold;
         font-size: 1.1em;
         line-height: 12px;
         height: 38px;
         left: inherit;
         padding: 8px 0px 5px 25px;
         position: inherit;
         top: inherit;
         width: 25%;
     }
     #dBusca {
         background: none repeat scroll 0% 0% white;
         border-radius: 15px 15px 15px 15px;
         border: 1px solid #C2C2C2;
         float: left;
         left: inherit;
         padding-left: 12px;
         position: inherit;
         top: inherit;
         width: 50%;
     }
     #header_area {
         background: #ffffff;
         border-bottom: none;
         box-shadow: none;
         height: 120px;
         margin: 0px;
         min-width: auto;
         padding: 0px 0;
     }
     .mh-pc-busca {
         margin-top: 20px;
         margin-bottom: 30px;
     }
     #dBusca {
         background: none repeat scroll 0% 0% white;
         border-radius: 10px;
         border: 0px solid #17b16c;
         float: left;
         left: inherit;
         padding-left: 12px;
         position: inherit;
         top: inherit;
         width: 60%;
         text-align: left;
     }
     #dBusca input[type="text"] {
         border-color: -moz-use-text-color #C2C2C2 -moz-use-text-color -moz-use-text-color;
         border-image: none;
         border-width: medium 1px medium medium;
         font-size: 1.7em;
         height: 40px;
         padding: 5px 10px;
         vertical-align: middle;
         width: 92%;
     }
     button.mh-pc-form-btn {
         background: #07ab61;
         border: none;
         height: 40px;
         font-size: 15px;
         color: #ffffff;
         border-radius: 0 10px 10px 0;
         padding-top: 0px;
         line-height: 40px;
         vertical-align: middle;
         width: 45px;
         margin-left: -4px;
     }
     #lg_MyHexis {
         border: none;
         float: left;
         text-align: left;
         width: 20%;
     }
     #dCarrinho {
         background: #ffffff;
         border-radius: 15px;
         float: left;
         font-weight: bold;
         font-size: 1.1em;
         line-height: 12px;
         height: 38px;
         left: inherit;
         padding: 8px 0px 5px 25px;
         position: inherit;
         top: inherit;
         width: 20%;
         color: #fbae23;
         text-align: right;
     }
     #dCarrinho a {
         color: #fbae23;
         font-size: 1.15em;
     }
     i.fas.fa-shopping-cart {
         font-size: 20px;
         background-color: #fbab1c;
         color: #ffffff;
         border-radius: 10px;
         padding: 10px;
         margin-left: 10px;
     }
     #dCarrinho a {
         color: #fbae23;
         font-size: 16px;
         font-weight: 100;
         line-height: 20px;
     }
     #dCarrinho a div {
         font-size: 12px;
         font-weight: normal;
         color: #8f8f8f;
         line-height: 20px;
         margin-right: 10px;
     }
     .mh-pc-cart-icon {
         width: 40px;
         float: right;
     }
     #dCarrinho {
         background: #ffffff;
         border-radius: 15px;
         float: right;
         font-weight: bold;
         font-size: 1.1em;
         line-height: 12px;
         height: 38px;
         left: inherit;
         padding: 0px 0px 0px 0px;
         position: inherit;
         top: 44px;
         width: 19%;
         color: #fbae23;
         text-align: right;
         margin-top: -10px;
         margin-right: 10px;
     }
     #dBusca input.campoVazio[type="text"] {
         color: #C2C2C2;
         border: solid 1px #07ab61;
         border-radius: 10px 0 0 10px;
     }
     .dropdownmenu ul, .dropdownmenu li {
        margin: 0;
        padding: 0;
    }
    .dropdownmenu ul {
        background: gray;
        list-style: none;
        width: 100%;
    }
    .dropdownmenu li {
        float: left;
        position: relative;
        width:auto;
    }
    .dropdownmenu li:hover a {
         background: #f8f8f8;
     }
     .dropdownmenu a {
         background: transparent;
         display: block;
         padding: 10px 20px;
         text-align: center;
         text-decoration: none;
         -webkit-transition: all .05s ease;
         -moz-transition: all .05s ease;
         -ms-transition: all .05s ease;
         -o-transition: all .05s ease;
         transition: all .05s ease;
         color: #7b7b7b;
         font-size: 16px;
         text-transform: uppercase;
         font-family: 'Roboto', sans-serif!important;
     }
    #submenu {
        left: 0;
        opacity: 0;
        position: absolute;
        top: 35px;
        visibility: hidden;
        z-index: 1;
    }
    li:hover ul#submenu {
        opacity: 1;
        top: 40px;	/* adjust this as per top nav padding top & bottom comes */
        visibility: visible;
    }
    #submenu li {
        float: none;
        width: 100%;
    }
    #submenu a:hover {
        background: #DF4B05;
    }
    #submenu a {
        background-color:#000000;
    }
    div.dropdownmenu {
         float: left;
         margin-top: 0px;
         width: 100%;
     }
     #header_area {
         background: #ffffff;
         border-bottom: none;
         box-shadow: none;
         height: 135px;
         margin: 0px;
         min-width: auto;
         padding: 0px 0;
     }
     nav.dropdownmenu {
         margin: 0 auto;
         display: table;
     }
     div.banner-area {
         background-image: url(/templates/myhexis/images/myhexis_bg.jpg);
         padding: 90px 0 80px 0;
         color: #ffffff;
         background-position: center;
         background-size: contain;
         margin-top: 4px;
         margin-bottom: 0px;
         height: 300px;
     }
    
     div.banner-cupom {
        background-image: url(/templates/myhexis/images/banners/bannerCupomMyHexis.jpg);
        padding: 90px 0 80px 0;
        color: #ffffff;
        background-position: center;
        background-size: contain;
        margin-top: 4px;
        margin-bottom: 0px;
        height: 300px;
    }
    
    div.banner-promocao-hach {
        background-image: url(https://myhexis.com.br/templates/myhexis/images/bannerPromocao.jpg);
        padding: 90px 0 80px 0;
        color: #ffffff;
        background-position: center;
        background-size: contain;
        margin-top: 4px;
        margin-bottom: 0px;
        height: 377px;
        background-repeat: no-repeat;
    }
    
    div.banner-mops {
        background-image: url(https://myhexis.com.br/templates/myhexis/images/banner-mops.jpg);
        padding: 90px 0 80px 0;
        color: #ffffff;
        background-position: center;
        background-size: contain;
        margin-top: 4px;
        margin-bottom: 0px;
        height: 377px;
        background-repeat: no-repeat;
    }
    
    div.banner-thermo {
        background-image: url(https://www.hexis.com.br/env24/thermoscientific/banner-thermo-new.png);
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 260px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }
    
    div.banner-troca-facil {
        background-image: url(https://myhexis.com.br/templates/myhexis/images/troca-facil-mae.jpg);
        padding: 90px 0 80px 0;
        color: #ffffff;
        background-position: center;
        background-size: contain;
        margin-top: 4px;
        margin-bottom: 0px;
        height: 377px;
        background-repeat: no-repeat;
    }

    div.banner-troca-facil {
        background-image: url(https://myhexis.com.br/templates/myhexis/images/troca-facil-mae.jpg);
        padding: 90px 0 80px 0;
        color: #ffffff;
        background-position: center;
        background-size: contain;
        margin-top: 4px;
        margin-bottom: 0px;
        height: 377px;
        background-repeat: no-repeat;
    }
    
    div.banner-dqo-dr900 {
        background-image: url(https://myhexis.com.br/templates/myhexis/images/cupom_dqo_dr900.png);
        padding: 24px 0 24px 0;
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 226px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }
    .map-overlay {
        width: 100%;
        height: 100%;
        opacity: 0;
    }

    div.banner-hach {
        background-image: url(https://myhexis.com.br/templates/myhexis/images/cupom_neogen.png);
        padding: 24px 0 24px 0;
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 226px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }

    .banner-promo-em-dobro{
        background-image: url(https://www.hexis.com.br/env25/home/banner-promo-colo.jpg);
        padding: 24px 0 24px 0;
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 30px;
        margin-bottom: 20px;
        height: 168px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }

    div.banner-agilent {
        background-image: url(https://www.hexis.com.br/env26/banners/banner_agilent.jpeg);
        padding: 24px 0 24px 0;
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 215px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }

    div.banner-neogen {
        background-image: url(https://www.hexis.com.br/env26/banners/banner-neogen-mar.png);
        padding: 24px 0 24px 0;
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 215px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }

    div.banner-agilent26 {
        background-image: url(https://www.hexis.com.br/env26/banners/banner-agilent-promo.png);
        padding: 24px 0 24px 0;
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 260px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }
    
    div.banner-equip {
        background-image: url(https://www.hexis.com.br/env26/banners/banner-equip.png);
        padding: 24px 0 24px 0;
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 215px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }

    
    div.banner-cloro {
        background-image: url(https://www.hexis.com.br/env26/banners/banner-pillow.png);
        padding: 24px 0 24px 0;
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 215px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }


    div.banner-lancamento {
        background-image: url(https://www.hexis.com.br/env24/banners/lancamento.png);
        padding: 24px 0 24px 0;
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 226px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }

    div.banner-webinar {
        background-image: url(https://hexis.com.br/env25/home/webinar-banner-2.jpg);
        padding: 24px 0 24px 0;
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 136px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }
    
    div.cupom-agilent {
        background-image: url(https://myhexis.com.br/templates/myhexis/images/bannerAgilent.png);
        padding: 24px 0 24px 0;
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 20px;
        height: 226px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }

    div.turb2100q {
        background-image: url(https://myhexis.com.br/templates/myhexis/images/banner2100q-grande.png);
        padding: 24px 0 24px 0;
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 20px;
        height: 226px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }

    div.neogen5 {
        background-image: url(https://myhexis.com.br/templates/myhexis/images/neogen-5off.png);
        padding: 24px 0 24px 0;
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 20px;
        height: 262px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }

    div.banner-primeira15 {
        background-image: url(https://myhexis.com.br/templates/myhexis/images/banner-primeria15.png);
        padding: 24px 0 24px 0;
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 20px;
        height: 170px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }

    .pc-two-banners {
        display: flex;
        float: none;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .pc-banner-small {
        padding: 8px 8px 0px 0px;
    }

    .pc-mini-banner{
        padding:0px;
        margin: 8px 0;
    }

    .pc-mini-banner>div {
        padding:0px;
    }

    .pc-mini-only-banner>a>img {
        width: 100%;
    }

    .banner-hach-btn-equip img{
        width: 37%;
        float: inline-end;
        margin-right: 5%;
    }

    .banner-hach-btn-reag img{
        width: 37%;
        float: inline-start;
        margin-left: 5%;
    }

    .modal-header {
        color: #fff;
        text-align: center;
        border-bottom: none;
        background-color: #fff;
    }
    .modal-header .header-img {
        max-width: 150px;
        display: block;
        margin: 10px auto;
    }
    .modal-content {
        background-color: #fff;
    }

    .modal-content.pc-pop-up{
        margin-top: 60px;
    }

    .modal-body {
        color: #555;
    }
    .modal-footer {
        text-align: center;
        color: #777;
        font-size: 12px;
        background-color: #f9f9f9;
        padding: 10px;
        border-top: 1px solid #ddd;
    }
    .modal-footer label {
        font-size: 14px;
        color: #333;
        cursor: pointer;
    }
    .coupon-box {
        background-color: #f9f9f9;
        color: #000;
        padding: 10px;
        border-radius: 5px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
    }
    .copy-icon {
        cursor: pointer;
        color: #00704e;
        font-size: 16px;
        display: flex;
        align-items: center;
    }
    .copy-icon span {
        margin-left: 5px;
        font-size: 14px;
        color: #00704e;
    }
    p.hach-popup {
    font-size: 16px;
        }

        .coupon-box {
            margin-top: 20px;
        }
        
        
        p.hach-popup {
            font-size: 16px;
            margin-top: 22px;
        }
        
        .modal-body.text-center > .row {
            color: #000;
            margin-top: 25px;
        }
        
        span#coupon-reagentes {
            font-size: 24px;
        }
        
        span#coupon-equipamentos {
            font-size: 24px;
        }
        
        .modal-header .header-img {
            max-width: 150px;
            display: block;
            margin: 0px auto;
        }

        .pc-checked {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }

        .pc-checked label{
            margin: 0;
        }

        .pc-checked input{
            margin-top: 0px !important;
        }
        
        .modal-body {
            position: relative;
            padding:�0px�15px;
        }
    
    div.banner-cartao-credito {
        background-image: url(https://myhexis.com.br/templates/myhexis/images/bannerMyHexisCC.png);
        color: #ffffff;
        background-position: center;
        background-size: contain;
        margin: 40px 0;
        height: 230px;
        background-repeat: no-repeat;
        border-radius: 24px;
    }
    
    div.banner-neo-revenda{
        background-image: url(https://myhexis.com.br/templates/myhexis/images/neo-revenda.jpg);
        padding: 90px 0 80px 0;
        color: #ffffff;
        background-position: center;
        background-size: contain;
        margin-top: 4px;
        margin-bottom: 0px;
        height: 377px;
        background-repeat: no-repeat;
    }
    
    div.banner-goleada {
        background-image: url(https://myhexis.com.br/images/home/bannerGoleadal.jpg);
        padding: 90px 0 80px 0;
        color: #ffffff;
        background-position: center;
        background-size: contain;
        margin-top: 4px;
        margin-bottom: 0px;
        height: 377px;
        background-repeat: no-repeat;
    }
    
     div.banner-area-wn {
        background-image: url(https://myhexis.com.br/images/natal/saldao_natal_bg.jpg);
        padding: 0;
        color: #ffffff;
        background-position: center;
        background-size: cover;
        margin-top: 4px;
        margin-bottom: 0px;
        height: 300px;
        background-repeat: no-repeat;
    }
    
    div.banner-area-wn > div > img {
        height: 300px;
    
    }
    
    
     div.banner-area-1 {
        background-image: url(https://www.hexis.com.br/env19/NEW_HOME/slider_modelo_site_background.jpg);
        padding: 65px 0 80px 0;
        color: #ffffff;
        background-position: right;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #174E79;
        margin-top: 4px;
        margin-bottom: 0px;
        text-align: left;
    }
    
    div.banner-cupom {
        background-image: url(https://myhexis.com.br/images/banners/bannerCupomMyHexis.jpg);
        padding: 65px 0 80px 0;
        color: #ffffff;
        background-position: right;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #174E79;
        margin-top: 4px;
        margin-bottom: 0px;
        text-align: left;
    }
    
    img.banner-cupom {
        width: 100%;
        margin-top: -5%;
    }
    
    div.banner-area-2 {
        background-image: url(/templates/myhexis/images/myhexis_bg.jpg);
        padding: 65px 0 80px 0;
        color: #ffffff;
        background-position: center;
        background-size: contain;
        margin-top: 4px;
        margin-bottom: 0px;
    }
    .banner-area > p {
        font-size: 18px;
    }
    .banner-area-1 > p {
        font-size: 18px;
    }
    .banner-area-2 > p {
        font-size: 18px;
    }
    button.btn.btn-banner {
        background-color: #68B861;
    }
    img.pc-banner-logo {
        width: 240px;
    }
     a.mh-pc-banner-btn {
         background: #fbab1c;
         line-height: 40px;
         color: #ffffff;
         margin-top: 25px;
         height: 45px;
         padding: 10px 20px 10px 20px;
         font-size: 16px;
         border-radius: 10px;
     }
     #alerta_usuarioTemporario {
         background: #ffffff;
         margin: 0px 0px;
         padding: 15px 15px;
         font-size: 12px;
         line-height: 16px;
         border: 1px solid #d2d3d4;
         overflow: hidden;
         position: relative;
         border-radius: 10px;
         text-align: left;
         margin-bottom: 20px;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         box-shadow: none;
         margin-top: 15px;
     }
     #alerta_usuarioTemporario #finalize_cadastro_mostrar_detalhes {
         position: inherit;
         top: 0px;
         right: 0px;
         background: transparent;
         padding: 0px 0px;
         font-size: 10px;
         color: #8e8e8e;
         cursor: pointer;
         border-radius: 10px;
         width: auto;
         float: inherit;
         margin-left: 10px;
     }
    
     #d_home_repres {
         background: #ffffff;
         margin: 10px 0px;
         padding: 15px 20px 15px;
         font-size: 12px;
         line-height: 16px;
         overflow: hidden;
         position: relative;
         -webkit-box-shadow: 0px -5px 5px 0px #f2f2f2;
         -moz-box-shadow: 0px -5px 5px 0px #f2f2f2;
         box-shadow: 0px 0px 4px 0px #f2f2f2;
         border-radius: 10px;
     }
     i.fas.fa-exclamation-circle {
         color: #008047;
         font-size: 22px;
     }
     span.mh-pc-alerta {
         line-height: 25px;
         font-size: 14px;
         margin-left: 8px;
         vertical-align: top;
     }
     .produtosLista {
        border: 0px solid #f4f4f4;
        float: left;
        height: 365px;
        margin: 0% 1% 0% 0%;
        padding: 10px;
        width: 32%;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        border-radius: 10px;
        margin-top: 25px;
        border: solid 1px #d6d6d6;
    }
     div#main_outline {
         background: #ffffff;
     }
     .avisoProdutoEmPromocao {
         display: block;
         margin: 10px 0 30px 0;
         background: none repeat scroll 0% 0% #008047;
         color: white;
         font-size: 10px;
         font-weight: bold;
         padding: 6px;
         text-align: center;
     }
     .avisoProdutoEmPromocao {
         display: block;
         margin: 0px 0 25px 0;
         color: white;
         font-size: 8px;
         font-weight: bold;
         padding: 7px 11px;
         text-align: center;
         border-radius: 10px 10px;
         position: absolute;
         background: #FBAB1C;
     }
     i.fas.fa-bell {
         font-size: 10px;
         color: #008047;
         margin: 8px -4px 0 0;
     }
     #alerta_usuarioTemporario h2 {
         margin: 5px 0 0 0;
         color: #636363;
         font-size: 14px;
     }
     #alerta_usuarioTemporario ul {
        margin: 4px 0;
        color: #636363;
        font-size: 12px;
        list-style-type: none;
     }
     #alerta_usuarioTemporario p {
         margin: 0px 0 0px 0;
         color: #636363;
         font-size: 12px;
     }
     div.mh-pc-promo > p > a {
        font-size: 20px;
        color: #008047!important;
        text-align: left;
     }
     div.mh-pc-promo {
         text-align: left;
         margin-top: 45px;
         line-height: 15px;
         margin-bottom: -30px;
     }
     .produtosLista:hover {
        border: 1px solid #87b183;
        box-shadow: none;
    }
     .prodLista_Detalhes {
         background-color: #ffffff;
         padding: 12px 0;
         border-radius: 0 0 10px 10px;
         margin-bottom: 69px;
     }
    
     .pc-movimentacao{
        margin-bottom:0px;
        padding: 0px;
    }
    
    
     .prodLista_descricaoItem {
         margin: 10px 0px 10px;
         text-align: center;
         font-size: 1.1em;
         line-height: 1.2em;
         padding: 10px;
         height: 50px;
     }
     .prodLista_maisDetalhes > a {
         background-color: #07ab61;
         color: #ffffff;
         padding: 8px 14px 8px 14px;
         border-radius: 10px;
         font-size: 12px;
         border: solid 1px #07ab61;
         transition: background-color 0.5s ease, border 0.2s!important;
     }
     .prodLista_maisDetalhes > a:hover {
         background-color: #ffffff;
         color: #07ab61;
         padding: 8px 14px 8px 14px;
         border-radius: 10px;
         font-size: 12px;
         border: solid 1px #07ab61;
         transition: background-color 0.5s ease, border 0.2s!important;
         text-decoration: none;
     }
     .prodLista_maisDetalhes {
         font-size: 10px;
         text-align: center;
         border: 0px solid red;
         display: block;
         padding: 2px 10px;
         margin: 0px 0px 0px 0px;
     }
     .prodLista_verDisp {
         color: red;
         margin: 5px 0px;
         text-align: center;
         height: 14px;
     }
     .prodLista_favStar {
         position: relative;
         display: block;
         float: left;
         width: 13px;
         height: 20px;
         background: transparent url(../../../images/fav_star.png) no-repeat left top;
         background-size: 26px;
         border: 0px solid blue;
         margin: 3px 0px 0 15px;
         transition: ease-out .2s;
         right: -10px;
     }
     .prodLista_favStar span {
         position: absolute;
         display: block;
         border: 1px solid #fbab1c;
         top: -30px;
         left: -30px;
         padding: 5px;
         font-size: 10px;
         background: #ffffff;
         width: 100px;
         color: gray;
         display: none;
         text-align: center;
         border-radius: 10px;
     }
    
     .pc-movimentacao-estrela{
        margin: 6px 10px 0 5px;
        right: 0;
    }
    
    
    
     .p_mais_pesquisados {
         padding: 8px 10px;
         font-size: 14px;
         color: #858896;
         font-style: italic;
         text-align: left;
         margin: 20px 0px 10px;
         background: #f7f7f7;
         border-top: 1px solid #fff;
         border-bottom: 1px solid #fff;
         -webkit-box-shadow: 0px -5px 5px 0px #f2f2f2;
         -moz-box-shadow: 0px -5px 5px 0px #f2f2f2;
         box-shadow: 0px 0px 4px 0px #f2f2f2;
     }
     div.mh-pc-mais_buscados > p > a {
         font-size: 20px;
         color: #008047!important;
         text-align: left;
     }
     div.mh-pc-mais_buscados {
         text-align: left;
         margin-top: 30px;
         line-height: 15px;
     }
     .mh-pc-cat_balls_item {
        float: left;
        width: 16%;
        display: grid;
        margin: 5px auto;
    }
     .mh-pc-cat_balls_grid {
         margin: 0px 0 10px 0;
         display: inline-block;
         margin-left: 60px;
     }
     h2.mh-pc-cat_balls_item {
         width: 100%;
         font-size: 14px;
         font-weight: 100;
     }
     p.mh-pc-cat_balls_item {
         width: 100%;
     }
     img.mh-pc-cat_balls_item {
        width: 60%;
        border-radius: 100%;
        text-align: center;
        margin: 3% 20%;
        border: solid 1px #FBAB1C;
    }
    
     div.mh-pc-footer-1 {
         background: #07ab61;
         padding: 18px;
         text-align: left;
         font-size: 12px;
         color: #ffffff;
     }
     img.mh-pc-footer-1 {
         margin: 0 10px;
     }
    
     #footer {
         font-size: .95em;
         margin: 0px 0 0px 0;
         background: transparent;
         padding: 0px 0px 0px 0px;
         color: #AAA;
         position: relative;
         width: 100%;
         border-top: 1px solid #fff;
     }
     .mh-pc-footer-2 {
         background: #333333;
     }
    
     div.mh-pc-footer-21 {
         float: left;
         text-align: left;
         width: 25%;
         padding-bottom: 18px;
     }
     h2.mh-pc-footer-21 {
         color: #adadad;
     }
    
     p.mh-pc-footer-21 {
         color: #707070;
         font-size: 12px;
     }
    
     .mh-pc-footer-3 {
         background: #1d1d1d;
         padding: 20px;
         color: #adadad;
         font-size: 12px;
     }
     #d_home_repres {
         background: #fff;
         margin: 10px 0px;
         padding: 0px 8px 0px;
         font-size: 14px;
         line-height: 22px;
         overflow: hidden;
         position: relative;
         -webkit-box-shadow: 0px 4px 8px 0px #e0e0e0;
         -moz-box-shadow: 0px 4px 8px 0px #e0e0e0;
         box-shadow: 0px 4px 8px 0px #e0e0e0;
         border-radius: 10px;
         color: #828282;
         text-align: left;
     }

     div#t_home_repres {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

    div#t_home_repres p{
        margin: 12px;
    }

    .title-rep {
        background-color: #00ad5d;
        margin: 0px 0px 0px -10px;
        color: #fff;
    }

     #submenu a {
         background-color: #ffffff;
         text-align: left;
         padding: 10px 0px 10px 25px;
         line-height: 15px;
         font-weight: 100;
         font-size: 14px;
         border-bottom: solid 2px transparent;
         width: 250px;
     }
     #submenu a:hover {
         background: #ffffff;
     }
     #d_home_repres table tr td {
         font-weight: bold;
         color: #828282;
     }
     .mh-pc-back {
         text-align: left;
         font-size: 18px;
         padding: 10px 0px;
         color: #929292;
     }
     .mh-pc-product {
         padding: 30px 30px;
         border-radius: 10px;
         border: 1px solid #d2d3d4;
         margin-bottom: 30px;
     }
     .col-md-7.mh-pc-prod-desc {
         text-align: left;
     }
     .produtoDetalharDescricoes {
         font-family: Arial;
         font-size: 9pt;
         line-height: 1.5em;
         margin-left: 0%;
         width: 100%;
         text-align: left;
     }
     .produtoDetalharDescricoes label {
         display: block;
         float: left;
         width: auto;
         font-weight: normal;
         margin-right: 8px;
     }
     .detalhe_produto_preco {
         margin: 20px 0;
         padding: 10px 20px;
         border-radius: 10px;
     }
    
     .mh-pc-fav-prod {
         background: transparent;
     }
     span.prodLista_favStar.prodDetalhe_favStar.add_favorito {
         margin: 7px 5px 0 0px;
     }
     .prodLista_favStar.remove_favorito {
         background-position: right top;
         margin: 3px 0px 0 15px;
     }
    
     
     .pc-movimentacao-estrela.remove_favorito {
        margin: 6px 10px 0 5px;
        right: 0;
    }
    
     .prodLista_favStar span {
         position: absolute;
         display: block;
         border: 1px solid #fbab1c;
         top: -30px;
         left: 0px;
         padding: 6px 7px;
         font-size: 10px;
         background: #fbab1c;
         width: 130px;
         color: #ffffff;
         display: none;
         text-align: left;
         border-radius: 10px 10px 10px 0px;
         line-height: 12px;
     }
     .produtoContatoEspecialista {
         background: #7eb714;
         padding: 10px 0;
         margin: 20px 0;
         font-size: 15px;
         border-radius: 10px;
         color: white;
     }
    
     #carrinhoRight {
         background: none repeat scroll 0% 0% white;
         border-radius: 5px 5px 5px 5px;
         height: 56px;
         padding: 3px 8px 0 15px;
         width: 50%;
         float: right;
         margin: 15px 0;
     }
     div.dropdownmenu {
         float: left;
         margin-top: 0px;
         width: 100%;
         text-align: left;
     }
     nav.dropdownmenu {
         margin: inherit;
         display: table;
     }
     nav.dropdownmenu a:hover {
         margin: inherit;
         display: table;
         border-bottom: solid 3px #07ab61;
         background: #ffffff;
     }
     #submenu a:hover {
         border-bottom: solid 2px #07AB61;
     }
     div.dropdownmenu {
         float: left;
         margin-top: 0px;
         width: 100%;
         text-align: left;
         background: transparent;
     }
     i.fas.fa-bars {
         line-height: 40px;
         vertical-align: middle;
         font-size: 14px;
         color: #8b7f85;
         padding: 0px 10px 0 0px;
     }
     h2.banner-area {
         font-size: 28px;
         font-weight: 100;
     }
     h2.banner-area-1 {
        font-size: 28px;
        font-weight: 100;
    }
    h2.banner-area-2 {
       font-size: 28px;
       font-weight: 100;
    }
     p.banner-area {
         color: #fbab1c;
         font-size: 20px;
         font-weight: 100;
         margin: 7px;
     }
     p.banner-area-1 {
        color: #fbab1c;
        font-size: 20px;
        font-weight: 100;
        margin: 7px;
    }
    p.banner-area-2 {
        color: #fbab1c;
        font-size: 20px;
        font-weight: 100;
        margin: 7px;
    }
     .produtoDetalharTitulo {
         font-family: 'Roboto', sans-serif!important;
         font-size: 22px;
         font-weight: 600;
         line-height: 28px;
         color: #606060;
         margin: 0 auto 10px;
     }
     .sp-minus.fff {
         width: 30px;
         float: left;
     }
     .sp-plus.fff {
         width: 30px;
         float: right;
     }
     .sp-input {
         width: 60px;
         float: left;
     }
     a.ddd-sum {
         background: #f89d20;
         padding: 6px 8px;
         color: #ffffff;
         border-radius: 10px;
         line-height: 30px;
         cursor: pointer;
     }
     a.ddd-sub {
         background: #f89d20;
         padding: 6px 8px;
         color: #ffffff;
         border-radius: 10px;
         line-height: 30px;
         cursor: pointer;
     }
    
    
     .detalhe_produto_preco {
         margin: 20px 0;
         padding: 20px 30px 35px 20px;
         border-radius: 10px;
     }
     .mh-pc-cart-add-btn {
         width: 100%;
         display: table;
     }
    
     .mh-pc-add-cart {
        background: #008000 none repeat scroll 0 0;
        border-radius: 10px;
        color: #fff;
        font-size: 16px;
        padding: 16px 0px;
        cursor: pointer;
        width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-weight: 600;
        text-transform: uppercase;
    }
     i.fas.fa-shopping-cart.mh-pc-add-cart {
         background: transparent;
         padding: 0;
         margin: 0;
         font-size: 14px;
     }
     a.mh-pc-add-cart:hover {
         color: #ffffff;
         text-decoration: none;
         background: #0a9f5b;
     }
     .produtoDetalharDescricoes {
         font-family: Arial;
         font-size: 14px;
         line-height: 1.5em;
         margin-left: 0%;
         width: 100%;
         text-align: left;
     }
     .align-star-prod {
         left: 0!important;
         margin: 7px 10px 0 0px!important;
     }
     .dEstoqueMensagemItemObsoleto {
         display: block;
         margin: 30px 0 0px;
         padding: 10px 20px;
         border: 1px solid #a5a5a5;
         background: #f5f5f5;
     }
    
     .produtosLista_3 {
         border: 0px solid #f4f4f4;
         float: left;
         height: 370px;
         margin: 0% 1% 0% 0%;
         padding: 0 0px;
         width: 32%;
         font-size: 11px;
         font-style: normal;
         font-weight: normal;
         border-radius: 10px;
         margin-top: 25px;
     }
     #left_area .tit_left_box {
         padding: 5px 7px;
         color: gray;
         background: #f7f7f7;
         font-size: 13px;
     }
     #left_area ul li {
         padding: 4px;
         font-size: 14px;
     }
     #left_area .tit_left_box {
         padding: 6px 0px;
         color: #9e9e9e;
         background: #ffffff;
         font-size: 14px;
         text-align: left;
         font-weight: 100;
         border-bottom: solid 1px #cccccc;
         line-height: 17px;
         margin-bottom: 10px;
         margin-top: 15px;
     }
     #left_area {
         background: #ffffff;
         border: 0px solid red;
         margin: 0px 0px 50px 0px;
         padding: 0px;
         width: 100%;
     }
     #left_area input[type="text"] {
         width: 80%;
         font-size: 11px;
         border: 1px solid #07ab61;
         padding: 2px;
         height: 25px;
         border-radius: 10px 0 0 10px;
     }
     #left_area input[type="submit"] {
         border: 0px solid #07ab61;
         font-size: 12px;
         padding: 2px 2px;
         width: 24px;
         cursor: pointer;
         background: #07ab61;
         color: #ffffff;
         border-radius: 0 10px 10px 0;
         height: 25px;
         margin-left: -3px;
         line-height: 18px;
     }
     #left_area ul li {
         padding: 0px;
         font-size: 12px;
         line-height: 18px;
         color: #7b89a6;
     }
     #left_area ul li:hover {
         background: #ffffff;
     }
     #left_area ul.mn_left_bloco_marca {
         border: 0px solid red;
         background: #FFFFFF;
         display: block;
         margin: 0px 0 0 0;
         text-align: left;
         overflow: auto;
         height: 150px;
     }
     #left_area ul.mn_left_bloco_marca li a {
         display: block;
         font-size: 10px;
         text-transform: capitalize;
         color: #6f6f7a;
     }
    
     #dCarDetalhes {
         border: 1px solid #e7e8e8;
         margin: 0 0 30px 0px;
         padding: 0px 0px 60px 0px;
         border-radius: 10px;
     }
    
     #content_area_full {
         background: none repeat scroll 0% 0% #FFFFFF;
         margin: 10px 0px;
         padding: 0px;
         border-radius: 10px;
     }
     td.mh-pc-tb-td {
         line-height: 20px;
         vertical-align: middle;
         background: #e7e7e8;
     }

       td.mh-pc-tb-td.unregister {
         line-height: 20px;
         vertical-align: middle;
         background: #959595;
     }
     #dCarDetalhes table td {
         padding: 10px;
         font-size: 12px;
     }
    
     .avisoProdutoEmPromocao2 {
         background: none repeat scroll 0% 0% white;
         color: #fbab1c;
         font-size: 8px;
         font-weight: bold;
         padding: 2px 0px;
         text-align: center;
         margin-bottom: 5px;
         border: solid 1px #fbab1c;
         border-radius: 2px;
     }

     .avisoProdutoImagemIlustra {
        display: block;
        /* margin: 0px 0 25px 0; */
        color: #000000;
        font-size: 10px;
        font-weight: 100;
        padding: 4px 10px;
        text-align: center;
        border-radius: 4px;
        position: absolute;
        background: #e8e8e8;
    }
    
     tr.car_linha:hover {
         background: #f3f3f3;
     }

      tr.car_linha_unregister:hover {
         background: #f3f3f3;
     }

     i.fas.fa-sticky-note {
        font-size: 12px;
        margin-right: 2px;
     }
     i.fas.fa-trash-alt {
        font-size: 12px;
        margin-right: 2px;
     }
     i.fas.fa-file-invoice-dollar {
        font-size: 12px;
        margin-right: 2px;
     }
     i.fas.fa-arrow-circle-left {
        font-size: 12px;
        margin-right: 2px;
     }
     #dCarDetalhes .carBts td {
         background: none repeat scroll 0% 0% #ffffff;
         padding: 10px 15px;
         text-align: center;
         border-spacing: 10px;
         border-collapse: separate;
         border: 2px solid white;
         color: #da2727;
     }
     #dCarDetalhes .carBts td a {
         color: #787878;
     }
    
     #dCarDetalhes .carBts .td_car_concluir_pedido, #dCarDetalhes .carBts .td_car_armazenar_cotacao {
        text-align: center;
        font-size: 1.2em;
        background: #07ab61;
        border-bottom: 0px solid green;
        border-radius: 10px;
    }
    #dCarDetalhes .carBts {
        text-align: right;
    }
    table.mh-pc-meus-dados {
        border: solid 0px #ccc;
        border-radius: 10px;
        margin: 40px 0px;
    }
    td.mh-pc-meus-dados {
        text-align: left;
        font-size: 20px;
    }
    
    a.menu:visited {
        color: #333333;
        font-weight: bold;
        text-decoration: none;
    }
    a.menu:link {
        color: #909090;
        font-weight: bold;
        text-decoration: none;
        font-size: 12px;
        font-weight: 100;
        border-bottom: solid 1px;
    }
    table.mh-pc-user-edit {
        font-size: 12px;
        font-weight: 100;
        text-align: left;
    }
    input#ped_data_ate.campoform,
    input#ped_data_de.campoform,
    select.campoform.mh-pc-campo-filtro.campoSelect,
    select#pesquisa_tipo.campoform,
    input#pedido.campoform,
    input#cnpj_pedido.campoform,
    input#oportunidade_pedido.campoform,
    input#requisitante_pedido.campoform
    {
        border-color: #ccc;
        margin-bottom: 0px;
        margin-left: 0px;
    }
    
    .campoform {
        background-color: #ffffff;
        border-color: #333333;
        /* border-style: double; */
        border-width: 1px;
        color: black;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        vertical-align: middle;
        border-radius: 4px;
        height: 25px;
        margin-bottom: 10px;
        padding: 9px;
        margin-left: 10px;
    }
    .inputbox {
        background-color: #ffffff;
        border-color: #333333;
        /* border-style: double; */
        border-width: 1px;
        color: black;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        vertical-align: middle;
        border-radius: 4px;
        height: 25px;
        margin-bottom: 10px;
        padding: 9px;
        margin-left: 10px;
    }
    
    .button {
        background: #07ab61;
        border-style: solid;
        border-width: 1px;
        color: #ffffff;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        height: 30px;
        padding: 0px 15px;
        border-radius: 10px;
        margin-left: 58px;
    }
    .bt_altera_end {
        width: 22px;
        height: 21px;
        overflow: hidden;
        background: white url(../../../images/icone_ativo.png) no-repeat left top;
        background-size: 72px 20px;
        transition: .3s;
        display: block;
    }
    a.mh-pc-new-btn {
        cursor: pointer;
        font-size: 12px;
    }
    a.mh-pc-new-btn {
        cursor: pointer;
        font-size: 12px;
        margin-right: 14px;
    }

    .mh-pc-new-btn {
        background: #38ab77;
        padding: 6px;
        color: #fff !important;
        border-radius: 6px;
    }

    table {
        font-family: 'Roboto', sans-serif!important;
        font-size: 12px;
    }
    .ui-widget-header {
        border: 0px solid #38ab77;
        background: #38ab77;
        color: #222222 !important;
        font-weight: bold;
        font-family: 'Roboto', sans-serif!important;
        font-size: 10px !important;
    }
    .ui-widget-content {
        border: 0px solid #aaaaaa;
        padding: 0;
    }
    .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
        margin-bottom: 15px;
    }
    .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
        border-bottom-right-radius: 0px;
    }
    .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
        border-bottom-left-radius: 0px;
    }
    #d_filtro_pedidos input[type=submit] {
        background: none;
        border: 1px solid transparent;
        width: 45px;
        height: 22px;
        text-indent: 0;
        cursor: pointer;
    }
    
    .mh-pc-campo-filtro {
        margin: 1px 0px;
    }
    
    .faturamentoDivData {
        margin-top: 16px;
        color: #808080;
        font-size: 14px;

    }
    .titDestaque {
        color: #808080 !important;
        font-size: 14px;
    }

    .numeroPedidoClienteFiscal {
        background-color: #F5F5F5;
        margin-top: 20px;
        display: flex;
        border-radius: 8px;
        flex-direction: column;
        padding: 16px 28px 10px 10px;
        align-items: baseline;
        width: 30%;
    }

    .alterarFormaPagamento {
        background-color: #A9A9A9;
        border: none;
        color: #fff;
        padding: 8px;
        border-radius: 8px;
    }
    

    a.bt_altera_dados_faturamento2 {
        color: #fff;
        padding: 10px;
    }

    .programarFaturamento {
        background-color: #F5F5F5;
        margin-top: 20px;
        display: flex;
        border-radius: 8px;
        flex-direction: row;
        padding: 16px 28px 10px 10px;
        align-items: baseline;
    }

    input.mh-pc-salvar-cotacao {
        margin-top: 3px;
        background: #07ab61;
        border: none;
        border-radius: 4px;
        color: #ffffff;
        padding: 5px 10px;
    }
   
    a.mh-pc-mail-to {
        color: #b1b1b1;
    }
    a.mh-pc-mailto-rep {
        color: #ffffff;
    }
    input#cnpj_cliente_final {
        border-radius: 8px;
        border: none;
        padding: 8px 24px 8px 12px;
    }
    
    table#pedido .txt_pedidoCliente {
        width: 170px;
        padding: 5px 10px;
        font-size: 11px;
        font-weight: bold;
        background-color: #ffffff;
        border-color: #333333;
        border-width: 1px;
        color: black;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        vertical-align: middle;
        border-radius: 4px;
        height: 25px;
        margin-bottom: 10px;
        padding: 9px;
        margin-left: 10px;
    }

    .modalteSTE {
        display: none; /* Escondido inicialmente */
        position: fixed; /* Ficar na tela mesmo com scroll */
        z-index: 1; /* Z-index para ficar acima de outros elementos */
        left: 0;
        top: 0;
        width: 100%; /* Largura total da tela */
        height: 100%; /* Altura total da tela */
        background-color: rgba(0, 0, 0, 0.5); /* Fundo semitransparente */
      }

     
    .modal-contentTeste {
        margin: 8% auto;
        padding: 30px;
        border: none;
        width: 416px;
    }

    .modalForm {
        background-color: #ebebeb;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 0px 0px 10px 10px;
        padding: 10px 30px 30px 30px;
    }

    .modalTitle {
        background-color: #07ab61;
        display: flex;
        flex-direction: row;
        align-items: center;
        border-radius: 10px 10px 0px 0px;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 8px 15px 0px 15px;
    }

    .address-container {
    display: flex;
    justify-content: space-between;
    border: 2px solid;
    border-radius: 8px;
    padding: 8px;
    width: 49%;
    align-items: center;
    }

    .headerGeralAcd {
        width: 49%;
        padding: 16px; 
        background-color: #F0F0F0;
        margin-top: 10px;
        text-align: left;
        border-radius: 8px 8px 0px 0px;
    }

    .headerGeralAcd.centroDeCusto {
        float: left; 
    }

    .headerGeralAcd.aprovador {
        float: right; 
    }

    .bottomGeralAcd {
        width: 49%;
        background-color: #f0f0f0;
        border-radius: 0px 0px 8px 8px;
        text-align: left;
        margin-bottom: 12px;
        padding-bottom: 24px;
        display: flex;
        align-items: flex-end;
        color: #808080;
        font-weight: bold;
        font-size: 12px;
        justify-content: flex-start;
        flex-wrap: nowrap;
    }
    .bottomGeralAcd.centroDeCusto  {
        float: left; 
    }

    .bottomGeralAcd.aprovador  {
        float: right; 
    }

    

    input[type="radio"]:checked + strong {
        color: #00ad5c;
    }

    .address-container.firstChecked {
        border: 2px solid #00ad5c;
    }

    .modalTitle input.toggleFaturamentoClose {
        margin-left: 42px;
        background-color: #ffffff;
        border: none;
        color: #666;
        border-radius: 4px;
        padding: 6px 16px;
        font-size: 10px;
    }



    .modalTitle input.toggleFaturamentoClose:hover {
        border: none;
        color: #07ab61;
    }
    
    .modalForm input{
        width: 100%;
        border: 1px solid #c3c3c3;
        padding: 6px 6px;
        border-radius: 8px;
        margin: 4px 0px;
    }

    .modalForm .input-group {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .modalForm .input-group input#ruaFaturamento, .modalForm .input-group input#cidadeFaturamento {
        margin-right: 10px;
    }


    .modalForm input[type="button"] {
        background-color: #07ab61;
        border: none;
        color: #fff;
    }

    .modalForm p {
        color: #666;
        margin: 10px 0;
    }

    .pModalTitle {
        margin-top: 20px !important;
        font-weight: 600;
    }
      


    input.toggleFaturamento {
        margin: 5px 15px 20px 0px;
        background-color: #AEAEAE;
        border: 1px solid #AEAEAE;
        color: #fff;
        border-radius: 8px;
        padding: 8px;
    }

    .buttonNewAddress{
        background-color: #AEAEAE;
        border: 1px solid #AEAEAE;
        color: #fff;
        border-radius: 8px;
        padding: 8px;
    }

    input.toggleFaturamento.pc-endereco {
        margin: 0px; 
    }

    input.toggleFaturamento:hover {
        background-color: #fff;
        border: 1px solid #AEAEAE;
        color: #AEAEAE;
    }
    
    .detailsOfCart {
        margin-bottom: 10px;
        color: #808080;
        font-size: 16px;
        display: flex;
        flex-direction: row;
        line-height: 20px;
    }
    .buttonConfirmarPedido {
        background-color: #07ab61;
        color: #fff;
        border: none;
        border-radius: 8px;
    }

    .col-md-12.divButtonConfirmarPedido {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        width: 100%;
        margin: 0px;
        padding: 8px;
    }

    .detailsOfCart.start {
        justify-content: end;
        text-align: end;
    }
    

    .detailsOfCart.end {
        justify-content: flex-end;
    }
    
    .col-md-12.formProductsHeader {
        color: #808080;
        background-color: #F9F9F9;
        padding: 24px;
        margin-top: -7px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
    }

    input.toggleFaturamentoClose {
        margin: 5px 15px 20px 0px;
        background-color: #AB2E07;
        border: 1px solid #AB2E07;
        color: #fff;
        border-radius: 8px;
        padding: 8px;
    }

    input.toggleFaturamentoClose:hover {
        background-color: #fff;
        border: 1px solid #AB2E07;
        color: #AB2E07;
    }

    input.toggleFaturamentoSave{
        margin: 5px 0px 20px 0px;
        background-color: #07ab61;
        border: 1px solid #07ab61;
        color: #fff;
        border-radius: 8px;
        padding: 8px;
    }

    input.toggleFaturamentoSave:hover {
        background-color: #fff;
        border: 1px solid #07ab61;
        color: #07ab61;
    }

  
    table#pedido .txt_obs_pedido {
        width: 450px;
        height: 80px;
        margin: 0 0px 10px 60px;
        padding: 5px 10px;
        font-size: 12px;
        font-weight: bold;
        background-color: #ffffff;
        border-color: #333333;
        border-width: 1px;
        color: black;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        vertical-align: middle;
        border-radius: 4px;
        margin-bottom: 10px;
        padding: 9px;
        margin-left: 10px;
    }
    table#pedido .txt_obs_pedido {
        margin: 0 0px 10px 8px!important;
    }
    a:focus, a:hover {
        text-decoration: none;
    }
    .inputbox {
        height: 30px;
        padding: 3px;
        margin-left: 0px;
    }
    #dBusca input[type='text'] {
        color: #C2C2C2;
        border: solid 1px #07ab61;
        border-radius: 10px 0 0 10px;
    }
    select.inputbox {
        margin-left: 10px;
    }
      
    
    @media only screen and (max-device-width: 880px) {
        img.mh-pc-footer-1.logoHexis{
            width: 100%;
         }
    #dCarrinho {
          width: 18%!important;
      }
      button.mh-pc-form-btn {
          width: 35px!important;
      }
        }
    /* ----- CSS FACELIFT PUMPY END ----- */
    
    * {box-sizing: border-box;}
    body {font-family: Verdana, sans-serif;}
    img {vertical-align: middle;}
    
    /* Slideshow container */
    .slideshow-container {
        max-width: 100%;
        position: relative;
        margin: auto;
      }
      
      /* Caption text */
      .text {
        color: #f2f2f2;
        font-size: 15px;
        padding: 8px 12px;
        position: absolute;
        bottom: 8px;
        width: 100%;
        text-align: center;
      }
      
      /* Number text (1/3 etc) */
      .numbertext {
        color: #f2f2f2;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
      }
      
      /* The dots/bullets/indicators */
      .dot {
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
      }
      
      .active {
        background-color: #717171;
      }
      
      /* Fading animation */
      .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 16s;
        animation-name: fade;
        animation-duration: 16s;
      }
      
      @-webkit-keyframes fade {
        from {opacity: .8} 
        to {opacity: 1}
      }
      
      @keyframes fade {
        from {opacity: .8} 
        to {opacity: 1}
      }
      
      /* On smaller screens, decrease text size */
      @media only screen and (max-width: 300px) {
        .text {font-size: 11px}
      }
    
    .pedidopunchout {
        margin: 60px 0px;
    }
    
    .pedidopunchout p {
        font-size: 16px;
    }
    
    .pedidopunchout h2 {
        color: #07ab61;
        font-size: 32px;
    }
    
    div.banner-area-black > div > a > img {
        width: 100%;
        padding: 0px!important;
    }
    
    div.banner-area-black {
        background-image: none;
        padding: 0px 0 0px 0;
        color: #ffffff;
        background-position: center;
        background-size: contain;
        margin-top: 4px;
        margin-bottom: 0px;
        height: 300px;
        background: #1E1F1C;
    }
    
    div.banner-pascoa > div > a > img {
        width: 100%;
        padding: 0px!important;
    }
    
    div.banner-pascoa {
        background-image: none;
        padding: 0px 0 0px 0;
        color: #ffffff;
        background-position: center;
        background-size: contain;
        margin-top: 4px;
        margin-bottom: 0px;
        height: 300px;
        background: #1E1F1C;
    }
    img.avisoProdutoBlackNovember {
        max-width: 90px;
        position: absolute;
    }
    a.mh-pc-top-bar-email {
        color: #ffffff;
    }
    .mh-pc-top-bar-menu > a {
        color: #ffffff!important;
    }
    @media (max-width: 1200px){
        .container {
            width: 100%!important;
        }
        #dBusca input[type="text"] {
            width: 80%;
        }
        #dCarrinho {
            width: 18%;
        }
        #dCarDetalhes {
            overflow: scroll;
        }
    }
    
    @media (max-width: 600px) {
        #dCarrinho {
            width: 33%;
        }
        #dBusca {
            width: 43%;
        }
        #dBusca input[type="text"] {
            width: 75%;
        }
        #lg_MyHexis {
            width: 20%;
            padding-top: 20px;
        }
        .dropdownmenu a {
            padding: 5px 10px;
            text-decoration: revert;
        }
        .dropdownmenu {
            margin-top: 2px!important;
        }
        i.fas.fa-bars {
            display: none;
        }
        .mh-pc-left {
            width: 100%;
            font-size: 12px;
        }
        .mh-pc-right {
            width: 100%;
        }
        #dCarDetalhes {
            overflow: scroll;
        }
    }
    
      /* PRODUCT GALLERY START*/
      .zoom {height:400px; position: relative;}
      .zoom-main {
          height:80%;
          position:relative;
          text-align:center;
      }
      .zoom-thumb-hide .zoom-main {height:100%;}
      .zoom-main span {
          background-position: 50% 50%;
          background-repeat:none;
          background-size:200%;
          overflow: hidden;
          position:absolute;
          cursor: zoom-in;
          border:dashed thin #ccc;
          position: relative;
          display:inline-block;
          height:100%;
      }
      .zoom-right .zoom-main span {left:0;}
      .zoom-main img {
          display:block; 
          background:#fff;
          transition: opacity .5s;
      }
      .zoom-main img:hover {opacity: 0;}
      .zoom-right .zoom-main{float:left;padding-right:5px;}
      .zoom-thumb {height:20%;text-align:center;padding:5px;}
      .zoom-right .zoom-thumb {display:inline;}
      .zoom .zoom-thumb a {
          margin:0 5px 5px 0;
          padding:5px;
          border:solid thin #ccc;
          height:100%;
          display:inline-block;
          cursor: pointer;
      }
      .zoom-right .zoom-thumb a {float:left;height:20%;display:inline-block;}
      .zoom .zoom-thumb a img {height:100%;}
      .zoom-left .zoom-main, .zoom-left .zoom-thumb a{float:right;width:auto;}
      @media all and (max-width: 735px){
          .zoom img{width:auto;max-width:100%;height:auto;}
          .zoom .zoom-thumb a img {width:auto;}
          .zoom-main, .zoom-thumb a{float:none !important;}
          .zoom-main {height:auto !important;}
          .zoom .zoom-thumb {display:block; height:100%;text-align:center !important;padding:5px;}
          .zoom-thumb a {height:20% !important;display:inline-block !important;}
      }
    
      .zoom-right .zoom-thumb a {
        float: left!important;
        height: 14%;
        display: inline-block;
    }
    .zoom-main span {
        height: 80%;
    }
    
    .zoom-right .zoom-thumb a {
        float: left!important;
        height: 12%;
        display: inline-block;
        margin: 1px;
        padding: 0px;
        border: 0px solid;
        border-radius: 1px;
    }
    span.zoom-mousemove {
        border: 0;
    }
    .pc-prod-video {
        padding: 5px 10px;
        background: #000000;
        border-radius: 10px;
        margin-bottom: 40px;
        border: solid 1px #cfcfcf;
        width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    
    @media (max-width: 735px) {
    .zoom .zoom-thumb {
        height: 70%;
    }
    .pc-prod-video {
        width: 100%;
    }
    }
    .zoom-right .zoom-main {
        height: inherit;
    }
    .zoom-main {
        width: 80%!important;
    }
    span.zoom-mousemove {
        height: auto;
    }
    .zoom-right .zoom-thumb a {
        height: 12%;
        width: 16%;
    }
    
    .zoom-right .zoom-thumb a {
        height: 12%;
        width: 16%;
        margin-bottom: 15px;
    }
    
    
    .zoom-thumb-hide .zoom-main {
        width: 100%!important;
    }
    
    span.zoom-mousemove {
        width: 100%;
    }
    
    .zoom-main img {
        width: 100%;
    }
    
    .zoom .zoom-thumb a img {
        height: auto;
        max-width: 100%;
    }
    
    
      /* PRODUCT GALLERY END*/
    
      div.banner-area-black {
        background-image: none;
        padding: 0px 0 0px 0;
        color: #ffffff;
        background-position: center;
        background-size: contain;
        margin-top: 4px;
        margin-bottom: 0px;
        height: 300px;
        background: rgb(0,111,128)!important;
        background: linear-gradient(90deg, rgba(0,111,128,1) 50%, rgba(21,154,137,1) 50%)!important;
    }
    
    div.banner-pascoa {
        background-image: none;
        padding: 0px 0 0px 0;
        color: #ffffff;
        background-position: center;
        background-size: contain;
        margin-top: 4px;
        margin-bottom: 0px;
        height: 300px;
        background: rgb(0,111,128)!important;
        background: linear-gradient(90deg, rgba(0,143,75,1) 50%, rgba(0,127,106,1) 50%)!important;
    }
    
    .mh-pc-cart-icon > img {
        margin-left: 16px;
    }
    
    td.sectiontableheader {
        padding-top: 25px;
    }
    .pc-myhx-cc {
        text-align: left;
    }
    
        .pc-myhx-cc {
            background: #e8e8e9;
            margin-left: 10px;
            padding: 1px 20px;
            margin-top: 10px;
            border-radius: 20px 20px 0px 0px;
            border: solid 1px #d6d6d6;
            font-size: 11px;
            color: #1b1b1b;
        }

        .pc-aviso-5x{
            color: #d31616;
        }
    
        .pc-myhx-cc-2 {
            background: #e8e8e9;
            margin-left: 10px;
            padding: 10px 20px;
            margin-top: 2px;
            border-radius: 0px 0px 20px 20px;
            border: solid 1px #d6d6d6;
            font-size: 11px;
            color: #1b1b1b;
            text-align: left;
        }
    
        input[type=checkbox], input[type=radio] {
            margin: 4px 0 0;
            margin-top: 1px\9;
            line-height: inherit;
            height: 20px;
            width: 20px;
            margin-right: 5px;
        }
    
        label > span {
            line-height: 30px;
            vertical-align: top;
        }
        label > p {
            line-height: 30px;
            vertical-align: top;
        }
    
        .con-tooltip {
            font-size: 12px;
            align-content: flex-start;
            flex-wrap: wrap;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            padding-right: 5%;
            padding-top: 7px;
        }
    
        .tooltipNew {
            display: flex;
            justify-content: space-between;
        }
        /*POPUP*/
        .box {
            width: 40%;
            margin: 0 auto;
            background: rgba(255,255,255,0.2);
            padding: 35px;
            border: 2px solid #fff;
            border-radius: 20px/50px;
            background-clip: padding-box;
            text-align: center;
          }
          
          .button {
            font-size: 1em;
            padding: 10px;
            color: #fff;
            border: 2px solid #06D85F;
            border-radius: 20px/50px;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.3s ease-out;
          }
          .button:hover {
            background: #06D85F;
          }
    
          .a-button {
            background: #01ac5d;
            border: navajowhite;
            color: #ffffff;
            padding: 5px 30px;
            margin-right: 22px;
            border-radius: 5px;
        }
    
        .a-button:hover {
            background: #06D85F;
          }
          .overlay {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.7);
            transition: opacity 500ms;
            visibility: hidden;
            opacity: 0;
          }
          .overlay:target {
            visibility: visible;
            opacity: 1;
          }
          
          .popup {
            margin: 70px auto;
            padding: 20px;
            background: #fff;
            border-radius: 5px;
            width: 30%;
            position: relative;
            transition: all 5s ease-in-out;
          }
          
          .popup h2 {
            margin-top: 0;
            color: #333;
            font-family: Tahoma, Arial, sans-serif;
          }
          .popup .close {
            position: absolute;
            top: 20px;
            right: 30px;
            transition: all 200ms;
            font-size: 30px;
            font-weight: bold;
            text-decoration: none;
            color: #333;
          }
          .popup .close:hover {
            color: #06D85F;
          }
          .popup .content {
            max-height: 30%;
            overflow: auto;
          }
          
          @media screen and (max-width: 700px){
            .box{
              width: 70%;
            }
            .popup{
              width: 70%;
            }
          }
        /*POPUP*/
    
        .overlay {
            z-index: 99;
        }
    
        label.checkbox-inline {
            width: 100%;
            text-align: right;
        }
    
        label.checkbox-inline > span {
            margin-right: 27px;
        }
    
        .pc-mhx-cc {
            text-align: left;
            padding: 10px 10px;
            font-size: 14px;
            font-weight: 800;
        }
    
        .pc-mhx-cc-p {
            padding: 10px 10px;
            font-size: 14px;
            font-weight: 800;
            padding-right: 26px;
        }
    
        .pc-mhx-cc-p-g {
            padding: 10px 10px;
            font-size: 14px;
            font-weight: 800;
            padding-right: 26px;
            color: #00d000;
        }
    
        .pc-mhx-cc-l-g {
            padding: 10px 10px;
            font-size: 14px;
            font-weight: 800;
            padding-right: 26px;
        }
    
        .col-md-10.pc-mhx-cc > div > form {
            padding-right: 15px;
        }
    
        .col-md-10.pc-mhx-cc > div > form {
            padding-right: 15px;
            font-weight: 100;
        }
    
        .col-md-10.pc-mhx-cc > div > form > span {
            padding-right: 15px;
        }
    
        .col-md-6.pc-cc-checkout-info {
            margin-top: 20px;
        }
    
        .col-md-10.pc-mhx-cc-btn > a {
            background: #00ad5c;
            padding: 10px 20px;
            display: inline-table;
            color: #ffffff;
            border-radius: 10px;
            font-size: 14px;
            margin-top: 10px;
            margin-bottom: 10px;
        }
    
        .col-md-10.pc-mhx-cc-btn {
            text-align: right;
            padding-right: 26px;
        }
    
        .col-md-10.pc-mhx-cc-link {
            font-size: 14px;
            text-align: right;
            padding-right: 28px;
        }
        .pc-modal-header {
            text-align: center;
            background: #01ac5d;
            margin-top: -20px;
            margin-left: -20px;
            margin-right: -20px;
            padding: 15px 0px 5px 0px;
            margin-bottom: 20px;
            border-radius: 5px 5px 0px 0px;
        }
    
        .pc-modal-header > h2 {
            color: #ffffff!important;
        }
    
        a.close {
            margin-top: -12px;
            background: #e2e2e2;
            opacity: 1;
            padding: 0px 8px;
            margin-right: -20px;
            border-radius: 5px;
        }
    
        .pc-modal-footer {
            text-align: center;
        }
    
        .pc-modal-footer > button {
            background: #01ac5d;
            border: navajowhite;
            color: #ffffff;
            padding: 5px 30px;
            margin-right: 22px;
            border-radius: 5px;
        }
    
        .popup > div > label {
            text-align: left;
        }
    
        .popup > div > label > span {
            margin-left: 14px;
        }
    
        .pc-modal-footer {
            margin-top: 20px;
        }
    
        .popup .center {
            text-align: center;
            margin-bottom: 20px;
            margin-top: 6px;
        }
    
        .popup {
            width: fit-content;
            font-weight: 100!important;
        }
    
        .popup > div > hr {
            border: solid 1px #a8a8a8;
        }
    
        img.pc-cc-bandeira {
            margin-right: 15px;
        }
    
        button.pc-delete-cc {
            border: none;
            background: transparent;
        }

        img.pc-cc-delete {
            margin-left: 10px;
            width: 12px;
        }
    
        .form-check.form-check-inline > label {
            line-height: 30px;
            vertical-align: super;
        }
    
        .form-check.form-check-inline > b {
            line-height: 30px;
            vertical-align: super;
        }
    
        .form-check.form-check-inline {
            margin-top: 20px;
        }
    
        div#popup4 > .popup {
            width: 40%;
        }
    
        .popup .content {
            overflow: hidden;
        }
    
        .pc-cc-art {
            background: url(http://myhexis.com.br/images/bgcc2.jpg);
            color: #ffffff;
            height: 200px;
            border-radius: 20px;
            padding: 10px 30px;
            background-size: cover;
        }
    
        span.banco-logo {
            font-size: 28px;
            font-weight: 900;
            color: #828282;
        }
    
        img.cc-chip {
            width: 40px;
            margin-bottom: 20px;
        }
    
        span.cc-numero {
            font-family: monospace;
            font-weight: 100;
            font-size: 20px;
            text-shadow: 1px 1px 1px #000000;
        }
    
        
        span.cc-nome {
            font-size: 18px;
        }
    
        span.cc-data {
            font-size: 18px;
            float: right;
        }
    
        span.cc-cvv {
            float: right;
            font-size: 20px;
            color: #000000;
            background: #ffffff;
            padding: 2px 10px;
            border-radius: 10px;
            margin-top: 15px;
            font-family: monospace;
        }
    
    
        .flip-container {
            perspective: 1000px;
            width: 100%;
        }
    
          .flip-container:hover .flipper{
            transform: rotateY(180deg);
            /* se quiser uma anima��o na vertical,
            troque por rotateX(180deg)
            */
        }
    
        .pc-flipped {
        transform: rotateY(180deg);
        }
    
        .flipper{
            width: 100%;
            transition: transform 0.8s;
            transform-style: preserve-3d;
        }
    
        .flipper{
            position: relative;
        }
        .front, .back{
            position: absolute;
            width: 100%;
        }
    
        .back{
            transform: rotateY(180deg);
        }
    
        .front, .back{
            position: absolute;
            width: 100%;
            backface-visibility: hidden;
          }
    
          #switch{
            display: none;
        }
    
        .popup6 > .popup > .pc-modal-header {
            background-color: black!important;
        }
    
        div#popup6 > div > .pc-modal-header {
            background: #ffd606;
            border-bottom: solid 2px;
        }
    
        div#popup6 > div > .pc-modal-header > h2 {
            color: #000000!important;
        }
    
        div#popup6 > div > div > div > button {
            background: #ffd606;
            color: #000000;
            margin: 0;
        }
    
        div#popup9 > div > .pc-modal-header {
            background: #ffd606;
            border-bottom: solid 2px;
        }
    
        div#popup9 > div > div > div > button {
            background: #ffd606;
            color: #000000;
            margin: 0;
        }
    
        div#popup9 > div > .pc-modal-header > h2 {
            color: #000000!important;
        }
    
        div#popup10 > .popup > .pc-modal-header > h2 {
            display: none;
        }
    
        div#popup10 > .popup > .pc-modal-header {
            background: transparent!important;
        }
    
        div#popup10 > .popup {
            background: transparent;
        }
    
        div#popup10 > .popup > .content > .pc-myhx-cc {
            padding: 20px 20px;
        }
    
        button.pc-cart-cc-cinza {
            background: #c7c7c7;
            color: #000000;
        }
    
        span.pc-class-pix {
            background: #f3f3f3;
            padding: 2px 4px;
            border-radius: 2px;
            border: solid 1px #c5c5c5;
        }
    
        .valid {
            background-color: #00d000;
        }
    
        img.pc-cc-bandeira {
            width: 28px;
            border: solid 1px #d8d8d8;
            border-radius: 3px;
        }
    
        a.pc-tooltip-cc {
            margin-top: -36px;
            position: absolute;
        }

        .textAdvancedHowCart{ 
            font-size: 16px;
            color: #07AB61;
            font-weight: bold;
        }

        
        .buttonSaveInMovimentacao{
            float: right;
            text-align: right;
        }
   


        button.buttonAdvancedCart {
            color: #fff;
            padding: 4px 12px;
            font-size: 14px;
            border-radius: 8px;
            border: none;
            margin-right: 8px;
            width: 100%;
            text-align: left;
        }

        button.buttonAdvancedCart.cotacao {
            background-color: #3D85F0;      
        }

        button.buttonAdvancedCart.compra {
            background-color: #07AB61;
        }

        .textAdvancedCar > a {
            color: #fff;
        }
    
        .pc-mhx-cc {
            padding-right: 25px;
        }
        input#pc-codigo-interno {
            width: 100px;
            border-radius: 0px!important;
            border: solid 0px;
            background: transparent;
            font-weight: 600;
        }
        
        button.pc-copy {
            background: #ededed;
            border: solid 1px #dadada;
            border-radius: 6px;
            color: #b0b0b0;
            font-size: 12px;
        }
    
        tr.pc-mhx-cc-upper {
            text-align: right;
        }

        .buttonsOfCart {
            display: flex;
            justify-content: space-between;
            font-size: 12px;
            margin: 12px 0px;
            padding: 12px 8px 21px 8px;
        }
    
        .remove-mass {
            background: #ef6666;
            color: #fff;
            border: 1px solid #ef6666;
            padding: 8px;
            border-radius: 8px;
            margin-right: 8px;
        }

        
        .remove-mass:hover {
            background: #fff;
            color: #ef6666;
            border: 1px solid #ef6666;
            padding: 8px;
            border-radius: 8px;
            margin-right: 8px;
        }

        input#txtCodigoPromocional::-webkit-input-placeholder {
            font-weight: bold;
        }

        input#btEnviarCodigoPromocional {
            margin-left: -5px;
            border: none;
            height: 35px;
            width: 20%;
            font-weight: bold;
            border-radius: 0px 4px 4px 0px;
            padding: 8px;
            color: #808080;
            cursor: pointer;
        }

        .cc-upper {
            background: #4583f3;
            color: #fff;
            border: 1px solid #4583f3;
            padding: 8px;
            border-radius: 8px;
            margin-right: 8px;
            width: fit-content;
        }

        .cc-upper:hover {
            background: #fff;
            color: #4583f3;
            border: 1px solid #4583f3;
            padding: 8px;
            border-radius: 8px;
            margin-right: 8px;
            width: fit-content;
        }
    
        tr.pc-mhx-cc-upper > td > a {
            background: #4583f3;
            color: #ffffff;
            padding: 5px 15px;
            border-radius: 6px;
        }
    
        
        
    /* TRACKER */
    .backgroundGreyTracking {
        background-color: #666666;
        color: #ffffff;
        padding: 15px;
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 20px;
        border-radius: 10px;
    }
    
    .pc-header-tracking-div {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        background-color: #f9f9f9;
        border-radius: 0px 0px 12px 12px;
    }

    .pc-header-tracking-title {
        font-size: 20px;
        font-weight: 600;
        color: #019147;
        background: #f0f0f0;
        border-radius: 12px 12px 0px 0px;
    }
    
    .progessContainer {
        background-color: #CCC;
        position: relative;
        margin-top: 16px;
        width: 100%;
        height: 3px;
        margin-bottom: 10px;
        padding: 0px !important;
    }
    
    span.txt-tracking {
        font-size: 14px;
        color: #666;
    }
    
    img.tracking-nao-concluido {
        filter: grayscale(1);
    }
    
    img.tracking-concluido {
        filter: grayscale(1);
        animation: item-animation-first 0.1s;
        animation-delay: 1s;
        animation-fill-mode: forwards;
    
    }
    
    .progessContainer.primeiro .progress-bar{
       position: absolute;
       height: 100%;
       background-color: #0fd439;
       animation: progress-animation-first 2s;
       width: 8%;
    }
    
    .progessContainer.segundo .progress-bar {
        position: absolute;
        height: 100%;
        background-color: #0fd439;
        animation: progress-animation-second 2s;
        width: 29%;
     }
    
     .progessContainer.terceiro .progress-bar {
        position: absolute;
        height: 100%;
        background-color: #0fd439;
        animation: progress-animation-third 2s;
        width: 50%;
     }
    
     .progessContainer.quarto .progress-bar {
        position: absolute;
        height: 100%;
        background-color: #0fd439;
        animation: progress-animation-fourth 2s;
        width: 66%;
    }
    
     .progessContainer.quinto .progress-bar {
        position: absolute;
        height: 100%;
        background-color: #0fd439;
        animation: progress-animation-fifth 2s;
        width: 82%;
    }
    
    .progessContainer.ultimo .progress-bar {
        position: absolute;
        height: 100%;
        background-color: #0fd439;
        animation: progress-animation-last 2s;
        width: 100%;
    }
    
    .progessContainer.ultimo.cancelado .progress-bar {
        position: absolute;
        height: 100%;
        background: linear-gradient(to right, #0fd439 77%, #0fd439 0%, #0fd439 0%, #f00 100%);
         animation: progress-animation-last 2s;
        width: 100%;
    }
    
    
    @keyframes progress-animation-first{
        0% { width: 0%; } 
        100% { width: 8%}
    }
    
    @keyframes progress-animation-second{
        0% { width: 0%; } 
        100% { width: 25%}
    }
    
    @keyframes progress-animation-third{
        0% { width: 0%; } 
        100% { width: 42%}
    }
    
    @keyframes progress-animation-fourth{
        0% { width: 0%; } 
        100% { width: 59%}
    }
    
    
    @keyframes progress-animation-fifth{
        0% { width: 0%; } 
        100% { width: 76%}
    }
    
    @keyframes progress-animation-last{
        0% { width: 0%; } 
        100% { width: 100%}
    }
    
    
    
    
    @keyframes item-animation-first{
        0% {     filter: grayscale(1)    } 
        100% {     filter: grayscale(0); }
    }
    
    /* FIM TRACKING*/
        .pc-cta-cons {
            background: #38AB77;
            padding: 10px;
            color: #ffffff;
            border-radius: 10px;
            text-align: center;
        }
    
        div#modal_salvar_pedido {
            height: auto!important;
        }
    
        .pc-cta-cons > p > a {
            color: #ffffff;
            font-size: 11px;
            font-weight: 900;
            text-decoration: underline;
            outline: none;
        }
    
        .pc-cta-cons > span {
            font-size: 14px;
            background: #fff;
            padding: 3px 8px 4px 8px;
            border-radius: 10px;
            line-height: 30px;
            color: #666;
        }
    
        a.pc-mh-preferencias {
            color: #000000;
            padding: 0px 0px;
            font-weight: 700;
        }
    
    img.pc-pref-icon {
        height: 25px;
        float: right;
    }
    
    a.pc-mh-preferencias > b {
        text-decoration: underline;
        font-weight: 700;
    }
    
    @media only screen and (max-width: 1366px){
        .overlay:target {
            visibility: visible;
            opacity: 1;
            overflow: auto;
        }
    }
    
    .pc_prodLista_contrato > img {
        width: 20px;
        margin-right: 5px;
    }
    
    .pc_prodLista_contrato {
        text-align: center;
        font-weight: 600;
        font-size: 13px;
        margin-bottom: 15px;
    }
    
    span.pc-cart-fob {
        color: #989898;
        font-size: 12px;
        font-weight: 500;
    }
    
    /* Tooltip container */
    .pc-cart-tooltip {
      position: relative;
      display: inline-block;
      border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
    }
    
    /* Tooltip text */
    .pc-cart-tooltip .pc-cart-tooltiptext {
      visibility: hidden;
      width: 300px;
      background-color: black;
      color: #fff;
      text-align: center;
      padding: 10px 10px;
      border-radius: 6px;
     
      /* Position the tooltip text - see examples below! */
      position: absolute;
      z-index: 1;
      left: -75px;
      top: 20px;
    }
    
    /* Show the tooltip text when you mouse over the tooltip container */
    .pc-cart-tooltip:hover .pc-cart-tooltiptext {
      visibility: visible;
    }
    
    
    .pc-mh-cert-btn > a {
        background: #fff;
        width: fit-content;
        padding: 5px 10px;
        border-radius: 5px;
        border: solid 1px #a0d4eb;
        color: #028ecb;
        transition: 0.2s;
    
      }
      .pc-mh-cert-btn {
        color: #028ecb;
        margin-top: 12px;
      }
    
      .pc-mh-cert-btn > a:hover {
        width: fit-content;
        padding: 5px 10px;
        border-radius: 5px;
        border: solid 1px #dff0f8;
        color: #028ecb;
        background: #dff0f8;
        transition: 0.2s;
      }
    
      .pc-aviso-acordo {
        font-size: 15px;
        margin: 22px 8px;
        font-weight: 600;
      }
    
    
    
      span.pc-news-badge {
        position: absolute;
        margin-top: -16px;
        font-size: 10px;
        text-transform: capitalize;
        background: #0393CB;
        /* height: 14px; */
        line-height: 14px;
        color: #ffffff;
        padding: 1px 7px;
        border-radius: 50px;
    }

    .cat-balls-container{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    
    div.cat-balls {
        height: 190px;
        margin: auto;
        margin-top: 10px;
    }
    
    .col-md-2.cat-balls-div {
        color: #404040;
        text-align: center;
    }
    
    .col-md-2.cat-balls-div>p {
        font-weight: 100;
        line-height: 14px;
    }
    
    img.cat-balls {
        width: 100%;
        border-radius: 100px;
    }
      
      .col-md-2.cat-balls-div>h3 {
          font-size: 22px!important;
          line-height: 18px;
          color: #888888;
      }
    
      .col-md-2.cat-balls-div {
        margin: 30px 0;
    }
    
    img.cat-balls{
        border-radius: 10px;
        margin: 15px 0px 15px 0px;
    
    }
    
    h3.pc-catballs{
        font-size: large;
        margin-top: 35px;
        font-weight: bold;
        text-align: left
    }
    
    .cat-balls-div > a >  p {
        margin: 12px 0px 10px 2px;;
        text-align: left;
        height: 60px;
        font-size: 1.5em;
    }
    
    .cat-balls-button > button {
        border-radius: 10px;
        border: none;
        padding: 6px 30px;
        color: white;
        background-color: #08aa61;
        font-size: 1.5em;
    }
    
    .cat-balls-button {
        padding: 6px 36px;
        font-size: 10px;
    }
    
    .under-slide-banner{
        background-image: url(https://myhexis.com.br/templates/myhexis/images/bannerTrocaFacil-infos.jpg);
        background-position: center;
        background-size: contain;
        margin-top: -5px;
        height: 110px;
        background-repeat: no-repeat;
    }
    
    .under-slide-banner>p{
        padding-top: 30px;
        font-size: 16px;
        color: #fff;
    }
    
    
    .pc-hide.col-md-12 {
        background: #ffffffe8;
        position: absolute;
        top: 25px;
        padding: 20px;
        border-radius: 10px;
        color: #000000;
        width: 90%;
        height: 200px;
        max-height: 200px;
        font-size: 12px;
      }
      
          hr {
              margin: 5px;
              height: 0px;
              border-bottom: solid 1px #e8e8e8;
          }
      
          h3.pc-catballs {
            font-size: 16px;
            margin-top: 0;
            text-align: center;
            color: #666;
            text-transform: uppercase;
          }
      
          p.pc-catballs {
              text-align: center;
          }
      
          .pc-hide {
              visibility: hidden;
              opacity: 0;
              transition: visibility 0.3s, opacity 0.5s linear;
          }
      
          .image-container:hover .pc-hide {
              visibility: visible;
              transition: visibility 0.3s, opacity 0.5s linear;
              opacity: 1;
          }
    
          .col-md-3.cat-balls-div {
            margin-bottom: 30px;
            padding: 0px 26px 0px 0px;
        }
    
        .linhaPedido.em_aprovacao {
            background: #ffd1a9  !important; 
        }
    
    
        .linhaPedido.em_aprovacao:nth-child(odd) {
            background:  #ffdfc4 !important;
        }
    
    
        .linhaPedido.em_aprovacao:nth-child(even) {
            background: #ffd1a9 !important; 
        }

        .linhaPedido.cancelado {
            background-color: #fde0e0 !important;
            color:#EA7575 !important;
            text-decoration:line-through;
        }

        .linhaPedido.cancelado a {
            color:#EA7575 !important;
        }
    
    
        p.pc-catballs {
            text-align: center;
            font-size: 12px;
        }
    
        .pc-catball-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            height: fit-content;
        }
    
        .slider-produtos-destaque {
            display: flex;
            transition: transform 0.3s ease-in-out;
            width: 100%; 
        }
        
        .slide-produtos-destaque {
            flex: 0 0 33%;
            width: 100%; 
            display: flex; 
            justify-content: center; 
        }
        .prev-produtos-destaque {
            background-color: transparent;
            border: none;
            font-size: 30px;
            color: #07ab61;
            margin: 0 10px;
            cursor: pointer;
        }
        
        .buttons-destaque {
            display: inline-flex;
            justify-content: space-between;
            width: -webkit-fill-available;
        }
        
        .next-produtos-destaque {
            background-color: transparent;
            border: none;
            font-size: 30px;
            color: #07ab61;
            margin: 0 10px;
            cursor: pointer;
        }
        
        .container.produtos-destaque {
            border: none;
            width: 100%;
            border-radius: 10px;
            padding: 5px 30px;
            margin: 16px;
            overflow: hidden;
        }
        
        h3.produtos-destaque {
            text-align: left;
            float: left;
            font-weight: bold;
            background-color: #07ab61;
            color: #eee;
            width: fit-content;
            padding: 8px;
            border-radius: 8px;
            box-shadow: 0px 2px 7px 0px #00000057;
        }

        .pc-titulo-pagina {
            background-color: #b9ebe4;
            padding: 10px;
            border-radius: 6px;
        }

        .pc-titulo-pagina p{
            margin: 0;
            color: #808080;
            font-weight: 600;
            font-size: 14px;
        }

        .pc-titulo-pagina h2{
            margin: 0;
            color: #808080;
            font-weight: 600;
            font-size: 14px;
        }

        .pc-text-advanced-container {
            margin-top: 36px;
        }

        .pc-igua-aviso {
            background-color: #f9f4cc;
            border-radius: 6px;
            text-align: left;
            margin-bottom: 10px;
            padding: 18px;
            color: #808080;
            font-size: 14px;
        }

        .pc-igua-aviso p b i.fas.fa-exclamation-circle {
            color: #808080;
            font-size: 18px;
            margin-right: 6px;        
        }

        

        .pc-agilent-revenda-aviso {
            background-color: #ffe2e2;
            border-radius: 6px;
            text-align: left;
            margin-bottom: 10px;
            margin-top: 10px;
            padding: 18px;
            color: #808080;
            font-size: 14px;
        }

        .pc-agilent-revenda-aviso p b i.fas.fa-exclamation-circle {
            color: #808080;
            font-size: 18px;
            margin-right: 6px;        
        }

        .pc-grid-pedido {
            display: flex;
            flex-wrap: wrap;
            padding: 16px 0px 0px 36px;
        }

        button#DataNascimentoButton {
            border: none;
            background: #a1a1a1;
            color: #fff;
            border-radius: 8px;
            padding: 4px 14px;
            margin: 10px;
        }

        .pc-datanasc-container {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin: 0;
            padding: 0;
        }

        .pc-obs-faturamento{
            text-align: center;
            margin: 40px 0 20 0;
        }

        .pc-obs-faturamento-pedido{
            margin: 10px 0;
        }

        .pc-right-faturamento {
            width: 32% !important;
        }

        .pc-left-faturamento {
            width: 68% !important;
        }

        
       

        .pc-carrinho-vazio-container h3{
            font-size: 32px;
            color: #666;
            margin: 36px 0;
        }
        .pc-carrinho-vazio-container h3 b{
            color:  #FDAE2F;
        }
        .pc-carrinho-vazio-container p {
            font-size: 14px;
            color: #666;
            margin: 0;
        }
        .pc-carrinho-vazio-container img {
            width: 30%;
            margin-bottom: 30px;
        }
        .pc-carrinho-vazio-container a button {
            background-color: #FDAE2F;
            color: #fff;
            border: none;
            border-radius: 20px;
            padding: 4px 13%;
            font-size: 30px;
            margin: 30px 0;
        }
        .pc-carrinho-vazio-container a button:hover{
            background-color: #1f9989;
        }

        .pc-address-pedido p{
            margin: 0 !important;
            line-height: 24px !important;
        }

        .pc-address-pedido {
            font-weight: 600;
            color: #666;
        }

        .col-md-12.pc-cliente-revenda-agilent {
            background: #f9f4cc;
            padding: 10px;
            border-radius: 4px;
            margin: 10px -7px;
            color:  #808080;
            font-size: 12px;
        }

        .col-md-12.pc-cliente-revenda-agilent p {
            margin: 0;
        }


        .coupon-card {
            display: flex;
            align-items: flex-start;
            background: #fff;
            border: 2px dashed #dfdfdf;
            padding: 10px;
            margin: 10px 0;
            border-radius: 8px;
            text-align: left;
            box-shadow: 0px 0 12px 0px #0000001c;
        }
    
        .coupon-img {
            width: 200px;
            height: auto;
            border-radius: 8px;
            margin-right: 10px;
        }
    
        .coupon-info {
            flex-grow: 1;
        }
    
        .coupon-row {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 16px;
            font-weight: bold;
            padding: 10px 0;
        }
    
        .coupon-code {
            background: #f8f9fa;
            padding: 6px 12px;
            border-radius: 5px;
            border: 1px solid #ccc;
        }
    
        .copy-btn, .details-btn {
            background: #fff;
            color: #000;
            border: none;
            padding: 6px 10px;
            cursor: pointer;
            border-radius: 5px;
            font-size: 14px;
        }
    
        .copy-btn:hover, .details-btn:hover {
            background: #272727;
            color:#fff;
        }
    
        .coupon-details {
            background: #f8f9fa;
            padding: 8px;
            border-radius: 5px;
            margin-top: 5px;
            font-size: 14px;
        }

        a.details-btn {
            background: linear-gradient(343deg, rgba(250, 129, 29, 1) 0%, rgba(250, 171, 29, 1) 100%);
            color: white;
            border: none;
            padding: 6px 10px;
            cursor: pointer;
            border-radius: 5px;
            font-size: 14px;
        }
    
        @media (max-width: 600px) {
            .coupon-card {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
            .coupon-img {
                margin-right: 0;
                margin-bottom: 10px;
            }
        }

        .modal-header.pc-cupom-modal {
            border-radius: 20px 20px 0 0;
            background: linear-gradient(343deg, rgba(250, 129, 29, 1) 0%, rgba(250, 171, 29, 1) 100%);
            padding-top: 40px;
            padding-bottom: 35px;
        }

        button.pc_modal_close.close {
            color: #ffffff;
        }

        .modal-content.pc-pop-up {
            border-radius: 25px;
        }

        .modal-backdrop {
            background-color: #000000b8;
        }

        .pc-popup-badge {
            position: absolute;
            background: #fa921d;
            padding: 10px;
            height: 35px;
            border-radius: 20px;
            font-weight: 700;
            font-size: 12px;
            color: #ffffff;
            margin-top: -6px;
            margin-left: -20px;
        }


        #sideCouponPanel {
            position: fixed;
            top: 0;
            right: -400px;
            width: 400px;
            height: 100%;
            background-color: #ffffff;
            box-shadow: -2px 0 10px rgba(0,0,0,0.1);
            overflow-y: auto;
            transition: right 0.3s ease;
            z-index: 1000;
            padding: 15px;
        }

        #sideCouponPanel.open {
            right: 0;
        }

        #sideCouponToggleBtn {
            position: fixed;
            top: 50%;
            right: 0;
            background: linear-gradient(343deg, rgba(250, 129, 29, 1) 0%, rgba(250, 171, 29, 1) 100%);
            color: white;
            border: none;
            padding: 10px;
            cursor: pointer;
            transform: translateY(-50%);
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
            z-index: 1001;
            font-size: 18px;
            transition: right 0.3s ease;
        }

        .side-coupon-card {
            padding: 10px;
            margin-bottom: 15px;
            border-radius: 8px;
            text-align: left;
            font-size: 14px;
            background: #fff;
            border: 2px dashed #dfdfdf;
            box-shadow: 0px 0 12px 0px #0000001c;
        }

        .side-coupon-header {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 10px;
        }

        .side-coupon-img {
            width: 80px;
            height: auto;
            border-radius: 5px;
        }

        .side-coupon-code {
            background-color: #f0f0f0;
            padding: 5px 10px;
            display: inline-block;
            margin-right: 5px;
            border-radius: 5px;
        }

        .side-copy-btn, .side-details-btn {
            padding: 5px 10px;
            cursor: pointer;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            text-decoration: none;
        }

        .side-copy-btn:hover, .side-details-btn:hover {
            background-color: #0056b3;
        }

        .sidepanel-header {
            background: linear-gradient(343deg, rgb(255 255 255) 0%, rgb(237 237 237) 100%);
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 20px;
            color: #404040;
        }

        hr.sidebar-hr {
            margin: 20px;
        }

    .posicao-buttons-paginacao.order {
        margin: 10px;
    }

    .pc-cadastro-desatualizado{
        font-size: 12px;
        background: #ffe2c2;
        padding: 14px;
        margin: 10px 0;
        border-radius: 4px;
    }

    .pc-cadastro-desatualizado a{
        color: #0056b3;
        font-weight: 800;
    }

    .pdp-cart-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    inset: 0;
}

.pdp-cart-modal.is-visible {
    display: block;
}

.pdp-cart-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
}

.pdp-cart-modal-box {
    position: relative;
    width: calc(100% - 32px);
    max-width: 440px;
    margin: 120px auto 0;
    background: #fff;
    border-radius: 12px;
    padding: 32px 28px;
    text-align: center;
    box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25);
    z-index: 2;
}

.pdp-cart-modal-close {
    position: absolute;
    top: 10px;
    right: 14px;
    border: 0;
    background: transparent;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: #777;
}

.pdp-cart-modal-icon {
    width: 54px;
    height: 54px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: #1f9d55;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.pdp-cart-modal-box h3 {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 700;
    color: #222;
}

.pdp-cart-modal-box p {
    margin: 0 0 24px;
    font-size: 15px;
    color: #555;
    line-height: 1.45;
}

.pdp-cart-modal-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.pdp-cart-modal-continue,
.pdp-cart-modal-go {
    border: 0;
    border-radius: 6px;
    padding: 12px 18px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.pdp-cart-modal-continue {
    background: #f1f1f1;
    color: #333;
}

.pdp-cart-modal-go {
    background: #1f9d55;
    color: #fff;
}

.pdp-cart-modal-go:hover,
.pdp-cart-modal-go:focus {
    color: #fff;
    text-decoration: none;
}