﻿:root {
    --horizontalBorderColor: #7b93ef;
    /*--horizontalBorderColor: #97b4d1;*/
    --treeToggleFilhos: #287bb5;
    --treeToggleFilhosAlt: #fff;
}

html,
body {
    background-color: var(--red);
}

#sidebar {
    transition: 0.2s;
}

/* Tree */
.rel-item i.jstree-ocl {
    display: none !important;
}

a.jstree-anchor {
    white-space: normal !important;
}

.ind_count {
    font-size: 0.8rem;
    opacity: 0.72;
}

.ind_count:before {
    content: "(";
}

.ind_count:after {
    content: ")";
}

/*a:hover .show-more.text-black-50,*/
a:hover .ind_count,
a.jstree-clicked .ind_count {
    color: #fff !important;
    opacity: 0.98;
}

#sidebar a.jstree-clicked .ind_count {
    color: rgb(var(--bs-info-rgb)) !important;
    font-style: normal;
}

.rel-show-more a.jstree-disabled.jstree-hovered {
    background: #76bcec !important;
    border-radius: 3px;
    box-shadow: inset 0 0 1px #76bcec;
    color: #fff !important;
}

.rel-show-more a:hover .ind_count {
    color: #666 !important;
}

.rel-show-more .jstree-checkbox {
    display: none !important;
}

.rel-show-more .rel-item .jstree-checkbox {
    display: inline-block !important;
}

.pvtCheckContainer .jstree-default a {
    white-space: normal !important;
    height: auto;
}

.pvtCheckContainer .jstree-anchor {
    height: auto !important;
}

.pvtCheckContainer .jstree-default li>ins {
    vertical-align: top;
}

.pvtCheckContainer .jstree-leaf {
    height: auto;
}

.pvtCheckContainer .jstree-leaf a {
    height: auto !important;
}

table.pvtTable tbody tr th.ml1,
table.pvtTable thead tr th.ml1 {
    padding-left: 12px;
}

table.pvtTable tbody tr th.ml2,
table.pvtTable thead tr th.ml2 {
    padding-left: 24px;
}

table.pvtTable tbody tr th.ml3,
table.pvtTable thead tr th.ml3 {
    padding-left: 36px;
}

table.pvtTable tbody tr th.ml4,
table.pvtTable thead tr th.ml4 {
    padding-left: 48px;
}

table.pvtTable tbody tr th.ml5,
table.pvtTable thead tr th.ml5 {
    padding-left: 60px;
}

table.pvtTable tbody tr th.ml6,
table.pvtTable thead tr th.ml6 {
    padding-left: 72px;
}

table.pvtTable tbody tr th.ml7,
table.pvtTable thead tr th.ml7 {
    padding-left: 84px;
}

table.pvtTable tbody tr th.ml8,
table.pvtTable thead tr th.ml8 {
    padding-left: 96px;
}

table.pvtTable tbody tr th.ml9,
table.pvtTable thead tr th.ml9 {
    padding-left: 108px;
}

table.pvtTable tbody tr th.ml10,
table.pvtTable thead tr th.ml10 {
    padding-left: 110px;
}

table.pvtTable tbody tr th.ml11,
table.pvtTable thead tr th.ml11 {
    padding-left: 122px;
}

table.pvtTable tbody tr th.ml12,
table.pvtTable thead tr th.ml12 {
    padding-left: 134px;
}

table.pvtTable tbody tr th.ml13,
table.pvtTable thead tr th.ml13 {
    padding-left: 146px;
}

table.pvtTable tbody tr th.ml14,
table.pvtTable thead tr th.ml14 {
    padding-left: 158px;
}

table.pvtTable tbody tr th.ml15,
table.pvtTable thead tr th.ml15 {
    padding-left: 170px;
}



/* Pivot Table styles */
.pivot {
    font-family: Verdana;
}

.pivot .node {
    border: solid 1px white;
    font: 10px sans-serif;
    line-height: 12px;
    overflow: hidden;
    position: absolute;
    text-indent: 2px;
}

.pivot .c3-line,
.pivot .c3-focused {
    stroke-width: 3px !important;
}

.pivot .c3-bar {
    stroke: white !important;
    stroke-width: 1;
}

.pivot .c3 text {
    font-size: 12px;
    color: grey;
}

.pivot .tick line {
    stroke: white;
}

.pivot .c3-axis path {
    stroke: grey;
}

.pivot .c3-circle {
    opacity: 1 !important;
}

.pivot .c3-xgrid-focus {
    visibility: hidden !important;
}

/* Custom PivotUI */
/* colunas UI */
table.pvtUi td.pvtAxisContainer,
table.pvtUi td.pvtVals {
    border-width: 0;
    background: transparent;
    background: #f8f9fa;
    box-shadow: 2px 2px 3px #ddd;
    border: 1px solid #ddd;
}

/*
table.pvtUi tr td.pvtAxisContainer{
    border: 1px solid #ddd;
}
*/
td.pvtAxisContainer li span.pvtAttr {
    border-width: 0;
    background: transparent;
    color: #3459e6;
    border-radius: 2px;

}

td.pvtAxisContainer li span.pvtAttr:hover {
    background: #3459e6;
    color: #fff;
}


table.pvtTable tbody tr th,
table.pvtTable thead tr th {
    border-width: 0;
    background: transparent
}

.pvtAxisLabel {
    color: #bbb;
}

select.pvtAggregator {
    display: none;
}

select.pvtRenderer {
    max-width: 100px;
}

table.pvtTable thead tr th.pvtColLabel,
table.pvtTable tbody tr th.pvtRowLabel {
    background-color: #f9f9f9;
    color: #222;
    border: 1px solid #ddd;    
}

table.pvtUi #pvtFilterBoxContainer {
    text-transform: none;
    max-height: 1px;
    line-height: 1px;
    padding: 0;
}

.modal-body div.pvtCheckContainer {
    max-height: none;
}

.modal-filter .count {
    color: gray;
    font-weight: 400;
    margin-left: 3px;
}


#indicador {
    overflow-x: auto;
}

.table-sm>:not(caption)>*>* {
    padding: .1rem .5rem !important;
}

a.toggle-filhos {
    color: var(--treeToggleFilhosAlt);
    border-radius: 3px;
}

li.jstree-anchor:hover>a.toggle-filhos {
    color: var(--treeToggleFilhos);
}

li.jstree-anchor:hover>a.toggle-filhos:hover,
a.toggle-filhos:hover {
    color: var(--treeToggleFilhosAlt);
    background-color: var(--treeToggleFilhos);
}

a.btn-filter {
    text-decoration: none;
}

a.btn-filter:hover {
    text-decoration: underline;
}

/* pop-up de filtros */
/*
div.pvtFilterBox h4 {
    font-size:0.9rem !important;
    margin: 0 !important;
}
*/
div.pvtCheckContainer {
    border: none;
}

.modal-filter input[type=checkbox] {
    margin-right: 10px;
    margin-left: 10px;
}

.modal-filter label {
    font-weight: 400;
}

.modal-filter .modal-header {
    padding-top: 0.75rem;
}

.modal-filter .modal-body {
    padding: 0.5rem 1rem 0;

}

.modal-filter .modal-footer {
    border-top: 1px solid #dee2e6;
    padding: 0.5rem 0.75rem;
}

.pvtRenderer,
.pvtRowOrder,
.pvtColOrder,
.pvtRendererArea textarea {
    display: none;
}

.x-small {
    font-size: 0.7rem !important;
}

td.pvtUnused {
    display: none;
}

a.export-item.text-info:hover,
a.graph-item.text-info:hover {
    color: #fff !important;
}

a.export-item:hover .text-muted {
    color: #efefef !important;
}

/* Search results */
a.result {
    text-decoration: none;
}

/* Breadcrums */
ol.breadcrumb {
    border: none;
    font-size: 0.8rem;
    margin-bottom: 0.2rem;
    margin-top: 0.1rem
}

/* Indicador nota */
.nota-content {
    font-size: 0.8rem;
}

.nota-content br {
    display: block;
    /* makes it have a width */
    content: " ";
    /* clears default height */
    margin-top: 16px;
    /* change this to whatever height you want it */
    line-height: 16px;
}

div.modal-header {
    padding-bottom: 0 !important;
}


/* Números maiores na Tabela
table.pvtTable tbody tr td{
    font-size: 0.8rem;   fonte um pouco maior 
    font-size: 0.7rem;   é a que aparece default 
}
*/

/* Pesquisa */
#searched-text:before,
#searched-text:after {
    content: '"'
}

#filter-count:before,
#results-count:before {
    content: '('
}

#filter-count:after,
#results-count:after {
    content: ')'
}

#searched-label:after {
    content: ': '
}


#filter-count {
    font-size: 0.6em;
}


.row-logos {
    border-bottom: 2px solid var(--horizontalBorderColor);
}

/* autocomplete - input box - acomodar o botão de lupa */
.twitter-typeahead .form-control:focus {
    box-shadow: none !important;

    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#ac-box {
    border-radius: .25rem;
}

#ac-box:has(input:focus) {
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), 0 0 0 0.25rem rgb(52 89 230 / 25%);
}

.inner-btn {
    position: absolute;
    width: 10px;
    font-weight: 550;
    border: none;
    background-color: transparent;
    line-height: 35px;
    left: calc(100% - 30px);
    z-index: 99999;
    text-decoration: none;
    cursor: pointer;
}

.inner-btn:hover {
    color: blue;
}

/* Lista autocomplete */
.wait {
    cursor: wait;
}

.tt-suggestion {
    cursor: pointer;
}

li.tt-cursor {
    background-color: #f4f4f4 !important;
}

.cod {
    /*position: absolute;
    top: 0;
    left: 1px;*/
    opacity: 0.7;
    padding-right: 5px;
}

/* loading... */
#load-download:after,
#load-label:after {
    content: '...';
}


/* pagination */
/* light gray borders
.paginationjs .paginationjs-pages li {
    border: 1px solid #eee;
}
.paginationjs .paginationjs-pages li:last-child {
    border-right: 1px solid #eee;
}
*/
.paginationjs {
    opacity: 0.82;
}


footer {
    border-top: 2px solid var(--horizontalBorderColor);
}

span.dot {
    padding: 0.15rem !important
}

div.tooltip div.tooltip-inner {
    max-width: 400px;
    /*font-size: .875em !important;    */
    font-family: 'Titillium Web', sans-serif, Arial, sans-serif;
}

@font-face {
    font-family: 'SquarishSC';
    src: local('SquarishSC'),
        url('../vendor/fonts/squarish/squarish-sc-regular.woff2') format('woff2'),
        url('../vendor/fonts/squarish/squarish-sc-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.ind_logo {
    font-family: 'SquarishSC';
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    color: #0024cc;
    /*color: #144b83;*/
    margin-bottom: 0;
    margin-top: 0.2rem;
}

#ine-logo {
    width: 380px !important;
}

p.copy {
    color: #287bb5;
    opacity: 0.7;
    font-size: 0.7em;
    line-height: 1rem;
    margin: 0;
    padding-left: 10px;
}