/*
    Para ajustes na interface conforme novas cores

    Cor padrão: #010049
    Cor clara: #372876
    Cor escura: #000023
    Cor item calendário: #99c2ff

    A cor padrão (#010049) 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/
*/

.botaoFiltroNaoSelecionado{
    background-color: #EEEEEE;
    color: #000000;
}

.textRight {
    text-align: right;
}

.textLeft {
    text-align: left;
}

.ui-dialog-footer {
    background-color: white !important  ;
}

.ui-slider-range {
    background-color: #010049; /*#1565c0;*/
}

.ui-slider {
    background-color: #e0e0e0; /*#F5F5F5;*/
    color: #778d9b;
}

.ui-slider-handle.ui-state-focus {
    background-color: #80c5ff !important;
    border-color: #80c5ff !important;
}

.ui-overlaypanel .ui-overlaypanel-content {
    background-color: white;
    padding: 20px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.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-datatable .ui-datatable-data td {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.ui-datatable-data tr {
    height: 80px !important;
}

.ui-button.ui-state-hover,
.ui-buttonset .ui-state-hover {
    /*background-color: #0047b3 !important;*/
    /*background-color: #5a41be !important;*/
    background-color: #4588de !important;
}

/* Paginator - início */
.ui-paginator,
.ui-paginator-bottom {
    border-top: 0 none;
    background-image: none !important;
    background-color: transparent !important;
    color: black;
}

.ui-paginator .ui-paginator-pages .ui-paginator-page {
    font-weight: bold !important;
    color: #546e7a !important;
}

.ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    color: #010049 !important;
}

.ui-paginator .ui-paginator-first .ui-icon {
    filter: invert(100%);
}

.ui-paginator .ui-paginator-prev .ui-icon {
    filter: invert(100%);
}

.ui-paginator .ui-paginator-next .ui-icon {
    filter: invert(100%);
}

.ui-paginator .ui-paginator-last .ui-icon {
    filter: invert(100%);
}

.ui-datatable-reflow .ui-datatable-data td .ui-column-title {
    display: block !important;
}
/* Paginator - fim */

.ui-datatable-reflow .ui-datatable-data tr .ui-column-title {
    display: none !important;
}

.componentCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.componentCenter2 {

    justify-content: center;
    align-items: center;
    text-align: center;
}

.componentRight {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.componentLeft {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.componentCenterTitulo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -5px !important;
}

.componentCenterMargin {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 13px !important;
}

.componentCenterMarginTop15 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px !important;
}

.componentleftMargin50 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 85px !important;
    height: 20px !important;
}

.componentStart {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.componentEnd {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.divSuperior {
    margin: 0 auto;
    max-width: 800px !important;
    width: 100% !important;
}

.divNormal {
    margin: 0 auto;
    max-width: 800px !important;
    width: 100% !important;
    margin-top: 25px;
}

.fonteTituloCenter {
    font-size: 21px !important;
    text-align: center !important;
    color: #010049 !important;
    font-weight: 900 !important;
}

.fonteTituloCenterMenor {
    width: auto !important;
    font-size: 23px !important;
    text-align: center !important;
    color: #010049 !important;
    font-weight: 900 !important;
}

.fonteTitulo {
    font-size: 23px !important;
    /*margin-left: 20px !important;*/
    text-align: left !important;
    color: #010049 !important;
    font-weight: 900 !important;
}

.fonteTitulo2 {
    font-size: 20px !important;
    /*margin-left: 20px !important;*/
    text-align: left !important;
    color: #010049 !important;
    font-weight: 900 !important;
}

.fonteSubTitulo {
    font-size: 17px !important;
    margin-left: 0px !important;
    text-align: left !important;
}

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

.textoAlinhadoEsquerda {
    text-align: left !important;
}

.textoAlinhadoDireita {
    text-align: right !important;
}

.semCor {
    background-image: none !important;
    background-color: transparent !important;
}

.semCor.ui-state-hover {
    color: white !important;
}

.selectRadio label {
    margin-bottom: 20px !important;
    white-space: nowrap !important;
    margin-left: 17px !important;
    vertical-align: top !important;
}

.divMensagemSmartphone {
    margin: 0 auto;
    max-width: 800px;
    margin-top: 90px !important;
    margin-bottom: 35px !important;
}

.painelMensagemSmartphone {
    margin: 0px !important;
    margin-bottom: 20px;
    max-width: 800px;
}

.painelMensagemSmartphoneCupom {
    margin: 0px !important;
    margin-bottom: 20px;
    max-width: 800px;
}

.colunaPainelMensagemSmartphone {
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;

}

.imagemSmartphone {
    margin: auto auto !important;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.divColuna {
    position: relative !important;
    width: 100% !important;
}

.boxMensagem {
    background: black;
    position: absolute !important;
    top: 20% !important;
    right: 8% !important;
    width: 84% !important;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 12px;
    background-color: rgba(255, 255, 255, 0.6);
    text-align: left;
}

.panelTituloDescricao {
    background-color: transparent !important;
    margin: 3px -3px -3px 8px !important;
    padding: 0px 0px 0px 0px !important;
}

.panelNotificacaoTituloDescricao {
    background-color: transparent !important;
    margin: 3px -3px 3px -3px !important;
    padding: 0px 0px 0px 0px !important;
}

.boxMensagemFone {
    background: black;
    position: absolute !important;
    top: 20% !important;
    right: 8% !important;
    width: 84% !important;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 12px;
    background-color: rgba(255, 255, 255, 0.6);
}

.boxMensagemFoneLabels {
    float: left;
    margin-top: -2px;
    color: black;
    font-weight: bold !important;
}

.boxMensagemTextoFone {
    word-wrap: break-word;
    color: black;
}

.boxMensagemImagemApp {
    float: left;
    margin-right: 5px;
    width: 20px;
}

.separador100 {
    width: 100% !important;
}

.separador70 {
    width: 70% !important;
}

.separador90 {
    width: 90% !important;
}

.separador {
    width: 100% !important;
    max-width: 800px !important;
    margin-left: auto;
    margin-right: auto;
}

.separador600px {
    width: 100% !important;
    max-width: 600px !important;
}

.separador700px {
    width: 100% !important;
    max-width: 700px !important;
}

table {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100% !important;
}

.colunaDialog1 {
    height: 40px !important;
}

.colunaDialog2 {
    height: 40px !important;
    background-color: #EEEEEE !important;
}

.linhasDaTabela {
    background-image: none !important;
    background-color: transparent !important;
}

.badgeStatusPushAgendado{
    display: block;
    text-align: center;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    width: 120px;
    height: 24px;
    border-radius: 12px;
    color: black;
    padding-top: 3px;
    padding-left: 12px;
    padding-right: 12px;
}

.boxContornoTexto {
    position: absolute !important;
    width: 120px !important;
    height: auto !important;
    border-radius: 10px !important;
    text-align: center !important;
}

.boxContornoTextoSemTamanho {
    position: absolute !important;
    height: auto !important;
    border-radius: 10px !important;
    text-align: center !important;
}

.boxContornoTextoTamanhoAuto {
    width: auto !important;
    height: auto !important;
    border-radius: 10px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    text-align: center !important;
}

.corBranca1 {
    color: #ffffff;
}

.corPreta1 {
    color: #000000;
}

.corPadraoSistema {
    background: #010049;
}

.corPadraoSistemaParaTexo {
    color: #010049 !important;
}

.boxContornoTextoCorEnviado {
    background: #D8EACD;
}

.boxContornoTextoCorAgendado {
    background: #FFEFBF;
}

.boxContornoTextoCorCancelado {
    background: #ffbfbf;
}

.boxContornoTextoCorErro {
    background: #ffbfbf;
}

.boxContornoTextoCorReenvio {
    background: #F1EBEB;
}

.boxContornoTextoCorBranca {
    background: #FFFFFF !important;
}

.divContornoRedondoFiltros {
    position: relative;
    border-radius: 50%;
    background: #D90000;
    float: right;
    margin-top: -14px;
    margin-left: -25px;
    width: 22px;
    z-index: 9999;
}

.divContornoRedondoFiltros2 {
    position: relative;
    border-radius: 50%;
    background: #D90000;
    float: right;
    margin-top: -14px;
    margin-left: -50px;
    margin-right: 33px;
    width: 22px;
    z-index: 9999;
}

.spanContornoRedondoFiltros {
    position: relative !important;
    padding-top: 4px !important;
    padding-left: 7px !important;
}

.spanContornoRedondoFiltros2 {
    position: relative !important;
    padding-top: 4px !important;
    padding-left: 0px !important;
}

.panelContornoRedondoFiltros {
    position: relative !important;
    padding-top: 4px !important;
    padding-left: 7px !important;
    float: top !important;
}

.estatisticasBox {
    margin-right: 3%;
    margin-left: 3%;
}

.containerCenterItemsResponsivo {
    background-color: #010049;
    max-width: 800px;
    margin: 0 auto;
    clear: none;
    width: 100%;
    text-align: center;
}

.divInLine {
    display: inline-block !important;
}

.divColumn {
    flex-direction: column !important;
}

.estatisticasBoxMargemMaior {
    margin-right: 25%;
    margin-left: 25%;
}

.estatisticasBoxMargemMaiorPromocaoPosto {
    margin-left: 25%;
}

.estatisticasValores {
    font-size: 21px !important;
    color: black;
}

.estatisticasValoresMaior {
    font-size: 50px !important;
    color: black;
}

.divEsquerdaPadrao {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    float: left !important;
}

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

.containerCenterItems {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center !important;
    width: 100% !important;
}

.containerLeftItems {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    text-align: left !important;
    width: 100% !important;
}

.containerCenterItemsColumn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center !important;
    width: 100% !important;
}

.containerCenterItemsCad {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center !important;
    width: 100% !important;
    height: 50px !important;
}

.divSuperiorDetalhes {
    margin: 0 auto;
    max-width: 800px !important;
    width: 100% !important;
}


/* Margem superior - inicio */
.margemSuperior5 {
    margin-top: 5px !important;
}

.margemSuperior10 {
    margin-top: 10px !important;
}

.margemSuperior15 {
    margin-top: 15px !important;
}

.margemSuperior20 {
    margin-top: 20px !important;
}

.margemSuperior30 {
    margin-top: 30px !important;
}

.margemSuperior40 {
    margin-top: 40px !important;
}

.margemSuperior50 {
    margin-top: 50px !important;
}

.margemSuperior60 {
    margin-top: 60px !important;
}

.margemSuperior70 {
    margin-top: 70px !important;
}

.margemSuperior80 {
    margin-top: 80px !important;
}

.margemSuperior90 {
    margin-top: 90px !important;
}

.margemSuperior100 {
    margin-top: 100px !important;
}
/* Margem superior - termino */


/* Margem direita - incio */
.margemDireita5 {
    margin-right: 5px !important;
}

.margemDireita10 {
    margin-right: 10px !important;
}

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

.margemDireita20 {
    margin-right: 20px !important;
}

.margemDireita30 {
    margin-right: 30px !important;
}

.margemDireita40 {
    margin-right: 40px !important;
}

.margemDireita50 {
    margin-right: 50px !important;
}

.margemDireita60 {
    margin-right: 60px !important;
}

.margemDireita70 {
    margin-right: 70px !important;
}

.margemDireita80 {
    margin-right: 80px !important;
}

.margemDireita90 {
    margin-right: 90px !important;
}

.margemDireita100 {
    margin-right: 100px !important;
}
/* Margem direita - termino */


/* Margem inferior - inicio */
.margemInferior5 {
    margin-bottom: 5px !important;
}

.margemInferior10 {
    margin-bottom: 10px !important;
}

.margemInferior15 {
    margin-bottom: 15px !important;
}

.margemInferior20 {
    margin-bottom: 20px !important;
}

.margemInferior30 {
    margin-bottom: 30px !important;
}

.margemInferior40 {
    margin-bottom: 40px !important;
}

.margemInferior50 {
    margin-bottom: 50px !important;
}

.margemInferior60 {
    margin-bottom: 60px !important;
}

.margemInferior70 {
    margin-bottom: 70px !important;
}

.margemInferior80 {
    margin-bottom: 80px !important;
}

.margemInferior90 {
    margin-bottom: 90px !important;
}

.margemInferior100 {
    margin-bottom: 100px !important;
}
/* Margem inferior - termino */


/* Margem esquerda - inicio */
.margemEsquerda5 {
    margin-left: 5px !important;
}

.margemEsquerda10 {
    margin-left: 10px !important;
}

.margemEsquerda15 {
    margin-left: 15px !important;
}

.margemEsquerda20 {
    margin-left: 20px !important;
}

.margemEsquerda30 {
    margin-left: 30px !important;
}

.margemEsquerda40 {
    margin-left: 40px !important;
}

.margemEsquerda50 {
    margin-left: 50px !important;
}

.margemEsquerda60 {
    margin-left: 60px !important;
}

.margemEsquerda70 {
    margin-left: 70px !important;
}

.margemEsquerda80 {
    margin-left: 80px !important;
}

.margemEsquerda90 {
    margin-left: 90px !important;
}

.margemEsquerda100 {
    margin-left: 100px !important;
}
.margemEsquerda180 {
    margin-left: 180px !important;
}
.margemEsquerda190 {
    margin-left: 190px !important;
}
/* Margem inferior - termino */


.fonteDestaque1 {
    font-size: 25px !important;
}

.fonteDestaque2 {
    font-size: 18px !important;
}

.fonteDestaque2NotImportant {
    font-size: 18px;
}

.fonteDestaque3 {
    font-size: 23px !important;
}

.fonteDestaque3Light {
    font-size: 18px !important;
    font-family: roboto_condensedlight !important;
}

.fonteDestaque4 {
    font-size: 16px !important;
}

.divCentroPadrao {
    display: block;
    width: 100% !important;
    text-align: center;
}

.imgagemEsquerdaCentralizada {
    margin-right: 10px;
    display: block;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;
}

.cursorMao {
    cursor: pointer !important;
}

.divPublicoSegmentado {
    float: left;
    max-width: 70% !important;
}

.painelListagem1 {
    /*height: 190px;*/
}

.divSuperiorListagem {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.divSuperiorComponentes {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    float: left !important;

    margin-top: 20px !important;
    margin-bottom: 50px !important;
}

.divSuperiorComponentesLista {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    float: left !important;

    margin-top: 20px !important;
    margin-bottom: 30px !important;
}

.divSuperiorComponentesCad {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    float: left !important;

    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.divSuperiorComponentesCentro {

}

.divSuperiorComponentesLadoDireito {
    float: right;
    margin-right: 30px !important;
}

.divSuperiorComponentesLadoDireitoBotao {
    width: auto !important;
    margin-right: 20px;
}

.divSuperiorComponentesLadoEsquerdo {
    float: left;
    margin-left: 30px !important;
}

.divSuperiorComponentesLadoDireitoBotaoPromocao {
    width: auto !important;
    margin-right: 20px;
}

.cards {
    align-items: center !important; 
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    grid-gap: 30px;
    margin: auto;
}

.cardsUmaColuna {
    align-items: center !important; 
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    grid-gap: 30px;
    margin: auto;
    max-width: 450px;
    min-width: 200px
}

.magemDireita30 {
    margin-right: 30px !important;
}

.magemEsquerda30 {
    margin-left: 30px !important;
}

.magemEsquerda100 {
    margin-left: 100px !important;
}

.magemSuperior30 {
    margin-top: 30px !important;
}

.magemInferior30 {
    margin-right: 30px !important;
}

.magemDireita40 {
    margin-right: 40px !important;
}

.magemEsquerda40 {
    margin-left: 40px !important;
}

.magemSuperior40 {
    margin-top: 40px !important;
}

.magemInferior40 {
    margin-right: 30px !important;
}

.magemDireita50 {
    margin-right: 50px !important;
}

.magemDireita100 {
    margin-right: 100px !important;
}


.magemEsquerda50 {
    margin-left: 50px !important;
}

.magemSuperior50 {
    margin-top: 50px !important;
}

.magemInferior50 {
    margin-right: 50px !important;
}

.divInferiorComponentes {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    float: left !important;
}

.divInferiorComponentesLadoDireito {
    float: right;
    margin-right: 15px !important;
}

.divInferiorComponentesLadoEsquerdo {
    float: left;
    margin-left: 30px !important;
}

.listagemColunaTextoTituloNegrito {
    font-weight: bold !important;
    color: #3F3F3F !important;
}

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

.botaoWidth120 {
    width: 120px !important;
}

.botaoWidth160 {
    width: 160px !important;
}


.botaoWidth120Filtro {
    width: 120px !important;
}

.botaoWidth120MarginRight20 {
    width: 120px;
    margin-right: 20px;
}

.botaoWidth120MarginRight20TexoCinza {
    width: 120px !important;
    margin-right: 20px;
    color: #546e7a !important;
}

.imagemCentro {
    margin: auto auto !important;
    display: flex;
    align-items: center;
}
.imagemEsquerda{
    margin-right: 10px;
}

.imagemColunaCenter {
    width: 18%;
    text-align: center;
}

.dataTableTextoColunaAlinhadoCentro {
    text-align: center !important;
    word-wrap: break-word !important;
}

.dataTableTextoColunaAlinhadoDireita {
    text-align: right !important;
    word-wrap: break-word !important;
}

.dataTableTextoColunaAlinhadoEsquerda {
    text-align: left !important;
    word-wrap: break-word !important;
}

.scrollPanelDlgDialog {
    margin: -10px !important;
}

.scrollPanelDlg1 {
    border: none;
}

.divSemMargem {
    margin: -10px !important;
}

.corBackgroudCinza1 {
    background-color: #EEEEEE !important;
}

.corBackgroudCinza1 {
    background-color: #EBEBEB !important;
}

.colunaPrincipal1 {
    width: 400px;
}

.colunaInterna1 {
    width: 100px;
}

.colunaInterna2 {
    width: 180px;
}

.colunaInterna3 {
    width: 40px;
}

.colunaInterna4 {
    width: 250px;
}

.colunaInterna5 {
    width: 250px;
}

.colunaInterna6 {
    width: 200px;
    text-align: left;
}

.colunaInterna7 {
    width: 100px;
}
.colunaInterna8{
    width: 20px;
}

.borda1 {
    border-radius: 10px !important;
    padding-right: 28px;
    padding-left: 28px;
}

.bordaResgates {
    border-radius: 10px !important;
    padding-right: 20px;
    padding-left: 20px;
}

.alinhadoVerticalCentro {
    display: flex;
    align-items: center;
}

.alinhadoHorizontalCentro {
    display: flex;
    align-items: center;
    justify-content: center;
}

.imagemListagem {
    width: 80px !important;
    height: 80px;
    border-radius: 50%;
    background-color: red;
    float: left;
}

.margemColuna1 {
    margin-right: 40px !important;
    margin-left: 40px !important;
}

.paddingTopButtom40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.colunaPrincipal2 {

}

.colunaTabela65Center {
    width: 65px;
    text-align: center;
}

.colunaTabela110Center {
    width: 110px;
    text-align: center;
}

.colunaTabela120Center {
    width: 120px;
    text-align: center;
}

.colunaTabela150Center {
    width: 150px;
    text-align: center;
}

.colunaTabela180Left {
    width: 180px;
    text-align: left;
}

.colunaTabela180Center {
    width: 180px;
    text-align: center;
}

.fontePadrao1 {
    font-family: 'roboto_condensedregular' !important;
    font-size: 16px !important;
}

.fontePadrao1Tamanho18 {
    font-family: 'roboto_condensedregular' !important;
    font-size: 18px !important;
}

.fontePadrao1Tamanho21 {
    font-size: 21px !important;
}

.botaoCancelar {
    width: 120px;
    margin-right: 20px;
    color: #546e7a !important;
}

.modalAdaptavel {
    /*position: fixed;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*overflow: hidden;*/
    height: auto;
    overflow: auto;
    position: absolute;
}

.dialgoAdaptavel1Div1 {
    height: auto;
}

.dialgoPadrao1 {
    max-width: 800px;
    width: 100%;
    height: 600px;
}

.dialgoPadrao1Div1 {
    height: 450px;
}

.dialgoPadrao1Div2 {
    height: 320px;
}

.dialgoUploadPadrao1 {
    width: 800px;
    overflow-x: hidden !important;
}

.imagemRedonda {
    background-color: #ffffff;
    border-radius: 100%;
    height: 80px;
    object-fit: cover;
    width: 80px;
}

.imagemRedonda2 {
    background-color: #ffffff;
    border-radius: 100%;
    height: 15px;
    object-fit: cover;
    width: 15px;
}

.imagemRedonda2 {
    background-color: #FFFFFF;
    border-radius: 100%;
    height: 45px;
    object-fit: scale-down;
    width: 45px;
}

.brMostrarEsconderPadrao1 {
    display: none;
}

.componenteFiltroOverlayPanel {
    width: 440px !important;
}

.componenteFiltroGrid {
    width: auto !important;
}

.componenteFiltroCombo {
    width: 84% !important;
}

.componenteFiltroPanel {
    width: auto !important;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 15px !important;
}

.componenteFiltroBotaoPesquisaWidth120MarginRight20 {
    width: 120px;
    margin-right: 20px;
}

.componenteFiltroScrollPanelDlg {
    border: none;
    overflow-x: hidden;
}

@media (min-width: 320px) and (max-width: 369px) {
    .dialgoPadrao1 {
        max-width: 300px !important;
        min-height: 450px !important;
    }

    .dialgoPadrao1Div1 {
        height: 320px;
    }

    .dialgoUploadPadrao1 {
        width: 200px;
        overflow-x: hidden !important;
    }

    .scrollPanelDlgPadrao1 {
        width: 320px !important;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .boxContornoTexto {
        width: 75px !important;
    }

    .estatisticasBoxMargemMaior {
        margin-right: 5%;
        margin-left: 5%;
    }

    .brMostrarEsconderPadrao1 {
        display: block;
    }

    .componenteFiltroOverlayPanel {
        width: 280px !important;
    }

    .componenteFiltroGrid {
        margin-left: 0px !important;
        width: 200px !important;
    }

    .componenteFiltroCombo {
        width: 79% !important;
    }

    .componenteFiltroPanel {
        width: 200px !important;
    }

    .componenteFiltroBotaoPesquisaWidth120MarginRight20 {
        width: 120px;
        margin-right: 0px;
    }

    .componenteFiltroScrollPanelDlg {
        border: none;
        height: 350px;
    }
}

@media (max-width: 355px) {
    .botaoWidth120Filtro {
        margin-top: 5px;
    }
}

@media (min-width: 370px) and (max-width: 480px) {
    .dialgoPadrao1 {
        max-width: 350px !important;
        min-height: 450px !important;
    }

    .dialgoPadrao1Div1 {
        height: 390px;
    }

    .dialgoUploadPadrao1 {
        max-width: 350px !important;
    }
}

@media (max-width: 410px) {
    .fonteDatas {
        font-size: 13px !important;
    }

    .boxContornoTexto {
        width: 70px !important;
    }

    .imagemColunaCenter {
        width: 30%;
        text-align: center;
    }

    .imagemColunaCenter {
        width: 34%;
        text-align: center;
    }
}

@media (min-width: 411px) and (max-width: 640px) {
    .imagemColunaCenter {
        width: 30%;
        text-align: center;
    }
}

@media (min-width: 481px) and (max-width: 640px) {
    .boxContornoTexto {
        width: 85px !important;
    }

    .dialgoPadrao1 {
        max-width: 450px !important;
        min-height: 500px !important;
    }

    .dialgoPadrao1Div1 {
        height: 410px;
    }

    .dialgoUploadPadrao1 {
        max-width: 450px !important;
    }
}

@media (max-width: 640px) {
    .divSuperiorComponentesLadoDireito {
        margin-top: 10px !important;
    }

    .colunaPrincipal2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center !important;
        width: 100% !important;
        margin-right: 10px;
    }

    .containerCenterItems {
        flex-direction: row;
    }

    .ui-datatable-reflow .ui-datatable-data tr .ui-column-title {
        display: inline-block !important;
    }

    .colunaTabela65Center {
        text-align: left !important;
    }

    .colunaTabela110Center {
        text-align: left !important;
    }

    .colunaTabela120Center {
        text-align: left !important;
    }

    .colunaTabela150Center {
        text-align: left !important;
    }

    .colunaTabela180Left {
        text-align: left !important;
    }

    .colunaTabela180Center {
        text-align: left !important;
    }

    .dialgoPadrao1Div2 {
        height: auto;
    }
}

@media (min-width: 641px) and (max-width: 710px) {
    .dialgoPadrao1 {
        max-width: 600px !important;
        min-height: 500px !important;
    }

    .dialgoPadrao1Div1 {
        height: 420px;
    }

    .dialgoUploadPadrao1 {
        max-width: 600px !important;
    }
}

@media (min-width: 711px) and (max-width: 850px) {
    .dialgoPadrao1 {
        max-width: 670px !important;
        min-height: 500px !important;
    }

    .dialgoPadrao1Div1 {
        height: 420px;
    }

    .dialgoUploadPadrao1 {
        max-width: 670px !important;
    }
}

@media (min-width: 641px) and (max-width: 960px) {
    .estatisticasBoxMargemMaior {
        margin-right: 17%;
        margin-left: 17%;
    }
}

@media (max-width: 960px) {

}

@media (min-width: 641px) and (max-width: 1110px) {
    .colunaTabela65Center {
        width: 45px;
    }

    .colunaTabela110Center {
        width: 75px;
        text-align: center;
    }

    .colunaTabela120Center {
        width: 100px;
        text-align: center;
    }

    .colunaTabela150Center {
        width: 100px;
        text-align: center;
    }

    .colunaTabela180Left {
        width: 100px;
        text-align: left;
    }

    .colunaTabela180Center {
        width: 100px !important;
        text-align: center;
    }
}

@media (min-width: 481px) and (max-width: 1110px) {
    .margemColuna1 {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .colunaPrincipal1 {
        width: 360px;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center !important;
        width: 100% !important;
        margin-right: 10px;
    }

    .colunaPrincipal2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center !important;
        width: 100% !important;
        margin-right: 10px;
    }

    .colunaInterna1 {
        width: 80px;
    }

    .colunaInterna2 {
        width: 160px;
    }

    .colunaInterna4 {
        width: 160px;
    }
}

@media (min-width: 641px) and (max-width: 1200px) {
    .containerCenterItems {
        flex-direction: column;
    }

    .colunaInterna6 {
        width: 100px;
        text-align: left;
    }

    .borda1 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 1200px) {
    .divPublicoSegmentado {
        max-width: 65% !important;
    }

    .containerLeftItems {
        flex-direction: column;
    }
}