@import url("https://fonts.googleapis.com/icon?family=Material+Icons"); /* Material Icons Completo */
    
    * {
        margin: 0;
        padding: 0;
        font: Helvetica, sans-serif;
            font-size: 16px;
    }
    
    /* Isto é necessário para não haver rolagens horizontais quando movermos os elementos */
    html, body {overflow-x: hidden;}
    
    body {
        color: #0;
        background-color: #ffffff;
    }
    
    header {
        background: #acc0fe;
        padding: 7px;
        overflow: hidden;
    }
    
    header h1 {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        width: 80%;
        font-size: 1.5em;
        color: #FFF;
    }
    h1 a {color: #FFF; text-decoration: none;}

    header input {
        float: right;
        padding: 10px;
        width: 200px;
        border: none;
    }
    
    .main {
        padding: 30px;
    }
    .main p {
        font-size: .9em;
        line-height: 1.2em;
        margin-bottom: 20px;
    }
    .filtro-anchor{
            width: 8px;
            height: 16px;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            text-indent: -9999px;
            overflow: hidden;
            cursor: pointer;
        border-style:solid;
        border-color:#fff #acc0fe #acc0fe #acc0fe;
        border-width: 16px 12px 0px 12px;
            background: #FFF;
    }
    
    .menu-anchor{
            width: 40px;
            height: 32px;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            text-indent: -9999px;
            overflow: hidden;
            cursor: pointer;
            background: #FFF;
    }
    .menu-anchor:before {
            content: "";
            display: block;
            margin: 7px auto;
            width: 70%;
            height: 0.25em;
            background: #acc0fe;
            box-shadow: 0 .45em 0 0 #acc0fe, 0 .9em 0 0 #acc0fe;
    }
    
    .menu-active .menu-anchor {background: #4E679F}
    
    .menuprod a{
        display: block;
        border-bottom: 1px solid rgba(255,255,255,.3);
        margin: 0 10px;
        padding: 10px;
        color: #FFF;
        background: #7283b8;
        text-decoration: none;
    }
    .menuprod a:hover{
        background: #FFF;
        color: #7283b8;
    }
    
    .menuprod {
        display: none;
    }
    .menuprod:hover {
            display: block;
    }
    filtro {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        padding: 7px;
        background: #f0f0f0;
        display: none;
    }
    
    .filtro-active{
            display: block !important;
    }
    
    menu {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 230px;
        height: 100%;
        padding-top: 10px;
        background: #acc0fe;
        box-shadow: inset -5px -10px 10px 0 rgba(0,0,0,.3);
        overflow-y: auto;
        overflow-x: clip;
    }
    menu div td{
        height:90px;
        padding:10px;
        color:#4E679F;
        font-size:80%;
    }
    menu li a {
        display: block;
        border-bottom: 1px solid rgba(255,255,255,.3);
        margin: 0 10px;
        padding: 10px;
        color: #FFF;
        background: #4E679F;
        text-decoration: none;
    }
    
    menu li a:hover {
        background: #FFF;
        color: #4E679F;
    }
    
    /* arredondar bordas do primeiro e ultimo item do menu lateral (não se aplica aos sub-itens dos mesmos) */
    menu li:last-child a:not(.subitem-nivel-1 a, .subitem-nivel-2 a),
    menu div a:last-child:not(.subitem-nivel-1 a, .subitem-nivel-2 a) {
        border-radius: 0 0 7px 7px;
    }
    menu li:first-child a:not(.subitem-nivel-1 a, .subitem-nivel-2 a) {
        border-radius: 7px 7px 0 0;
    }
    menu div a:hover, menu li a:hover{
        transition-duration: 500ms;
        text-decoration: none;
    }
    
    /*
        Aqui você esconde o menu para fora da tela 
        O valor é exatamente a largura da sidebar
    */
    menu {
        -webkit-transform: translateX(-230px);
        -moz-transform: translateX(-230px);
        -ms-transform: translateX(-230px);
        transform: translateX(-230px);
        -webkit-transition: all .25s linear;
        -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
        transition: all .25s linear;
    }
    
    /*
        Essa é a posição original do HEADER e do MAIN
    */
    header, .main {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: all .25s linear;
        -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
        transition: all .25s linear;
    }
    
    /*
        Com a classe menu-active na tag HTML
    */
    .menu-active menu {
        position: fixed;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    
    .menu-active header, 
    .menu-active .main{
        -webkit-transform: translateX(230px);
        -moz-transform: translateX(230px);
        -ms-transform: translateX(230px);
        transform: translateX(230px);

    }
    .seta-cima {
    content: "";
    display: inline-block;
    vertical-align: middle;
    float: right;
    padding-top: 9px;
    width: 0; 
    height: 0; 
    
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #afafaf;
    }
    
    /**
    *** Seta para BAIXO
    **/
    .seta-baixo {
    content: "";
    display: inline-block;
    vertical-align: middle;
    float: right;
    padding-bottom:9px;
    width: 0; 
    height: 0; 
    
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #afafaf;
    }
    .footer {
    position:static;
    bottom:0;
    width:100%;
    font-size: 60%;
    color: gray;
    margin: 10px 0;
    }
    .buttom {
    padding:7px;
    }
    .hasDatepicker {
    padding:7px;
    }
    select {
    padding:7px;
    }
    input {
    padding:7px;
    }
    .floatButtom {
    position: fixed;
    right: 5;
    bottom: 15;
    z-index: 100;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #f44336 !important;
    text-align: center;
    display:none;
    }
    .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    color:#ffffff;
    line-height: 56px;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    }

#divOpaca {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    z-index:1;
    /*visibility: hidden;*/
    background-color:#000000;
    opacity: .8;
    filter: alpha(opacity=50);
    overflow:auto;
}


    .btn {
        background-color: #acc0fe; /* Green */
    border: none;
    color: white;
    padding: 13px 26px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    }
    
    .form-wrapper {
    background: #fff;
    
    border: 1px solid;
    border-color: #acc0fe;
    padding: 6px;
    position: relative;
    width: 315px;
}

.form-wrapper input {
    top: 2px;
    bottom: 2px;
}

.form-wrapper input[type="text"] {
    border: none; /* tcharam! */ 
    left: 2px;
    outline: 0;
    width: 215px;
}

.form-wrapper input[type="submit"] {
    right: 2px;
    width: 90px;
}

/* class list
==========================================
.overflow-div
.btn-back
.content-table {
    -header{
        -row
        -column
    }
    -row
    -column
}
.filter{
    -container
    -label
    -input
}
==========================================
*/

/* Style for content table */
@media screen and (width < 720px){
    .overflow-div{
        margin-bottom: 20px;
    }
}
.overflow-div{
    overflow: auto;
}

.content-table, .admped-list-content-table, .cad-produto-content-table, .lista-ped-content-table,.lista-ped-grupo-content-table, .rel-ped-content-table,
.estat-ped-content-table, .lista-exc-content-table, .rel-consumo-content-table,.abrir-pedido-itens-content-table{
    width: 100%;
    margin: 20px 0;
}

.content-table td, .content-table th, 
.admped-list-content-table td, .cad-produto-content-table td, 
.admped-list-content-table th, .cad-produto-content-table th,
.lista-ped-content-table td, .lista-ped-content-table th,
.lista-ped-grupo-content-table td, .lista-ped-grupo-content-table th,
.res-ped-content-table td, .res-ped-content-table th,
.cota-prod-content-table td, .cota-prod-content-table th,
.rel-ped-content-table td, .rel-ped-content-table th, 
.estat-ped-content-table td, .estat-ped-content-table th, 
.lista-exc-content-table td, .rel-consumo-content-table td{
    text-align: left !important;
}

.content-table-header-column, .content-table-column, 
.admped-list-content-table td, .admped-list-content-table th, 
.cad-produto-content-table td, .cad-produto-content-table th,
.lista-ped-content-table td, .lista-ped-content-table th,
.lista-ped-grupo-content-table td, .lista-ped-grupo-content-table th,
.res-ped-content-table td, .res-ped-content-table th,
.cota-prod-content-table td, .cota-prod-content-table th,
.rel-ped-content-table td, .rel-ped-content-table th, 
.estat-ped-content-table-header-column , .estat-ped-content-table-header-column, 
.lista-exc-content-table th , .lista-exc-content-table td,   
.rel-consumo-content-table th , .rel-consumo-content-table td,
.abrir-pedido-itens-content-table th, .abrir-pedido-itens-content-table td{   
    padding: 5px;
}

.content-table-row, .admped-list-content-table-row, 
.cad-produto-content-table-row, .lista-ped-content-table-row,
.lista-ped-grupo-content-table-row,
.res-ped-content-table-row, .cota-prod-content-table-row,
.rel-ped-content-table-row,
.estat-ped-content-table-row,
.lista-exc-content-table tr,
.rel-consumo-content-table-row,
.abrir-pedido-itens-content-table-row{
    border-top: solid grey 1px;
    border-bottom: solid grey 1px;
}

.nb-bottom{
    border-bottom: none;
}
.nb-top{
    border-top: none;
}

.content-table-row input[type="submit"].btn{}

.content-table-header-row, .content-table-row, 
.admped-list-content-table-row, .admped-list-content-table-header-row, 
.cad-produto-content-table-row, .cad-produto-content-table-header-row, 
.lista-ped-content-table-row, .lista-ped-content-table-header-row, 
.lista-ped-grupo-content-table-row, .lista-ped-grupo-content-table-header-row, 
.res-ped-content-table-row, .res-ped-content-table-header-row,
.cota-prod-content-table-row, .cota-prod-content-table-header-row,
.rel-ped-content-table-row, .rel-ped-content-table-header-row,
.estat-ped-content-table-row, .lista-exc-content-table-row,
.lista-exc-content-table-header-row, .rel-consumo-content-table-header-row,
.abrir-pedido-itens-content-table-row, .abrir-pedido-itens-content-table-header-row{
    height: 55px;
}

/* Style for content table */
.filter-container .row-mob{
    flex-wrap: nowrap;
}

.filter-container > div {
    margin-top: 10px;
}

.filter-container > div > .row-mob{
    text-align: left;
}

.filter-submit-btn, 
.lista-exc-filter-submit-btn,
.res-ped-submit-btn, 
.cad-cliente-submit-btn,
.button,
.abrir-pedido-action-btn,
.cancela-pedido-button,
.select-endereco-submit-btn,
.product-detail-action-card-back-btn,
.select-endereco-back-btn,
.pedido-action-btn-cancel, 
.pedido-action-btn-save, 
.pedido-action-btn-back, 
.pedido-action-btn-update,
.rel-ped-submit,
.cota-prod-save-btn,
.res-ped-listar-button,
.atualizar-cad-cliente-btn,
.btn-back,
.btn-std,
.btn-submit,
.btn-repetir-pedido,
.lista-cota-submit-btn,
.btn-plus,
.btn-minus,
.btn-list,
.prod-detail-mobile-btn-add-to-cart,
.btn-save,
.btn-info, 
.sem-contr-submit-btn,
.cnpj-filter-submit,
.valida-envio-btn, 
.prod-search-btn,
.rel-consumo-filter-submit-btn,
.toggle-available,
.button::file-selector-button{
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid lightgray;
    padding: .375rem .75rem;
    margin: 10px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.abrir-pedido-action-btn:hover{
    background-color: rgb(150 150 150);
    color: white;
}

.atualizar-cad-cliente-btn {
    margin-bottom: 10px;
}

.btn-outline-grey{
    outline: #929292 solid 1px;
}

.btn-back, .pedido-action-btn-back, .select-endereco-back-btn, .product-detail-action-card-back-btn{
    color: #fff;
    background-color: #6c757d;
}

.select-endereco-input {
    overflow-x: auto;
}

.btn-form-submit, .sem-contr-submit-btn{
    color: #fff;
    background-color: #117a8b;
}

.full-width-btn{
    width: 90%;
}

.filter-label{
    align-self: center;
    margin-right: 15px;
}

.filter-input{
    align-self: center;
}

.input{
align-self: center;
}

.centered-input {
    text-align: center;
}

.full-width-input {
    width: 100%;
}

.filter-datas{
margin-right: 15px !important;
}

/* ultimo da table não precisa de espaço à direita*/
td.filter-input:not(.filter-input:last-child){
margin-right: 0;
padding-right: 15px;
}

td.filter-pseudo-label{
margin-right: 0;
padding-right: 15px;
}

td.filter-label{
margin-right: 0;
padding-right: 5px;
}
.rel-fatur-dashed-divider{
    display: none;
    padding: 0 !important;
    text-align: center;
    justify-content: space-between;
}

.recibo-divider {
    border-top: 1px dashed black;    
    font-size: 18px;
}

    .label{
    align-self: center;
    margin-right: 15px;
}

.filter-table th, .filter-table td, .input-table th, .input-table td, .input-table th, .input-table td{
    padding: 0px 5px;
}


td.table-input:not(.table-input:last-child){
margin-right: 0;
padding-right: 15px;
}

td.table-pseudo-label{
margin-right: 0;
padding-right: 15px;
}


td.table-input input:focus-visible, td.table-input select:focus-visible, .table-input input:focus-visible, .table-input select:focus-visible{
outline: none;
border: solid 1px #acc0fe;
}
.table-input input, .table-input select{
border: none;
border: solid 1px #7e8392;
border-radius: 5px;
}

    
td.table-label{
    margin-right: 0;
    padding-right: 30px;
}

td.centered-table-label {
    padding: 15px 30px 5px 0px;
    text-align: center;
}

.table-stacked tr td{
    padding-top: 8px;
}

.iframe-icon-label{
    text-align: left;
}

.margin-bottom-10{
    margin-bottom: 10px;
}

#WzBoDy{
    border-radius: 15px;
    background-color: #dce4fc !important;
}

.unset-full-width{
    width: unset;
}

.collapse-border{
    border-collapse: collapse;
}

.cota-prod-title{
    font-size: 35px;
}

.cota-prod-cliente-info, .cota-prod-title{
    text-align: center;
    background-color: #acc0fe;
    color: white;
}

.colored-table-header{
    background-color: #dee6ff;
}

.form-padding, .pg-top-label-padding, .cota-prod-radio-wrapper{
    padding: 0 0 0px 50px;
}

.pg-top-label-padding{
    padding-top: 20px;
}

.listar-prod-radio{
    margin-left: 15px;
    line-height: 50px;
}

iframe{
    height: 100% !important;
    width: 100% !important;
    border-radius: 10px !important;
}

.window {
    top: 0 !important;
}

.input-margin{
    margin: 10px;
}

.bordered-table tbody tr{
    border-bottom: 1px solid #a7a7a7;
}

.btn-excluir{
    color: #fff;
    background-color: #dc3545;
}
.btn-excluir:hover{
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-green{
    color: #fff;
    background-color: #2bd648;
}
.btn-green:hover{
    color: #fff;
    background-color: #21bd3b;
    border-color: #21bd3b;
}

.btn-light-blue, .btn-light-blue::file-selector-button, .prod-load-btn, .prod-detail-mobile-btn-add-to-cart{
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-light-blue:hover, .btn-light-blue::file-selector-button:hover, .prod-load-btn:hover, .prod-detail-mobile-btn-add-to-cart:hover{
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}

.btn-std, .prod-search-btn{
    color: #fff;
    background-color: #87a5ff;
    border-color: #87a5ff;
}
.btn-std:hover, .prod-search-btn:hover{
    color: #fff;
    background-color: #acc0fe;
    border-color: #acc0fe;
}

.table-input input:focus-visible:not(.button), .table-input select:focus-visible{
    outline: none;
    border: solid 1px #acc0fe;
  }
  .table-input input:not(.button), .table-input select{
    border: none;
    border: solid 1px #7e8392;
    border-radius: 5px;
  }  

  .centered-body{
    text-align: center;
  }

  .tipo-pedido-div{
    margin: -20px 0 5px 0;
    text-align-last: center; 
  }

  .tipo-pedido-label{
    display: inline-block !important; 
    border-radius: 15px; 
    background-color: rgba(199, 213, 255, .6);
    text-align: center; 
    font-size: 1.5em; 
    font-weight: bold;
    padding: 0 15px
}

.check-all-label{
    display: inline-block !important; 
    border-radius: 15px; 
    background-color: rgba(199, 213, 255, .6);
    text-align: center; 
    font-size: 1.5em;
    margin: auto;
    padding: 0 15 6 15;
}

.check-all-label > input {
    margin-right: 5px;
    cursor: pointer;
}

.check-all-label > span {
    cursor: pointer;
}
h1.centered{
    width: 100%;
    text-align: center;
    display: block !important;
}

.cat.hidden{
    display: none;
}

.toggle-available {
    border: none !important;
    margin: 0px !important;
    z-index: 100;
    border-radius: 50%;
    font-size: 28px;
    position: fixed;
    right: 5px;
    bottom: 85px;
    width: 56px;
    height: 56px;
    white-space: normal;
    color: black;
}

.toggle-available:hover {
    color: rgb(128, 128, 128);
}

.toggle-available-tooltip {
    display: none;
    background-color: rgb(128, 128, 128);;
    color: white;
    font-weight: bolder;
    position: fixed;
    right: 55px;
    padding: 8px;
    bottom: 97px;
    border-radius: 5px;
}

a.button:hover{
    text-decoration: none;
}

.display-none{
    display: none;
}

.btn-mob-only{
    display: inline-block !important;
}

.mob-only{
    display: unset !important;
}

.floating-btn{
    border-radius: 100%;
    opacity: 80%;
    position: fixed;
    display: inline-block;
    bottom: 15px;
    right: 15px;
}
.floating-btn-left{
    right: 85px;
}

.btn-rounded{
    border-radius: 100%;
}
.produto-filter-input{
    position: absolute;
    top: 196px;
    line-height: 1.5em !important;
    left: 50%;
    margin-left: -172.6px;
    border-radius: 15px;
}

div.produto-filter-input-group{
    position: absolute;
    top: 143px;
    line-height: 1.5em !important;
    left: 50%;
    margin-left: -172.6px;
}


div.produto-filter-input-group input[type=text]{
    line-height: 1.5em !important;
}

.saldo-cota-indicator{
    position: absolute;
    top: 17px;
    right: 9px;
}

.saldo-cota-indicator .tipo-pedido-label-sm{
    color: #585858 !important;  
    position: absolute;  
    top: 0px;
    left: -23px;
}

.saldo-cota-indicator .tipo-pedido-label-sm{
    position: relative;
    top: unset;
    right: unset;
    left: -5px;
}

 /* para que a cota não seja sobrescrita pela input e pelo botao*/ 
 @media screen and (max-width: 950px) {
    div.produto-filter-input-group{
        left: 27px;
        margin-left: unset;
    }

    .saldo-cota-indicator{
        position: absolute;
        top: 76px;
        right: 0px;
        width: 100%;
        color: #585858 !important;
    }
    
    .saldo-cota-indicator .tipo-pedido-label-sm{
        position: relative;
        top: unset;
        right: unset;
        left: -5px;
    }
}
 @media screen and (max-width: 1400px) {
    div.produto-filter-input-group{
        left: 27px;
        margin-left: unset;
    }

    .saldo-cota-indicator{
        position: absolute;
        right: 0px;
        width: 100%;
        color: #585858 !important;
    }
    
    .saldo-cota-indicator .tipo-pedido-label-sm{
        position: relative;
        top: unset;
        right: unset;
        left: -5px;
    }
}

@media screen and (max-width: 460px){
    .tipo-pedido-label{
        font-size: 19px;
    }
    .h1.centered{
        font-size: 34px;
    }
    div.produto-filter-input-group{
        top: 140px;
        left: 15px;
    }
    div.produto-filter-input-group .nb-input{
        width: calc(100% - 90px);
    }
    div.produto-filter-input-group .prod-search-clear{
        left: calc(100% - 50px);
        top: -10px;
    }
    .main {
        padding: 30px 10px;
    }

}

.produto-filter-btn{
    position: absolute;
    top: 208px;
    left: 71.6vw;
}

.listagem-produtos-header{
    background-color: rgba(255, 255, 255, 0);
    padding: 10px;
    height: 4em;
    align-content: center;
    border-radius: 15px;
}

.breadcrumbs{
    position: absolute;    
    top: 120px;
    left: 35px;
}

.breadcrumbs > a{
    text-decoration: none;
    color: #585858;
    cursor: pointer;

}

.nb{
    border: none !important;
}

.nb-input{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #8b8b8b;
    border-radius: 4px;
}

.nb-input:focus-visible, .nb-input:focus, .nb-input:focus-within{
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #8b8b8b;
    border-radius: 4px;
}

/* CSS PARA ESTILIZAÇÃO DE CARDS */
.fkn-card-table-container{
    width: 100% !important;
    margin-left: 0 !important;
    height: 1px; /* precisa disso para os cards ficarem com altura igual */
}

.fkn-card-table-container tr:not(.no-flex), .fkn-card, .fkn-card div table,
.fkn-card-body-table, .fkn-card-body-table tr:not(.no-flex), .fkn-card-body-table tr:not(.no-flex) td{
    height: 100% !important;
}

.fkn-card div table,
.fkn-card > .self-card, .fkn-card-container > div.fkn-card,
.fkn-card-body.self-card{
    text-align: center;
    padding: 25px 15px;
    outline: solid 1px rgb(209, 209, 209);
    border-radius: 15px;;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.fkn-card-body-table tbody tr:first-child td:first-child{
    padding: 15px 0 0 0;
}

.fkn-card-body-table tbody tr:last-child td:first-child{
    padding: 0 0 15px 0;
}

.fkn-card-product-description{
    padding: 15px;
}

.input-group.fkn-card-input-group{
    width: unset !important;
    padding: 0 20px;
}
.fkn-card-table-container > tbody > tr:not(.no-flex),
.fkn-card-container > .row{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    min-height: 100%;
}

.fkn-card-table-container > tbody > tr:not(.no-flex) > td,
.fkn-card-container > .row > .fkn-card{
    align-items: stretch;
    display: contents;    
    height: 100%;
    min-height: 100%;
}
.fkn-card-table-container > tbody > tr:not(.no-flex) > td > div {
    margin: 15px 25px;
}
.fkn-card-table-container > tbody > tr:not(.no-flex) > td > div > table {
    height: 100%;
}

/* FIM CARDS */

.contato-title-wrapper{
    font-weight: 200;
    text-align: center;
    margin-bottom: 30px;
}
.contato-title-wrapper span {
    font-size: 30px !important;
}
.contato-wrapper .fkn-card{
    width: 260px;
    height: unset !important;
}

.contato-container-start-hr, .contato-card-end-hr{
    display: none;
}

.contato-image {
    height: auto;
    width: 250px;
    max-height: 300px;
    border-radius: 18px;
    margin-bottom: 10px;
}
.contato-apresentacao, .contato-apresentacao-2, .contato-mail, .contato-mail-link{
    font-size: 8pt;
}


@media (min-width: 1200px) {
    .adm-menu-content  {
        max-width: 70%;
    }
}
@media (min-width: 992px) {
    .adm-menu-content {
        max-width: 80%;
    }
}
@media (min-width: 768px) {
    .adm-menu-content {
        max-width: 90%;
    }
}
@media (min-width: 576px) {
    .adm-menu-content {
        max-width: 95%;
    }
}
.adm-menu-content {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.adm-select-grupo-wrapper {
    margin: 15 0;
    text-align: center;
}

.adm-select-grupo-label {
    margin: 0 15px 0 0;
}

.adm-menu-title {
    text-align: center;
}

.width-unset{
    width: unset !important;
}

.td-produto-indisponivel > span::before{
    content: '  ';
}

.page-footer-margin{
    height: 60px;
}

.reset-font-color{
    color: #5c5c5c;
}

.unset-bold-font{
    font-weight: unset !important;
}

.fw-200{
    font-weight: 200 !important;
}

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

.text-large{
    font-size: 24px;
}


.content-table > tbody > tr > td.half-width-column {
    width: 50%;
}

.self-card {
    margin: 15px;
    cursor: pointer;
    align-content: center;
    text-align: -webkit-center !important;
}

.mt-20{
    margin-top: 20px;
}

.margin-10{
    margin: 10px;
}

.floating-btn-back{
    left: 10px;
    right: unset;
    top: 10px;
    bottom: unset;
    z-index: 0;
    background-color: #727272;
    width: 60px;
    height: 60px;
    color: #d4d4d4;
    border-radius: 100%;
    opacity: 60%;
    position: fixed;
    display: inline-block;
    cursor: pointer;
}

.floating-btn-back:hover{
    background-color: #afafaf;
    color: #727272;
}

.float-r {
    float: right;
}

@media screen and (max-width: 680px) {
    .product-image-pannel {
        display: block;
        width: 100%;
    }
    .product-image-pannel img {
        width: auto !important;
        height: 20vh;
    }
    .product-details-pannel,.product-description-card  {
        display: flex !important;
        flex-direction: column !important;
        width: 100%;
        gap: 25px;
    }
}

@media screen and (max-width: 1310px) and (min-width: 680px) {
    .product-image-pannel {
        display: block;
        width: 100%;
    }
    .product-image-pannel img {
        width: auto !important;
        height: 60vh;
    }
    .product-details-pannel, .product-description-card   {
        display: flex !important;
        gap: 25px;
        flex-direction: column !important;
        width: 100%;
    }
}

@media screen and (min-width: 1310px) {
    .product-image-pannel {
        height: 544.550px !important;
        max-height: 544.550px !important;
        width: 49%;
    }
    .product-image-pannel img {
        width: auto !important;
        height: 63vh;
    }
    .product-details-pannel, .product-description-card {
        display: flex !important; 
        justify-content: space-between;
        flex-direction: column !important;
        width: 49%;
        gap: 25px;
    }
}
.btn-img-selection-wrapper {
    padding: 0 20%;
}

.text-align-r {
    text-align: end;
}

.unset-ml {
    margin-left: unset;
}

.unset-pointer{
    cursor: unset;
}

.floating-btn-div {
    margin: 20px 0 0 0  !important;
}

.floating-btn-slide-change{
    cursor: pointer;
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    margin: 0 22px;
    font-size: 26px;
    padding: 0px 0;
    background-color: #32363a;
    color: #d4d4d4;
    border-radius: 20px;
}

.floating-btn-slide-change:hover{
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    transition-duration: 300ms;
    background-color: #d4d4d4;
    color: #32363a;
}
.text-align-l{
    text-align: left;
}
.text-align-j{
    text-align: justify;
}
.empty-description, .empty-description table{
    color: #8b8b8b !important;
    background-color: #f1f1f1;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

.break-word {
    word-break: break-word;
}

.overflow-y-auto{
    overflow-y: auto;
}

.height-fit-cont {
    height: fit-content !important;
}

.prod-page-title {
    text-align: center;
}

.prod-searchbox {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #8b8b8b;
    border-radius: 4px;
}

.prod-search-btn {
    vertical-align: unset !important;
}

.prod-search-clear {
    cursor: pointer;
    position: absolute;
    right: 92px;
    /* Sem text-highlight com clique duplo */
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    color: #000;
}
.prod-search-clear > span {
    color: #343a40!important;

}
.prod-load-btn-wrapper {
    text-align: center;
}

.prod-load-btn {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid lightgray;
    padding: .375rem .75rem;
    margin: 10px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.prod-warning-br, .prod-warning-2-br{
    display: none;
}

.product-list-table-row{
    border-bottom: 1px solid grey;
}

.product-list-table-row > td:not(.prod-list-desc-header){
    padding: 18px 0;
}

.prod-list-header-row > * {
    font-weight: 200;
    font-size: 24px;
}

.prod-list-img{
    height: 100;
    width: auto;
}

.product-list-table-row .product-desc-name{
    font-size: 20px;
}
.prod-list-cod-prod, .prod-list-cod-desc {
    font-size: 80%;
}
.prod-list-cod-hifen {
    display: none;
}

.prod-list-input-field-td .prod-list-img-not-available {
    height: 30px;
}

.prod-list-input::-webkit-outer-spin-button,
.prod-list-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.prod-list-input[type=number] {
    -moz-appearance:textfield;
}

.prod-list-input{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #8b8b8b;
    border-radius: 4px;
    width: 50px
}

.prod-list-input:focus-visible, .prod-list-input:focus, .prod-list-input:focus-within{
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #8b8b8b;
    border-radius: 4px;
}
.after-prod-list-line-break {
    display: none;
}

.prod-card-indisponivel{
    font-weight: bold;
    color: grey;
}
.qtd-prod-card-input {
    
}

.hidden-inputs-div {
    width: unset;
}

.relatorio-pers-sem-contr-filtro-wrapper, .relatorio-pers-cnpj-filtro-wrapper{
    text-align: -webkit-center;
    padding: 10px;
}
.floating-btn-back {
    border: 0 !important;
    outline: 0 !important;
    outline: 0 !important;
}
button:focus {
    outline: 0 !important;
}
button:active {
    border-style: none;
}
.cad-cliente-filter-wrapper {
  width: 564px;
  margin-right: auto;
  margin-left: auto;
}

.cad-cli-form-wrapper{
  width: 470px;
  margin-right: auto;
  margin-left: auto;
}
.cad-cliente-submit-btn {
    margin: 0 !important;
}
.cad-cli-form-wrapper > form > div{
    margin-bottom: 10px;
    vertical-align: middle;
}

.cad-cli-form-wrapper input:not(.atualizar-cad-cliente-btn){
    border: none;
    border: solid 1px #7e8392;
    border-radius: 5px;
    border: none;
    border: solid 1px #7e8392;
    border-radius: 5px;
}

.cod-cli-label, .cad-cli-form-razao-social-label, 
.cad-cli-form-nome-compr-label, .cad-cli-form-fone-label, 
.cad-cli-form-endereco-label, .cad-cli-form-cidade-label,
.cad-cli-form-uf-label, .cad-cli-form-bairro-label,
.cad-cli-form-cep-label {
    width: 129px !important;
}

.cad-cli-form-wrapper {
    margin-top: 25px;
}


.cod-cli-info, .cad-cli-form-razao-social-input, 
.cad-cli-form-nome-compr-input, .cad-cli-form-fone-input, 
.cad-cli-form-endereco-input, .cad-cli-form-cidade-input,
.cad-cli-form-uf-input, .cad-cli-form-bairro-input,
.cad-cli-form-cep-input {
    padding: 0 0 0 20;
}

.cad-cliente-filter-location, .cad-cli-client-sel-wrapper{
    padding: 10px 0 5 0;
}

.floating-btn-approve, .floating-btn-remove {
    margin: 10px;
    border-radius: 100%;
    opacity: 80%;
    position: fixed;
    display: inline-block;
    bottom: 15px;
    color: #fff;
    cursor: pointer;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid lightgray;
    padding: .375rem .75rem;
    margin: 10px;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.floating-btn-approve .material-icons, .floating-btn-remove .material-icons {
    line-height: unset;
}

.floating-btn-remove {
    background-color: #dc3545;
    right: 15px;
}

.floating-btn-approve {
    background-color: #2bd648;
    right: 85px;
}

.floating-btn-approve:hover {
    color: #fff;
    background-color: #21bd3b;
    border-color: #21bd3b;
}

.floating-btn-remove:hover{    
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.accept-decline-action-btn-wrapper {
    display: none;
}

.lista-ped-adm-emissor-label, .lista-ped-adm-uf-label, .lista-ped-adm-cidade-label, 
.lista-ped-adm-cliente-label, .lista-ped-adm-status-label , .lista-ped-adm-endereco-label,
.lista-ped-adm-grupo-label {
    margin-right: 0;
    padding-right: 5px;
}

.lista-ped-adm-emissor-wrapper, .lista-ped-adm-uf-wrapper, .lista-ped-adm-cidade-wrapper, 
.lista-ped-adm-cliente-wrapper, .lista-ped-adm-status-wrapper , .lista-ped-adm-endereco-wrapper,
.lista-ped-adm-grupo-wrapper{
    padding: 0px 5px 0 0;
}

.lista-ped-adm-filter-wrapper > form {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    text-align: left;
    margin-bottom: 10px;
}

.lista-ped-adm-filter-wrapper {
    margin-bottom: 30px;
}

.download-txt-btn {
    margin: 10px;
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid lightgray;
    padding: .375rem .75rem;
    margin: 10px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.download-txt-btn:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}

.cad-usuario-main-form {
    width: fit-content;
}


.cad-usuario-remove-label, .cad-usuario-cli-usu-label, .cad-usuario-cliente-label, .cad-usuario-grupo-label,
.cad-usuario-remove-input, .cad-usuario-cli-usu-input, .cad-usuario-cliente-input, .cad-usuario-grupo-input,
.tipo-usuario-label, .tipo-usuario-input {
    margin: 0 20px;
}

.usu-grupo-content-table-row > td {
    padding: 10px;
}
.altera-senha-content-table input {
    border: solid 1px #7e8392;
    border-radius: 5px;
}

.altera-senha-content-table input:focus-visible {
    outline: none;
    border: solid 1px #acc0fe;
}
.altera-senha-content-table td {
    padding: 8px 15px;
}

.lista-ped-content-table-header-column{
    font-weight: unset;
}
.lista-ped-content-table-header-column > *{
    cursor: pointer;
}
.lista-ped-grupo-content-table-header-column{
    font-weight: unset;
}
.lista-ped-grupo-content-table-header-column > *{
    cursor: pointer;
}
.res-ped-content-table {
    width: 100%;
}

.cota-prod-bloq-input select, .cota-prod-content-table input{    
    border: none;
    border: solid 1px #7e8392;
    border-radius: 5px;
}

.cota-prod-bloq-input select:focus-visible, .cota-prod-content-table input:focus-visible{
    outline: none;
    border: solid 1px #acc0fe;
}

.cota-prod-content-table {
    border-collapse: collapse;
}

.cota-prod-content-table-header-row {
    background-color: #dee6ff;
}


.cota-prod-save-btn{
    margin: 10px;
}


.lista-cota-input-cota{
    border: none;
    border: solid 1px #7e8392;
    border-radius: 5px;
}

.lista-cota-input-cota:focus-visible{
    outline: none;
    border: solid 1px #acc0fe;
}

select.lista-cota-input-cota {
    margin: 10px;
 }
 .lista-cota-content-table {
    width: 100%;
 }

 .select-cliente-content-wrapper {
    margin-bottom: 20px;
 }

 
 .select-cliente-nome-header, .select-cliente-cnpj-header {
    display: none;
 }
 .select-cliente-tabela-item-nome, .select-cliente-tabela-item-cnpj {
    display: inline-block;
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size: 16px;
    padding: 18px 10px;
    color: white;
    margin: 10px 0 0 0;
    display: flex;
    justify-content: center;    
    align-content: flex-start;
    flex-direction: column;

 }

 .select-cliente-tabela-item-nome a {
    color: rgb(31, 31, 31);
    text-decoration: none;
 }
 
 .select-cliente-tabela-item-nome a:hover {
    color: rgb(60, 60, 60);
    text-decoration: none;
 }
 .select-cliente-tabela-item{
     display: flex;
     justify-content: center;
 }
 .select-cliente-tabela-selecao {
     text-align: -webkit-center;
 }

.select-cliente-tabela-item-nome {
    background-color: #acc0fe;
    width: 300px;
    border-radius: 100px;
    margin-left: -100px;
 }
.select-cliente-tabela-item-cnpj {
    background-color: #dadada ;
    color: rgb(70, 70, 70);
    border-radius: 100px 0 0 100px;
    width: 300px;
    padding-right: 100px;
  
 }

.rel-fatur-content-cliente-label {  
    border-top: 1px dashed black;    
    font-size: 18px;
}
.rel-fatur-filter-wrapper {    
   width: 100%;
   display: inline-block;
   overflow-x: auto;
}
.estat-ped-content-table {
    width: 100%;
}

.pedido-action-btn-cancel, .pedido-action-btn-save, .pedido-action-btn-back, .pedido-action-btn-update{
    width: 44%;
    text-align: -webkit-center;
}

.pedido-action-btn-wrapper-mob-lower, .pedido-action-btn-wrapper-mob-upper {
    width: 350px;
}

.pedido-content-table-row td{
    padding-top: 15px;
    padding-bottom: 15px;
}

.pedido-content-table-row {
    border-bottom: 1px solid #c9c9c9;
}

.pedido-title {
    margin-bottom: 64px;
}

.fkn-card-container{
    width: 100% !important;
    margin-left: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

.fkn-card, .fkn-prod-card {
    display: contents;    
    min-height: 100%;
}

.fkn-card-body, .fkn-prod-card-body {    
    text-align: center;
    padding: 25px 15px;
    border-radius: 15px;
    outline: solid 1px rgb(209, 209, 209);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0;
    margin: 20px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fkn-prod-card-body {
    width: 230px;
}

.fkn-prod-card-body > *{
    width: 100%;
    margin: 5px 0;
}

.fkn-card-product-description{
    padding: 15px;
}
.input-group.fkn-card-input-group{
    width: unset !important;
    padding: 0 20px;
}
.adm-menu-content .fkn-card-body{
    width: 185px;
}
.adm-card-label-wrapper {
    cursor: pointer;
    text-decoration: none;
}

@media screen and (max-width: 650px) {
    .login-card-wrapper, .pwd-recover-wrapper{
        max-width: 90%;
    }
}
@media screen and (max-width: 900px) and (min-width: 651px) {
    .login-card-wrapper, .pwd-recover-wrapper{
        max-width: 60%;
    }
}
@media screen and (min-width: 901px) {
    .login-card-wrapper, .pwd-recover-wrapper{
        max-width: 40%;
    }
}
.return-home-btn {
    font-size: 24px;
}
.return-home-btn:hover {
    cursor: pointer;
    color: white;
    text-decoration: none;
}

.table-prod-list{
    min-width: 470px;
}

.prod-listing-wrapper, .lista-ped-adm-filter-wrapper, .menu-data-form, .res-ped-filter-wrapper, 
.content-table-wrapper, .cad-usuario-main-form-wrapper, .rel-consumo-filter-wrapper, .abrir-pedido-itens-content-table-wrapper{
    overflow-x: auto;
}

.lista-ped-adm-filter-wrapper > form, .periodo-form, .rel-fatur-content-item{
    min-width: 500px !important;
}

@media screen and (max-width: 893px) {
    input:not(.qtd-prod-card-input), select {
        margin-bottom: 10px !important;
    }

    .lista-ped-adm-cliente-wrapper{
        margin-top: 10px;
    }
    .rel-fatur-content-endereco-2-wrapper, .rel-fatur-content-endereco-wrapper {
        padding-left: 0 !important;
    }
    .lista-ped-adm-filter-wrapper > form {
        min-width: fit-content !important;
        justify-content: flex-start;
    }
    .lista-ped-adm-filter-wrapper > form input, .lista-ped-adm-filter-wrapper > form select, .rel-fatur-cliente-input select {
        width: 100%;
    }
    .floating-btn-back > .material-icons {
        line-height: 30px;
    }
    .floating-btn-back {
        height: 40px;
        width: 40px;
    }
    .lista-exc-filter-wrapper > form > div:not(.lista-exc-filter-cliente-wrapper, .lista-exc-filter-submit-wrapper), .lista-exc-filter-entrega-input, .lista-exc-filter-cliente-input,
    .rel-consumo-filter-wrapper > form > div:not(.rel-consumo-filter-cliente-wrapper, .rel-consumo-filter-submit-wrapper) {
        display: block !important;
        margin-bottom: 10px;
    }
    .lista-exc-filter-entrega-input select, .lista-exc-filter-cliente-input select,
    .rel-consumo-filter-entrega-input select, .rel-consumo-filter-cliente-input select {        
        width: 98%;
    }
    .lista-exc-filter-entrega-input, .lista-exc-filter-cliente-wrapper, .rel-consumo-filter-entrega-input, .rel-consumo-filter-cliente-wrapper{
        width: 75%;
    }
    .lista-exc-filter-wrapper > form, .rel-consumo-filter-wrapper > form {
        width: fit-content !important;
    }
    .relatorio-pers-cnpj-input select {
        width: 95% !important;
    }
    .layout-select-input{
        max-width: 100% !important;
    }
}

.lista-exc-content-table-form-column {
    min-width: 140px;
}

.lista-exc-filter-wrapper, .rel-consumo-filter-wrapper, .lista-cota-content-wrapper > #divConteudo, .cad-cliente-filter-wrapper, .cad-cli-form-wrapper, .relatorio-pers-cnpj-filtro-wrapper {
    width: 100%;
    overflow-x: auto;
}

.cad-cliente-cli-wrapper {
    margin-bottom: 10px;
}
.menu-lateral-mobile {
    margin-bottom: 5rem !important;
}

.menuprod {
    display: block !important;
    max-height: 0px;
    overflow-y: hidden;
    transition: max-height 0.5s ;
}

.menuprod-fullheight{
    max-height: 100% !important;
}

menu::-webkit-scrollbar {
    display: none;
}

.menu-lateral-collapsible-item .material-icons {
    height: 24px;
    line-height: 1;
    vertical-align:middle;
    float: right;
    color: inherit !important;
    transition: transform 0.5s ;
    border-radius: 20px;
}

.menu-lateral-collapsible-item .material-icons:hover {
    background-color: #a2bdf8;
}

.user-menu-name {
    word-wrap: break-word; 
    display: block;
    margin-bottom: 1rem;
}

.user-menu-welcome {
    vertical-align: middle;
    display: block;
}

.userMenu {
    width: 210px;
    display: flex;
    margin: 10px;
    flex-direction: row;
    justify-content: space-around;
}

.user-menu-msg-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #415683;
}

.menu-anchor-wrapper{
    float: left;
    width: 60px;
}

.prod-qtd-warning, .prod-qtd-warning-2 {
    display: none;
}

.prod-qtd-warning-mob {
    position: fixed;
    transition: opacity 1000ms;
    font-weight: 600;
    text-align: -webkit-center;
    bottom: 30px;
    padding: 5px 15px;
    background-color: #f44336;
    color: #ffffff;
    right: 67px;
    border-radius: 15px;
}


.filtro-anchor-wrapper {
    float: right;
    width: 40px;
    margin-top: 8px;
}

header > h1 {
    margin-bottom: 0;
}

header > * {
    display: inline-block;

}

.marcar-desmarcar-wrapper {
    display: none;
}

.lista-ped-filtro-wrapper, .lista-ped-grupo-filtro-wrapper {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 20px;
    display: none;
}
.lista-ped-filtro-wrapper > form, 
.lista-ped-grupo-filtro-wrapper > form {
    overflow-x: auto;
}
.show-filter-div {
    right: 10px;
    top: 10px;
    bottom: unset;
    z-index: 0;
    background-color: #727272;
    width: 40px;
    height: 40px;
    color: #d4d4d4;
    text-align: center;
    border-radius: 100%;
    opacity: 60%;
    position: fixed;
    display: inline-block;
    cursor: pointer;
}

.show-filter-div .material-icons {
    line-height: 39px;
}

.show-filter-div k:hover{
    background-color: #afafaf;
    color: #727272;
}
.lista-ped-submit-input {
    display: block !important;
}
.lista-ped-grupo-submit-input {
    display: block !important;
}
.periodo-data {
    width: 114px;
    flex-wrap: wrap;
}

.lista-ped-grupo-content-table-wrapper, .lista-ped-content-table-wrapper  {
    overflow-x: auto;
}

@media screen and (max-width: 430px) {
    .prod-page-title{
        font-size: 1.5rem;
    }
}

.subitem-nivel-1 a::before, .subitem-nivel-2 a::before {
    content: "\25CF\0020\0020\0020";
}
.subitem-nivel-1 a {
    background-color: #63729e;
    padding-left: 20px;
}
.subitem-nivel-2 > a {
    background-color: #505c80;
    padding-left: 40px;
}
.img-logo {
    display: inline-block;
    max-height: 60px;
    width: auto;
}

.login-card-header { }
.login-card-body { }
.user-form-group { }
.login-user-label { }
.login-user-input { }
.pwd-form-group { }
.login-pwd-label { }
.login-pwd-input { }
.login-submit-btn { }
.lost-pwd-btn { }
.pwd-recover-title { }
.pwd-recover-form-group { }
.pwd-recover-email-label { }
.pwd-recover-email-input { }
.pwd-recover-submit-btn { }
.lost-pwd-back-btn { }
.foracontrato { }
.btn-margin { }
.text-white { }
.invisivel { }
.fechar { }
.form-control { }
.input-min { }
.btn-default { }
.fkn-container { }
.fkn-col-3 { }
.adm-card-img { }
.lnk_color { }
.altera-senha-content-wrapper { }
.altera-senha-title { }
.altera-senha-title-2 { }
.altera-senha-content-table-row { }
.altera-senha-table-nome-label { }
.altera-senha-table-nome-input { }
.altera-senha-table-email-label { }
.altera-senha-table-email-input { }
.altera-senha-table-senha-label { }
.altera-senha-table-senha-input { }
.altera-senha-table-nova-senha-label { }
.altera-senha-table-nova-senha-input { }
.altera-senha-table-senha-confirm-label { }
.altera-senha-table-senha-confirm-input { }
.altera-senha-info { }
.altera-senha-submit-wrapper { }
.cad-cliente-title { }
.cad-cliente-select-msg { }
.cad-cliente-filter-top-label { }
.cad-cliente-form-wrapper { }
.cad-cliente-uf-wrapper { }
.cad-cliente-uf-label { }
.cad-cliente-uf-input { }
.cad-cliente-cidade-wrapper { }
.cad-cliente-cidade-label { }
.cad-cliente-cidade-input { }
.cad-cliente-cli-label { }
.cad-cliente-cli-input { }
.cad-cliente-submit-wrapper { }
.cod-cli-form-group { }
.razao-social-form-group { }
.nome-compr-form-group { }
.fone-form-group { }
.endereco-form-group { }
.cidade-form-group { }
.uf-form-group { }
.bairro-form-group { }
.cep-form-group { }
.atualizar-cad-cliente-wrapper { }
.cad-produto-content-table-cod-header { }
.cad-produto-content-table-desc-header { }
.cad-produto-content-table-preco-header { }
.cad-produto-content-table-item-contrato-header { }
.cad-produto-content-table-cod-column { }
.cad-produto-content-table-desc-column { }
.cad-produto-content-table-preco-column { }
.cad-produto-content-table-item-contrato-column { }
.cad-produto-content-wrapper { }
.cad-produto-subtitle { }
.cad-usuario-content-wrapper { }
.cad-usuario-subtitle { }
.tipo-usuario-wrapper { }
.cad-usuario-cliente-wrapper { }
.cad-usuario-cliente-submit-input { }
.cad-usuario-cliente-submit { }
.cad-usuario-grupo-wrapper { }
.cad-usuario-grupo-submit-input { }
.cad-usuario-grupo-submit { }
.cad-usuario-cli-usu-wrapper { }
.cad-usuario-cli-usu-submit-input { }
.cad-usuario-cli-usu-submit { }
.cad-usuario-remove-wrapper { }
.cad-usuario-remove-submit-input { }
.cad-usuario-remove-submit { }
.periodo-form-text { }
.back-btn-form { }
.saldoCota { }
.tipo-pedido-label-emergencial { }
.cota-prod-endereco-info { }
.cota-prod-radio-label { }
.cota-prod-contrato-wrapper { }
.cota-prod-contrato-label { }
.cota-prod-sem-contrato-wrapper { }
.cota-prod-sem-contrato-label { }
.cota-prod-save-btn-wrapper { }
.cota-prod-bloq-wrapper { }
.cota-prod-bloq-label { }
.cota-prod-bloq-info { }
.cota-prod-content-wrapper { }
.cota-prod-content-table-header-column { }
.cota-prod-content-table-column { }
.cota-prod-imagem-produto {
    width: 30px;
    height: 30px;
 }
.w3-content { }
.w3-display-container { }
.w3Slides { }
.w3-btn-floating { }
.noselection { }
.w3-display-left { }
.w3-hover-dark-grey { }
.w3-display-right { }
.w3-badge { }
.demo { }
.w3-border { }
.w3-hover-black { }
.button_detalhe { }
.barra_topo_left { }
.barra_topo { }
.ret_msg { }
.estat-ped-content-wrapper { }
.estat-ped-content-table-pedido-column { }
.estat-ped-content-table-column { }
.exporta-ped-content { }
.exporta-ped-title { }
.descricao-relatorio { }
.tipo-filtro-data { }
.radio { }
.btn-exportar-wrapper { }
.cli-end-update-msg { }
.cli-end-title { }
.cli-end-content-wrapper { }
.cli-end-submit-btn-wrapper { }
.cli-end-content-table { }
.cli-end-content-table-header-row { }
.cli-end-content-table-checkbox-header { }
.cli-end-select-all-label { }
.cli-end-select-all-input { }
.cli-end-content-table-codigo-header { }
.cli-end-content-table-entrega-header { }
.cli-end-content-table-endereco-header { }
.cli-end-content-table-checkbox-column { }
.cli-end-select-input { }
.cli-end-content-table-codigo-column { }
.cli-end-content-table-entrega-column { }
.cli-end-content-table-endereco-column { }
.importa-ped-submited-msg { }
.importa-ped-submited-msg-success { }
.importa-ped-no-layout { }
.campos-input { }
.importa-ped-legenda-campo { }
.importa-ped-layout-select-wrapper { }
.importa-ped-file-wrapper { }
.importa-ped-file-input { }
.importa-ped-button-wrapper { }
.importa-ped-content { }
.importa-ped-title { }
.classBanner { }
.slide { }
.botoesBanner { }
.res-ped-content-wrapper { }
.res-ped-title { }
.res-ped-uf-wrapper { }
.res-ped-uf-label { }
.res-ped-uf-input { }
.res-ped-cidade-wrapper { }
.res-ped-cidade-label { }
.res-ped-cidade-input { }
.res-ped-pedido-wrapper { }
.res-ped-pedido-label { }
.res-ped-pedido-input { }
.res-ped-input-wrapper { }
.lista-cota-warning { }
.lst_cotas { }
.back_cotas { }
.lista-cota-content-table-header-row { }
.lista-cota-content-table-endereco-header { }
.lista-cota-content-table-total-header { }
.lista-cota-content-table-num-ped-header { }
.lista-cota-content-table-bloq-header { }
.lista-cota-content-table-valor-header { }
.lista-cota-content-table-endereco-filtro { }
.lista-cota-content-table-row { }
.lista-cota-content-table-endereco-column { }
.lista-cota-table-endereco-info-wrapper { }
.lista-cota-table-cliente-info { }
.lista-cota-table-nome-info { }
.lista-cota-table-endereco-info { }
.lista-cota-table-bairro-info { }
.lista-cota-table-cidade-info { }
.lista-cota-content-table-input { }
.lista-cota-content-table-header-row> { }
.lista-cota-content-table-fora-contrato-header { }
.lista-cota-content-table-mistos-header { }
.lista-cota-content-table-ordem-header { }
.lista-cota-content-table-precos-header { }
.lista-cota-content-table-demais-header { }
.lista-cota-content-table-usuario-header { }
.lista-cota-content-table-grupo-filtro { }
.lista-cota-content-table-grupo-column { }
.lista-cota-content-table-cliente-header { }
.lista-cota-content-table-cnpj-header { }
.lista-cota-content-table-valor-total-header { }
.lista-cota-content-table-num-pedidos-header { }
.lista-cota-content-table-automatico-header { }
.lista-cota-content-table-cliente-column { }
.lista-cota-content-table-cnpj-column { }
.lista-cota-grupo-selection-btn { }
.lista-cota-grupo-selection-btn-selected { }
.lista-cota-title { }
.lista-cota-erro-msg { }
.lista-cotas-divider { }
.lista-cota-window { }
.lista-cota-fechar { }
.lista-exc-content-wrapper { }
.lista-exc-filter-title-wrapper { }
.lista-exc-filter-uf-wrapper { }
.lista-exc-filter-uf-label { }
.lista-exc-filter-uf-input { }
.lista-exc-filter-cidade-wrapper { }
.lista-exc-filter-cidade-label { }
.lista-exc-filter-cidade-input { }
.lista-exc-filter-cliente-label { }
.lista-exc-filter-entrega-wrapper { }
.lista-exc-filter-entrega-label { }
.lista-exc-content-table-header-column { }
.lista-exc-content-table-header-acao-column { }
.lista-exc-content-table-column { }
.ALL2 { }
.lista-ped-content-table-checkbox-header { }
.lista-ped-content-table-cod-header { }
.lista-ped-content-table-emissao-header { }
.lista-ped-content-table-cnpj-header { }
.lista-ped-content-table-status-header { }
.lista-ped-content-table-loja-header { }
.lista-ped-content-table-valor-header { }
.lista-ped-content-table-tipo-header { }
.lista-ped-content-wrapper { }
.lista-ped-grupo-wrapper { }
.lista-ped-grupo-label { }
.lista-ped-grupo-input { }
.lista-ped-cliente-wrapper { }
.lista-ped-cliente-label { }
.lista-ped-cliente-input { }
.lista-ped-endereco-wrapper { }
.lista-ped-endereco-label { }
.lista-ped-endereco-input { }
.lista-ped-status-wrapper { }
.lista-ped-status-label { }
.lista-ped-status-input { }
.link { }
.lista-ped-content-table-checkbox-column { }
.lista-ped-content-table-cod-column { }
.lista-ped-content-table-emissao-column { }
.lista-ped-content-table-cnpj-column { }
.lista-ped-content-table-status-column { }
.lista-ped-content-table-loja-column { }
.lista-ped-content-table-valor-column { }
.lista-ped-content-table-tipo-column { }
.lista-ped-adm-filter-top-label { }
.lista-ped-adm-emissor-input { }
.lista-ped-adm-uf-input { }
.lista-ped-adm-cidade-input { }
.lista-ped-adm-cliente-input { }
.lista-ped-adm-endereco-input { }
.lista-ped-adm-status-input { }
.lista-ped-adm-submit-input { }
.adm-ped-pagination-wrapper { }
.adm-ped-list-pagination-item { }
.adm-ped-list-pagination-item-current { }
.adm-ped-list-pagination-item-no-interaction { }
.accept-action-btn-wrapper { }
.decline-action-btn { }
.accept-action-btn-img { }
.decline-action-btn-wrapper { }
.decline-action-btn-img { }
.admped-list-content-table-num-ped-header { }
.admped-list-content-table-cnpj-header { }
.admped-list-content-table-nome-loja-header { }
.admped-list-content-table-valor-header { }
.admped-list-content-table-cota-header { }
.admped-list-content-table-saldo-cota-header { }
.admped-list-content-table-emissao-header { }
.admped-list-content-table-aprovacao-header { }
.admped-list-content-table-status-header { }
.admped-list-content-table-tipo-pedido-header { }
.admped-list-content-table-ped-num-column { }
.admped-list-content-table-cnpj-column { }
.admped-list-content-table-nome-loja-column { }
.admped-list-content-table-valor-column { }
.admped-list-content-table-cota-column { }
.admped-list-content-table-saldo-cota-column { }
.admped-list-content-table-emissao-column { }
.admped-list-content-table-aprovacao-column { }
.admped-list-content-table-status-column { }
.admped-list-content-table-tipo-pedido-column { }
.admped-list-content-table-valor-total-label-column { }
.admped-list-content-table-valor-total-column { }
.lista-ped-grupo-content-table-checkbox-header { }
.lista-ped-grupo-content-table-cod-header { }
.lista-ped-grupo-content-table-cnpj-header { }
.lista-ped-grupo-content-table-loja-header { }
.lista-ped-grupo-content-table-valor-header { }
.lista-ped-grupo-content-table-emissao-header { }
.lista-ped-grupo-content-table-status-header { }
.lista-ped-grupo-content-wrapper { }
.lista-ped-grupo-grp-wrapper { }
.lista-ped-grupo-grp-label { }
.lista-ped-grupo-grp-filter-input-wrapper { }
.lista-ped-grupo-grp-filter { }
.lista-ped-grupo-grp-input { }
.lista-ped-grupo-cliente-wrapper { }
.lista-ped-grupo-cliente-label { }
.lista-ped-grupo-cliente-input { }
.lista-ped-grupo-endereco-wrapper { }
.lista-ped-grupo-endereco-label { }
.lista-ped-grupo-endereco-input { }
.lista-ped-grupo-status-wrapper { }
.lista-ped-grupo-status-label { }
.lista-ped-grupo-status-input { }
.lista-ped-grupo-content-table-cod-column { }
.lista-ped-grupo-content-table-cnpj-column { }
.lista-ped-grupo-content-table-loja-column { }
.lista-ped-grupo-content-table-valor-column { }
.lista-ped-grupo-content-table-emissao-column { }
.lista-ped-grupo-content-table-status-column { }
.pedido-warning { }
.pedido-content-table-image-column { }
.pedido-content-table-info-column { }
.pedido-content-table-info-wrapper { }
.pedido-content-info-desc-highlight { }
.pedido-content-info-desc { }
.pedido-content-unity-val-wrapper { }
.pedido-content-unity-val-label { }
.pedido-content-unity-val { }
.pedido-content-cota-produto-esgotada { }
.pedido-content-cota-produto { }
.pedido-content-qtd-sugerida-wrapper { }
.pedido-content-qtd-sugerida-label { }
.pedido-content-qtd-produto-wrapper { }
.pedido-content-qtd-produto-label { }
.pedido-content-qtd-produto { }
.pedido-content-qtd-produto-input { }
.pedido-content-total-wrapper { }
.pedido-content-total-label { }
.pedido-content-total { }
.pedido-content-table-remove-ped-column { }
.pedido-content-table-img-header { }
.pedido-content-table-desc-header { }
.pedido-content-table-preco-header { }
.pedido-content-qtd-sugerida-header { }
.pedido-content-table-qtd-header { }
.pedido-content-table-total-header { }
.pedido-content-table-remove-header { }
.pedido-content-table-info-desc-highlight { }
.pedido-content-table-info-desc { }
.pedido-content-table-preco-column { }
.pedido-content-table-cota-column-exceeded { }
.pedido-content-table-cota-column { }
.pedido-content-table-qtd-produto-column { }
.pedido-content-table-qtd-produto-input { }
.pedido-content-table-remove-column { }
.pedido-item-fora-contrato { }
.pedido-content-wrapper { }
.pedido-msg-frete { }
.pedido-msg-warning { }
.pedido-subtitle { }
.pedido-action-btn-print { }
.form-visualizacao { }
.visualizacao-label { }
.produto-view-card { }
.produto-view-list { }
.erro-listagem-prod { }
.saldo-cota-wrapper { }
.saldo-cota-row { }
.prod-list-main-container { }
.prod-form-wrapper { }
.erro-listagem-prod-2 { }
.rel-fatur-content-wrapper { }
.rel-fatur-filter-title { }
.rel-fatur-emissor-wrapper { }
.rel-fatur-emissor-label { }
.rel-fatur-emissor-input { }
.rel-fatur-cliente-wrapper { }
.rel-fatur-cliente-label { }
.rel-fatur-filter-submit-wrapper { }
.rel-fatur-total-all-wrapper-alt { }
.rel-fatur-total-all-wrapper { }
.rel-fatur-content-empty { }
.rel-fatur-content-total-por-cliente { }
.rel-fatur-content-total-por-cliente-label { }
.rel-fatur-content-cliente-wrapper { }
.rel-fatur-content-nome-cliente-label { }
.rel-fatur-content-bairro { }
.rel-fatur-content-total-endereco-wrapper { }
.rel-fatur-content-total-endereco { }
.rel-fatur-content-uf { }
.rel-fatur-content-cep { }
.rel-fatur-content-cidade { }
.rel-fatur-pre-total-empty { }
.rel-fatur-total-wrapper { }
.rel-fatur-total { }
.rel-fatur-total-all { }
.rel-consumo-content-wrapper { }
.rel-consumo-filter-uf-wrapper { }
.rel-consumo-filter-uf-label { }
.rel-consumo-filter-uf-input { }
.rel-consumo-filter-cidade-wrapper { }
.rel-consumo-filter-cidade-label { }
.rel-consumo-filter-cidade-input { }
.rel-consumo-filter-cliente-label { }
.rel-consumo-filter-entrega-wrapper { }
.rel-consumo-filter-entrega-label { }
.rel-consumo-content-table-header-column { }
.rel-consumo-content-table-column { }
.rel-consumo-total-faturado { }
.rel-ped-content-wrapper { }
.rel-ped-filter-wrapper { }
.rel-ped-uf-wrapper { }
.rel-ped-cidade-wrapper { }
.rel-ped-submit-wrapper { }
.rel-ped-content-table-header-column { }
.rel-ped-content-table-column { }
.rel-ped-content-table-total-label-column { }
.rel-ped-content-table-remetidos-column { }
.rel-ped-content-table-total-column { }
.realtorio-pers-title { }
.relatorio-pers-cnpj-label { }
.button-filter-submit-wrapper { }
.relatorio-pers-sem-contr-label { }
.relatorio-pers-sem-contr-input { }
.select-endereco-content-wrapper { }
.select-endereco-content { }
.select-endereco-label { }
.select-endereco-submit-form { }
.select-cliente-grupo-label { }
.select-cliente-grupo-input { }
.select-cliente-grupo-form { }
.select-cliente-header { }
.select-cliente-title { }
.usu-cli-title { }
.usu-cli-subtitle { }
.cli-usu-content-table-header-row { }
.cli-usu-content-table-endereco-header { }
.cli-usu-content-table-cliente-header { }
.cli-usu-content-table-notifica-header { }
.cli-usu-content-table-acao-header { }
.notifica-email-select { }
.cli-usu-content-table-row { }
.cli-usu-content-table-endereco-column { }
.cli-usu-content-table-cliente-column { }
.cli-usu-content-table-notifica-column { }
.cli-usu-content-table-acao-column { }
.cli-usu-voltar { }
.usu-cli-window { }
.usu-cli-fechar { }
.usu-grupo-content-table-endereco-header { }
.usu-grupo-content-table-usuario-header { }
.usu-grupo-content-table-notifica-header { }
.usu-grupo-content-table-acao-header { }
.usu-grupo-notifica-email-input { }
.usu-grupo-content-table-endereco-column { }
.usu-grupo-content-table-notifica-column { }
.usu-grupo-content-table-acao-column { }
.usu-grupo-content-table-enderco-column { }
.usu-grupo-content-table-usuario-column { }
.usu-grupo-content-wrapper { }
.usu-grupo-subtitle { }
.usu-grupo-voltar-btn { }
.usu-grupo-window { }
.usu-grupo-fechar { }
#USU { }
#SENHA { }
#EMAIL { }
#novaJanela { }
#janela1 { }
#iframenovo { }
#fechar { }
#mascara { }
#demo1 { }
#COD_PEDIDO { }
#COD_CLIENTE { }
#COD_GRUPO { }
#CONTROLE { }
#COUNT-ID { }
#MENU_ID { }
#flagret { }
#Session { }
#tabelateste { }
#img_carrinho { }
#ADD_CARRINHO { }
#TIPO_USUARIO { }
#USU_CLI { }
#USU_GRU { }
#CLI_USU { }
#REM_USU { }
#cad-usuario-main-form { }
#COD_USUARIO { }
#btExibeCli { }
#ID_USUARIO { }
#btRemoveUsu { }
#form { }
#cliente { }
#motivo { }
#tabs { }
#barra { }
#tabelas_ordem { }
#demo2 { }
#periodo-form-bt { }
#saldoCota { }
#w3-slider-css { }
#w3-slider-js { }
#tabnav { }
#menu-lateral-esquerdo { }
#consultaAba { }
#ALL { }
#ENDERECOS { }
#erro { }
#JUSTIFICATIVA { }
#btn_confirma { }
#forceredirect { }
#file_csv { }
#slide { }
#imgPrev { }
#imgNext { }
#end { }
#index { }
#link_aba_1 { }
#link_aba_2 { }
#link_aba_3 { }
#link_aba_4 { }
#main_form { }
#tabela { }
#txtColuna1 { }
#txtColuna2 { }
#ID_GRAVA_CAMPOS { }
#CODIGOS_COTA { }
#ALTERA_COTA { }
#ENVIA_COTA { }
#lista-cota-fechar { }
#lista-cota-mascara { }
#btDesbloquear { }
#btRejeitar { }
#ALL-MOB { }
#textbox { }
#select { }
#ADD_BUTTOM { }
#div_principal { }
#grupo { }
#endereco { }
#tab_1 { }
#tab_2 { }
#tab_3 { }
#tab_4 { }
#cod_item { }
#bt-repetir { }
#COD_PRODUTO { }
#NUMPRODPAG { }
#paginacaoProduto { }
#botao_mini { }
#botao_lista { }
#FILTRO { }
#prod-search-btn { }
#load-more { }
#erro2 { }
#valida { }
#TABLEGRP { }
#usu-cli-fechar { }
#usu-cli-mascara { }
#usu-grupo-mascara { }
.product-detail-image-card {
    width: 100%;
    text-align: center;
    padding: 25px 15px;
    outline: solid 1px rgb(209, 209, 209);
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: -webkit-center !important;
}
.product-detail-action-card-title {
    word-break: break-word;
    text-align: left;
}

.prod-detail-desktop-add-to-cart {
    display: none;
}

.product-detail-content-title {
    display: none;
}

.product-detail-action-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 15px 30px;
    outline: solid 1px rgb(209, 209, 209);
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px;
    text-align: -webkit-center !important;
}

.product-detail-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 25px;
}
.product-description-card {
    padding: 25px 15px;
    outline: solid 1px rgb(209, 209, 209);
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    align-content: center;
    min-height: unset !important;
    width: unset;
}

.product-detail-action-card-preco-value, .product-detail-action-card-preco-label,
.product-detail-action-card-cod-value, .product-detail-action-card-cod-label,
.product-detail-action-card-qtd-value, .product-detail-action-card-qtd-label  {
  display: inline-block;
  width: 48%;
}

.product-detail-action-card-preco-label,
.product-detail-action-card-cod-label,
.product-detail-action-card-qtd-label {
  text-align: left;
}

.product-detail-action-card-preco-value,
.product-detail-action-card-cod-value,
.product-detail-action-card-qtd-value {
  text-align: right;
}


.product-detail-action-card-preco-wrapper, .product-detail-action-card-cod-wrapper,
.product-detail-action-card-qtd-wrapper, .product-detail-action-card-desc, 
.product-detail-action-card-out-of-stock, .product-detail-action-card-buttons-wrapper{
  display: flex;
  min-height: 32px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
  
}

.product-detail-action-card > *{
    width: 100%;
}

.prod-detail-mobile-add-to-cart {
    display: inline-block;
}

.product-detail-action-card-preco-value, .product-detail-action-card-cod-value {
    font-weight: bolder;
}

.abrir-pedido-btn-aprovar, .abrir-pedido-btn-rejeitar {    
    cursor: pointer;
    margin: 10px;
    border-radius: 5px;
    padding: 10px;
    display: inline-block;
    color: #fff !important;
}

.abrir-pedido-btn-aprovar .material-icons, .abrir-pedido-btn-rejeitar .material-icons {
    line-height: unset !important;
    font-size: unset !important;
}

.abrir-pedido-btn-aprovar {
    background-color: #2bd648;
}

.abrir-pedido-btn-rejeitar {
    background-color: #dc3545;
}

.abrir-pedido-btn-aprovar:hover {
    background-color: #21bd3b;
    border-color: #21bd3b;
}

.abrir-pedido-btn-rejeitar:hover {
    background-color: #c82333;
    border-color: #bd2130;
}

.abrir-pedido-btn-desbloq-rej-wrapper {
    margin: 10px 0;
}

.abrir-pedido-img-aprovar, .abrir-pedido-img-rejeitar {    
    display: none;
}

.abrir-pedido-info-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.abrir-pedido-info-cod-pedido-wrapper, .abrir-pedido-info-emissor-wrapper,
.abrir-pedido-info-loja-wrapper, .abrir-pedido-info-cnpj-wrapper,
.abrir-pedido-info-nota-wrapper, .abrir-pedido-info-faturamento-wrapper,
.abrir-pedido-info-endereco-wrapper, .abrir-pedido-info-status-wrapper,
.abrir-pedido-info-motivo-cancel-wrapper,
.abrir-pedido-info-ordem-wrapper, .abrir-pedido-info-cota-wrapper,
.abrir-pedido-info-email-wrapper, .abrir-pedido-info-justificativa-wrapper,
.abrir-pedido-info-emissao-wrapper, .abrir-pedido-info-aprovacao-wrapper,
.abrir-pedido-info-data-envio-wrapper, .abrir-pedido-info-data-faturamento-wrapper,
.abrir-pedido-info-prazo-wrapper, .abrir-pedido-info-valor-wrapper,
.abrir-pedido-info-nota-faturamento-wrapper, .abrir-pedido-info-data-faturamento-wrapper,
.abrir-pedido-info-chave-xml-wrapper, .abrir-pedido-info-romaneio-wrapper,
.abrir-pedido-info-romaneio-data-wrapper, .abrir-pedido-info-previsao-entrega-wrapper,
.abrir-pedido-info-data-entrega-wrapper, .abrir-pedido-info-faturamento-wrapper {
    display: flex;
    margin: 5px;
    padding: 10px 15px;
    flex-basis: 30%;
    justify-content: flex-start;
    flex-grow: 1;
    align-items: center;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 0px 6px 1px;
}

.abrir-pedido-info-motivo-bloq-wrapper {
    display: flex;
    margin: 5px;
    padding: 10px 15px;
    justify-content: flex-start;
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 0px 6px 1px;
}

.abrir-pedido-info-cod-pedido-label, .abrir-pedido-info-emissor-label,
.abrir-pedido-info-loja-label, .abrir-pedido-info-cnpj-label,
.abrir-pedido-info-nota-label, .abrir-pedido-info-faturamento-label,
.abrir-pedido-info-endereco-label, .abrir-pedido-info-status-label,
.abrir-pedido-info-motivo-cancel-label, .abrir-pedido-info-motivo-bloq-label,
.abrir-pedido-info-ordem-label, .abrir-pedido-info-cota-label,
.abrir-pedido-info-email-label, .abrir-pedido-info-justificativa-label,
.abrir-pedido-info-emissao-label, .abrir-pedido-info-aprovacao-label,
.abrir-pedido-info-data-envio-label, .abrir-pedido-info-data-faturamento-label,
.abrir-pedido-info-prazo-label, .abrir-pedido-info-valor-label,
.abrir-pedido-info-nota-faturamento-label, .abrir-pedido-info-data-faturamento-label,
.abrir-pedido-info-chave-xml-label, .abrir-pedido-info-romaneio-label,
.abrir-pedido-info-romaneio-data-label, .abrir-pedido-info-previsao-entrega-label,
.abrir-pedido-info-data-entrega-label, .abrir-pedido-info-faturamento-label {
    text-align: left;
    margin: 0 15px 0 0;
    white-space: nowrap;
    font-size: 15px;
    font-weight: bolder;
}

.abrir-pedido-info-cod-pedido-value, .abrir-pedido-info-emissor-value,
.abrir-pedido-info-loja-value, .abrir-pedido-info-cnpj-value,
.abrir-pedido-info-nota-value, .abrir-pedido-info-faturamento-value,
.abrir-pedido-info-endereco-value, .abrir-pedido-info-status-value,
.abrir-pedido-info-motivo-cancel-value, .abrir-pedido-info-motivo-bloq-value,
.abrir-pedido-info-ordem-value, .abrir-pedido-info-cota-value,
.abrir-pedido-info-email-value, .abrir-pedido-info-justificativa-value,
.abrir-pedido-info-emissao-value, .abrir-pedido-info-aprovacao-value,
.abrir-pedido-info-data-envio-value, .abrir-pedido-info-data-faturamento-value,
.abrir-pedido-info-prazo-value, .abrir-pedido-info-valor-value,
.abrir-pedido-info-nota-faturamento-value, .abrir-pedido-info-data-faturamento-value,
.abrir-pedido-info-chave-xml-value, .abrir-pedido-info-romaneio-value,
.abrir-pedido-info-romaneio-data-value, .abrir-pedido-info-previsao-entrega-value,
.abrir-pedido-info-data-entrega-value, .abrir-pedido-info-faturamento-value {
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    color: #3b3b3b;
}

.abrir-pedido-info-motivo-bloq-divider {
    font-size: 15px;
}


.abrir-pedido-itens-content-table td, .abrir-pedido-itens-content-table th {
    padding: 0 10px;
}

.abrir-pedido-info-motivo-bloq-wrapper {
}

.abrir-pedido-itens-title {
    margin: 30px 0 0 0;
    font-size: 20px;
    font-weight: bolder;
}