div#main-area-painel1,
div#main-area-painel2,
div#main-area-painel3,
div#main-area-painel-insight {
    clear: left;
    /*font-family: 'Montserrat', 'PT Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    font-size: 2vmin;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

div.div-secao-painel {
    position: relative;
    float: left;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0.5vh 0.7vw;
}

div.div-pagina-painel {
    float: left;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 3vh 0.7vw;
}


/* Cada linha tem 6.5vh, total de 12 linhas */

div#div-painel-pedidos-mes {
    width: 26vw;
    height: 76vh;
}

div#div-painel-page1 {
    width: 100vw;
    height: 76vh;
}

@media screen {
    div#div-painel-faturamento {
        width: 55.5vw;
        height: 73vh;
        padding: 1.5vh 0.7vw;
    }
}

@media print {
    div#div-painel-faturamento {
        width: 97vw;
        height: 73vh;
        padding: 0;
    }
}

#div-painel-infos {
    width: 24.6vw;
    height: 76vh;
}

.painel-row {
    padding: 0.5vh 0.25vw;
    margin: 0.5vh 0.25vw;
    text-align: center;
    color: #777;
    overflow: hidden;
}

.painel-label {
    color: #777;
}

.painel-value {
    margin: 0 0.5vw;
    color: #2E9E99;
    line-height: 4vh;
}

div.label-legendas-torta {
    float: none;
    clear: none;
    margin: 3vh 1vw;
    color: #148C87;
    font-weight: bold;
    height: 3.3vh;
    line-height: 3.3vh;
    overflow: visible;
    font-size: 0.8vw;
}

.painel-titulo-asset {
    font-weight: bold;
    /* line-height: 6vh; */
    text-align: center;
    width: 100%;
    color: #666;
}

#div-pedidos-ultimos-12-meses {}

#canvas-pedidos-ultimos-12-meses {}

p.painel-label.painel-titulo-asset {
    margin: 1vh 0;
}

p.painel-label {
    margin: 0;
}

.label-progress-bar {
    position: relative;
    text-align: center;
    /* If you want to center it */
    line-height: 3vh;
    /* Set the line-height to the same as the height of the progress bar container, to center it vertically */
    color: #FFF;
    /*font-family: 'Montserrat', 'PT Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    width: 100%;
}

.progress {
    position: relative;
    width: 100%;
    height: 3vh;
    background-color: #BBB;
    border-radius: 0.7vh;
    margin-bottom: 0;
}

.progress-bar {
    position: absolute;
    width: 1%;
    height: 100%;
    background-color: green;
}

#progress-bar-salario {
    background-color: #2484c1;
}

#progress-bar-material {
    background-color: #8f52b8;
}

#progress-bar-despesas {
    background-color: #cf1f1f;
}

.painel-table-info {
    font-size: 0.9vw;
    height: 23vh;
    border-bottom: solid 1px #000;
}

th.painel.grid-header {
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    /*'Montserrat', 'PT Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    font-size: 1.5vmin;
    background-color: #2E9E99;
    font-weight: normal;
    border: none;
    border-radius: 0.5vh;
}

td.painel {
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    /*'Montserrat', 'PT Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    font-size: 1.5vmin;
    border: none;
}

.painel#label_sem_produtos {
    width: 100%;
    text-align: center;
}

.circular-progress-bar-container {
    float: left;
    display: block;
    width: 5vw;
    height: 5vw;
}

input.knob {}

table#table-pedidos-a-enviar-7-dias tbody.relatorio {
    overflow-y: auto;
    display: block;
    height: 20vh;
    width: 23.5vw;
}

table#table-pedidos-a-enviar-7-dias thead.relatorio tr {
    display: block;
    position: relative;
}

div#b_proximo_mes {
    font-size: 0.8vw;
    height: 2vw;
    line-height: 2vw;
    margin-right: 0;
    margin-left: 1vw;
    padding-right: 1.7vw;
    float: left;
    color: #198B86;
    font-weight: bold;
    background-image: url(../images/arrow-left.svg);
    background-size: 1.5vw;
    background-repeat: no-repeat;
    background-position: center right;
}

div#b_mes_anterior {
    padding-left: 3vw;
    float: left;
    height: 2.5vw;
    line-height: 2.5vw;
    font-size: large;
    color: #198B86;
    font-weight: bold;
    margin-right: 3vw;
    background-image: url(../images/arrow-right.svg);
    background-size: 1.5vw;
    background-repeat: no-repeat;
    background-position: center left;
}

div#b_mes_anterior {
    font-size: 0.8vw;
    height: 2vw;
    line-height: 2vw;
    padding-left: 1.7vw;
    margin-right: 1vw;
}

div#b_mes_atual {
    float: left;
    font-size: 0.8vw;
    height: 2vw;
    line-height: 2vw;
    color: #198B86;
}

.card-container {
    height: 47vh;
    position: relative;
    -webkit-perspective: 120vw;
    -moz-perspective: 120vw;
    -o-perspective: 120vw;
    perspective: 120vw;
}

.card {
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    overflow: visible;
}

.card .back,
.card .front {
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}

.card div {
    display: block;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.card div:hover {
    cursor: pointer;
}

.card label:hover {
    cursor: pointer;
}

.card input:hover {
    cursor: pointer;
}

.card .front {
    position: absolute;
    background: white;
    border: 1px solid #FFF;
    overflow: visible;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
}

.card .front:hover,
.card .back:hover {
    border: 1px solid #000;
}

.card .back {
    background: white;
    -webkit-transform: rotateY( -180deg);
    -moz-transform: rotateY( -180deg);
    -o-transform: rotateY( -180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY( -180deg);
    overflow: visible;
    border: 1px solid #FFF;
}

.card.flipped .back {
    -webkit-transform: rotateY( 0deg);
    -moz-transform: rotateY( 0deg);
    -o-transform: rotateY( 0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY( 0deg);
}

.card.flipped .front {
    -webkit-transform: rotateY( 180deg);
    -moz-transform: rotateY( 180deg);
    -o-transform: rotateY( 180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY( 180deg);
}

p.centered {
    text-align: center;
}

table#table-pedidos-a-receber tbody.relatorio {
    overflow-y: auto;
    display: block;
    height: 37vh;
    width: 23.5vw;
}

label.redText {
    color: #A11703;
}

label.centered {
    text-align: center;
}

label.smaller,
p.smaller {
    font-size: smaller;
}

div.circular-progress-bar-container div {
    display: block !important;
}

div#div-painel-page-period {
    position: absolute;
    /* width: 100%; */
    top: 12vh;
    left: 50%;
    margin-left: -9.5vw;
    background-color: #FFF;
    z-index: 9;
}

div#div-painel-page-period-center {
    width: auto;
    z-index: 1;
}

.painel-datarange-field-label {
    float: left;
    /* width: 40%; */
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 5.7vh;
    font-size: larger;
    font-weight: bold;
    margin-left: 1vw;
    margin-right: 1vw;
}

.painel-pages-field-label {
    float: left;
    /* width: 40%; */
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 4vh;
    font-size: larger;
    font-weight: bold;
    margin-left: 1vw;
    margin-right: 1vw;
}

div#daterange_painel {
    float: left;
    margin: 0 1vw 0 0;
}

input.dx-texteditor-input {
    padding-right: 0px;
}

div#div-paginas-painel {
    float: left;
}

div.div-paginas-painel {
    background: #fff;
    cursor: pointer;
    padding: 0;
    border: none;
    width: 100%;
    font-size: 0.9vw;
    width: auto;
    display: inline-block;
    margin: 0;
    padding-right: 1vw;
}

div#div-painel-page {
    position: absolute;
    /* width: 100%; */
    bottom: 5vh;
    left: 50%;
    margin-left: -6.5vw;
    margin-bottom: -3vh;
    background-color: #FFF;
    z-index: 9;
}

div#div-painel-page-center {
    width: auto;
    z-index: 1;
}

div.b_pagina_painel {
    height: 2vw;
    width: 2VW;
    float: left;
    background-image: url(../images/button-glossy-gray.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0.1vw;
    text-align: center;
    line-height: 2vw;
    color: #FFF;
}

div.b_pagina_painel: hover {
    cursor: pointer;
}

div.b_pagina_painel.active {
    background-image: url("../images/button-glossy-green.svg");
}

div.b_pagina_painel.active:hover {
    cursor: default;
}

div#b_pagina_insight_painel {
    background-image: url(../images/button-glossy-gray-with-light-bulb.svg);
}

div#b_pagina_insight_painel.active {
    background-image: url("../images/button-glossy-green-with-light-bulb.svg");
}

div#div-legendas-grafico-resultado {
    position: absolute;
    top: 40.4vh;
    left: 9.7vw;
    background: white;
}

div.div-legenda-grafico-resultado {
    float: left;
    width: 40px;
    height: 12px;
    /* border-radius: 0.5vh; */
    border: 1px solid #CCC;
    /* margin: 0.7vh 0.4vh 0 -1.9vh; */
}

span.texto-legenda-grafico-resultado {
    float: left;
    color: #666;
    font-weight: normal;
    margin-right: 10px;
    font-size: 12px;
    margin-left: 5px;
}

@media screen {
    div.label-legendas-painel.large {
        height: 5.4vh;
        line-height: 2.4vh;
    }
}

@media print {
    div.label-legendas-painel.large {
        height: 3.6vh;
        line-height: 1.3vh;
    }
}

div.legenda_container_painel {
    float: left;
}

@media screen {
    p.painel-sublabel,
    span.painel-sublabel {
        font-size: 1vw;
        margin: 0;
    }
    div.div_legenda_painel {
        float: left;
        width: 2vh;
        height: 2vh;
        /* border-radius: 0.5vh; */
        /* border: 1px solid #000000; */
        margin: 0vh 0.5vw 0 0
    }
    div.label-legendas-painel {
        float: none;
        clear: none;
        margin: 0vh 0 1vh 0;
        color: #222;
        font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
        /*'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana, sans-serif;*/
        /* font-weight: bold; */
        height: 2.5vh;
        line-height: 2.5vh;
        overflow: visible;
        font-size: 0.9vw;
        text-align: left;
    }
    div.div_legenda_painel.large {
        width: 5.2vh;
        height: 5.2vh;
        background-size: contain;
        background-repeat: no-repeat;
        /* border: 1px solid #000; */
        margin-top: 0;
        text-align: left;
    }
    div#legenda_report1_painel {
        padding-left: 1vw;
        width: 16vw;
    }
}

@media print {
    p.painel-sublabel,
    span.painel-sublabel {
        font-size: 2vw;
        margin: 0;
    }
    div.div_legenda_painel {
        float: left;
        width: 1.2vh;
        height: 1.2vh;
        /* border-radius: 0.5vh; */
        /*border: 1px solid #000000;*/
        margin: 0vh 0.8vw 0 0;
        -webkit-print-color-adjust: exact;
    }
    div.label-legendas-painel {
        float: none;
        clear: none;
        margin: 0vh 0 0.8vh 0;
        color: #222;
        font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
        /*'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana, sans-serif;*/
        /* font-weight: bold; */
        height: 1.5vh;
        line-height: 1.5vh;
        overflow: visible;
        font-size: 1.8vw;
        text-align: left;
    }
    div.div_legenda_painel.large {
        width: 2.6vh;
        height: 2.6vh;
        background-size: contain;
        background-repeat: no-repeat;
        /* border: 1px solid #000; */
        margin-top: 0;
        text-align: left;
    }
    div#legenda_report1_painel {
        margin-left: -2vw;
        margin-top: 5vh;
    }
    div.dx-button {
        display: none;
    }
}

div.circle-page {
    width: 1vw;
    height: 1vw;
    border-radius: 1vw;
    background-color: #FFF;
    border: 1px solid #000;
    float: right;
    margin: 0.5vh 0.2vw;
}

div.circle-page.active {
    background-color: #2E9E99;
}

@media screen {
    p#label-faturamento-mes2 {
        margin-bottom: 1vh;
        font-size: 1.5vw;
        text-align: center;
        font-weight: bold;
    }
}

@media print {
    p#label-faturamento-mes2 {
        margin-bottom: 3vh;
        font-size: 3vw;
        text-align: center;
        font-weight: bold;
    }
}

.painel-row.stick-to-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
}




.print-button-card-painel {
    position: absolute;
    /* float: right; */
    top: 2vh;
    right: 1vw;
    color: #198B86;
    width: 3.2vw;
    height: 3.2vw;
}

.print-button-card-painel .dx-icon {
    color: #198B86;
    font-size: 1.5vw;
}

.print-button-card-painel.dx-button-has-icon .dx-icon {
    width: 3vw;
    height: auto;
}

.print-button-card-painel.dx-button-has-icon .dx-button-content {
    padding: 0;
}


/**/

.export-button-card-painel {
    position: absolute;
    /* float: right; */
    top: 2vh;
    left: 1vw;
    color: #198B86;
    width: 3.2vw;
    height: 3.2vw;
}

.export-button-card-painel .dx-icon {
    color: #198B86;
    font-size: 1.5vw;
}

.export-button-card-painel.dx-button-has-icon .dx-icon {
    width: 3vw;
    height: auto;
}

.export-button-card-painel.dx-button-has-icon .dx-button-content {
    padding: 0;
}

.filter-button-card-painel {
    position: absolute;
    /* float: right; */
    top: 2vh;
    left: 1vw;/*5.2vw;*/
    color: #198B86;
    width: 3.2vw;
    height: 3.2vw;
}

.filter-button-card-painel .dx-icon {
    color: #198B86;
    font-size: 1.5vw;
}

.filter-button-card-painel.dx-button-has-icon .dx-icon {
    width: 3vw;
    height: auto;
}

.filter-button-card-painel.dx-button-has-icon .dx-button-content {
    padding: 0;
}

.trash-button-card-painel {
    position: absolute;
    /* float: right; */
    top: 2vh;
    left: 5.2vw;
    color: #198B86;
    width: 3.2vw;
    height: 3.2vw;
}

.trash-button-card-painel .dx-icon {
    color: #198B86;
    font-size: 1.5vw;
}

.trash-button-card-painel.dx-button-has-icon .dx-icon {
    width: 3vw;
    height: auto;
}

.trash-button-card-painel.dx-button-has-icon .dx-button-content {
    padding: 0;
}


.btnAplicarPopupPainel {
    
}

.btnCancelarPopupPainel {
    
}

.chart-painel-analise-recomendacoes-item1 {
    
    position: relative;
    font-size: 0.9vw;
    margin: 1vh 1vw;
    padding: 1vh 1vw;
    border-radius: 2vh;
    background: lightpink;
    border-color: lightpink;
    overflow: visible;

}

.chart-painel-analise-recomendacoes-item1:after {
    content: "";
    position: absolute;
    top: 30%;
    left: 100%;
    border-top: 1vh solid transparent;
    border-right: 2vh solid transparent;
    border-bottom: 1vh solid transparent;
    border-left: 2vh solid lightpink;
    border-left-color: inherit;
}

.chart-painel-analise-recomendacoes-item2 {
    
    position: relative;
    font-size: 0.9vw;
    margin: 1vh 1vw;
    padding: 1vh 1vw;
    border-radius: 2vh;
    background: lightpink;
    border-color: lightpink;
    overflow: visible;

}

.chart-painel-analise-recomendacoes-item2:after {
    content: "";
    position: absolute;
    top: 30%;
    right: 100%;
    border-top: 1vh solid transparent;
    border-right: 2vh solid lightpink;
    border-bottom: 1vh solid transparent;
    border-left: 2vh solid transparent;
    border-right-color: inherit;
}

.chart-painel-analise-recomendacoes-item-text {
    text-align: justify;
    margin: 1vh 1vw;
}

div#div-chart-analise-recomendacoes {
    margin-top: 2vh;
}

.chart-painel-analise-recomendacoes-item-toolbar-button {

    font-size:smaller;
    font-weight: bold;

}

.chart-painel-analise-recomendacoes-item-toolbar-button .dx-button-content {

    margin: 0 2px 4px;
    padding: 0;
    overflow: visible;

}


/**/

.card.flipped div.print-button-card-painel {
    display: none;
}

.card.flipped div.print-button-card-painel.flipped {
    display: block;
}

.card div.print-button-card-painel.flipped {
    display: none;
}

div#div-painel-distribuicao-vendas-por-canal,
div#div-painel-vendas-diarias {
    height: 73vh;
}

@media screen {
    div#div-painel-resultado-sobras-faltas {
        width: 55.5vw;
        height: 73vh;
        padding: 1.5vh 0.7vw;
    }
}

@media print {
    div#div-painel-resultado-sobras-faltas {
        width: 97vw;
        height: 73vh;
        padding: 0;
    }
}

div#rightCardP3,
div#middleCardP3,
div#leftCardP3 {
    border: 1px solid #000;
    width: 32.1vw;
    height: 74.5vh;
}

div#leftTopCardP3,
div#middleTopCardP3,
div#rightTopCardP3,
div#leftBottomCardP3,
div#middleBottomCardP3,
div#rightBottomCardP3 {
    width: 32.2vw;
    height: 12vh;
}

div#rightCardP2 {
    border: 1px solid #000;
    width: 67.5vw;
    height: 75.5vh;
}

div#leftBottomCardP2 {
    border: 1px solid #000;
    width: 30vw;
    height: 37vh;
}

div#leftTopCardP2 {
    border: 1px solid #000;
    width: 30vw;
    height: 37vh;
}

#leftCardP1 {
    border: 1px solid #000;
    width: 40.5vw;
    height: 73vh;
}

#cardCentralP1 {
    border: 1px solid #000;
    width: 57vw;
    height: 73vh;
}

#leftCardPInsight {
    border: 1px solid #000;
    width: 45.5vw;
    height: 73vh;
}

#rightCardPInsight {
    border: 1px solid #000;
    width: 52vw;
    height: 73vh;
}

.painel-row.page-circles-row {
    position: absolute;
    right: 0;
    bottom: 0;
}

.painel-card-container {
    position: relative;
    display: inline-block;
}

.painel-cards-container-left {
    float: left;
}

.painel-card-left {
    float: left;
}

@media screen {
    p.painel-card-title {
        font-size: 1.5vw;
        text-align: center;
        font-weight: bold;
        font-family: /*'Segoe UI Light', 'Helvetica Neue Light',*/
        'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
        margin: 0;
    }
}

@media print {
    p.painel-card-title {
        font-size: 3vw;
        text-align: center;
        font-weight: bold;
        font-family: /*'Segoe UI Light', 'Helvetica Neue Light',*/
        'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
        margin: 0;
    }
}

div#div-resultado-sobras-faltas {
    padding: 0 1vw;
}

@media print {
    g.dxc-labels text,
    g.dxc-arg-elements text,
    g.dxc-val-constant-lines text,
    g.dxc-arg-constant-lines text {
        font-size: 1.8vw !important;
    }
}

div.painel-card-spaced-right {
    margin-right: 0.8vw;
}

div.painel-card-spaced-left {
    margin-left: 0.8vw;
}

div.painel-card-spaced-top {
    margin-top: 0.8vw;
}

div#div-chart-demonstrativo {}

#canvas-chart-demonstrativo g.dxc-labels rect {
    display: none;
}

div#div-chart-saldo-contas {
    width: 100%;
    height: 100%;
}

#canvas-chart-saldo-contas g.dxc-labels rect {
    display: none;
}

.painel-div-asset {
    width: 100%;
    height: 100%;
}

div.contas-a-pagar-pic {
    background-image: url(../images/maco-dinheiro-voando.svg);
    background-size: 1.8vw;
    background-repeat: no-repeat;
    background-position: top left;
    width: 1.8vw;
    position: relative;
    height: 1.7vw;
}

div.materiais-a-comprar-pic {
    background-image: url(../images/materiais-a-comprar.svg);
    background-size: 1.8vw;
    background-repeat: no-repeat;
    background-position: top left;
    width: 1.8vw;
    position: relative;
    height: 1.7vw;
}

div.pecas-a-produzir-pic {
    background-image: url(../images/pecas-a-produzir.svg);
    background-size: 1.8vw;
    background-repeat: no-repeat;
    background-position: top left;
    width: 1.8vw;
    position: relative;
    height: 1.7vw;
}

div.pedidos-a-enviar-pic {
    background-image: url(../images/pedido-a-enviar.svg);
    background-size: 1.8vw;
    background-repeat: no-repeat;
    background-position: top left;
    width: 1.8vw;
    position: relative;
    height: 1.7vw;
}

div.pecas-mais-vendidas-pic {
    background-image: url(../images/coracao-pink.svg);
    background-size: 1.8vw;
    background-repeat: no-repeat;
    background-position: top left;
    width: 1.8vw;
    position: relative;
    height: 1.7vw;
}

div.pecas-mais-lucrativas-pic {
    background-image: url(../images/maco-dinheiro.svg);
    background-size: 1.8vw;
    background-repeat: no-repeat;
    background-position: top left;
    width: 1.8vw;
    position: relative;
    height: 1.7vw;
}

div.dx-progressbar-range-container {
    width: 70%;
    margin-right: 0.2vw;
}

.dx-progressbar-container {
    height: 2vh;
}

tr.dx-header-row td {
    background-color: #DC5CA7;
    color: #FFF;
    font-weight: normal;
}

div#div-painel-distribuicao-entradas {
    width: 50%;
}

div#div-painel-distribuicao-saidas {
    width: 50%;
}

div#div-painel-distribuicao-vendas-por-canal {
    width: 50%;
}

div#div-painel-vendas-diarias {
    width: 50%;
}

div#div-painel-portfolio-pecas {
    width: 50%;
    height: 75vh;
}

div#div-painel-potencial-faturamento {
    width: 50%;
}

div#div-chart-potencial-faturamento {
    margin: 4vh 2vw;
    width: 28.3vw;
}

div#canvas-chart-potencial-faturamento {
    height: 15vh;
}

div#div-painel-ponto-equilibrio {
    width: 100%;
}

div#div-chart-ponto-equilibrio {
    margin: 0 2vw;
    width: 35vw;
}

div#canvas-chart-ponto-equilibrio {
    height: 13vh;
}

div#div-painel-salario-alcancado {
    width: 100%;
}

div#div-chart-salario-alcancado {
    margin: 0 2vw 2vh;
    width: 35vw;
}

div#canvas-chart-salario-alcancado {
    height: 8vh;
}

div#div-painel-materiais-alcancados {
    width: 100%;
}

div#div-chart-materiais-alcancados {
    margin: 0 2vw 2vh;
    width: 35vw;
}

div#canvas-chart-materiais-alcancados {
    height: 8vh;
}

div#div-painel-despesas-alcancadas {
    width: 100%;
}

div#div-chart-despesas-alcancadas {
    margin: 0 2vw 2vh;
    width: 35vw;
}

div#canvas-chart-despesas-alcancadas {
    height: 8vh;
}

.legendas-painel {
    margin: 2vh 1vw;
}

.label-legendas-painel.large.tall {
    line-height: 5.4vh;
}

.bar-gauge-label-container {
    float: left;
    width: 24vw;
    height: 12vh;
    display: table;
}

.bar-gauge-label {
    font-size: 1.0vw;
    margin: 0;
    font-weight: bold;
    vertical-align: middle;
    height: 12vh;
    display: table-cell;
}

#i-painel-num-dias,
#i-painel-num-meses {
    width: 4.5vw;
    text-align: right;
  /*  line-height: 5.7vh;*/
    padding-right: 2.5vw;
}

#painel-futuro-datarange-num-dias,
#painel-passado-datarange-num-meses {
    float: left;
    margin-top: 0.7vh;
}

tr.negative-row,
tr.negative-row td {
    color: #A11703;
}

tr.positive-row,
tr.positive-row td {
    color: green;
}

p.painel-card-subtitle {
    font-size: 1.3vw;
    text-align: center;
    /* font-weight: bold; */
    font-family: /*'Segoe UI Light', 'Helvetica Neue Light',*/
    'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    margin: 0 0 1vh;
}

.back-button-drill-down-painel {
    position: relative;
    float: left;
    margin: 0 0.2vw 0 0;
}

.button-painel {
    position: relative;
    float: left;
    margin: 0 0.2vw 0 0;
}

div#div-chart-distribuicao-saidas,
div#div-chart-distribuicao-entradas,
div#div-chart-distribuicao-vendas-por-canal {
    margin-top: 1vh;
}

#canvas-chart-distribuicao-entradas.pointer-on-chart .dxc-series path,
#canvas-chart-distribuicao-saidas.pointer-on-chart .dxc-series path,
#canvas-chart-distribuicao-vendas-por-canal.pointer-on-chart .dxc-series path {
    cursor: pointer;
}

#div-painel-distribuicao-entradas .dx-button-has-text .dx-button-content,
#div-painel-distribuicao-saidas .dx-button-has-text .dx-button-content,
#div-painel-distribuicao-vendas-por-canal .dx-button-has-text .dx-button-content {
    padding: 0.5vw;
}

#div-painel-distribuicao-entradas .dx-button-text,
#div-painel-distribuicao-saidas .dx-button-text,
#div-painel-distribuicao-entradas .dx-state-disabled.dx-widget,
#div-painel-distribuicao-saidas .dx-state-disabled.dx-widget,
#div-painel-distribuicao-vendas-por-canal .dx-button-text,
#div-painel-distribuicao-vendas-por-canal .dx-state-disabled.dx-widget {
    opacity: 1;
    font-size: 0.75vw;
}

span.painel-highlight-text {
    font-weight: bold;
    /*font-size: larger;*/
    float: left;
    margin-right: 0.5vw;
    line-height: 2vh;
}

.dx-datagrid-total-footer {
    background-color: #eee;
}

@media screen{
    
    div.div-widget-chart svg {
        height: 100%;
        /* margin: 0; */
    }

    div#canvas-chart-potencial-lucrativo {
        height: 60vh;
    }
}

div.chart-painel-qualidade-dados-item {
    font-size: 0.9vw;
}

img.chart-painel-qualidade-dados-item-image {
    float: left;
    width: 4vw;
    margin-right: 0.5vw;
}

span.chart-painel-qualidade-dados-item-title {
    font-size: larger;
    font-weight: bold;
}

p.chart-painel-qualidade-dados-item-text {
    text-align: justify;
}

.dx-list-item-content {
    white-space: pre-wrap !important;
}

svg g.dxg-scale text {
    font-size: 0.9vw !important;
}

div.div-painel-chart-code {
    position: absolute;
    border: 1px dashed #222;
    border-radius: 3px;
    bottom: 5px;
    left: 5px;
    padding: 3px;
    font-size: 11px;
}

div.div-no-data {
    height: 100%;
    width: 100%;
}

div.div-no-data p.paragraph-no-data {
    font-size: 1.5vw;
    text-align: center;
    font-weight: bold;
    font-family: /*'Segoe UI Light', 'Helvetica Neue Light',*/
    'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    display: inline-block;
    vertical-align: middle
}

div#div-painel-pecas-vendidas div.dx-pages,
div#div-painel-pecas-lucrativas div.dx-pages {
    margin-right: 3vw;
}

div.div-secao-painel ul, 
div.div-secao-painel li {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}

div.div-secao-painel ul {
    margin-left: 1vw;
}

div.div-secao-painel li+li {
    padding-top: 3vh;
}

.dx-overlay-content .dx-toolbar-items-container {
    background: inherit;
}

.dx-overlay-content .dx-toolbar{

    background-color:inherit;
    padding-bottom: 2px;
    margin-top: -0.5vw;
}

.dx-overlay-content .dx-toolbar .dx-toolbar-items-container {

    position: relative;
    height: 4vh;
    overflow: visible;
    padding-right: 1vw;
    padding-left:  1vw;

}

.dx-overlay-content .dx-toolbar.dx-popup-title {
    padding-bottom: 2vh;
}

.dx-overlay-content .dx-toolbar .dx-toolbar-after {
    padding-right: 1vw;
}

.dx-overlay-content .dx-toolbar .dx-toolbar-before {
    padding-left: 1vw;
}

.dx-list-item.dx-item-focused {
    background-color: inherit !important;
    color: inherit !important;
}

.dx-button-mode-text.dx-state-focused {
    background-color: inherit !important;
}

.div-filtro-label-num-registros-container{

    width: 100%;

}

.div-filtro-label{

    float: left;
    line-height: 4vh;

}

#div-filtro-num-registros{

    float: left;
    line-height: 4vh;
    width: 3vw;
    margin: 0 0.5vw;
    text-align: right;

}

.dx-popup-title {

    margin-top:0 !important; 
}

#i-num_registros-filtro-chart-potencial-lucrativo{
    text-align: right;
    padding-right: 9px;
    padding-left: 0;
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action.dx-filterbuilder-action-icon {
    margin: 0;
}

div#filter-chart-potencial_lucrativo-container {
    float: left;
    height: 45vh;
    width: 27vw;
    display: inline-block;
    overflow: auto;
}

div#filter-chart-potencial-lucrativo {

    margin: 2vh;
}

div#sort-list-chart-potencial_lucrativo-container {
    float: left;
    height: 45vh;
    width: 24vw;
    display: inline-block;
    border-left: solid 1px #000;
  
}

div#sort-list-chart-potencial-lucrativo {
    
    padding: 2vh;
}

div.div-sort-list-label-container {
    padding-left: 1vw;
}

.sort-list-painel-container .dx-state-focused {
    color: inherit !important;
    background-color: inherit !important;
}

.dx-filterbuilder-overlay ul,
.dx-filterbuilder-overlay li {
    font-size: inherit;
    line-height: inherit;
}

.dx-popup-bottom.dx-toolbar {
    padding: 2vh 0;
    overflow: visible;
    margin: 0;
    border-top: #ddd solid 1px;
  /*  position: absolute;*/
    bottom: 0;
}

.dx-filterbuilder-range .dx-texteditor-container {
    width: 6vw;
}

.dx-filterbuilder-range .dx-texteditor-container input {
    text-align: right;
    padding-right: 9px;
    padding-left: 0;    
}

.dx-filterbuilder-item-value .dx-numberbox .dx-texteditor-container {
    width: 4vw;
}

.dx-filterbuilder-item-value .dx-numberbox .dx-texteditor-container input {
    text-align: right;
    padding-right: 9px;
    padding-left: 0; 
}

.sort-list-item {

    font-size: 0.9vw;

}

.sort-list-select-order-container {
    float: right;
}

.sort-list-column-name-container {
    float: left;
}

.tooltip-container{

    width: 10vw;
    padding: 0;
    text-align: justify;
}

div.popup-div-controles{
    position: absolute;
    bottom: 0;
    height: 6.6vh;
    padding: 1vh 0;
    width: 92%;
    border-top: #CCC 1px solid;
}


div.popup-div-componentes{

    padding: 1vh 1vw 2vh 1vw;
    width:  92%;

}

p.popup-text{
    padding: 1vh 1vw 2vh 1vw;
}

div.box-sem-ponto-equilibrio {

    width:100%;
    height:10vh;
    padding: 1vh;

}

h1.texto-box-sem-ponto-equilibrio {

    width: 100%;
    text-align: center; 
    line-height: 4vh;
}

p#label-painel-total-vendas {
    margin-top: -0.8vh;
    margin-bottom: 2vh;
}

div.dxc-tooltip div, div.dxb-tooltip div {
    overflow: visible;
}

div#radiogroup-vendas-periodo {
    width: fit-content;
    margin: -2vh auto 1vh;
}

div.div-container-chart-painel-on-multiview {
    overflow: hidden;
    height: 100%;
}