/*
Arquivo de customização do layout inicial
*/
/* 
    Created on : 25/05/2016, 11:03:11
    Author     : icode
*/

html, body {
    height: 100%;
}

body {
    background-color: #3D3D3D;
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal;
    height: auto;
}

.responsivoLogoIndex {
    /*max-width: 813px; !* Máximo da largura da imagem *!*/
    width: 100%;
    /*max-height: 456px; !* Máximo da altura da imagem *!*/
    min-height: calc(100% - 55px); /* Mínimo da altura, por padrão “auto” */
    background-size: 100%;
    background-repeat: no-repeat;
}

.responsivoLogoLogin {
    max-width: 400px; /* Máximo da largura da imagem */
    width: 100%;
    max-height: 222px; /* Máximo da altura da imagem */
    min-height: 100%; /* Mínimo da altura, por padrão “auto” */
    background-size: 100%;
    background-repeat: no-repeat;
}

/*            .ui-message-info, .ui-message-error, .ui-message-warn, .ui-message-fatal {
                background-color: #000 !important;
            }
            .ui-messages-error, .ui-message-error {
                color: #D8000C !important;
                background-color: #000 !important;
            }*/
.ui-messages-info {
    color: #04B404 !important;
    border-color: #04B404 !important;
}

.msg {
    position: fixed;
    z-index: 1000000;
    display: block;
    width: 80%;
}

.ui-autocomplete-input {
    background-color: #FFF9BB;
}

.ui-autocomplete-input {
    width: 100% !important;
}

.ui-autocomplete {
    width: 100% !important;
}

.green {
    color: green;
}

.bold {
    font-weight: bold;
}

.painelVendaInf .ui-panel-titlebar {
    background: #1578C9;
    border-color: #000;
}

.tabInfo {
    border: 0px none !important;
}

.tabInfo .ui-panelgrid-cell {
    border: 0px none !important;
    border-bottom: solid 1px !important;
    border-bottom-color: #D1D3D4 !important;
    background: #F3F5F7;
}

.inputDisable .ui-inputtext {
    background-color: #F3F5F7 !important;
    color: #1578C9 !important;
    font-weight: bold !important;
}

.inputDisable2 .ui-inputtext {
    background-color: #F3F5F7 !important;
    color: #1578C9 !important;
    font-weight: bold !important;
    width: 70px !important;
}

.inputDisableLote .ui-inputtext {
    background-color: #F3F5F7 !important;
    color: green !important;
    font-weight: bold !important;
}

.keypad-row {
    font-size: 20px;
}

.negrito {
    font-weight: bold;
    color: #0b66b1;
}

.coluna03 {
    width: 3%;
}

.coluna05 {
    width: 5%;
}

.coluna10 {
    width: 10%;
}

.coluna15 {
    width: 15%;
}

.coluna17 {
    width: 17%;
}

.coluna20 {
    width: 20%;
}

.coluna23 {
    width: 23%;
}

.coluna25 {
    width: 25%;
}

.coluna28 {
    width: 28%;
}

.coluna30 {
    width: 30%;
}

.coluna33 {
    width: 33%;
}

.coluna40 {
    width: 40%;
}

.coluna43 {
    width: 43%;
}

.coluna45 {
    width: 45%;
}

.coluna50 {
    width: 50%;
}

.coluna60 {
    width: 60%;
}

.coluna65 {
    width: 65%;
}

.coluna75 {
    width: 75%;
}

.coluna85 {
    width: 85%;
}

.coluna90 {
    width: 90%;
}

.container7 {
    width: 7%;
    display: inline-block;
    float: right;

}


/*CSS Troca Cheque Pagamento--------------------------------------------------*/
.chequeColumn1 {

    width: 170px;

}

.chequeColumn2 {

    Width: 235px;

}

.pgChequeColumn1 {

    Width: 195px;

}

.pgChequeColumn2 {

    Width: 170px;

}

.pgChequeColumn3 {

    Width: 210px;

}

.restoColumn1 {

    Width: 248px;

}

.restoColumn2 {

    Width: 406px;

}

.chequesColumn1 {

    Width: 780px;

}

.chequesColumn2 {

    Width: 206px;

}

/*CSS Troca Cheque Pagamento--------------------------------------------------*/

/*CSS Troca Cheque Add Cheque--------------------------------------------------*/
.addColumn1 {

    Width: 1000px;

}

.addColumn2 {

    Width: 900px;

}

.quadradoStatus {
    Width: 400px;
}

.vlComissao {
    Width: 205px;
}

.inputDias {
    width: 10px !important;
}

/*.addColumn3 {

    Width: 550px;

}
.addColumn4 {

    Width: 400px;

}*/
/*CSS Troca Cheque Add Cheque--------------------------------------------------*/

.coluna95 {
    width: 95%;
}

.coluna100 {
    width: 100%;
}

.contaBanco input {
    width: 100% !important;
}

.camposConta {
    position: relative;
    left: -7px;
}

.clearPanel {
    border: 0px none !important;
    background: none !important;
}

.contaSegundoTitular {
    display: inline;
}

.contaSegundoTitular input {
    width: 95% !important;
    display: inline;
}

.contaCmc7 {
    width: 100% !important;
    display: inline;
}

@media (min-width: 1200px) {
    .camposConta {
        border: 0px none;
        background: none;
        width: 60%;
        position: relative;
        left: -7px;
    }

    .contaSegundoTitular input {
        width: 55% !important;
    }

    .contaCmc7 {
        width: 60% !important;
    }

    #primefacesmessagedlg {
        width: 60% !important;
    }
}

.ui-grid-row .gridSemBorda tbody tr td {
    border: none !important;
}

.btnAddSelecMenu {
    right: -1px;
    top: -10px;
}

.ui-messages {
    position: fixed !important;
    z-index: 1000 !important;
    width: 77% !important;
    margin-left: 1.48% !important;
}

.modalMessages {
    position: inherit !important;
    width: 100% !important;
    margin: 0 !important;
}

.commandlinkTopBar {
    color: #FFF !important;
    text-decoration: none;
}

.leftPanelToggleable .ui-panel-title {
    margin-left: 10px;
}

.leftPanelToggleable .ui-panel-titlebar-icon {
    float: left;
}

.ui-panel.clear .ui-panel-titlebar a {
    background: #1578C9;
    color: #000;
    border-color: #000;
    padding: 5px;
}

.ui-panel.clear .ui-panel-titlebar {
    background: #FBFCFD;
    border-color: #FBFCFD;
    border-bottom-color: #D1D3D4;
    font-size: 14px;
}

.inputAutoSize input {
    width: 100% !important;
}

.inputAutoSize.calendar input {
    width: 73% !important;
}

.inputAutoSize.ui-inputfield {
    width: 100% !important;
}

.inputAutoSize button {
    visibility: hidden;
}

@media (min-width: 1200px) {
    .inputAutoSize button {
        position: relative;
        left: 3% !important;
        visibility: visible;
    }
}

.groupAutoComplete .ui-autocomplete .ui-autocomplete-input {
    width: 101% !important;
}

.groupAutoComplete button {
    float: right !important;
    margin-right: 1%;
}

.noPaddingGrid .ui-grid-row {
    position: relative;
    left: -8px;
}


.readyOnly.ui-state-disabled {
    opacity: 1;
}

.topMargim10 {
    margin-top: 10px;
}

.bottomMargim10 {
    margin-bottom: 10px;
}

.marginB10 {
    margin-bottom: 10px;
}

.marginB20 {
    margin-bottom: 20px;
}

.chart100 {
    width: 100%;
    min-height: 450px;
}


.uplSemcaixa.ui-fileupload-buttonbar.ui-fileupload-content {
    display: none !important;
}

.table-matriz {
    display: block;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
}

.ui-widget-header {
    text-align: center !important;

}

.statusCircle:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%;
    float: left;
    border: 0.1px #272727 solid;
}

/* cores de cada status*/
.PEDIDO:after {
    background-color: red;
}

.SEPARACAO:after {
    background-color: yellow;
}

.ENVIADO:after {
    background-color: green;
}

.CANCELADO:after {
    background-color: gray;
}

btnSino:hover {
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

@media screen and (min-width: 768px ) {
    .textModal {
        width: 480px;
    }
}

@media screen and (max-width: 768px) {
    .modalIcode {
        left: 10% !important;
        width: 80% !important;
        top: 100px !important;
        height: 80%;

    }

    .textModal {
        width: 90%;
        margin: 0 auto;
    }

}

/* exibir label de coluna de uma tabela em uma table epasion
removido por mostra labem em todas linha da tabela
.ui-datatable-reflow .ui-datatable-data td .ui-column-title{
        display: inline-block !important;
    }*/


@media (max-width: 35em) {

    .ui-datatable-reflow {
        border: solid 0px !important;
        background-color: transparent !important;
    }

    .ui-datatable-reflow .ui-datatable-data td {
        text-align: initial !important;
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        font-size: 12px;
    }

    .ui-datatable-reflow .ui-datatable-data td:not(:last-child) {
        border-bottom: dashed 1px #dadada !important;
    }

    .ui-datatable-reflow .ui-datatable-data td span {
        font-weight: bold;
        text-transform: uppercase;
    }

    .ui-datatable .ui-datatable-even {
        background-color: #ededed;
    }

    .ui-datatable .ui-datatable-odd {
        background-color: #ededed;
    }

    .ui-datatable-reflow table {
        border-collapse: separate !important;
        border-spacing: 0px 20px !important;
    }
}

.divHeader {
    color: #72828B;
    background-color: #dae8ef;
    border: solid 1px #C1D5DF;
    outline: none;
    padding: 5px;
    text-align: center;

    font-weight: bold;
    border-radius: 5px;

}

.blueColor {
    color: #1578C9;
    font-weight: bold;
}

ui-menuitem-icon ui-icon fa fa-download {
    color: red;
}

.Wid160 {
    width: 160%;
}

/*Exibe circulo na frente da qtd do produto, na compra XML.
Muda de cor conforme a unidade de medida do produto vinculado.*/
.statusVinculo:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%;
    float: left;
    border: 0.1px #272727 solid;
}

.vinculado:after {
    background-color: red;
}

.ignorado:after {
    background-color: yellow;
}

.avincular:after {
    background-color: green;
}

.ui-fileupload-cancel {
    margin-left: 2%;
}

.ui-fileupload-upload {
    margin-left: 2%;
}

.ui-fileupload-cancel .ui-button-text {
    box-shadow: inset 0 0 0 1px #F23030;
    border: solid 1px #871717;
    text-shadow: 0 -1px 0 #670606;
    background: #c91515;
    background: -moz-linear-gradient(top, #c91515 0%, #b10b0b 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #c91515), color-stop(100%, #b10b0b));
    background: -webkit-linear-gradient(top, #c91515 0%, #b10b0b 100%);
    background: -o-linear-gradient(top, #c91515 0%, #b10b0b 100%);
    background: -ms-linear-gradient(top, #c91515 0%, #b10b0b 100%);
    background: linear-gradient(to bottom, #c91515 0%, #b10b0b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c91515', endColorstr='#b10b0b', GradientType=0);
}

.ui-fileupload-cancel:hover .ui-button-text {
    color: #ffffff !important;
    background: #b10b0b;
    background: -moz-linear-gradient(top, #b10b0b 0%, #c91515 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #b10b0b), color-stop(100%, #c91515));
    background: -webkit-linear-gradient(top, #b10b0b 0%, #c91515 100%);
    background: -o-linear-gradient(top, #b10b0b 0%, #c91515 100%);
    background: -ms-linear-gradient(top, #b10b0b 0%, #c91515 100%);
    background: linear-gradient(to bottom, #b10b0b 0%, #c91515 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b10b0b', endColorstr='#c91515', GradientType=0);
}


.ui-fileupload-upload .ui-button-text {
    box-shadow: inset 0 0 0 1px #54DB26;
    border: solid 1px #2B8717;
    text-shadow: 0 -1px 0 #18840B;
    background: #2dc915;
    background: -moz-linear-gradient(top, #2dc915 0%, #0bb113 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #2dc915), color-stop(100%, #0bb113));
    background: -webkit-linear-gradient(top, #2dc915 0%, #0bb113 100%);
    background: -o-linear-gradient(top, #2dc915 0%, #0bb113 100%);
    background: -ms-linear-gradient(top, #2dc915 0%, #0bb113 100%);
    background: linear-gradient(to bottom, #2dc915 0%, #0bb113 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dc915', endColorstr='#0bb113', GradientType=0);
}

.ui-fileupload-upload:hover .ui-button-text {
    color: #ffffff !important;
    background: #0bb113;
    background: -moz-linear-gradient(top, #0bb113 0%, #2dc915 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #0bb113), color-stop(100%, #2dc915));
    background: -webkit-linear-gradient(top, #0bb113 0%, #2dc915 100%);
    background: -o-linear-gradient(top, #0bb113 0%, #2dc915 100%);
    background: -ms-linear-gradient(top, #0bb113 0%, #2dc915 100%);
    background: linear-gradient(to bottom, #0bb113 0%, #2dc915 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0bb113', endColorstr='#2dc915', GradientType=0);
}


.reseta-btn-prime-botoes-bootstrap-upload .ui-button-text {
    background: none !important;
    box-shadow: 0 0 0 0 !important;
    text-shadow: 0 0 0 !important;
    /*border-radius: 0 !important;*/
    border: 0 !important;
    /*padding: 0 0 0 0 !important;*/
    margin: 0 0 0 0 !important;
    height: auto;
}

.reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-choose {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-choose:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-choose.focus, .reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-choose:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-choose.disabled, .reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-choose:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}


.reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-upload {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-upload:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-upload.focus, .reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-upload:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-upload.disabled, .reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-upload:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-cancel {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-cancel:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-cancel.focus, .reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-cancel:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-cancel.disabled, .reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-cancel:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.reseta-btn-prime-botoes-bootstrap-upload .ui-fileupload-buttonbar {
    display: flex !important;
}

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