.is-preposto .hide-on-preposto{
    display: none;
}

.show-on-preposto{
    display: none;
}

.is-preposto .show-on-preposto{
    display: initial;
}

.primary-color{
    background: #1ebb90;
    color: #fff;
}

body{
}

.smaller-font{
    font-size: .9em;
}

*{
    -webkit-user-select: none;
    user-select: none;
}

input, select, textarea{
    user-select: initial!important;
    -webkit-user-select: initial!important;
}

.zoomImg{
    background: white;
}

.hide-new-client .button-to-new-client{
    display: none!important;
}

html, body, #all, .container, .base{
    height:100%;
    margin:0 auto;
}

.fixed-row-bottom.bottom-fixed{
    height: 53px;
}

.fixed-row-bottom{
    position: fixed;
    bottom: 12px;
    width: -webkit-calc(100% - 2px);
    max-width: 1278px;
    background: #fff;
}

.main-row{
    border: 1px solid;
    margin: 7px auto;
    height: calc(100% - 14px);
}

.main-col{
    height: 100%;
}

.header-left{
    float:left;
    width:33%;
    text-align:left;
}

.header-center{
    float:left;
    width:33%;
    text-align:center;
}

.header-right{
    float:left;
    width:34%;
    text-align:right;
}

.default-line-height{
    line-height: 1;
}

.default-close-button{
    font-size: 2em!important;
    float: right;
}

.always-on-top{
    z-index: 9999!important;
}

/*.ios-padding-top .smartphone-navbar{
    padding-top: 18px;
}*/

.ios .hide-on-ios{
    display: none;
}

.web .hide-on-web{
    display: none;
}

.clientes-afterselect-onmobile{
    text-align: center;
}

.clientes-afterselect-onmobile button{
    width: 90%;
    margin: 5px 0px!important;
    display: inline;
    height: 70px;
    padding: 0px!important;
    font-size: 1.4em;
}

.goto-referencias-clientes{
    font-size: 1.15em;
    margin-left: 15px;
}

.goto-referencias-funcoes{
    font-size: 2.2em;
    font-weight: bold;
}

.transp-choser{
    font-size: 20px;
    /*display: none;*/
    text-align: center;
    width: 75%;
    background: #00d800;
    padding: 10px;
    margin: -10px auto;
    color: white;
}

[page=clientes] .butt-aux-st{
    margin: 5px!important;
}

.transp-choser-alert > div{
    background: #d4d4d4;
    padding: 10px;
    font-size: 1em;
    cursor: pointer;
    margin: 15px;
    text-align: center;
}


.transp-choser-alert > div p{
    margin: 5px;
}

.send-mail{
    font-size: 24px;
    display: block;
    margin: 0 auto;
}

.fixed-header{
    position:fixed;
    width:100%;
    z-index: 1000;
}

.green-bg[data-categoria-id="99999999999996"], .green-bg[data-cat="99999999999996"]{
    background: red !important;
}

.green-bg[data-categoria-id="99999999999997"], .green-bg[data-cat="99999999999997"]{
    background: white !important;
    color: red !important;
    border: 3px solid;
}

[data-categoria-id="99999999999998"] span {
    font-size: 37px;
}

body{
    overscroll-behavior-y: contain;
}

body.blue-background{
    /*background-image: url(https://ca.slack-edge.com/T9EMR8FB8-U9EMR8G4W-da51533f1503-48) !important;*/
    /*background-size: cover;*/
    background-color: #f3f3f3;
}

input.input-error{
    border-bottom: 1px solid #F00!important;
    -webkit-box-shadow: 0 1px 0 0 #F00!important;
    box-shadow: 0 1px 0 0 #F00!important;
}

.scrollable { 
    /*overflow: auto;*/
    -webkit-transition-property: top, bottom;
    transition-property: top, bottom;
    -webkit-transition-duration: .2s, .2s;
    transition-duration: .2s, .2s;
    -webkit-transition-timing-function: linear, linear;
    transition-timing-function: linear, linear;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

.full-border{
    border: 1px solid #000;
}

.small-font{
    font-size: 0.8rem;
}
.fixed-top{
    left: 0 !important;
    position: fixed;
}

.login-main{
    margin-top:25px;
}

.stop-login #logar, .stop-login .card-content, .stop-login #remember_me{
    display: none;
}

.stop-login .card-end{
    padding: 150px 0 !important;
}

.novo_cliente b{
    color: #f00;
}

.modal-close-button{
    font-size:45px!important;
    margin-top: -20px;
    margin-right: -13px;
}

.marca-btn.header{
    display: inline-block;
    width:20%;
    margin-top: -5px;
}
.marca-btn.header.smaller{
    width: 27.2%;
}
.marca-btn.header img{
    vertical-align: middle;
    margin-top: -10px;
    max-height: 68px!important;
}

.right.option-icons{
    width: 100%;
}

.remove-pedido{
    color: red;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
}

.atualizar-estoque{
    display: inline-block;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
    line-height: 1;
    background: red;
    padding: 3px 22px;
    margin: 0px 6%;
    /*margin-right: 9px;*/
}

.pisca{
    background: #9c0000;
}

.pisca-color{
    color: red!important;
}

.pisca-borda{
    border: 1px solid red!important;
}

.pisca-borda-3wd{
    border: 3px solid red!important;
}

.blink-border-b2b-3wd{
    border: 3px solid #fff!important;
}
.pisca-borda-b2b-3wd{
    border: 3px solid #deb894!important;
}
.blink-border-rep-3wd{
    border: 3px solid #fff!important;
}
.pisca-borda-rep-3wd{
    border: 3px solid #1ddcf8!important;
}

.grupo-nome{
    white-space: pre;
}

.data-filter-font{
    font-size:20px;
}
.thumb_g{
    background: #000;
    color: white;
    position: absolute;
    width: 60%;
    left: 20%;
    bottom: 4px;
}

.thumb_label {
    font-size: 12px;
    opacity: 0.6;
}

.ios input[type="date"]{
    padding: inherit;
    min-width: 100px;
}
.no-margin{
    margin: 0px!important;
}

.login-circle{
    width:280px;
}

.login-tutorial-app, .update-bar {
    height:98vh;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.login-tutorial-app, .update-bar2 {
    height: 70vh;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.android .login-circular-button-app, .ios .login-circular-button-app{
    display: inline-block!important;
}
.login-circular-button-app{
    display: none!important;
    width:130px;
    height:130px;
    font-size: 1.5em;
    border-radius: 100%;
    border: 0px;
}
.login-web-buttons{
    display: flex;
    justify-content: space-around;
    align-content: center;
    align-items: center;
}
.web .login-tutorial{
    display: inline-block;
}
#link-to-site{
    display: none;
    margin:3px 0px;
    font-size: 1.5em
}
.login-line-height{
    line-height: 0.99;
}
.login-tutorial{
    display: none;
    border-radius: 100px;
    border: 0px solid #fff;
    background: #1ebb90;
    color: #fff;
    height: 105px;
    width: 105px;
    font-size:105%;
    -webkit-box-shadow: 9px 10px 13px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 9px 10px 13px -6px rgba(0,0,0,0.75);
    box-shadow: 9px 10px 13px -6px rgba(0,0,0,0.75);
}
.login-stores{
    display: none;
    width: 260px;
    color: #000;
}
.login-stores p{
    margin: 0px 0px 3px 0px;
}
.login-stores-img{
    display: flex;
    justify-content: space-around;
    align-content: center;
    align-items: center;
}
.login-stores-img p{
    font-size: 14px;
    margin: 0px;
}
.login-stores-img img{
    height: 60px;
    width: 60px;
}
.web .card-end{
    justify-content: space-around;
    padding:5px;
}
.card-end{
    border-radius: 0 0 2px 2px;
    height:75px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding: 20px;
}

.chrome-required{
    display: none;
}
.web .img-chrome-required{
    display: flex;
}
.img-chrome-required{
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.img-chrome-required .full-width{
    width: 100%;
    display: flex;
    justify-content: center;
}
.img-chrome-required img{
    max-height: 50px;
    margin: 0 auto;
}
.img-chrome-required p{
    margin: 2px;
}

td, th{
    border-radius: 0 !important;
}

.login-tutorial p{
    line-height: 0.8;
}
.login-tutorial.smaller-font{
    font-size: 85%!important;
}
.login-tutorial.bigger-font{
    line-height: 1!important;
    font-size: 129%!important;
}

.visibility-hidden{
    visibility: hidden;
}

.hidden{
    display: none;
}
.black-color{
    color: black;
}
.bigger-font{
    font-size:150%!important;
}
.outer-border{
    border:1px solid #000;
}
.side-border{
    border-width:0px 1px;
    border-style: solid;
    border-color:#000;
}
.yellow-bg{
    background: #ff0!important;
}
.green-bg{
    background: #1ebb90 !important;
}

.alternative-screen .green-bg{
    background: #809cab !important;
}

.alternative-screen #m_menu_div_2 .green-bg{
    background: #b8b8b8 !important;
}

.white-bg{
    background: #fff !important;
}

.green-bg.light-bg{
    background: #a5e2d1!important;
}

.green-bg.dark-bg{
    background: #1b8a6b!important;
}

.green-bg-text{
    color: #1ebb90!important;
}

.white-bg-text{
    color: #1ebb90!important;
}

.lista-cliente .btn, .lista-cliente .btn:hover{
    background: #1ebb90;
}

.lista-cliente .s1{
    font-size: 24px;
}

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

.yellow-icon{
    color:#f5d005;
}

.red-icon{
    color: #f44336!important;
}

.alternative-screen .red-icon{
    color: #b8b8b8 !important;
}

::placeholder{
    color:#888!important;
}

.option-icons i{
    margin-left:15px;
}

body{
    font-size: 100%;
}

.container{
    width: 97.8% !important;
}

button{
    line-height:100%!important;
}

#flex-container{
    margin-top:5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: space-around;
}

.flex-item{
    padding-top: 15px;
    width:240px;
    min-height:180px;
    height:auto;
    background:#ddd;
    margin:5px;
    flex-shrink:0;            
}

.icones{
    font-size:29px;
}
.lista-cliente{
    padding: 5px;
    font-size: 1.2em;
}
.clients-menu-header h3{
    margin:0px;
}
.clients-menu-header p{
    margin:2px 0px;
    font-size:160%;
}
.limpar-cliente{
    padding-right:2px!important;
}
.limpar-cliente a{
    width:160px;
}
.detalhe1, .detalhe2, .detalhe3, .detalhe4{
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.relative{
    position: relative;
}
.end-row{
    margin-bottom:0px!important;
}
/*Marca*/

    .loading-marca{

        display: none;
        position: fixed;
        height: 128px;
        width: 220px;
        z-index: 4;
        opacity: 1;
        text-align: center;
        vertical-align: middle;
    }

    .card-image img{
	    height: 100px;
	    object-fit: contain;
    }

    .close-tabela{
	    border: none;
	    background: #1fbb90;
	    margin-left: 0px!important;
        color: #fff;
        padding: 20px;
    }

    .loading-text{
        position: fixed;
        z-index: 5;
        height: inherit;
        width: inherit;
        vertical-align: middle;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.7em;
    }
    .loading-overlay{
            position: relative;
            height: inherit;
            width: inherit;
            float: left;
            background: #fff;
            opacity: 0.7;
    }
    .android .marca-circular, .ios .marca-circular{
        display: flex;
    }
    .marca-circular{
        display: none;
        justify-content: center;
        align-content: center;
        align-items: center;
        border-radius: 100%;
        line-height: 1;
        height: 120px;
        width: 120px;
        font-size: 25px;
        margin: 0 auto;
    }
/*Marca*/
/*-------Calculadora 2*------*/
    /*-Templates Verticais-*/
    /* A altura e a Largura das
    classes: img-div, sku-div, template
    deveriam ser mudadas automaticamente
    para cada template*/
    .icon-m-size{
        font-size: 3rem!important;
    }
    .in-calc-falta{
        font-size: 65%!important;
    }
    .calc-circular-button{
        display: flex;
        margin: 0 auto;
        justify-content: center;
        align-content: center;
        align-items: center;
        border-radius: 100%;
        height: 70%;
        width: 70%;
        font-size: 135%;
    }
    .icon-calc{
        font-size:2.7em!important;
    }
    .img-div-a{
        position:relative;
    }
    .sku-div{
        padding:5px 0px 5px 5px;
        overflow:auto;
        display: inline-flex!important;
    }
    .sku-div table{
        width:auto;
    }
    .template{
        /*width:676px;*/
        /*height:435px;*/
        padding:1px;
        border:1px solid #000;
    }
    .sku-div table td{
        border: 1px solid #ccc;
        text-align: center;
        min-width: 94px;
        padding:0px;
    }

    #calc-right-col{
        padding:0px 0px 0px 2px;
        height: 100%;
        overflow:hidden;
    }

    .calculadora .group-buttons{
        height: 19% !important;
    }

    #calculadora{
        /*height:340px;*/
        height:52%;
        font-size:200%;
    }
    #calculadora i{
        font-size:170%;
        font-weight:bold;
    }
    #categorias{
        height:48%;
    }
    #categorias ul{
        height:100%;
        overflow:auto;
        margin:2px auto;
    }
    #categorias ul li{
        border-radius:5px;
        margin:0px 2px 2px 0px;
        padding: 10px;
        width:98%;
        font-size:124%;
    }

    #categorias > ul > li.selected > span{
        text-decoration: underline;
    }

    #categorias ul li.selected{
        font-weight: bold;
        font-size: 160%;
    }

    .group-buttons{
        width:100%;
        margin:2px 0px;
        display:flex;
        flex-wrap:nowrap;
        height:12.35%;
    }

    .nowrap{
        white-space: nowrap;
    }

    .big-group-buttons{
        width:100%;
        margin:2px 0px;
        display:flex;
        flex-wrap:nowrap;
        height:22%;
    }
    .calc_sm_buttons{
        width:32%;
        border-radius:5px;
        margin:1px;
        height:100%;
        display:flex!important;
        justify-content:center;
        align-items:center;
    }
    .calc_md_buttons{
        width:48.5%;
        border-radius:5px;
        margin:1px;
        height:100%;
        display:flex!important;
        justify-content:center;
        align-items:center;
    }
    .calc_lg_buttons{
        width:65%;
        font-size:70%;
        height:100%;
        display:flex!important;
        justify-content:center;
        align-items:center;
    }

    .flex-button{
        display:flex;
        flex-wrap:nowrap;
        justify-content:space-around;
        flex-direction:row;
    }
    .calc-btn-func, .detalhe-btn{
        width:6%;
        margin: 2px;
        border-radius:5px 5px 5px 5px;
        border-width:0px;
    }
    .flex-button .large{
        width:8.3%;
    }

    .calc-btn-func{
        height: 90%;
        padding:0px!important;
        text-align: center;
    }

    .detalhe-btn{
        height: 90%;
        overflow: hidden;
        border:1px solid #000;
        padding:0px;
    }
    .calc-funcoes{
        padding:0px 2px!important;
        height:7%;
    }
    .qtde-minima, .estoque-interno{
        font-size:115%;
    }
    .qtde-selecionada{
        font-size:120%;
    }
    .qtde-selecionada-bigger{
        font-size:180%!important;
        line-height: 1.15;
    }

    .qtde-selecionada.red-text{
        font-size: 100%;
    }
    .valor-unitario{
        font-size:120%;
    }
    .calc-no-estoque{
        font-size: 4em!important;
    }
    .limpar-produto{
        font-size: 2.2em!important;
    }
    .calc-produto{
        display: inline-block;
        height: 49.1%;
        width: 24.28%;
        background: white;
        margin: 0.33%;
        border: 1px solid #000;
        vertical-align: top;
    }
    .calc-produto-img{
        width: 100%;
        height:80%;
    }
 
    .calc-produto-img .desc-unit{
        font-size: 1.6em!important;
        position: absolute!important;
        top: initial!important;
        right: 0!important;
        bottom: 0!important;
    }
    .show-descricao .calc-produto-ref{
        font-size: .9em;
    }
    .calc-produto-ref{
        height: 20%;
        text-align: center;
        font-size: 1.2em;
        background: #1ebb90;
        color: #fff;
        display: flex;
        align-items: center;
        /*position: relative;*/
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .calc-produto-desc-outer{
        font-size: .8em;
        line-height: .9;
        text-transform: lowercase;
    }
    .prd-div{
        display: none;
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: absolute;
    }
    .toggleSimples{
        background: #fff!important;
        height: 70%!important;
        width: 80%!important;
        border-radius: 5px!important;
    }
    .modoSimples{
        background: #1ebb90;
        border-radius: 5px;
        border: 4px solid #fff;
        height: 70%;
        width: 80%;
    }
    .modo-simples-table{
        height: 100%;
    }
    .modo-simples-table td{
        padding: 0px!important;
        font-size: 36px;
    }
    .modo-simples-div{
        width:100%;
        height: 8.9%;
        border: 1px solid #000;
        display: table;
        font-size: 1.7rem;
        text-align: center;
    }
    .modo-simples-div span{
        display: table-cell;
        vertical-align: middle;
    }
    .calc-sku-infos{
        width: 32%;
        margin:2px 5px;
        height: 98%;
        flex-shrink: 0;
    }
    .sku-flex{
        display: flex;
    }
    .simples-img{
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 20%;
    }
    #desc-simples-modal{
        width:35%;
    }
    .simples-desconto{
        text-align: center;
        width:13%!important;
        font-size: 1.7rem;
    }
/*---------------------------*/
/*Classes Carrinho de Compras*/
    .carrinho-datas{
        height:16%;
        margin-bottom: 5px!important;
    }
    .carrinho-datas .col{
        height:100%;
    }
    .carrinho-datas button{
        border-radius:5px;
        border:0px;
    }
    .limpar-button{
        display:block;
        height:100%;
        width:100%;
    }
    .carrinho-group-buttons{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-items:center;
        width:28%;
        height:100%;
        padding:2px 0px;
    }
    .carrinho-group-buttons button{
        display:block;
        width:47%;
        height:47%;
        margin:1% 1%;
        padding:5%;
    }
    .carrinho-group-buttons button .material-icons{
        font-size:0.9em;
    }
    .carrinho-table{
        width:45%;
        margin:1%;
        height:100%;
        font-size:1rem!important;
        padding:2px 0px;
    }
    .carrinho-table tr{
        height:50%;
    }
    .carrinho-table td{
        width:32%;
        border:1px solid #ccc;
        padding:0px;
    }
    .carrinho-data-col{
        height:75%;
        width:100%;
        margin-left:10px;
        /* padding:1%; */
        display:flex;
        flex-wrap:nowrap;
        overflow:auto;
    }
    .inativo {
        background: #ffe0b2 !important;
    }

    .alternative-screen .inativo{
        background: #b8b8b8 !important;
    }

    .aplicado {
        background: #1ebb90 !important;
    }

    .alternative-screen .aplicado{
        background: #809cab !important;
    }

    .inativo.reservado {
        background: #ffeb3b !important;
    }

    #ID-pronta-entrega{
        font-size:6em;
        padding:0px;
    }
    .date-select-button{
        line-height: 153%!important;
    }
    .carrinho-data-col button{
        margin:0px 2px;
        width:20.2%;
        flex-shrink: 0;
    }
    .carrinho-produtos{
        max-height:63%;
        overflow:auto;
    }
    .carrinho-produto-div{
        width:160px;
        padding:0px 4px 4px 4px;
        margin:5px;
    }
    .carrinho-produto-img{
        height:115px;
        width:100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
    }
    
    .carrinho-produto-div.selected{
        border: 2px solid red;
    }

    .carrinho-produto-div img{
        max-height:100px;
        max-width:100px;
        margin:0 auto;
    }
    .carrinho-produto-div p{
        margin:0px;
    }
    .carrinho-flex-prd{
        display:flex;
        flex-wrap:wrap;
    }
    .carrinho-flex-item{
        flex:0 0 auto;
    }
    .carrinho-flex-item2{
        flex:1 0 auto;
    }
    .carrinho-flex-container{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }
    .inf-prd{
        width:30%;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }
    .disable {
        
    }
/*---------------------------*/
/*-----Tela de Pagamento-----*/

    .row-pagamento{
        margin-bottom: 1% !important;
    }

    #table-pagamento td{
        border:1px solid #ccc;
        text-align:center;
        padding:1px;
    }

    #table-pagamento td.cond-pagamento{
        outline: 1px solid red;
    }

    .alternative-screen td.cond-pagamento{
        color: #809cab !important;
    }

    #table-pagamento button{
        width:100%;
    }

    .pgmento-row1{
        height:50%;
    }

    .pgmento-row2{
        width:100%;
        margin: 0 auto 2% auto !important;
    }

    .pgmento-row3 textarea{
        resize:none;
    }

    .btn-forma-pgmento{
        margin:5px;
        width: 200px !important;
    }

    .finalizar-modificar{
        font-size: 19px !important;
        width: 139.2px !important;
        padding: 0 !important;
    }

    .btn-finalizar{
        margin:5px;
    }

    #modal-prazos, #modal-datas, #modal-representante, #modal-preco {
        width: 25% !important;
    }

    .valor-bruto-descontos{
        margin: 5px 0px;
        font-size:140%;
    }
/*---------------------------*/
/*---Informações do pedido---*/

    .ios #info-pedidos{
        height: initial !important;
    }

    #info-pedidos .col div{
        height:3%;
        font-size:15px;
    }
    .lst-info-button{
        width:50px;
        padding:0px;    
    }
    .large-1{
        height:6%!important;
    }
    .large-2{
        height:12%!important;
    }
    #info-pedidos .grey{
        font-weight:bold;
        height: auto;
    }
    .info-border{
        border:1px solid #000;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    .small{
        font-size: 20px;
    }

    #info-pedido-table td{
        border:1px solid #ccc;
        text-align:center;
        padding:5px;
    }
    #info-pedido-table img{
        max-height:100px;
        max-width:100px;
    }
    #info-pedido-table tfoot td{
        text-align:right;
        padding:2px;
    }
    .info-pedido-thumb{
        height:100px;
        width:100px;
        max-height:100px;
        max-width:100px;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    .info-pedido-thumb img{
        max-height:100px;
        max-width:100px;
    }
/*---------------------------*/
/*--------Totalização--------*/
    .total-pedidos-list{
        height:50%;
        max-height:50%;
        overflow:auto;
    }
    .total-pedido img{
        width:35%;
        margin:5px;
    }
    .total-pedido{
        font-size:100%;
        padding:10px;
        margin-top:5px;
        border-bottom:1px solid #000;
    }
    .total-email{
        border:1px solid #000;
        height:120px;
        overflow-y:auto;
        color:#fa3030;
        font-size: 25px;
    }
/*---------------------------*/
/*----------Funções----------*/
    .funcoes-itens{
        height:85%;
        font-size:1.5em;
    }

    .app-blocked .funcoes-itens{
        display: none;
    }

    .funcoes-itens img{
        height:42%;
    }
    .funcoes-itens .col{
        padding:4px 8px;
        height:20%;
        font-size:inherit;
    }
    .funcoes-itens button{
        border-radius: 5px;
        border: 1px solid #1ebb90;
        background: #fff;
        display: block;
        height: 90%;
        width: 100%;
        font-size: inherit;
        color: #1ebb90;
    }

    .alternative-screen .funcoes-itens button{
        color: #809cab;
        border-color: #809cab;
    }

    .funcoes-itens .material-icons{
        font-size:1.8em;
    }
    .funcao-marca{
        height:85%;
    }
    .funcoes-itens i{
        font-size:250%;
    }

    .alternative-screen .funcoes-itens i{
        color: #b8b8b8 !important;
    }
/*---------------------------*/

.status{
    user-select: none;
    font-size: 1.8em;
    font-weight: 100;
    color: #000;
    -webkit-user-select: none;
    margin: 3px;
}

.alternative-screen .status{
    color: #809cab;
}

.production .no-sync{
    display: none;
}

.no-sync{
    float: right;
}

.pointer{
    cursor: pointer;
}

.loading{
    text-align: center;
    padding-top: 100px;
}

.marca_selecionada{
    cursor: pointer;
    margin:0px 7px 0px 7px
}

.show-when-logging{
    display: none;
    position: absolute; 
    width: 100%;
    left: 0;     
    /*top: 30px; */
}

.logging .show-when-logging{
    display: initial;
}

.hide-when-logging{
    height: 100%!important;
}

.outer-progress{
    /*background: #d3edeb;*/
    width: 75%;
    height: 6px;
    margin: 0 auto;
}

/*.inner-progress{
    width: 0;
    height: 100%;
    background: green;
}*/



.no-sync{
    display: none;
}

.no-sync-avaliable .no-sync{
    display: inline-block;
}

.disabled{
    opacity: 0.7;
}

/*---------------------------*/
/*-----------Modal-----------*/
    #modal-preco{
        max-width:50%;
    }
    #modal-cliente{
        max-width:20%;
        max-height:40%;
    }
    #modal-cliente button{
        width:50%;
        margin:0px;
        height:100%;
        float:left;
        background:#fafafa;
    }
    #modal-cliente li{
        display:block;
        width: 100%;
    }
    #modal-cliente label{
        font-size:1.2em;
    }
    .modal-header{
        padding:5px 0px 5px 15px;
        font-size:1.5em;
    }
    .close-button-modal{
        margin-right:10px;
    }
    .modal .divider{
        background:#000;
    }
    #modal-categorias{
        width:30%;
        height:60%;
        max-height:60%;
        top:15%!important;
    }
    #modal-categorias h4{
        color: #fa3030;
    }

/*---------------------------*/
/*-------------Fotos conceituais --------------*/

    #fotos_conceituais_holder{
        position: relative;
        margin: 0 auto;
        border: 3px solid #000;
    }

    #fotos_conceituais_holder img{
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        left: 0;
        opacity: 0;
    }

    #fotos_conceituais_holder img.actual{
        opacity: 1;
    }

    #next_photo{
        position: absolute;
        right: 0;
        top: 50%;
        background: black;
        border-radius: 100%;
        width: 44px;
        font-size: 30px;
        cursor: pointer;
    }

    #previous_photo{
        position: absolute;
        left: 0;
        top: 50%;
        background: black;
        border-radius: 100%;
        width: 44px;
        font-size: 30px;
        cursor: pointer;
    }

/*-------------Fotos conceituais --------------*/
/*-----Lista de Produtos-----*/
    .prd-lst-row-produtos{
        height: calc(100% - 65.754px - 7%)!important;
        max-height: 720px!important;
    }
    .prd-lst-row-produtos .col{
        max-height:100%;
        height:100%;
        overflow-y:auto;
        padding:0px!important;
        display:flex;
        flex-wrap:wrap;
        justify-content: center;
        align-content: flex-start;
    }
    .prd-lst-produto{
        position: relative;
        background:#009688;
        min-height:212px;
        min-width:155px;
        height:32.77%;
        width:16%;
        margin:2px;
        border:4px solid #000;
        text-align: center;
        user-select: none;
        -webkit-user-select: none;
    }

    .prd-lst-produto.selected{
        outline: 3px solid yellow;
    }

    .prd-lst-produto-info{
        width: 100%;
        /*height: calc(12.5% - 2px);*/
        height: calc(25% - 2px);
        border-bottom: 2px solid #fff;
        color: #fff;
        background:#009688;
    }
    .prd-lst-produto-info .left{
        font-size:85%;
    }
    .prd-lst-produto-img{
        width:100%;
        height:75%;
    }
    .prd-lst-produto-img img{
        width:100%;
        height:100%;
    }
    .prd-lst-produto-img-c{
        height:100%;
        width:100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .prd-lst-row-button{
        position:relative!important;
        bottom:0;
        height:7%!important;
        max-width:1280px;
        width:100%;
        margin:0 auto!important;
    }
    .prd-lst-row-button .col{
        margin:0px!important;
        padding:0px!important;
        height:100%;
    }
    .prd-lst-row-button i{
        color:#fff;
        font-size:2.8em;
    }
    .lst-one-letter{
        color:#fff!important;
        font-size:2.8em!important;
    }
    .prd-lst-row-button .lst-prd-big span{
        color:#fff;
        font-size:1.2em;
        line-height: 110%;
    }
    #LM{
        font-size:2em;
        color:#fff;
    }
    .lst-prd-btn{
        margin:0px!important;
        height:100%;
        float:left;
        border-width: 4px 2px;
        border-style: solid;
        border-color: #fff;
        padding:0px!important;
    }
    .lst-prd-small{
        width:5.555555555555%;
    }
    .lst-prd-big{
        width:11.11111111111%;
    }
    .lst-prd-fill{
        width:66.66%;
    }
    .prd-lst-produto .group-buttons{
        height:24%;
        justify-content: center;
        display:flex!important;
        font-size: 1.67em;
    }
    .prd-lst-divider{
        width:100%;
        background: #fff;
        height:2px;
    }
    .circle-button{
        display: flex!important;
        align-items: center;
        justify-content: center;
    }
    .circle-button button{
        border-radius:100%;
        background:#fff;
        font-size:1.3em;
        border-width:2px;
        margin: auto;
        height:80%;
        width: 80%;
    }
    .prd-lst-marca-img img{
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
    }
    .barcode-i{
        float:left;
        height:100%;
        background: #fafafa;
        width:60%;
    }
    .barcode-t{
        float: left;
        width:calc(40% - 25px );
        height: 100%;
        background: #fafafa;
        margin-left: 20px;
        padding-top: 0px!important;
    }
    .barcode-1021{
        height:200px!important;
        background: none!important;
    }
/*-----Lista de Produtos-----*/

.marca-btn img{
    max-width: 100%;
    max-height: 100%;
}

#img_variante_principal{
    background-color: white;
    max-height: 100%;
}
.desc-unit{
    color:red;
    position:absolute;
    top:5px;
    right:5px;
    margin:0px;
}
.reduzir #img_variante_principal{
    display: none;
}
.reduzir .desc-unit{
    display:none;
}
.reduzir .sku-div{
    height:100%!important;
    width:100%!important;
}

.reduzir .m_under_img_info{
    display: none;
}

.reduzir[page=start] .img-div{
    display: none;
}


.lista-cliente .btn{
    width: 160px;
}

.lista-cliente .btn.selected{
    background: red;
}

.lista-cliente .btn.base{
    background: yellow;
    color: black;
}

.not-found{
    display: none;
}

.prd-lst-produto.calculadora{
    bottom: -100%;
    position: fixed;
    /*right: 37px;*/
    transition: 1s bottom;
    z-index: 4;
}

.calculadora-open .prd-lst-produto.calculadora{
    bottom: 0;
}

.bottom-fixed{
    margin-bottom: 100px;
}

.ios .clients-header{
    position: relative;
}

.ios div#container_clientes{
    margin-top: 0 !important;
}

.ios [page="clientes"]{
    overflow-x: hidden;
}

.clients-header{
    /*position: fixed;*/
    background: white;
    width: 100%;
    /*left: 0;*/
    /*top: 0;*/
    z-index: 12;
} 

/*.clients-container{

}*/

#modal-prd-info{
    font-size: 30px;
    width: 45% !important;
}

#modal-prd-info .modal-content{
    height:calc(100% - 20px - 70px)!important;
}

#modal-prd-info .inner-info span{
    white-space: pre-wrap;
}

#modal-prd-info .modal-footer{
    height:20px;
}

#modal-prd-info2{
    user-select: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    width: 50% !important;
    height: 96% !important;
    max-height: 96% !important;
    top: 2% !important;
}

#modal-prd-info2 .variante-principal {
    width: 100%;
    border: 1px solid #444;
    border-right: 0;
    border-left: 0;
    height: 74% !important;
    margin: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#modal-prd-info2 .valor{
    width: 0;
}

#modal-prd-info2 h3.prd_referencia{
    height: 8%;
    margin: 0 !important;
}

#modal-prd-info2 h2.center{
    height: 8%;
    margin: 0 !important;
}

#modal-prd-info2 .detalhes{
    height: 10%;
    text-align: center;
    margin: 0 !important;
}

#modal-prd-info2 .detalhes > div {
    width: 100px;
    max-width: 16%;
    height: 100%;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#modal-prd-info2 .prd_referencia{
    text-align: center;
}

.center{
    text-align: center;
}

.center-imp{
    text-align: center !important;
}

#modal-prd-info2 .modal-content{
    height: 100%;
    padding: 0 !important;
}

.categories-modal li{
    margin: 15px;
}

.categories-modal li label{
    font-size: 30px !important;
}

#modal-prd-info2 .lst-info-button{
    float: right;
    padding: 0px;
    font-size: 48px;
    height:60px;
    width:60px;
    margin:20px;
}

.ios .lst-info-button, .android .lst-info-button{
    padding: 2px 23px 0 !important;
}

#modal-prd-info2 .fa-info{
    font-size:2.6rem;
}

.modal-overlay{
    -webkit-user-select: none;
}

#modal-prd-info2{
    background: transparent;
    box-shadow: none;
    overflow: hidden;
}

#modal-prd-info2 .lefty{
    height: 100%;
    width: 100%;
    display: inline-block;
    background: white;
    box-shadow: 2px 3px 20px rgba(0, 0, 0, 0.4);
    position: relative;
    z-index: 4;
    border: 1px solid silver;
}

#modal-prd-info2 .lefty i.modal-close{
    padding: 15px;
}

#modal-prd-info2 .righty i.modal-close{
    margin-top: -3px;
}

#modal-prd-info2 .righty{
    box-shadow: 1px 3px 8px 0px rgba(0, 0, 0, 0.43);
    font-size: 18px;
    font-size: 18px;
    position: relative;
    top: 0;
    width: 38%;
    display: inline-block;
    vertical-align: top;
    background: white;
    margin-top: 200px;
    padding: 18px 18px 18px 50px;
    margin-left: -3px;
    z-index: 2;
    margin-left: -100%;
    transition: 1s all;
    height: 55%;
}

#modal-prd-info2 .inner-righty{
    overflow-y: auto;
    height: 90%;
    width: 100%;
}

#modal-prd-info2 .inner-righty span{
    white-space: pre-wrap;
}

.show-info-produtos #modal-prd-info2{
    width: 80%!important;
}
.show-info-produtos #modal-prd-info2 .lefty{
    width: 60%;
}

.show-info-produtos #modal-prd-info2 .righty{
    margin-left: -20px;
}

.user-select-none{
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */     
}
/*
*{
    user-select: none;
}*/

/*-------------------------*/
    #info-pedidos{
        margin:3px 0px;
    }
    .info-ped-button{
        margin:8px 0px;
    }

    .info-pedido-row{
        display:flex;
    }

    table .info-pedido-row{
        display: table-row;
    }

    .info-pedido-header{
        overflow-wrap: normal;
        word-wrap: normal;

        -ms-word-break: normal;
        /* This is the dangerous one in WebKit, as it breaks things wherever */
        word-break: normal;
        white-space: nowrap;

    }
    #itens-pedido{
        /*height:300px;*/
        max-height: 300px;
        overflow: auto;
    }
    .info-col{
        display:flex;
    }
    .info-produto-col1{
        width: 23%;
    }
    .info-produto-col2{
        width: 34%;
    }
    .info-produto-col3{
        width: 43%;
    }
    .info-cell{
        border:1px solid #ccc;
        /*display:flex;*/
        justify-content: center;
        align-items: center;
        text-align: center;
        line-height: 1;
        
        overflow-wrap: break-word;
        word-wrap: break-word;

        -ms-word-break: break-all;
        /* This is the dangerous one in WebKit, as it breaks things wherever */
        word-break: break-all;
        font-size: 1.1em;
    }

    .info-grade-fechada-table{
        font-size: 1.2em;
    }

    .info-cell-footer{
        border:1px solid #ccc;
        text-align: right;
        line-height: 1;
        padding:3px 10px 0px 0px;
    }
    .info-img-col{
        width:111px;
    }
/*    .info-name-col{
        width:calc((100% - 111px)*0.69);
    }
    .info-ref-col{
        max-width: 30px;
    }
    
    .info-colecao-col{
        width:18%;
    }
    .info-tam-col{
        width:10%;
    }
    .info-desc-promo-col{
        width:15%;
    }
    .info-preco-unit-col{
        width:20%;
    }
    .info-qtde-col{
        width:15%;
    }
    .info-preco-tb-col{
        width:22%;
    }
    .info-desc-prazo-col{
        width: 14%;
    }
    .info-desc-vol-col{
        width: 14%;
    }
    .info-desc-val-col{
        width: 14%;
    }
    .info-desc-esp-col{
        width: 14%;
    }
    .info-ipi-col{
        width: 9%;
    }
    .info-st-col{
        width: 9%;
    }
    .info-preco-final-col{
        width: 26%;
    }*/
    .info-qtde-ref-col{
        width:100%;
    }
    .info-val-medio-col{
        width: 30%;
        color: #fff;
    }
    .info-qtde-prd-col{
        width:38%;
    }
    .info-total-bruto-col{
        width:32%;
    }
    .info-total-desc-col{
        width:42%;
    }
    .info-total-imp-col{
        width:32%;
    }
    .info-total-final-col{
        width:26%;
    }
/*-------------------------*/
/*----------Email----------*/
    .email-list{
        overflow-y: auto;
        max-height: fill-available;
    }
    .email-list li{
        font-size:200%;
        height:60px;
        border-bottom:1px solid #ccc;
        display:flex;
        align-items: center;
        justify-content: space-between; 
        overflow-y: auto;
    }
    .email-field{
        display: flex;
        justify-content: space-between;
    }
    #email-input{
        width:90%;
    }
    .email-btn{
        width:160px!important;
    }
    .client-mail-span{
        display: block;
        min-width: 30%;
    }

/*-------------------------*/
/*---------Suporte---------*/
    .suporte-div{
        width:80%;
        border:2px solid #206620;
        border-radius:9px;
        margin:0 auto;
        font-size:1.7em;
        padding:5px;
    }

    .suporte-options{
        height:100px;
        margin:5px 0px;
        border:1px solid #ccc;
        display:flex;
        align-items: center;
    }

    .suporte-options img{
        height: 50px!important;
        width: 50px!important;
        border-radius: 100px;
        margin: 10px;
    }

/*-------------------------*/
.editando-pedido .modo-edicao{
    display: block;
}

.modo-edicao{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    color: red;
    background: black;
    padding: 10px 18px;
}

.exibicao-calculadora{
    overflow: auto;
    height: 93%;
    padding-left: 2px!important;
    padding-right: 0px!important;
    position: relative;
}

.grade-holder{
    border: 2px solid red;
    color: black;
    display: none;
}

.grade-holder td {
    border: 2px solid red !important;
    padding: 4px 0 !important;
    font-size: 13px;
}

table .err{
    color: red;
    border-bottom: 1px solid red !important;
}

.red-err label, .red-err.blue-err label{
    color: red !important;
}

.red-err input, .red-err.blue-err input{
    border-color: red !important;
}

.red-err *, .red-err.blue-err *{
    color: red;
}

.blue-err label{
    color: blue !important;
}

.blue-err input{
    border-color: blue !important;
}

.blue-err *{
    color: blue;
}
/*Tutorial*/
    .tutorial-row{
        height:85%;
    }
    .tutorial-card{
        height:25%;
    }
    .tutorial-card .card{
        height: 90%;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    .tutorial-button p{
        font-size: 6em!important;
        margin:0px;
    }
    .tutorial-button i{
        font-size: 8.3rem!important;
    }
    .tutorial-button span{
        font-size:3em;
        line-height: 1;
    }
    .tutorial-button{
        height:90%!important;
        width:100%!important;
        text-align: center;
        padding:0px!important;
    }
    .tutorial-modal{
        height:80%!important;
        max-height: 80%!important;
        width:90%!important;
    }

    [page='login'] .tutorial-modal{
        width: 55%!important;
        max-height: initial!important;
        height: initial!important;
    }

    .tutorial-modal .modal-content{
        padding:0px!important;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 85%;
        width: 100%;
    }
    .tutorial-a-web{
        height:100%;
    }
    .btn-tutorial-completo{
        height: 60%;
        width: 30%;
        margin: 0 auto;
        border: 1px solid #809cab;
        color: #000;
        border-radius: 100%;
        text-align: center;
        padding-top: 12px;
        text-shadow: 2px 2px 4px #809cab;
        font-size: 60%;
        line-height: 1;
    }
    .aux-func button{
        color: #fff!important;
    }
    .ios .btn-tutorial-completo{
        width:50%;
    }
/*Tutorial*/
    [data-prazo=pronta_entrega]{
        font-size: 1rem;
    }

    #tutorial-video{
        height:80vh;
        width:100vw;
        max-width: 1280px;
        margin:0 auto;
    }
    #demo-button{
        display: block!important;
        font-size: 1.6em!important;
        height: 55px!important;
        width: 100%!important;
        margin: 0px!important;
        vertical-align: middle!important;
        padding-bottom: 40px;
    }
    .hide{
        display: none!important;
    }

    .web .only-web{
        display: block!important;
    }

    .web .only-web.initial{
        display: initial!important;
    }

    .web .only-web.flex{
        display: flex!important;
    }

    .web #not-web{
        display: none!important;
    }
    .ios .only-web, .android .only-web{
        display: none!important;
    }
    .ios #not-web, .android #not-web{
        display: block!important;
    }

    .ios #not-web, .android #not-web.flex{
        display: flex!important;
    }

    .tutoriais-function-column{
        width: 100%;
        text-align: center;
    }

    .web .only-web.tutorial-function{
        display: inline-block!important;
        width: 12.25%;
        padding: 0px .75rem;
        height: 100%;
        vertical-align: top;
    }

    .web .only-web.tutorial-function .btn-tutorial-completo{
        width: 100%!important;
        height: 100%!important;
        background: transparent!important;
    }

    .show-bot .bot{
        display: block;
    }

    .bot{
        display: none;
        position: fixed;
        top: 50px;
        left: 10px;
        background: red;
        z-index: 132;
        padding: 4px 17px;
    }

    .open-bot-interface .bot:before{
        content: "Fechar ";
    }

    .open-bot-interface .bot-interface{
        /*display: block;*/
        -webkit-transform: translateY(5%);
    }

    .bot-interface{
        text-align: center;
        display: none; 
        position: fixed;
        left: 10%;
        width: 80%;
        background: white;
        height: 90%;
        box-shadow: 1px 1px 200px 53px;
        z-index: 23;
        -webkit-transform: translateY(200%);
        transition: 1s all;
        border-radius: 4px;
        overflow-y: scroll;
    }

    .bot-interface button{
        padding: 10px 20px;
        background: wheat;
        border: none;
        border-radius: none;
    }


    td.cnpj-cliente {
        white-space: nowrap;
        padding: 0 10px !important;
    }

    .sem_pedido{
        font-size:3em;
        padding: 100px 0px;
        background: #fff;
    }

    .info-desc-prog-col{
        display: none;
    }

    .show-desconto-progressivo .info-desc-prog-col{
        display: table-cell;
    }

    .hide-ipi .info-ipi-col, .hide-ipi .info-ipi-cola {
        display: none;
    }

    .hide-st .info-st-col, .hide-st .info-st-cola{
        display: none;
    }

    .hide-desc-esp .info-desc-esp-col, .hide-desc-esp .desc-especial, .hide-desc-esp .set-desconto-button{
        display: none;
    }

    .hide-colecao .info-colecao-col{
        display: none;
    }

    .hide-tamanho .info-tam-col{
        display: none;
    }

    .hide-tamanho .tamanho-grade{
        color: transparent;
    }

    .hide-desc-vol .info-desc-vol-col, .hide-desc-vol .desc-volume, .hide-desc-vol .desconto-volume{
        display: none;
    }

    .hide-desc-prz .info-desc-prazo-col, .hide-desc-prz .desc-prazo-medio, .hide-desc-prz .desconto-prazo{
        display: none;
    }

    .hide-desc-val .info-desc-val-col, .hide-desc-val .desc-valor, .hide-desc-val .desconto-valor{
        display: none;
    }

    .hide-transportadora .hider-transportadora{
        display: none;
    }

    .hide-peso .hider-peso{
        display: none;
    }

    .hide-cubagem .hider-cubagem{
        display: none;
    }

    .hide-desc-prom .info-desc-promo-col{
        display: none;
    }

    .staging [src="./res/img/logo1.png"]{
        background: red;
    }

    .staging[page=login]{
        background: #ff5858;
    }

    .staging div#visor_quantidade {
        background: red !important;
    }

/*---------------*/
    .botoes-row{
        height:85%;
    }
    .botoes-container{
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-content: center;
        flex-wrap: wrap;
    }
    .botoes-item{
        height: 24%;
        width: 13%;
        margin: 5px;
        /*border: 1px solid #1ebb90;*/
        color:#fff;
    }
    .botoes-item-i{
        width: 100%;
        height: 76%;
        
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
    }
    .botoes-item-i button{
        display: block;
        width: 100%;
        height: 100%;
        border: 0px;
    }
    .botoes-item-info{
        width: 100%;
        height: 24%;
        border-top: 4px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
    }
    .botoes-item-info span{
        text-align: center;
        line-height: 1;
    }
    .botoes-item-i i{
        font-size: 4.8em;
    }
    .botoes-item-i span{
        display: block;
        font-size: 4.2em; 
    }
    .botoes-item-i .bigger{
        font-size: 7.8em;
    }
    .botoes-item-i .bigger-b{
        font-size: 13.8em;
    }
    .botoes-item-i.bordered{
        border:1px solid #000;
    }

    .botoes-circle{
        background: #fff;
        color: #000;
        height: 75%;
        width: 75%;
        margin: 0 auto;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.3em;
    }
/*---------------*/
.header-logo{
    float: right;
    margin: 1.14rem 0 .912rem 0;
    max-height: 36px;
}

h4 .header-logo{
    margin: 0;
}

.rep-app-only{
    display: none;
}

.rep-app .rep-app-only{
    display: inline;
}

.info-pedido-table tr td{
    border-left: 1px solid white;
    text-align: center;
}

td.info-name-col.info-cell.hide-smartphone {
    font-size: .8em;
}

.table-father{
    overflow-y: scroll;
    overflow-x: hidden;
}

.info-fixed-pedido-table{
    position: absolute;
}

.info-fixed-pedido-table tr td{
    text-align: center;
}

.pre{
    white-space: pre;
}

table td.img > div{
    width: 100px;
    height: 100px;
    display: table;
}

table td.img > div > div{
    display: table-cell;
    max-height: 100px;
    max-width: 100px;
    vertical-align: middle;
    padding: 0;
    position: relative;
}

.thumb {
    max-width: 100px;
    max-height: 100px;
    vertical-align: middle;
}

.update-text{
    display: none;
}


.update-bar{
    display: flex;
}

.need-update .update-bar{
    display: flex;
}

.need-update .update-text{
    display: inline-block;
}

.update-text{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: white;
    padding: 10px 0 20px 0;
    font-size: 1.4em;
}

.lista-clientes{
    padding: 0px 10px;
}

.exclude-btn{
    height: inherit !important;
    padding: 9px !important;
    width: inherit !important;
    font-size: 0.87em !important;
}

.client-mail-row td, .client-mail-row {
    margin: 20px;
}

/*@-webkit-keyframes changeColor {
  from {
    color: white;
  }

  to {
    color: red;
  }
}

.update-text, .update-bar {
  -webkit-animation-duration: 1s;
  -webkit-animation-name: changeColor;
  -webkit-animation-iteration-count: infinite;
}*/

.pgmento-row1{
    max-height: 463px;
    overflow: auto;
}

#replicar-modal input[type=checkbox]{
    position: relative;
    pointer-events: all;
    opacity: 1;
}

/* Deixa a coluna de imagem com um tamanho menor */
table.replica > tr > td:first-child {
    width: 0 !important;
}

.replicar-number{
    padding: 13px!important;
}
.replicar-a{
    padding:0px 15px!important;
}
.replicar-ok{
    padding:0px 20px!important;
}
#replicar-modal input.qtde-enter{
    border: 1px solid #ccc;
    line-height: 16px;
    padding: 15px 0;
    margin: 0;
    font-size: 22px;
    text-align: center;
    width: 50px;
    border-radius: 100px;
    background: #01c301;
    cursor: pointer;
}

#replicar-modal input.qtde-enter:focus{
    outline: none;
}

#replicar-modal input.qtde-enter.active{
    border-radius: 0;
}

/*[data-client-n="0"] input{
    cursor: default !important;
    background: darkgray !important;
}*/

table.replica > tr:first-child {
    background-color: rgb(105, 160, 157);
    color: white;
}

table.replica > tr > td:nth-child(even){
    background: silver;
}

table.replica > tr > td:nth-child(odd){
    background: #d8d8d8;
}

table.replica > tr:first-child td:nth-child(even) {
    background: #64908e;
}

table.replica > tr:first-child td:nth-child(odd) {
    background: #68a09d;
}

/*table.replica > tr:last-child td{
    background: white;
}*/

table.replica > tr{
    border-bottom: 1px solid darkgrey;
}

table.replica img{
    max-width: 100px;
    max-height: 100px;
}

table.replica > tr td{
    padding: 10px 15px;
    text-align: center;
    width: 100%;
}

.start-content tr[data-cl-index='0'][data-prazo-index='0'] .table-title {
    display: table-cell !important;
}

.start-content tr[data-cl-index][data-prazo-index] .table-title {
    display: none;
}

h4.mbot50{
    margin-bottom: 50px;
}

tr.client-pgmt-row {
    display: table-cell;
}

.paginacao{
    display: none;
    margin: 0 10px;
    vertical-align: middle;
}

.relatorio table img{
    max-height: 100px;
    max-width: 100px;
}

.valor-porcentagem{
    color: #3366cc;
    font-weight: bold;
}

.relatorio .pecas-vendidas, .relatorio .valor-total{
    font-weight: bold;
}

.relatorio label{
    font-size: 1em !important;
}

.relatorio input{
    width: inherit !important;
}

select.default, .marca-select, .categoria-select, .cliente-select, .referencia-select, .pedidos-select, .date-select, .percentage, .percentage_type{
    display: inline-block;
    width: inherit;
    /* margin-right: 20px; */
}

select[size]{
    height: inherit !important;
    vertical-align: middle;
}

.quantidade-porcentagem{
    color: #00cc00;
    font-weight: bold;
}

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

.relatorio .grafico > div{
    /*max-width: 300px;*/
}

.relatorio .grafico .quantidade{
    background: #00cc00;
    height: 20px;
}

.relatorio .grafico .valor{
    background: #3366cc;
    height: 20px;
}

/* RELATORIOS */
    .div-for-selects{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .relatorios-pedidos-filters{
        display: flex;
        justify-content: center;
        margin: 20px 0px;
    }
    .rel_p.no-margin{
        display: block;
        width:10%;
    }
    .h4_g{
        font-size: 2.28rem;
        line-height: 110%;
    }
    .relatorio-select-width{
        width: 70%;
    }
    .relatorio-select-class{
        border-width: 4px;
        border-color: #1ebb90;
        margin-bottom:3px;
    }
    .relatorio .tabs .indicator{
        background: #1ebb90;
    }
    .relatorio .tabs .tab a{
        color: #a5e2d1;
        padding: 0px;
    }
    .relatorio .tabs .tab a.active,
    .relatorio .tabs .tab a:hover{
        color: #1ebb90;
    }
    .relatorio .grafico-col{
        width: 50%;
    }
    .relatorio table tr td{
        border:1px #ccc solid;
    }
/* RELATORIOS */

.metas-holder{
    text-align: center;
    padding: 30px;
    font-size: 24px;
    margin-top: 65px;
}

.meta-rows {
    border: 1px solid #ababab;
    margin: 30px;
}

.meta-rows tr td{
    text-align: center;
}

.meta-rows tr.title{
    font-weight: bold;
}

.meta-cols {
    white-space: nowrap;
    overflow: auto;
    font-size: 16px;
}

.meta {
    display: inline-block;
    width: 22%;
    background: #1ebb90;
    color: white;
    margin: 1.5%;
    margin-top: 50px;
}

.meta.not-used{
    opacity: 0.7;
    transform: scale(0.9);
}

.meta.concluido input.yellow{
    background: yellow !important;
    color: black !important;
}

.meta-alcancada{
    font-size: 20px;
}

.f11{
    font-size: 11px;
}

.meta input{
    color: white !important;
    text-align: center;
    background: #212121 !important;
    margin: 0 !important;
    width: 80% !important;
    font-size: 14px !important;
    border: 0 !important;
}

.color-blue{
    color: blue;
}
.color-green{
    color: green;
}
.color-red{
    color: red;
}

.border-red{
    border: 1px solid red;
}

.border-green{
    border: 1px solid green;
}

.border-blue{
    border: 1px solid blue;
}

.f27{
    font-size: 27px;
}

.category-name{
    font-size: 16px;
}

.slow-download-of-images{
    display: none;
}

.preloader-overlay{
    display: none;
    position: fixed;
    z-index: -1;
    width: 80%;
    padding-right: 30%;
    padding-bottom: 10%;
    top: 45%;
    left: 18%;
}

.preloader-holder{
    display: none;
    position: fixed;
    top: 45%;
    width: 50%;
    left: 25%;
}

span.cor-nome {
    position: absolute;
    bottom: 0;
    width: 50%;
    text-align: center;
    left: 25%;
    background: #4e4e4e;
    color: white;
    bottom: 5px;
}

[variante-pre-selecionada] {
    border: 3px dotted #1de0e0 !important;
}

.sku-selecionado {  
    background: #ff1;
}

.total-email .red{
    color: red;
    background: transparent !important;
}

.total-email .green{
    color: green;
    background: transparent !important;
}

.total-email .black{
    color: black;
    background: transparent !important;
}

.gps .metragem.perto{
    background: #009e00;
}

.gps .metragem.longe{
    background: #e80000;
}

.gps .metragem{
    background: #b1b1b1;
    margin: 10px;
    padding: 4px;
    border-radius: 3px;
    color: white;
    font-size: 12px;
}

/*-------Sincronizar-------*/
    .sinc-pedidos-col{
        padding-bottom: 100px!important;
    }
    .sinc.bottom-fixed{
        bottom: 0px;
    }
    .sinc.bottom-fixed .col.s12{
        height: 130px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
    }
    .sinc.bottom-fixed .col.s12 button{
        height: 120px;
        width: 120px;
        font-size: 14px!important;
        padding:1% 0px;
    }
    .sinc.bottom-fixed .col.s12 button i.fa.fa-cloud-upload{
        margin-top: 10%;
    }
    .sinc.bottom-fixed .col.s12 button.sinc-import{
        line-height: 14px!important;
    }
    .sinc.bottom-fixed .col.s12 button.goto-cliente{
        font-size: 15px!important;
    }
    .sinc.bottom-fixed .col.s12 button i{
        font-size: 4em;
    }
/*-------------------------*/
/*-------------------------*/
    .opcoes p{
        font-size: 24px;
    }
/*-------------------------*/


#alert-modal button{
    margin-left: 12px;
}

#big-alert-modal .modal-content{
    padding: 10px !important;
}

#big-alert-modal .hide-on-big-alert{
    display: none;
}

.td-show-on-big-alert{
    display: none;
}

#big-alert-modal .td-show-on-big-alert{
    display: table-cell;
}

#big-alert-modal #info-pedidos{
    line-height: initial !important;
}

#big-alert-modal .pedidos-brothers, #big-alert-modal .main-button, #big-alert-modal .info-fixed-pedido-table, #big-alert-modal .modificar-btn{
    display: none !important;
}

.backup-close-btn{
    display: none !important;
}

#big-alert-modal .backup-close-btn{
    display: inline-block !important;
}
#big-alert-modal .back-btn{
    display: none !important;
}

#big-alert-modal{
    height: 95% !important;
    width: 95% !important;
    top: 2.5% !important;
    max-height: 95% !important;
}

.tabela-desconto{
    width: auto!important;
    text-align: center;
}

.tabela-desconto tr:hover{
    background: cyan!important;
    cursor: pointer;
}

.tabela-desconto p {
    padding: 0px;
    margin: 0px;
}

.tabela-desconto td{
    padding: 0px;
}

.backup .box{
    margin-top: 100px;
    background: beige;
    text-align: center;
    padding: 24px 0;
    font-size: 30px;
}

.select-wrapper.lista-carrinho-n{
    display: inline-block;
}

[data-prazo-index].orcamento .prazo-name, .total-pedido.orcamento{
    background: #ceffce !important;
}

.pedidos-lista tr.orcamento{
    background: #ff4a33 !important;
    color: #fff;
}

.alternative-screen .pedidos-lista tr.orcamento{
    background: #b8b8b8 !important;
}

.pedidos-lista tr.orcamento a{
    color: #fff;
}

.orcamento-text{
    font-size: 1.4em;
}
.pedido-text{
    font-size: 1.4em;
}

[data-prazo-index].pagamento-error{
    background: #ffefef;
}

.backup-online {
    width: 150px;
    padding: 17px;
    text-align: center;
    /* background: #1fbb90; */
    margin: 0 auto;
    position: fixed !important;
    bottom: 100px;
    left: 50%;
    margin-left: -75px;
    font-size: 18px;
    color: white;
}

.backup-online svg{
    font-size: 48px;
    height: 40px;
}

#serial-btn{
    height: 95px;
    width: 95px;
    border-radius: 100%;
    font-size: 150%;
    margin-left: 170px;
}

#modal-client-tabs{
    width: 80% !important;
}

.tamanhos-estoque [data-tmh-nome]{
    font-weight: bold;
}

.div3 {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#alert-modal{
    min-width: 90%;
}

#alert-modal.modal-alterar-senha{
    min-width: 40%;
    width: 40%;
}

.ecat-green{
    color: #1fbb90;
}

.horario{
    color: black;
}

.backup-item{
    padding: 15px;
    margin: 10px;
    position: relative;
    /* margin-left: 60px; */
}

.backup-item .n{
    font-size: 24px;
    /* position: absolute;
    left: -55px;
    top: 35px; */
    display: inline-block;
    vertical-align: middle;
    margin-right: 55px;
}

.backup-item .inner-backup-div{
    display: inline-block;
    vertical-align: middle;
    background: antiquewhite;
    padding: 25px;
}

[page="pagamento"] [type="checkbox"], .pagamento-checkbox[type="checkbox"] {
    position: relative !important;
    opacity: 1 !important;
    pointer-events: all !important;
    vertical-align: middle;
}

#modal-prazos label{
    font-size: 1.2em !important;
}

#modal-prazos label span{
    vertical-align: middle;
}

.notUsable{
    pointer-events: none;
}

.not-usable{
    pointer-events: none;
    opacity: 0.7;
}

.usable{
    pointer-events: all!important;
}

.web.trip-enabled, .web.trip-enabled *{
    cursor: url(/res/img/cursor.png),auto!important;
}

.custom-cursor, .custom-cursor *{
    cursor: url(/res/img/cursor.png),auto!important;
}

/* LISTA DE REFERENCIAS */
    .prd-lst-row-ref{
        height: calc(100% - 65.754px - 7%)!important;
        max-height: 720px!important;
    }
    .lista-ref-rows{
    }
    .lista-ref-bloco{
        width: 9.5%;
        height: 30%;
        display: inline-block;
        margin: 0 auto;
        vertical-align: top;
    }
    .lista-ref-item{
        width:10%;
        height: 3.4vh;
        margin: 4px 5px;
        display: inline-block;
        background: #1ebb90;
        border: 1px solid #000;
        color: #fff;
        text-align: center;
        vertical-align: middle;
    }

    .lista-ref-item-in-block{
        width: 95%;
        height: 3.4vh;
        margin: 4px 5px;
        margin: 9px auto 0 auto;
        background: #1ebb90;
        border: 1px solid #000;
        color: #fff;
        text-align: center;
        vertical-align: middle;
    }
    .lista-ref-categ{
        width: 95%;
        font-size: 10px;
        height: 3.4vh;
        margin: 9px auto 0 auto;
        background: #fff;
        border: 1px solid #000;
        color: #000;
        text-align: center;
        vertical-align: middle;
    }
    .full-width-header{
        float: left;
        width: 100%;
        text-align: center;
    }
    .lst-header-buttons{
        width: 30%;
        height: 100%;
        float: left;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
    }
    .lst-header-buttons p{
        margin: 0 5px;
    }
    .black-square{
        border: 1px solid #000;
        height: 50px;
        width: 50px;
        background: #ccc;
    }
/* LISTA DE REFERENCIAS */

.lista-ref .bottom-text input{
    border: 1px solid black !important;
    text-align: center;
    width: 200px !important;
}

.lista-ref .bottom-text{
    width: 100%;
    /*position: fixed;*/
    margin: 6px 0 !important;
    bottom: 55%;

}
.lista-ref .item{
    background: green;
    width: 130px;
    padding: 10px;
    margin: 10px;
    display: inline-block;
    color: white;
}

#all > div > div.row.lista-ref > div > div {
    height: 190px;
    overflow: auto;
}

#desconto-sku{
    text-align: center;
    width: 470px;
}

#desconto-sku input {
    border: 1px solid black !important;
    width: 150px;
    vertical-align: -webkit-baseline-middle;
    padding: 0px 20px;
}

#desconto-sku .modal-footer{
    text-align: center;
    white-space: nowrap;
}

#desconto-absoluto-sku{
    text-align: center;
    width: 470px;
}

#desconto-absoluto-sku input {
    border: 1px solid black !important;
    width: 150px;
    vertical-align: -webkit-baseline-middle;
    padding: 0px 20px;
}

#desconto-absoluto-sku .modal-footer{
    text-align: center;
    white-space: nowrap;
}

.calc-absoluto{
    width: 40px;
    height: 40px;
    border: 1px solid #000;
}
.botoes-absoluto{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;;
}

.version-show{
    display: none;
    position: fixed;
    bottom: 12px;
    right: 15px;
    font-size: 14px;
    opacity: 0.6;
    pointer-events: none;
}

[page=login] .version-show, [page=marcas] .version-show, [page=funcoes] .version-show, [page=sincronizar] .version-show, [page=lista_pedidos] .version-show{
    display: block;
}

.full-height{
    height: 100%;
}

.lista-barcode{
    height: 100%;
    text-align: center;
    padding: 5px;
}

.lista-barcode .item{
    height: 30%;
    width: 16%;
    display: inline-block;
    border: 1px solid #000;
    margin: 0.1%;
    vertical-align: top;
}
.lista-barcode .item-header{
    height: 15%;
    width: 100%;
    font-size: 1.5rem;
    background: #ccc;
}
.lista-barcode .item-header .close-icon{
    float: right;
}
.lista-barcode .item-img{
    height: 85%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.barcode-src-images{
    margin-top: 5%;
}
.barcode-src-images img{
    max-height: 50%;
}
.calc-produto-ref .quantidades {
    /*color: yellow;*/
    font-size: 12px;
    line-height: 1;
    /*position: absolute;*/
    /*right: 13px;*/
}

.calc-produto-ref .quantidades .maior{
    font-size: 15px;
}

[data-example]{
    display: none!important;
}
.data-example{
    display: none!important;
}

.calc-produto-ref .ref {
    margin-left: 5px;
}

.lista-referencias .controles{
    width: 16%;
    display: inline-block;
    border: 1px #000 solid;
    vertical-align: top;
    float: left;
    height: 45.5%;
    margin: 0.25%;
    margin-bottom: 0px;
    text-align: center;
    background: #3878d9;
    color: #fff;
    box-sizing: content-box;
    overflow: auto;
}
.lista-referencias .controles p{
    margin: 5%;
}
.lista-referencias .item{
    vertical-align: top;
    margin: 0.25%;
    border-radius: 4px;
    width: 16%;
    display: inline-block;
    height: 6%;
    text-align: center;
    line-height: .9;
    font-size: 1.4em;;
    font-weight: bold;
}

.lista-referencias .item:hover{
    cursor: pointer;
}

.lista-referencias .item.selected{
    background: yellow;
    color: black;
}

.agenda td{
    white-space: pre;
}

.agenda table, .agenda th, .agenda td{
    border: 1px solid black;
    text-align: center;
}

.agenda .browser-default{
    margin: -10px 0;
}

.agenda .cidades{
    margin: 0px;
    background: silver;
    height: calc(100% - 1.2em - 32px);
    overflow: auto;
    display: inline-block;
}

.agenda .cidades-holder{
    display: inline-block;
    height: 100%;
    width: 14%;
    margin: 0px 1.5%;
}

.agenda .button-busca{
    padding: 12px;
    font-size: 1.2em;
    color: #fff;
    background: #1ebb90;
    text-align: center;
    margin: 0px;
    border: 1px solid #000;
}

.alternative-screen .agenda .button-busca{
    background: #b8b8b8;
}

.agenda .button-busca:hover{
    background: #108870;
    cursor: pointer;
}

.alternative-screen .agenda .button-busca:hover{
    background: #809cab;
}

.agenda .fixed{
    width: 100%;
}

.agenda .fixed td{
    text-align: right;
    background: #1ebb90;
    color: #fff;
}

.alternative-screen .agenda .fixed td{
    background: #809cab;
}

.agenda .clientes{
    width: 82%;
    display: inline-block;
    vertical-align: top;
}

.agenda .cidades p{
    padding: 12px;
    margin: 0;
    border: 1px #000 solid;
    color: #fff;
    background: #1ebb90;
    text-align: center;
    font-size: 1.2rem;
}

.alternative-screen .agenda .cidades p{
    background: #809cab;
}

.agenda .cidades p:hover{
    background: #108870;
    cursor: pointer;
}

.alternative-screen .agenda .cidades p:hover{
    background: #b8b8b8;
}

.agenda .cidades p.selected{
    background-color: yellow;
    color: #000;
}

.agenda{
    height: 80%;
}

.lista-clientes-holder{
    width: 86%;
    overflow: auto;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #000;
    border-top: 0;
    border-bottom: 0;
}

.fixed-holder{
    display: inline-block;
    width: 12%;
}

.agendamentos-holder i{
    margin: 0 10px;
    font-size: 24px;
}

.agendamentos-holder{
    border: 1px solid black;
    height: 148px;
    overflow: auto;
}

.agendamentos-holder table{
    width: 100%;
}

.remove-agenda:hover{
    cursor: pointer;
    background-color: #ccc;
}
.remove-agenda{
    text-align: center;
    font-size: 1.3rem;
}
.agendamentos-table .fa-info-circle{
    cursor: pointer;
}
table.default th, table.default td{
    border: 1px solid black;
}

[page="lista_pedidos"] .parcelas > div, [page="faturas"] .parcelas > div {
    display: inline-block;
    font-size: 16px;
    background: #1ebb90;
    color: white;
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.parcelas > div.nao-pago{
    background: #f44336;
}

.faturas > div {
    display: inline-block;
    background: wheat;
    margin: 10px;
    padding: 16px;
}

.barcode-bottom-fixed{
    display: none;
    position: fixed;
    bottom: 15px;
    left: 0px;
    text-align: center;
    height: 150px;
    width: 100%;
}
.barcode-bottom-inside{
    max-width: 1280px;
    width: 100%;
    height: 100%;
    background: #ddd;
    margin: 0 auto;
}

.barcode-bottom-item{
    display: inline-block;
    width: 19%;
    text-align: center;
    font-size: 1.6rem;
    height: 100%
}
.barcode-bottom-item img{
    max-width: 100%
}

.vertical-aligner{
    display: table;
    height: 100%;
    width: 100%;
}
.vertical-aligner span{
    display: table-cell;
    vertical-align: middle;
}
.obs-holder{
    width: 165px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 auto;
    padding: 12px 0;
    cursor: pointer;
}

.paginacao-visualizar{
    font-size: 13px;
    margin-right: 20px;
}

.no-padding{
    padding: 0;
}

.edit-obs{
    font-size: 15px;
    line-height: 20px;
    min-height: 100px;
}

.modal .modal-content{
    padding-bottom: 0 !important;
}
.comissao td{
    text-align: center;
}
.comissao thead tr td{
    background: #1ebb90;
    color: #fff;
    line-height: 1;
    padding: 0.3% 0;
}
.zebrado tr:nth-child(even){
    background: #fff;
}

.zebrado tr:nth-child(odd){
    background: #eaeaea;
    /*background: #d8d8d8;*/
}

 .default-browser{
    position: relative !important;
    opacity: 1 !important;
    pointer-events: all !important;
    vertical-align: middle;
 }

 .nao-quitado{
    background: #ff6363 !important;
 }

 .tipo-entrega-form .entrega{
    display: none;
 }

 #video-tag{
    height: 100%;
    width: 100%;
 }

 #video-choice button{
    margin: 10px 0px;
 }

 .close-container{
    min-width: 5%;
 }

 .smaller-p{
    margin: 0px;
    font-size: .62em;
 }

.sub-br{
    display: none;
}

.sub-categ{
    height: 0px!important;
    margin: 0px!important;
    width: 0px!important;
    padding: 0px!important;
}

.selected .sub-br{
    display: initial!important;
}

.selected .sub-categ{
    margin: initial!important;
    margin-top: 5px!important;
    background: #138868!important;
    font-size: .8em!important;
    width: 100%!important;
    height: initial!important;
    padding: 5px!important;
}

.alternative-screen.grade-render .selected .sub-categ{
    background: none !important;
}

.fa.fa-caret-right.sub{
    transition: .5s all;
    margin-left: 10px;
}

.selected .fa.fa-caret-right.sub{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.tabela_preco_valor{
    font-size: 80%;
}

.transparent-color{
    color: transparent;
}

.smartphone-calc-table .referencia-number{
    font-size: 1.3em;
}

.calc-funcoes{
    width: 83.3% !important;
    position: absolute;
    bottom: 0;
}

.thumb_g2{
    background: #000000;
    background: rgba(0, 0, 0, 0.72);
    color: white;
    position: absolute;
    width: 50%;
    left: 25%;
    bottom: 4px;
    text-align: center;
    z-index: 101;
}

.pos-relative{
    position: relative;
}

.volta-mesma-cat{
    width: 32%;
    display: none !important;
}

.modo-simples .volta-mesma-cat{
    display: inline-block !important;
}

.search-by-reference.block-search-reference.modo-simples .volta-mesma-cat{
    display: inline-block !important;
}

.search-by-reference.modo-simples .volta-mesma-cat{
    display: none !important;
}

.selected .sub-categ.selected{
    background: #ffeb3b !important;
    color: #000;
}

.selected .sub-categ.selected span{
    color: black;
}

.alternative-screen.grade-render .selected .sub-categ.selected span{
    color: #ffeb3b;
}

.butt-aux-st{
    background: #099c72;
    margin: 15px;
    color: white;
    padding: 6px;
    border: none;
}

.tabela-desconto-select {
    background: #ddd;
    width: 35%;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    font-size: .8em;
}

.tabela-desconto-select.tabela-desconto-primeira {
    height: 180px;
}

.tabela-desconto-select.tabela-desconto-primeira p{
    padding: 0px;
    margin: 0px;
}

.tabela-d-table{
    display: table;
    height: 100%;
    width: 100%;
}

.tabela-d-tablecell{
    display: table-cell;
    vertical-align: middle;
}

.table-desconto-min{
    font-size: .7em;
}

.table-desconto-cod{
    margin-top: 15px;
}
.table-desconto-text{
    font-size: 1.35em;
    color: #1ebb90;
}

.span-title{
    display: block;
    text-align: center;
}
.aux-st-modal{
    min-width: 0!important;
    width: 30%!important;
}
.aux-st-modal table td{
    text-align: center;
}
.aux-st-modal table input{
    font-size: 1em!important;
    width: 50%!important;
    text-align: center;
}
.aux-st-modal table p{
    margin: 0px!important;
}

.f-80{
    font-size: 80%;
}

.lst-ref-cat{
    line-height: .7!important;
    background: #fff!important;
    border: 3px solid;
    font-size: 16px!important;
}
.lst-ref-cat.item-azul{
    color: #3878d9!important;
}
.lst-ref-cat.item-roxo{
    color: #a900a9!important;
}
.lst-ref-cat.item-verde{
    color: #1ebb90!important;
}
.lst-ref-cat.item-vermelho{
    color: #c30000!important;
}

.lista-referencias .item-azul{
    background: #3878d9;
    color: #fff;
}
.lista-referencias .item-verde{
    background: #1ebb90;
    color: #fff;
}
.lista-referencias .item-roxo{
    background: #a900a9;
    color: #fff;
}
.lista-referencias .item-vermelho{
    background: #c30000;
    color: #fff;
}

#search-button{
    background-color: #3878d0!important;
    color: #fff;
    border: 1px solid;
    height: 15%;
    resize: none;
}

#search-ref{
    padding-left: 5px;
    width: calc(80% - 5px);
    border: 1px solid;
    color: #fff!important;
    height: 12%;
}

.controles p label{
    color: #fff;
}

.controles h5{
    margin: 0px;
    line-height: 1;
}

.controles>*{
    margin: 4% 0!important;
}

.web .only-web.not-3503{
    display: none!important;
}


.hider-estoque .atualizar-estoque{
    pointer-events: none;
    opacity: 0;
}

.lista-referencias .controles .referencias-selecionadas{
    width: 80%;
    margin: 0 auto!important;
    white-space: nowrap;
    color: yellow;
    overflow: auto;
    border: 1px solid;
}

vhr{
    width: 10px;
    height: 1px;
    display: inline-block;
}

.redColor{
    color: red;
}

.just-save{
    display: none;
}

.web .goto-categ{
    display: none;
}

.web .goto-calc{
    display: inline-block;
}

.goto-calc{
    display: none;
}

.goto-categ{
    display: inline-block;
}

.hide-on-pagamentos{
    display: inline-block;
    margin: 5px 2px!important;
}

[page="pagamento"] .just-save, [page="start"] .just-save, .web .just-save{
    display: inline-block;
}


[page="pagamento"] .show-on-pagamentos{
    display: inline-block;
}

[page="pagamento"] .goto-categ, [page="pagamento"] .goto-calc, [page="pagamento"] .hide-on-pagamentos{
    display: none;
}

.modal-transp-chooser{
    min-width: initial!important; 
}

.inline-middle{
    display: inline-block;
    vertical-align: middle;
}

.desconto-absoluto .discount-absolut{
    display: initial;
    font-size: 1.4em;
}

.discount-absolut{
    display: none;
    font-size: 1.4em;
}

.desconto-absoluto .hide-discount-absolut{
    display: none
}

.show-discount-absolut{
    display: none;
}

.desconto-absoluto .show-discount-absolut{
    display: initial;
}

.dicount-absolut-select{
    width: 50%;
}

.desconto-absoluto .discount-price{
    display: none;
}

.original-price{
    font-size: 1.4em;
}

.desc-total-h5{
    font-size: 3.2em;
}

.marcas-main-div{
	height: 80vh;
    overflow: auto;
}

#delete-pedido{
    width: 40%;
}

#alert-modal.backup-modal{
    min-width: 1000px;
}

#big-alert-modal.backup-big-alert .modal-content{
    height: 100%;
}

.vert-align-outer{
    display: table;
    height: 100%;
}

.vert-align-inner{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.alternative-screen .m_produto .vert-align-outer_2 .vert-align-inner i{
    color: #b8b8b8 !important;
}

.alternative-screen.grade-render .vert-align-outer_2{
    border: none;
}

.alternative-screen.grade-render .unit-imagens-detalhes .check{
    border: none;
}

.cfg-tabela-off [data-content="tabelas"]{
    display: none;
}

.info-table-grade-fechada-on .info-caixas-col{
    display: table-cell;
}

.info-caixas-col{
    display: none;
}

.info-grade-fechada-cell table td{
    font-size: .7em;
    padding: 1px;
    word-break: keep-all;
}

#modal-verifica-marca.modal .modal-content{
    padding-bottom: 15px;
}

#modal-verifica-marca .erro-marca-head{
    font-size: 2em;
}

#modal-verifica-marca .errors{
    font-size: 1.3em;
}

#modal-verifica-marca .erro-marca-foot span{
    font-size: 1.2em;
}

#modal-verifica-marca .erro-marca-foot{
    margin-bottom: 15px
}

.input-bottom-margin .start-content .container{
    margin-bottom: 50vh; 
}

.info-uso-item {
    background: #eee;
    border: 1px solid #ccc;
    margin: 5px;
    padding: 5px;
    font-size: 1.1em;
}

.info-uso-item:hover {
    background: #ddd;
    cursor: pointer;
}

.info-uso-titulo{
    font-size: 1.2em;
    font-weight: bold;
}
.active .info-uso-desc{
    height: auto;
}

.info-uso-desc {
    height: 0;
    overflow: hidden;
}

.overflow-hidden{
    overflow: hidden;
}

.hide-ifp-cod-produto .info-cod-col{
    display: none;
}

.detalhes-color-section{
    white-space: normal;
}

.detalhes-color-section .color{
    margin: 3px;
    display: inline-block;
    min-width: 33%;
    padding: 2px;
    max-width: 40%;
    vertical-align: middle;
    word-break: break-word;
}

.special-order-values{
    border: 1px solid #000;
}

.app-toast{
    position: fixed;
    height: 50px;
    right: 20%;
    top: 10%;
    background: #000;
    color: #fff;
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    font-size: 1.4em;
    border-radius: 5px;
    transition: .2s;
    z-index: 99999;
}

.app-toast.pre-toast{
    top: 5%!important;
    opacity: 0;
}

.info-pedido-table{
    font-size: .8rem;
}

.info-faturado-qtd {
    border: 1px solid;
    margin-top: 5px;
    padding: 2px 0;
}

@media only screen and (max-width: 450px) {
    td.cnpj-cliente {
        white-space: nowrap;
        padding: 0 4px !important;
    }

    .ios #info-pedidos{
        height: 43% !important;
    }

    #info-pedidos {
        margin: 7px;
        height: 43% !important;
    }

    .info-img-col {
        width: 0px;
    }
    
}

#server-modal{
    padding: 15px;
    max-width: 600px;
}

.server-content{
    font-size: 1.2em;
    user-select: text;
}
.server-content-link{
    font-weight: bold;
    font-size: 1.1em;
    user-select: text;
}
.server-button{
    background: #1ebb90;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    padding: 15px;
    text-decoration: none;
    border: none;
    border-radius: 5px;
}

.info-pedido-table tr.missing {
    background: #ff000066;
}