/** CUSTOM **/

:root{
    --ciza-borda: #e0e0e0;
}


.centralizarVerticalColumns>div>div.ui-g>div>label{
    display: inline-flex;
}
    
.centralizarVerticalColumns>div>div.ui-g{
    align-items: center !important;
}

.sublinhadoCalendar>.ui-inputfield {
    border-bottom: solid black 2px !important;
}

.sublinhadoCalendar>.ui-inputfield.ui-state-hover,
.sublinhadoCalendar.ui-inputfield.ui-state-focus{
 border-bottom: solid #03a9f4 2px !important;
}

.scrollViewOperacao>div.ui-panel-content{
    overflow: auto;
    max-height: 180px;
}

.bottomLine { 
   border-bottom: 2px black solid;
}

.black, .black>label{
    color: black !important;
}

.font18, .font18>label{
    font-size: 18px !important;
}

.bold, .bold>label{
    font-weight: 900 !important;
}

.cardProximaOperacao{
    display: inline-flex;
    flex-direction: column;
    background: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    border-left: #ae1817 3px solid;
    width: 140px;
}


.col-center{
    width: auto;
}

.listaOperacao tbody{
    display: inline-flex;
    overflow: auto;
    width: 100%;
}

.listaOperacao .ui-datatable-empty-message, .listaOperacao .ui-datatable-empty-message>td{
    width: 100%;
    display: block;
}

.listaOperacao tbody>tr{
    background: none !important;
}

.itemOperacao{
    display: inline-flex;
    flex-direction: column;
}


.itemOperacao>div.ui-outputpanel{
    display: inline-flex;
    gap: 5px;
}

.itemOperacao>div.ui-outputpanel:last-child{
    display: inline-flex;
    flex-direction: row !important;
    justify-content: space-around;
}

.itemOperacao .ui-outputpanel:first-child div:nth-child(1) label{
    margin-top: -2px;
    font-size: 26px;
    color: black
}

.itemOperacao>div.ui-outputpanel:last-child label{
    color: black
}
.itemOperacao>div.ui-outputpanel:last-child label.select{
    color: red;
    font-weight: bold;
}

.itemOperacao .ui-outputpanel:first-child .ui-outputpanel{
    display: inline-flex;
    align-items: center;
}



.itemOperacao label{
    font-size: 12px;
}


.diasAtuacaoDlg{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}

.diasAtuacaoDlg>.ui-button:first-child{
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.diasAtuacaoDlg>.ui-button:last-child{
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.diasAtuacaoDlg>.ui-button,
.diasAtuacaoDlg>.ui-button.ui-state-focus,
.diasAtuacaoDlg>.ui-button.ui-state-default{
    width: max-content !important;
    background: #eee !important;
    color: #333 !important;
    border-color: white;
}

.diasAtuacaoDlg .ui-button-text-only .ui-button-text {
    padding: 8px 10px !important;
    font-size: 13px !important;
}

.diasAtuacaoDlg>.ui-button.ui-state-active,
.diasAtuacaoDlg>.ui-buttonset .ui-state-active{
    background: #ae1917 !important;
    color: white !important;
    border-color: white;
}

.icRotacionado270>i{
    transform: rotate(270deg);
}

.scrollDialog{
    max-height: 90vh !important;
    height: auto !important;
    overflow: auto !important;
    width: 520px !important;
}

.scrollDialogOperacoes{
    max-height: 90vh !important;
    height: auto !important;
    overflow: auto !important;
    width: 320px !important;
}


.labelTitulo {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px;
    font-weight: 600 !important;
    color: #000046;
}

.fonteTituloBold {
    font-family: 'Poppins', sans-serif !important;
    font-size: 23px !important;
    text-align: left !important;
    color: #000000 !important;
    font-weight: 600 !important;
}

.fonteBtnDestaque{
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
}


.flexItensCentro .ui-widget-content{
    display: inline-flex !important;
    align-items: center !important;
}


.semHead{

}

.semPaddingDialog>div.ui-widget-content{
    padding: 0 0 0 0 !important;
}

.ui-datatable tbody tr.semPadding td {
    padding: 0 0 0 0 !important;
}

.semPadding, .semPadding div{
    padding: 0 0 0 0 !important;
}
.semHead>div>table>thead{
    display: none !important;
}

.ui-datatable.autoHeightRow table tbody tr td{
    padding-left: 0px!important;
    padding-left: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.ui-datatable.autoHeightRow table tbody tr {
    margin-top: 10px;
    height: auto !important;
}

.flexPontas{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}



.ui-datagrid{
    border: none !important;
}
.ui-datagrid .ui-datagrid-content{
    padding: 0 !important;
}
.ui-datagrid .ui-datagrid-content .ui-datagrid-column{
    padding: 0 !important;
}

.centroVertical{
    display: inline-flex;
    align-items: center;
}

.imageColunaVer{
    min-height: 35px !important;
    max-height: 35px !important;
}

.painelCentro{
    display: inline-flex !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: flex-start !important;
    align-content: center !important;
    flex-wrap: wrap !important;
}

.indicar{
    background: #f8fcffd1;
}


.flex1{
    flex:1;
}

.gridHeader{
    margin-bottom: 5px !important; 
}
.gridHeader>div>div>div.ui-panelgrid-cell{
    border-bottom: 1px solid var(--ciza-borda) !important;
    border-left: 1px solid var(--ciza-borda) !important;
}

.gridHeader>div>div>div.ui-panelgrid-cell:nth-child(1){
    border-bottom: 1px solid var(--ciza-borda) !important;
    border-left: none !important
}

.tabelaTreeNode{
    border: none;
}

.tabelaTreeNode.ui-treetable table tbody tr td{
    color: #000000 !important;
    background-image: none !important;
    background-color: transparent !important;

    border: none;
    outline: none;
    padding: 0px 5px 5px 0px;
}

.linhaTreeNode{
}
.linhaTreeNode>div{
    margin: 10px 0px 10px 10px;
}

.tabelaTreeNode.ui-treetable table tbody tr td>span{
    display: none !important;
}


.tabelaTreeNode>table>thead{
    display: none;
}

.linhaTreeNode{
    display: inline-flex !important;
    align-content: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    width: 100% !important;

    border: 1px solid var(--ciza-borda) !important;
    border-radius: 10px;
}

.linhaTreeNode>div.ui-panel{
    display: flex;
    align-items: center;
}


.linhaTreeNode>div.ui-panel:nth-child(3){
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 20px;
}




.invisivel{
    display: none !important;
}
.ui-row-editor{
    gap: 5px !important;
    display: inline-flex !important;
    border: 2px solid #2c99e9 !important;
    padding: 4px 5px 4px 5px !important;
    border-radius: 20px !important;
}
.noBorder>div.ql-container{
    border: none !important;
}

.tabLayout>div.ui-tabs-panels>div.ui-tabs-panel{
    height: 400px !important;
    overflow: auto !important;
}

.tag {
    border-radius: 100%;
    padding: 5px 5px 5px 5px;
    min-width: 20px;
    display: inline-flex;
    align-items: center;
    margin-right: 5px;
    justify-content: space-around;
    margin-bottom: 5px;
    border: 1px solid #cdcdcd;
}

.notHead>div>table>thead{
    display: none !important
}
.flexCentroWrap{
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
}

.azulCiaoBus{
    color: #3f95ff;
}
.centroHorizontal{
    display: inline-flex !important;
}

.margemSuperior34{
    margin-top: 34px;
}

.inlineFlexTopRight{
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-end;
}


.inlineFlexTopRight{
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.inlineFlex{
    display: inline-flex !important;
}

.inlineFlexCentro{
    display: inline-flex !important;
    justify-content: center;
}

.inlineFlexEsquerda{
    display: inline-flex !important;
    justify-content: center;
}

.inlineFlexCentroPanel, .inlineFlexCentroPanel>div{
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
}

.panelInlineGrid3Columns>div.ui-panel-content{
    display: inline-grid; 
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    justify-items: center;
    width: 100%;
}

.flexWrap{
    flex-wrap: wrap;
}

.inlineFlexColumn{
    display: inline-flex !important;
    flex-direction: column !important;
}


.diasAtuacao>.ui-button:first-child{
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.diasAtuacao>.ui-button:last-child{
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.diasAtuacao>.ui-button,
.diasAtuacao>.ui-button.ui-state-focus,
.diasAtuacao>.ui-button.ui-state-default{
    width: max-content !important;
    background: #eee !important;
    color: #333 !important;
    border-color: white;
}

.diasAtuacao .ui-button-text-only .ui-button-text {
    padding: 8px 8px !important;
    font-size: 12px !important;
}

.diasAtuacao>.ui-button.ui-state-active,
.diasAtuacao>.ui-buttonset .ui-state-active{
    background: #ae1917 !important;
    color: white !important;
    border-color: white;
}

.scrollAlternativas{
    max-height: 95vh !important;
    height: auto !important;
    width: auto !important;
    max-width: 90vh !important;
    overflow: auto !important;
}

.semBorda>div>table>tbody>tr>td {
    border: none !important;
}



.flex20{
    flex: 20;   
}

.flex70{
    flex: 70;   
}


.margemTopo20{
    margin-top: 20px; 
}


.margemBaixo25{
    margin-bottom: 25px; 
}

.margemBaixo10{
    margin-bottom: 10px; 
}

.poppins14 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    font-weight: 400 !important;
    color: #808080;
}

/*-----------------------------------------------------------------------------------------------------------------*/
/*----Mapa Calor ------------------------------------------------------------------------------------------------*/
.linha{
    border-radius: 15px;
    color: white !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    font-weight: 600 !important;
    padding: 5px 15px 5px 15px !important;
    display: inline-flex;
    min-width: 80px;
    align-items: center;
    margin-right: 5px;
    justify-content: space-around;
    margin-bottom: 5px;
    background: #000000;
}

.circle{
    background: #000000;
    width: 15px;
    height: 15px;
    border-radius: 100%;
}

.circle.dia15,
.bloq.dia15,
.linha.dia15{
    background: #3af700 !important;
}
.circle.dia30,
.bloq.dia30,
.linha.dia30{
    background: #19b50b !important;
}
.circle.dia45,
.bloq.dia45,
.linha.dia45{
    background: #fcf44e !important;
}
.circle.dia60,
.bloq.dia60,
.linha.dia60{
    background: #ffe787 !important;
}
.circle.dia90,
.bloq.dia90,
.linha.dia90{
    background: #ff9900 !important;
}
.circle.dia120,
.bloq.dia120,
.linha.dia120{
    background: #ff0fef !important;
}
.circle.dia150,
.bloq.dia150,
.linha.dia150{
    background: #e30000 !important;
}
.circle.dia300,
.bloq.dia300,
.linha.dia300{
    background: #390c94 !important;
}

/*-----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/


.font14{
    font-size: 14px !important;
}

.btn-menor{
    height: 25px !important;
}
.btn-menor.ui-button-icon-only .ui-icon {
    font-size: 15px !important;
}
.semFundo tr{
    background: none !important;
}
.semFundo, .semFundo>input.ui-inputfield{
    background: none !important;
}


.coluna10 {
    width: 10px !important;
}

.coluna20 {
    width: 20px !important;
}

.coluna30 {
    width: 30px;
}

.coluna40 {
    width: 40px;
}

.coluna60 {
    width: 60px !important;
}

.coluna65 {
    width: 65px !important;
}

.coluna60MargemTop60 {
    margin-top: 60px !important;
    margin-left: -110px !important;
}

.coluna70 {
    width: 70px;
}

.coluna80 {
    width: 80px !important;
}

.coluna90 {
    width: 90px !important;
}

.coluna100 {
    width: 100px !important;
}

.coluna120 {
    width: 120px !important;
}

.coluna130{
    width: 130px !important;
}

.coluna140 {
    width: 140px !important;
}

.coluna150 {
    width: 150px !important;
}

.coluna160 {
    width: 160px !important;
}

.coluna160Dialog {
    width: 160px !important;
    margin-right: 40px;
}

.marginForm{
    margin-left: 30px;

}

.coluna170 {
    width: 170px !important;
}

.coluna140Left {
    width: 140px !important;
}

.coluna180 {
    width: 180px !important;
}

.coluna180Dialog {
    width: 180px !important;
}

.coluna200 {
    width: 200px !important;
}

.coluna210 {
    width: 210px !important;
}

.coluna240 {
    width: 240px !important;
}

.coluna100Porcento{
    width: 100% !important;
}

.coluna100PorcentoPainel, .coluna100PorcentoPainel>.ui-panel-content{
    width: 100% !important;
}

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

}

.coluna340overlay{
    margin-left: 15px !important;
    width: 360px !important;
    text-align: left;
}

.coluna250 {
    width: 250px !important;
}

.coluna270 {
    width: 270px !important;
}

.coluna280 {
    width: 280px !important;
}

.coluna220 {
    width: 220px !important;
}

.coluna300 {
    width: 300px !important;
}



.coluna320 {
    width: 320px !important;
}

.colunaMax70Porcent{
    max-width: 70% !important;
}

.coluna300right {
    width: 300px !important;
    text-align: right;
}

.coluna340 {
    width: 340px !important;
}

.coluna350 {
    width: 350px !important;
}

.coluna360 {
    width: 360px !important;
}

.coluna380 {
    width: 380px !important;
}

.coluna420{
    width: 420px !important;
}

.coluna500{
    width: 500px !important;
}

.coluna540{
    width: 540px !important;
}

.coluna820 {
    width: 820px !important;
}

.left{
    text-align: left;
}

.coluna40 {
    width: 40px !important;
}

.coluna400 {
    width: 400px !important;
}

.coluna600{
    width: 600px !important;
}

.coluna70Porcento{
    width: 70% !important;
}

.coluna30Porcento{
    width: 30% !important;
}

.coluna50Porcento{
    width: 50% !important;
}

.coluna60Porcento{
    width: 60% !important;
}

.coluna40Porcento{
    width: 40% !important;
}

.truncate {
    max-width: 40px;
}

.customOverlayPanel{
    background-color: #fc6e31;
    width: 100%;
    height: 100px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}

.btnNotificacao{
    height: 0px;
    width: 0px;
    border: 0px;
    padding: 0px;
    color: #000046;
}

#top-menu > li a .bubble {
    background-color: #ef3f61;
    color: #ffffff;
    display: inline-block;
    border: solid 2px white;
    position: fixed;
    padding: 0.1rem 0.4rem;
    font-family: 'dosissemibold';
    font-size: 0.8rem;
    border-radius: 30px;
    margin: -2.8rem 0px 0px -1.5rem;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);

}

/*hr {
    margin: 40px 0;
}*/

.hr1 {
    border: 0;
    border-top: 1px solid #CCC;
}

.hr1Dialog {
    margin-left: 35px;
    margin-right: 35px;
    margin-bottom: 10px;
    margin-top: 15px;
    border: 0;
    border-top: 1px solid lightgray;
}

.hr1Overlay {
    border: 0;
    border-top: 1px solid lightgray;
    margin-top: 15px;
}

.hr2 {
    border: 0;
    border-top: 1px dashed #CCC;
}

.hr3 {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, transparent, #CCC, transparent);
}


.colunaTokenLeft{
    width: 150px;
    font-weight: bold;
    text-align: left;
    padding-right: 10px;
    color: black !important;
}

.colunaLeft20{
    column-width: 50px;
    margin-left: -25px !important;
    text-align: left;
}

.margin-left10{
    margin-left: 10px;
}

.margin4 {
    margin-top: 4px;
}

.btnNovo {
    margin-top: 4px;
}

.scrollPanelDlg {
    border: none;
}

.dtDialog {
    width: 700px;
}

.colunaCentro {
    text-align: center;
    width: 15%;
}

.centroNotificacao{
    text-align: center;
    align-items: center;

}

.colunaCentroCheckbox {
    text-align: center;
    width: 5%;
}

.colunaSituacao{
    height: 0px;

}

.scrollPanelDlgPedido {
    background-color: #F5F4E9;
    height: 450px;
    width: 320px;
    margin: auto;
}

.panelDlgGerarToken {
    background-color: #F5F4E9;
    color: black !important;
    width: 300px;
}

@media print {
    /* retira o fundo e as bordas para a impressao */
    .panelDlgGerarToken {
        background-color: transparent !important;
        border: none;
        margin: 0px;
    }
}
.scrollPanelDlgClientes {
    height: 450px;
    width: 800px;
    margin: auto;
}

.transparente {
    background-color: transparent;
}

.textoPreto {
    color: #000000;
}

.colunaVer {
    width: 7%;
    text-align: center;
}

.colunaLeft{
    text-align: left;
}

.colunaRight{
    text-align: right;
}

.colunaCenter{
    text-align: center;
}

.margemEsquerda150{
    margin-left: 150px!important;
}

.margemEsquerda180{
    margin-left: 180px!important;
}

.margemEsquerda120{
    margin-left: 120px!important;
}

.imgResgates{
    margin-left: 120px;
    margin-top: 35px;

}

.panelQrCode {
    text-align: center;
    background-color: transparent;
    border: none;
}

.panelDatasDashboard {
    width: 350px;
    padding: 0px;
    margin: auto;
}

.panelDatasDashboard .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell {
    padding: 1px;
}

.ui-button.ui-state-active, .ui-buttonset .ui-state-active{
    /*background-color: #000023;*/
    /*background-color: #5a41be !important;*/
    background-color: #000000 !important;
    color: white !important;
}

.ui-button.ui-button-text-icon-left.ui-state-hover{
    background-color: 4;
}

.ui-button.ui-button-text-icon-left.ui-state-focus{
    background-color: #000023;
}

/* Button da DataTable */
.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-hover{
    background-color:  #676767;
}

.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-focus{
    background-color: #000023;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-state-hover{
    background-color:  #676767;
}

/* Row Select DataTable */
.ui-datatable table tbody .ui-state-highlight > td{
    background-color: #BFCDD3;
}

/* Input Switch */

.ui-inputswitch{
    border-top-color:  #000000;
    border-right-color:  #000000;
    border-bottom-color:  #000000;
    border-left-color:  #000000;
    background-color:  #000000;
}

.ui-inputswitch .ui-inputswitch-on span{
    color: white;
    background-color:  #000000;
}

/* Radio button*/
.ui-radiobutton .ui-state-hover, .ui-radiobutton .ui-state-active {
    border: solid 2px  #676767;
}

.ui-radiobutton .ui-state-active .ui-icon-bullet, .ui-radiobutton .ui-state-focus .ui-icon-bullet {
    background-color:   #676767;
}

/* Checkbox */
.ui-chkbox-box .ui-icon-check {

    border-bottom: solid 3px  #000000;
    border-right: solid 3px  #000000;

}




/* Giovanella */
.divCodigoSeguranca{
    border-left: 20px solid;
    border-left-color: white;
    margin-bottom: -2px !important;
    padding-bottom: 2px !important;
}

.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-hover.icon_hipercard{
    background-color: white !important;
    border-radius: 0px !important;
}

.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-focus.icon_hipercard{
    background-color: white !important;
    border-radius: 0px !important;
}
.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-hover.icon_aura{
    background-color: white !important;
    border-radius: 0px !important;
}

.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-focus.icon_aura{
    background-color: white !important;
    border-radius: 0px !important;
}
.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-hover.icon_elo{
    background-color: white !important;
    border-radius: 0px !important;
}

.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-focus.icon_elo{
    background-color: white !important;
    border-radius: 0px !important;
}
.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-hover.icon_hiper{
    background-color: white !important;
    border-radius: 0px !important;
}

.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-focus.icon_hiper{
    background-color: white !important;
    border-radius: 0px !important;
}

.textValoresGrandesEstatisticas{
    font-size: 40px;
    color: black;
    font-weight: 300 !important;
    ;
    font-family: sans-serif !important;
}

.btnCancelarAssinatura {
    background-color: white !important;
    border-radius: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-width: 1px !important;
    border: black solid;
    color: black !important;
}

.textValoresGrandes{
    font-size: 40px;
    color: black;
    font-weight: 200 !important;
    font-family: sans-serif !important;
}


/* Tree table */

.ui-treetable .ui-icon-triangle-1-e {
    background-image: url(/javax.faces.resource/mobsolution/images/collapsed_arrow.svg.xhtml
) !important;
float: right !important;
margin-top: 28px !important;

margin-left: 10px;
margin-right: 10px;
background-position: center !important;
background-repeat: no-repeat;
background-size: 110%;
height: 16px;
width: 16px;
}

.ui-treetable .ui-icon-triangle-1-s {
    background-image: url(/javax.faces.resource/mobsolution/images/expanded_arrow.svg.xhtml) !important;
float: right !important;
margin-top: 28px !important;
margin-left: 10px;
margin-right: 10px;
background-position: center !important;
background-repeat: no-repeat;
background-size: 110%;
height: 16px;
width: 16px;
}

.ui-tree .ui-icon-triangle-1-s {
    background-image: url(/javax.faces.resource/mobsolution/images/expanded_arrow.svg.xhtml
) !important;
margin-left: 10px;
margin-right: 10px;
background-position: center !important;
background-repeat: no-repeat;
background-size: 130%;
height: 16px;
width: 16px;
}

.ui-tree .ui-icon-triangle-1-e {
    background-image: url(/javax.faces.resource/mobsolution/images/collapsed_arrow.svg.xhtml
) !important;
margin-left: 10px;
margin-right: 10px;
background-position: center !important;
background-repeat: no-repeat;
background-size: 130%;
height: 16px;
width: 16px;
}

.ui-datatable table thead tr th,
.ui-datatable table tfoot tr td,
.ui-datatable table thead tr th {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background-image: none !important;
    background-color: transparent !important;
}

.ui-treetable table thead tr th,
.ui-treetable table thead tr td,
.ui-treetable table tbody tr td,
.ui-treetable table tfoot tr td{
    color: #000000 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background-image: none !important;
    background-color: transparent !important;

    border: solid 1px #c5d5e2;
    outline: none;
    padding: 12px 5px;
}


/* Cabeçalho Panel */

.ui-panel .ui-panel-titlebar{
    background-color: #D6E8EF;
    color: #50707A;
    font-weight: bold;
}

/* Rodapé TableView */
.ui-paginator-bottom{
    background-color: #dae8ef;
}

.ui-paginator .ui-paginator-pages .ui-paginator-page{
    color:#546e7a;
}

.ui-paginator .ui-paginator-pages .ui-state-hover{
    background-color: transparent;
}

.ui-paginator .ui-state-hover{
    background-color: transparent;
}

.ui-paginator .ui-paginator-next.ui-state-focus{
    background-color: transparent;
}

.ui-paginator .ui-paginator-prev.ui-state-focus{
    background-color: transparent;
}

.ui-paginator .ui-paginator-last.ui-state-focus{
    background-color: transparent;
}

.ui-paginator .ui-paginator-first.ui-state-focus{
    background-color: transparent;
}

.ui-paginator-page.ui-state-focus{
    background-color: transparent;
}

/* Header Tabs */
.ui-tabs-top .ui-tabs-nav{
    background-color: #3f95ff;
}

.ui-tabs-top .ui-tabs-nav li a{
    color: white !important;
}

/** PRIMEFACES **/
.ui-panelgrid {
    border: none;
    font-size: 23px;
}

.ui-fieldset-legend {
    background:none !important;
    border: 0px !important;
    padding: 3px 5px 3px 5px !important;
    color: #546E7A !important;
}

.ui-selectonebutton, .ui-selectmanybutton {
    border: none;
}

.ui-panel {
    border: none;
}

.ui-tabs-top {
    border: none;
}

#statusDelivery {
    width: 100%;
}


/*
    Começo
    Para ajustes na interface conforme novas cores

    Cor padrão: #000000
    Cor clara: #372876
    Cor escura: #000023
    Cor item calendário: #ada0de

    A cor padrão (#000000) também foi aplicada no rio-layout.css
    e ao gerar um novo projeto é necessário alterar nete arquivo.

    Tonalidades mais fracas ou fortes, conforme material design, podem ser obtidas em:
    https://material.io/resources/color/
*/
.ui-button {
    background-color:  #000000;
}

.ui-dialog-titlebar {
    background-color: #000000 !important;
    color: white !important;
}

.fc-toolbar {
    /*background-color: #26a69a;*/
    background-color:  #000000;
}

.fc-toolbar button {
    /*background-color: #26a69a;*/
    background-color:  #000000;
    border: solid 1px  #000000;
}

.fc-toolbar button.ui-state-active {
    /*background-color: #26a69a;*/
    background-color:  #000000;
}

.fc-toolbar button.ui-state-hover {
    /*background-color: #26a69a;*/
    /*background-color: #372876;*/
    /*background-color: #5a41be !important;*/
    background-color: #676767 !important;
    color: white;
}

.fc-view-container .fc-month-view > table > thead {
    /*background-color: #00897b;*/
    background-color:  #000000;
}

.fc-view-container table thead tr th {
    /*background-color: #00897b;*/
    background-color:  #000000;
    /*color: #372876;*/
    color: white;
}

.fc-view-container table thead tr .fc-sun, .fc-view-container table thead tr .fc-sat {
    /*background-color: #069183;*/
    background-color:  #000000;
}

.fc-view-container .fc-event {
    /*background-color: #9ccc65;*/
    /*border: solid 1px #9ccc65;*/
    background-color: #99c2ff;
    border: solid 1px #99c2ff;
}

.ui-dialog-titlebar {
    background-color: #000000 !important;
    color: white !important;
}

.ui-dialog .ui-dialog-titlebar {
    border-bottom: solid 0px #ffffff !important;
}

.ui-button.ui-state-focus {
    /*background-color: #372876 !important;*/
    /*background-color: #5a41be !important;*/
    background-color: #000000 !important;
    color: white;
}
/*
    Término
    Para ajustes na interface conforme novas cores
*/


/** MEDIA QUERIES **/
@media(max-width: 640px) {
    .ui-panelgrid .ui-grid-responsive .ui-grid-row {
        border: none;
    }

    .ui-fileupload-choose, .ui-fileupload-upload, .ui-fileupload-cancel {
        width: 100%;
        margin-top: 1px;
    }

    .ui-selectonebutton, .ui-selectmanybutton, .ui-button {
        width: 100%;
    }

    .ui-tabs.ui-tabs-top > .ui-tabs-nav li {
        width: 100%;
    }

    .scrollPanelDlg {
        height: 350px;
        width: 300px;
    }

    .inputPush {
        width: 80%;
    }

    .btnFechar {
        margin-top: 1px;
    }

    .colunaVer {
        text-align: left;
    }

    .colunaCentro {
        text-align: left;
    }

    .colunaCentroCheckbox {
        text-align: left;
    }

    .coluna10 {
        width: 100%;
    }

    .coluna30 {
        width: 100%;
    }

    .coluna80 {
        width: 100%;
    }
    .coluna4000 {
        text-align: right;
    }

    .dtDialog {
        width: 350px;
    }

    .panelDatasDashboard {
        width: 100%;
    }
}

@media(min-width: 640px) {
    .coluna120 {
        text-align: right;
    }

    .coluna180 {
        text-align: right;
    }

    .coluna280 {
        text-align: right;
    }

    .inputPush {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .colunaVer {
        width: 10%;
    }
}

@media (min-width: 640px) and (max-width: 960px) {
    #top-menu > li a .bubble {
        margin: -0.5rem 0px 0px -8.5rem;
        font-size: 0.6rem;
    }

    #statusDelivery {
        margin-top: 0px;
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    #top-menu > li a .bubble {
        margin: -0.5rem 0px 0px -8.5rem;
        font-size: 0.6rem;
    }

    #statusDelivery {
        margin-top: 0px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    #top-menu > li a .bubble {
        margin: -0.5rem 0px 0px -8.5rem;
        font-size: 0.6rem;
    }

    .scrollPanelDlgClientes {
        height: 350px;
        width: 350px;
    }

    #statusDelivery {
        margin-top: 0px;
    }
}



.height42{
    height: 42px !important;
}

.height85{
    height: 85px !important;
}


.inputInList{
    background: #ededed; 
    border-bottom: 2px solid black !important;
}


.espacamentoSalvarAviso{
    height: 100%; 
    display: inline-flex;
    flex-direction: column; 
    justify-content: space-between;
}


.semTituloCalendario .ui-datepicker .ui-datepicker-title {
    display: none;
}