:root {
    --page-margin: 120px;
    --page-margin-mobile: 30px;
    --header-height: 105px;
    --banner-height: 320px;
    --button-font-size: .7rem;
    --icon-default-size: 180px;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	font-family: Poppins, Helvetica, sans-serif;
}
html {
    scroll-behavior: smooth;
}
body {
    border: 0;
    background-color: #444c57;
    font-family: Poppins, Helvetica, sans-serif;
    font-size: .75em;
	padding-right: 0 !important;
	overflow-y: scroll !important;
}
body, .wrapper, #header, .canvas, #new-filter, #tce-logo, #radar-logo, .topnav, #search-form, #search,  #myInput, .filter-container, #footer, #CurrentSelections, #CurrentSelections *, #nav, #new-filter > .qvplaceholder, #new-filter > .qvobject {
    transition: all .3s linear;
}
a {
    color: #fff;
    cursor: pointer;
    text-decoration: underline;
    transition: all .3s ease;
}
a:hover,a:focus {
    color: #000;
    text-decoration: none;
}
h5 {
    margin: 2rem 0;
}
h5 a {
    color: #08f;
    text-decoration: none;
}
h5 a:hover {
    color: #08f;
    text-decoration: underline;
}
p {
	font-size: 1rem;
	text-align: justify;
}
ul {
    list-style: none;
}
ul.disc {
	font-size: 1rem;
    list-style: disc;
}
ul.lower-alpha {
	font-size: 1rem;
	list-style: lower-alpha;
}
ul.disc li, ul.lower-alpha li {
	margin-left: 50px;
	text-align: justify;
}
img {
    max-width: 100%;
    max-height: 100%;
}
select {
    border: 1px solid #ccc;
    padding: 5px;
}
select:focus {
    background-color: #fff;
    border: 1px solid #0af;
    box-shadow: 0 0 5px 0 #ccc;
    color: #222;
}
button {
    background-color: #ff2052;
    border: 0;
    color: #fff;
    cursor: pointer;
    padding: 10px 15px;

}
.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
/* new code */
#header {
	background-color: #fff;
	/*border-bottom: 1px solid #eee;*/
	display: flex;
	flex-direction: column;
	height: var(--header-height);
	z-index: 100;
}
#header-row {
	background-image: url('svg/nova_logo_radar.svg'), url('svg/radar-logo-modulo.svg'), url('svg/tce-minimal-logo.svg');
	background-position: var(--page-margin) center, center, calc(100% - var(--page-margin)) center;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 150px, contain, 75px;
    display: flex;
    flex: 1;
}
#header-row.reiniciada {
    background-image: url('svg/nova_logo_radar.svg'), url('svg/radar-logo-modulo-reiniciada.svg'), url('svg/tce-minimal-logo.svg');
}
#header-row.nao-iniciada {
    background-image: url('svg/nova_logo_radar.svg'), url('svg/radar-logo-modulo-nao-iniciada.svg'), url('svg/tce-minimal-logo.svg');
}
.flex-center {
	display: flex;
    align-items: center;
    justify-content: center;
}
#header #busca, #header #accessibility {
	display: none;
}
/* footer */
section.footer {
    display: flex;
    align-items: center;
    justify-content: center;
	background: #444C57 0% 0% no-repeat padding-box;
	min-height: 100px;
	padding: 55px var(--page-margin);
}
section.footer .seti-logo {
	background-image: url('svg/logo_seti_gray_scale.svg');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 75px;
	height: 75px;
}
section.footer .copyright {
	width: 40%;
}
section.footer .copyright span:first-child {
	font-family: 'Poppins Medium', Poppins, Arial, Helveltica, 'sans-serif';
}
section.footer .copyright span:last-child {
	font-family: Poppins, Arial, Helveltica, 'sans-serif';
}
section.footer .copyright span {
	color: #d5d5d5;
	display: block;
	font-size: .65rem;
	letter-spacing: .02rem;
	margin-left: 15px;
	max-width: 310px;
}
section.footer .abnt {
	background-image: url('svg/sistema-certificado-abnt-nbr-iso-9001.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60px;
	cursor: pointer;
    width: 30%;
	min-width: 75px;
	min-height: 75px;
	opacity: .4;
	transition: all .3s linear;
}
section.footer .abnt:hover {
	background-size: 75px;
	opacity: .9;
}
section.footer .medias {
	width: 30%;
	text-align: right;
}
section.footer .medias img {
	border-radius: 50%;
	background-color: #fff1;
	border: 4px solid transparent;
	width: 30px;
	transition: all .2s linear;
}
section.footer .medias img:hover {
	filter: brightness(150%);
}
/* end footer */
/* options buttons */
.expand-button, .export-button, .clear-button, .image-button, .more-button {
    position: absolute;
    z-index: 101;
}
.clear-button {
    z-index: 100;
}
.expand-button {
    z-index: 102;
}
.image-button {
    z-index: 104;
}
.expand-button a span, .export-button a span, .clear-button a span, .image-button a span, .more-button a span {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #555;
	display: table-cell;
	font-size: .8rem;
	margin-top: 35px;
	visibility: hidden;
	opacity: 0;
	width: 0;
	height: 0;
	text-align: center;
	transition: height .2s ease, opacity .2s ease;
}
.clear-button a span {
	left: -35px;
}
.export-button a span {
	left: -70px;
}
.image-button a span {
	left: 0;
}
.expand-button a:hover span, .export-button a:hover span, .clear-button a:hover span, .image-button a:hover span, .more-button a:hover span {
	color: #fff;
	max-width: 140px;
	width: 140px;
	height: 35px;
	padding: 7px;
	opacity: 1;
	visibility: visible;
}
.expand-button a, .export-button a, .clear-button a, .image-button a, .more-button a {
    background-color: #e9e9e9;
	display: flex;
    color: #888;
	max-width: 35px;
    max-height: 35px;
	width: 35px;
    height: 35px;
    padding: 0;
	transition: all .2s ease;
}
.expand-button a:hover, .export-button a:hover, .clear-button a:hover, .image-button a:hover, .more-button a:hover {
	background-color: #555;
	color: #fff !important;
}
.expand-button a i, .export-button a i, .clear-button a i, .image-button a i, .more-button a i {
	margin: 9px !important;
	font-size: 1rem;
}
.fullscreen {
    position: fixed;
    background-image: url('svg/tce-minimal-logo-gray.svg'), url('svg/virus-string-gray.svg');
	background-position: 15px 10px, 100px 15px;
	background-color: #fff !important;
	background-repeat: no-repeat;
	background-size: 70px, 200px;
    min-width: 215px;
    border: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 70px;
    max-width: 100% !important;
    width: 100vw !important;
    max-height: 100vh;
    height: 100vh !important;
    margin: 0 !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1500;
    transition: all .2s linear;
}
.parent-fullscreen {
    position: fixed;
    background-image: url('svg/tce-logo-gray.svg'), url('svg/virus-string-gray.svg');
    background-position: 10px 15px, 220px 15px;
    background-color: #fff !important;
    background-repeat: no-repeat;
    background-size: 200px;
    min-width: 215px;
    border: 0 !important;
    border-radius: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 70px;
    max-width: 100% !important;
    width: 100vw !important;
    max-height: 100vh;
    height: 100vh !important;
    margin: 0 !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1500;
    transition: all .2s linear;
}
.parent-fullscreen .qvplaceholder, .parent-fullscreen .qvobject{
    border: 0 !important;
    border-radius: 0 !important;
    height: calc(100vh - 118px) !important;
}
.more a {
	font-size: .7rem;
	max-width: 80px;
	padding: 9px 9px;
	width: 80px;
}
.image-link {
    display: none !important;
}
/* options buttons */
/* loader */
#loader {
    position: fixed;
    background-color: rgba(11,16,42,.9);
    display: flex;
	align-items: center;
	justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -200;
    visibility: visible;
    opacity: 0;
    transition: visible .9s linear, opacity .9s linear, z-index .1s linear 1s;
}
#loader.show {
    opacity: 1;
	z-index: 200;
	transition: visible .9s linear, opacity .9s linear, z-index 0s linear 0s;
}
#loader.show > div {
    opacity: 1;
	z-index: 201;
	transition: visible .9s linear, opacity .9s linear, z-index 0s linear 0s;
}
#loader.hide, #loader.hide > div {
    opacity: 0;
	visibility: hidden;
}
#loader.show-init {
    opacity: 1;
	z-index: 200;
}
#loader.show-init > div {
    opacity: 1;
	z-index: 201;
}
/* loading animation */
.sk-chase {
	width: 40px;
	height: 40px;
	position: relative;
	animation: sk-chase 2.5s infinite linear both;
}
.sk-chase-dot {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0; 
	animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}
.sk-chase-dot:before {
	content: '';
	display: block;
	width: 25%;
	height: 25%;
	background-color: #0088ff;
	border-radius: 100%;
	animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}
.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }
@keyframes sk-chase {
	100% { transform: rotate(360deg); } 
}
@keyframes sk-chase-dot {
	80%, 100% { transform: rotate(360deg); } 
}
@keyframes sk-chase-dot-before {
	50% {
		transform: scale(0.9); 
	} 100%, 0% {
		transform: scale(0.1); 
	}
	/*50% {
		transform: scale(0.4); 
	} 100%, 0% {
		transform: scale(1.0); 
	}*/
}
/* loading e timer modal */
#loading-modal, #timer-modal {
	visibility: hidden;
	position: fixed;
	background-color: #212121;
	border: 1px solid #212121;
	border-radius: 2.5px;
	width: 280px;
	height: 27px;
	bottom: 10%;
	left: 50%;
	margin-top: -35px;
	margin-left: -140px;
	opacity: 0;
	z-index: -1500;
	transition: opacity .5s linear, visibility 0s linear .55s, z-index 0s linear .55s;
}
#timer-modal {
	height: 52px;
}
#loading-modal.show, #timer-modal.show {
    visibility: visible;
	opacity: 1;
    z-index: 1500;
}
#loading-modal #loading-description, #timer-modal #timer-description {
	display: none;
	color: #909090;
    text-align: center;
    font-family: sans-serif;
    font-size: .7rem;
    font-weight: normal;
    height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
    transition: all .2s linear;
}
#timer-modal #timer-description {
	display: block;
}
#loading-modal #loading-bar-container, #timer-modal #timer-bar-container {
	background-color :#404040;
    margin: 5px;
    height: 15px;
    width: auto;
}
#loading-modal #loading-count-bar, #timer-modal #timer-count-bar {
	position: absolute;
	background-color: transparent;
	width: 100%;
	height: 15px;
	color: #fff;
	left: 0 !important;
	text-align: center;
	font-family: sans-serif;
    font-size: .7rem;
}
#loading-modal #loading-progress-bar, #timer-modal #timer-progress-bar {
	background-color: #08f;
    color: #fff;
    font-family: sans-serif;
    font-size: .75rem;
    height: 15px;
    width: 0;
    max-width: 100%;
    text-align: center;
	transition: width .2s linear, background-color .1s linear;
}
#loading-modal #loading-progress-bar.complete, #timer-modal #timer-progress-bar.complete {
	background-color: #0a0;
}
/* loading e timer modal */
#medias a {
    color: #888;
    font-size: 2rem;
}
#medias a:hover {
    color: #08f;
}
#main {
    background-color: #f6f6f6;
    display: flex;
    flex-wrap: wrap;
    padding-top: 50px;
    padding-bottom: 50px;
}
#main .item {
    flex-grow: 1;
    min-height: 100px;
}
#main .item + #main .item {
    margin-left: 2%;
}
/*#new-filter {
	position: relative;
	border: 0;
	height: 1px;
	width: 170px;
	z-index: 90;
}
#new-filter > .qvplaceholder, #new-filter > .qvobject {
    background-color: #fff;
}
#new-filter .qv-collapsed-listbox {
    border-color: #ddd;
}
#new-filter .row {
	margin: 10px 5px;
}
#new-filter.map {
	width: 250px;
}
.filter-container {
    min-height: 0 !important;
    height: calc(100% - 75px) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}
.close-filter {
    height: 50px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.toggle-filter, .toggle-filter-mobile {
    border-radius: 2.5px;
    display: block;
    font-size: 1.2rem;
    margin-left: 5px;
    text-align: center;
    transition: all .2s linear;
}
.toggle-filter:hover, .toggle-filter-mobile:hover, .filter-buttom a:hover {
    background-color: #08f;
    color: #fff !important;
}
.toggle-filter i, .toggle-filter-mobile i, .filter-buttom a i {
    font-size: 3rem;
}
.toggle-filter-mobile {
    display: none;
}
.filter-buttom {
    display: none;
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 80;
}*/
.filter-container {
    min-height: 0 !important;
    height: calc(100% - 75px) !important;
    padding: 15px 0 0 0 !important;
    margin: 5px 0 0 0 !important;
    border: 0 !important;
	width: 100%;
	max-width: 190px;
}
/*.filter-container > div {
    padding: 10px;
}*/
.filter-container .qv-object .qv-object-content {
    position: relative;
}
#new-filter.hide .filter-container {
    padding: 0;
}
#new-filter {
    position: relative;
    border: 0;
    height: 1px;	/*retirar o comentaria para evitar bug no menu de filtros*/
    width: 170px;
    z-index: 90;
}
#new-filter .filter-menu {
	background-color: transparent;
	border: 0;
	display: inline-block;
	height: 600px;
	margin-top: -10px;
	margin-left: -5px;
	width: 185px;
}
#new-filter.hide .filter-container {
    padding: 0;
}
.flex-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 45px 0 0;
    padding-bottom: 45px;
}
.qvplaceholder, .qvobject, .qvempty {
    background-color: #fafafa;
	border: 1px solid transparent;
	box-shadow: 0px 0px 28px #0000000F;
    border-radius: 2.5px;
	min-height: 330px;
    margin: 5px;
	padding: 10px;
}
.qvplaceholder text, .qvobject text, .qvempty text {
    font-family: 'QlikView Sans', sans-serif !important;
}
.qvempty {
	height: auto;
	padding: 5px;
	width: calc(100% + 20px);
	min-height: 190px;
}
/*.qvempty ul li {
	display: flex;
	align-items: center;
	height: 50px;
}
.qvempty ul li span:nth-child(1) {
	display: inline-block;
	font-weight: bold;
	width: 30%;
}
.qvempty ul li span:nth-child(2) {
	display: inline-block;
	width: 30%;
}
.qvempty table tr td {
	padding: 5px;
}*/
.blank {
    border: 1px solid transparent;
    background-color: transparent !important;
    box-shadow: none;
}
.number {
    margin-top: -70px !important;
}
.marker {
    display: grid;
    align-content: center;
    justify-content: center;
    font-size: 3rem;
    font-weight: bold;
    min-height: 150px !important;
    margin: 10px 5px !important;
    margin-top: 10px;
}
.padding {
	padding: 50px;
}
.qvplaceholder.data, .qvobject.data {
	min-height: 140px;
}
.qvplaceholder > i.loading, .qvobject > i.loading {
    background-image: url('img/bar-01.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 150px;
    display: block;
    margin: 0 !important;
    width: 100%;
    height: 100%;
}
.parent-fullscreen {
    position: fixed;
	background-color: #fff !important;
    background-image: url('svg/tce-logo-gray.svg'), url('svg/modulo-logo.svg');
    background-position: 10px 15px, 220px 15px;
    background-repeat: no-repeat, no-repeat;
    background-size: 190px, 300px;
    min-width: 215px;
    border: 0 !important;
    border-radius: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 70px;
    max-width: 100% !important;
    width: 100vw !important;
    max-height: 100vh;
    height: 100vh !important;
    margin: 0 !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1500;
    transition: all .2s linear;
}
.parent-fullscreen .qvplaceholder, .parent-fullscreen .qvobject{
    border: 0 !important;
    border-radius: 0 !important;
    height: calc(100vh - 118px) !important;
}
.row > .col.qvbox:first-child {
	margin-left: 0;
}
.row > .col.qvbox:last-child {
	margin-right: 0;
}
.qv-sm {
    min-height: 400px;
}
.qv-md {
    min-height: 500px;
}
.qv-lg {
    min-height: 600px;
}
.qv-xg {
    min-height: 1000px;
}
.qv-filterpane.qv-filterpane-scrollable, .scroller {
    overflow-y: auto;
    scrollbar-color: #08f #fff;
    scrollbar-width: thin;
}
.qv-filterpane.qv-filterpane-scrollable::-webkit-scrollbar, .scroller::-webkit-scrollbar {
    width: 5px;
}
.qv-filterpane.qv-filterpane-scrollable::-webkit-scrollbar-track, .scroller::-webkit-scrollbar-track {
    background: transparent;
}
.qv-filterpane.qv-filterpane-scrollable::-webkit-scrollbar-thumb, .scroller::-webkit-scrollbar-thumb {
    background: #08f;
}
#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
}
#header .toggle-menu {
    border-radius: 2.5px;
    padding: 10px;
}
#header .toggle-menu:hover {
    background-color: rgba(0,136,255,.75);
    color: #fff;
}
.title-filters {
    color: #fff;
    display: block;
    font-size: 1.2rem;
    text-align: center;
    padding: 3px;
}
.title-filters::before {
    content: ':';
}
.filter div.qvobject, .filter div.qvplaceholder_F {
    border-left: 4px solid #ccc;
    color: #888;
    cursor: pointer;
    font-size: .8rem;
    width: 100%;
    height: auto;
    margin: 3px;
    padding: 7px 10px !important;
}
.filter div.qvobject:hover, .filter div.qvplaceholder_F:hover {
    background-color: #fff;
    border-color: #08f;
    color: #08f;
}
.filter div.qvplaceholder {
    position: absolute;
    background-color: transparent;
    border: 0;
    height: auto;
    margin: 0;
    padding: 5px;
    bottom: 0;
    top: 110px;
}
.title-wrapper {
    color: #888;
    font-size: 13px;
    background: #fff;
}
.kpi {
    min-height: 150px !important;
    margin: 10px 5px !important;
}
.kpi-vs {
    min-height: 50px !important;
}
.kpi-sm {
    min-height: 100px !important;
}
.kpi-lg {
    min-height: 202px !important;
}
.fix-col .col-md-6 {
    max-width: calc(50% - 10px);
}
.de-fix-col {
    height: 645px;
    max-width: 50%;
    margin: 10px 5px 5px 5px;
}
.qv-sm {
    min-height: 400px;
}
.qv-md {
    min-height: 500px;
}
.qv-lg {
    min-height: 600px;
}
.qv-xg {
    min-height: 1000px;
}
#back-to-top {
    position: fixed;
    background: rgba(68,68,68,.75);
    border: 2px solid transparent;
    border-radius: 2.5px;
    color: #f5f5f5;
    bottom: 10px;
    right: 10px;
    font-size: 2rem;
    z-index: 9999;
    text-align: center;
    text-decoration: none;
    transition: opacity 0.3s ease-out;
    opacity: 0;
    width: 32px;
    height: 32px;
    line-height: 30px;
}
#back-to-top:hover {
    background-color: rgba(0,136,255,1);
    color: #fff;
}
#back-to-top.show {
    opacity: 1;
}
.wrapper {
    background-color: #fff;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    margin-left: 0;
    width: 100%;
    z-index: 1;
}
.wrapper > .sidebar {
    background: #333;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    width: 0;
    overflow: hidden;
    transition: width .2s linear;
    box-shadow: 1px 0 15px rgba(0,0,0,.20);
    opacity: 1;
    padding-top: 10px;
    z-index: 10;
    transition: all .2s linear;
}
.wrapper > .sidebar-accessibility, .sidebar-menu {
    display: none;
}
.wrapper > .sidebar .sidebar-accessibility {
    display: block;
}
.wrapper > .sidebar .sidebar-accessibility a {
    position: relative;
    width: 210px;
    display: inline-flex;
    border-collapse: collapse;
    border-spacing: 0;
    border-right: 4px solid transparent;
    color: #aaa !important;
    font-size: 13px;
    text-decoration: none;
    transition: all .14s linear;
    padding: 10px 5px 10px 20px;
    text-align: left;
}
.wrapper > .sidebar .sidebar-accessibility a i {
    color: #aaa;
}
.wrapper > .sidebar .sidebar-title {
    color: #bbb;
    display: block;
    font-weight: bold;
    margin-top: 20px;
    width: 100%;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
}
.wrapper > .sidebar .sidebar-title:first-child {
    margin-top: 0;
}
.wrapper > .sidebar i {
    vertical-align: middle;
    display: table-cell;
    width: 55px;
    text-align: center;
}
.wrapper > .sidebar ul {
    transition: all .2s linear;
}
.wrapper > .sidebar li {
    position: relative;
    display: inline-table;
    text-align: center;
    width: 150px;
}
.wrapper > .sidebar li > a {
    position: relative;
    background: transparent !important;
    width: 210px;
    display: block;
    border-collapse: collapse;
    border-spacing: 0;
    border-right: 4px solid transparent;
    color:#aaa;
    font-size: 13px;
    text-decoration: none;
    transition: all .14s linear;
    padding: 10px 5px 10px 20px;
    text-align: left;
}
.wrapper > .sidebar li:hover > a, .sidebar li:focus > a {
    background-color: rgba(100, 100, 100, 0.15);
    border-right: 4px solid #08f;
}
.disabled .nav-text, .disabled i {
    color: #ccc !important;
    cursor: not-allowed;
}
.wrapper > .sidebar .nav-icon {
    position: relative;
    display: table-cell;
    width: 55px;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
}
.wrapper > .sidebar .nav-text  {
    position: relative;
    font-family: sans-serif;
    font-size: .8rem;
    display: table-cell;
    vertical-align :middle;
    width: 150px;
}
#mobile-menu {
    display: none !important;
}
.canvas {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: relative;
    transition: .3s ease all;
}
.menu {
    position: absolute;
    background: #08f;
    color: #fff;
    height: 100%;
    width: 170px;
    z-index: 100;
}
.menu .close-menu {
    display: inline-table;
    width: 100%;
    height: 60px;
}
.menu .btn, .filter .btn {
    display: block;
    font-size: 2.5rem;
    text-align: center;
}
.menu a, .filter a {
    color: #333;
    font-size: 1rem;
    text-decoration: none;
}
.menu a:hover, .filter a:hover {
    color: #fff;
}
.menu ul li a, .filter ul li a {
    display: block;
    font-size: 1rem;
    padding: 1rem;
    text-align: center;
}
.menu ul li a i, .filter ul li a i {
    display: block;
    font-size: 1.8rem;
    margin-bottom: 10px;
}
.menu ul li a:hover, .menu .close-menu:hover, .filter ul li a:hover {
    background-color: rgba(0,136,255,.75);
    color: #fff;
}
.filter {
    background-color: #eee;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ddd;
    color: #333;
    height: 100%;
    width: 170px;
    z-index: 100;
    transition: all .2s linear;
}
.filter.hide {
    left: 0;
}
.main-menu:hover, nav.main-menu.expanded {
    width: 200px;
    overflow: hidden;
    opacity: 1;
}
.main-menu {
    display: none;
    background: #ededed;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dfe1e5;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    width: 55px;
    overflow: hidden;
    transition:width .2s linear;
    opacity: 1;
    padding-top: 60px;
    z-index: 101;
    transition: all .2s linear;
}
.main-menu i {
    vertical-align: middle;
    display: table-cell;
    width: 55px;
    text-align: center;
}
.main-menu li {
    position: relative;
    display: inline-table;
    text-align: center;
    width: 150px;
}
.main-menu li > a {
    position: relative;
    width: 255px;
    display: block;
    border-collapse: collapse;
    border-spacing: 0;
    color:#8a8a8a !important;
    font-size: 13px;
    text-decoration: none;
    transition: all .14s linear;
    padding: 10px 0;
    text-align: left;
}
.main-menu .nav-icon {
    position: relative;
    display: table-cell;
    width: 55px;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
}
.main-menu .nav-text  {
    position: relative;
    display: table-cell;
    vertical-align :middle;
    width: 190px;
}
.no-touch .scrollable.hover {
    overflow-y: hidden;
}
.no-touch .scrollable.hover:hover {
    overflow-y: auto;
    overflow: visible; 
}
nav {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;  
}
nav ul, nav li {
    outline: 0;
}
.darkerli {
    text-transform: capitalize;  
}
.main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
    color: #fff !important;
    background-color: #08f;
}
/* responsive topnav */
.topnav {
	background-color: #fff;
	border-top: 3px solid #eee;
	overflow: hidden;
	width: 100%;
	z-index: 500;
}
.topnav ul {
    margin: 0 !important;
}
.topnav ul li {
    display: inline;
}
.topnav a {
    display: inline-block;
    color: #888 !important;
    text-align: left;
	font-family: Poppins, Helvetica, sans-serif;
	font-size: .75rem;
    padding: 11.5px 12px 11.5px 12px;
    text-decoration: none;
    transition: all .2s linear;
	text-transform: uppercase;
}
.topnav a:hover {
    background-color: #08f; /*#ddd;*/
    color: #fff !important;
}
.topnav .icon {
    display: none;
    text-align: right;
    width: 100%;
}
.topnav .list-menu {
    display: block;
    transition: all .1s ease;
}
.nav {
    display: block;
    overflow: hidden;
    text-align: center;
}
.next, .back, .download {
    border-radius: 2.5px;
    border: 2px solid transparent;
    display: block;
    font-size: 1.5rem; 
    margin-bottom: 10px;
    width: 100%;
    padding: 10px;
    text-align: center;
}
.container {
	display: block !important;
	margin-left: 180px;
    max-width: calc(100% - 170px) !important;
}
.filter-item {
    max-width: 84vw !important;
}
.current-selections {
	position: sticky;
    top: 0;
    background-color: #fafafa !important;
    border-color: #eee !important;
    min-height: 40px;
    transition: all .2s linear;
	z-index: 110;
}
.current-selections .qv-selections-pager {
	min-height: 40px;
}
.current-selections div[title='Pesquisa inteligente'], .current-selections div[title='Ferramenta de seleções'] {
    display: none !important;
}
.current-selections .bright.qv-panel-current-selections .wrap {
    background-color: #fafafa !important;
    border-bottom: 1px solid #eee !important;
}
.current-selections .qv-panel-current-selections .qv-selections-pager.qv-selections-pager {
    margin-bottom: 0 !important;
}
.current-selections .qv-panel-current-selections .buttons-end {
   border: 0 !important;
}
.lui-fade-button__caret:not(:only-child):first-child, .lui-fade-button__icon:not(:only-child):first-child, .lui-fade-button__text:not(:only-child):first-child {
    font-size: .9rem !important;
}
.current-selections .list {
	margin: 4px;
}
.current-selections.hide {
	display: none;
}
.bright.qv-panel-current-selections .buttons, .bright.qv-panel-current-selections .buttons-end {
    background-color: #fafafa;
}
.bright.qv-panel-current-selections .buttons-end.border-right, .bright.qv-panel-current-selections .buttons.border-right {
    border-right: none !important;
}
.bright.qv-panel-current-selections .item {
    color: #fff;
}
.bright.qv-panel-current-selections li {
    background: #00873d;
    border-right: none;
    box-shadow: none;
    border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	display: inline-block;
	margin-top: 3px;
	margin-right: 4px !important;
	min-height: 33px;
}
.qv-panel-current-selections .item.multi-active, .touch-off .bright.qv-panel-current-selections .item:focus, .touch-off .bright.qv-panel-current-selections .item:hover {
    background: #007836;
}
.qv-panel-current-selections .item {
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
}
.bright.qv-panel-current-selections .values {
    font-size: 10px;
	line-height: 14px;
    height: 14px;
}
.bright.qv-panel-current-selections .values :not(.item-locked) {
    color: #fff;
}
.qv-panel-current-selections .remove span {
    font-size: 12px;
    color: #fff;
}
.qv-panel-current-selections .text-wrap span {
    display: inherit;
    font-size: 11px;
	margin-top: 2.6px;
	vertical-align: bottom;
}
.current-selections .lui-icon--remove:before {
    content: "close";
}
.current-selections .lui-clear-all {
    line-height: 28px;
}
.bright.qv-panel-current-selections .item .qv-state-count-bar {
    height: 3px;
    margin-top: -3.5px;
}
.qv-panel-current-selections .buttons .qv-subtoolbar-button.qv-subtoolbar-button, .qv-panel-current-selections .buttons-end .qv-subtoolbar-button.qv-subtoolbar-button {
    height: 40px;
    line-height: 40px;
}
.bright.qv-panel-current-selections .buttons .qv-subtoolbar-button, .bright.qv-panel-current-selections .buttons-end .qv-subtoolbar-button {
    background: #0000;
    color: #595959;
}
.qv-state-count-bar {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.qv-state-count-bar .state.selected {
    border-bottom-left-radius: 3px;
}
.qv-panel-current-selections .qv-selections-pager .wrap.borderbox.qv-pager:focus {
    box-shadow: none;
}
.qv-panel-current-selections .no-selection {
	font-size: .75rem;
}
/* popup */
#popup {
	background-color: #c3534b;
	color: #FFFFFF;
	position: fixed;
	max-width: 250px;
	padding: 10px;
	margin: 10px;
	bottom: 0;
	right: 0;
	display: none;
	border-radius: 5px;
	z-index: 6;
	font-family: sans-serif;
}
.close {
	cursor: pointer;
	background: 0 0;
	border: 0;
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	position: absolute;
	right: 9px;
	top: 7px;
}
.close:hover {
	opacity: .5;
}
#popupText {
	margin-right: 23px;
}
.modal a.close-modal {
    top: 3px !important;
    right: 3px !important;
}
.frame {
    display: none;
	position: relative;
	border-radius: 2.5px;
    margin: 0 2% 2% 2%;
    padding: 1% 0;
    transition: all .3s linear;
}
.frame.intro {
	background-color: transparent;
}
.frame > #new-filter {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 10%;
}
.frame > .filter-men {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 90%;
}
.frame {
	position: absolute;
	top: -999999px;
	left: -999999px;
    width: 100%;
    transition: all .3s linear;
}
.frame.show {
	display: block !important;
	position: relative;
	top: initial;
	left: initial;
	margin: 10px auto;
	max-width: calc(100% - (var(--page-margin) * 2));
}
.invisible {
    visibility: hidden;
}
.bold {
    font-weight: bold;
}
/* opcoes da proxima versao do mashup */
.qvbox {
	background-color: #fff;
	border-top: 1px solid #e8e9e9;
	border-left: 1px solid #e8e9e9;
	border-bottom: 1px solid #e8e9e9;
	border-right: 1px solid #e8e9e9;
	border-radius: 2.5px;
	padding: 0;
	margin: 5px 5px;
}
.qvbox {
	border-color: #e5e5e5;
}
.qvbox > .qvplaceholder, .qvbox > .qvobject {
	height: 270px;
	width: 100%;
	padding: 10px;
}
.qvbox .qvoptions {
	background-color: #eee;
    min-height: 30px;
    height: 30px;
	width: 100%;
	text-align: center;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	margin: -3px 0 0 0;
}
.qvbox.parent-fullscreen .qvoptions {
    border-radius: 0;
    margin: 10px 0 0 0;
}
.qvbox .qvoptions a {
	color: #777;
	cursor: pointer;
	display: inline-block;
	font-size: .8rem;
	padding: 6px 7px;
	text-align: center;
	transition: all .2s ease;
}
.qvbox .qvoptions a:hover {
	background-color: #888;
	color: #fff;
}
.info {
	background-color: #fafafa;
	border: 1px solid #e9e9e9;
	border-radius: 2.5px;
    font-size: .8rem;
    min-height: 130px;
    margin: 2px 5px 0;
    padding: 15px 50px 15px 50px;
}
.info a {
    color: #08f;
}
.info p {
    font-size: 1rem;
    margin-bottom: 0;
}
.info p:first-child {
    margin-top: 1.5rem;
}
.info::before {
    content: "\f129";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.5rem;
    display: block;
	color: #888;
    position: absolute;
    top: 30px;
    left: 22px;
    pointer-events: all;
}
.warning {
    font-size: .9rem;
    margin-top: 10px;
    padding-left: 50px;
}
.warning::before {
    content: "\f06a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.5rem;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 22px;
    pointer-events: all;
}
.cd-tabs {
    max-width: 100% !important;
}
/* media queries */
@media screen and (max-width: 1150px){
	.frame {
		margin: 0 10%;
		width: 80%;
	}
    #footer {
        padding: 20px 5% 0 5%;
    }
    #tce-logo, #mti-logo {
        display: none;
        background-position: top center;
        margin-bottom: 20px;
        width: 100%;
    }
    #tce-logo a, #mti-logo a {
        display: none;
        height: 31px;
        width: 100%;
    }
    #tce-logo, #radar-logo {
        background-position: center;
        background-size: 200px;
        margin-bottom: 0;
    }
    #info {
        display: inline-block;
        width: 100% !important;
        text-align: center;
    }
    #medias {
        display: inline-block;
        width: 20% !important;
    }
    #copyright {
        display: inline-block;
        width: 70% !important;
    }
}
@media screen and (max-width: 900px){
    .topnav a {
        border-radius: 0;
        color: #aaa !important;
        display: block;
        width: 100%;
    }
    .topnav .icon {
        display: block;
        min-width: 0;
        min-height: 0;
        margin: 0;
    }
    .topnav .icon i {
        color: #eee;
        font-size: 1.5rem;
        padding: 0;
    }
    #radar-logo {
        background-position: top center;
    }
    .sidebar.show {
        width: 210px;
    }
    .canvas.desloc {
        margin-left: 210px;
    }
    #mobile-menu {
        /*display: block !important;*/
		display: none !important;
    }
}
@media screen and (max-width: 800px){
    .nav {
        position: fixed;
        left: 0;
        right: 0;
        background-color: #3f3f3f;
        height: 0;
        z-index: 500;
    }
    .nav.active {
        box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
        height: 220px;
    }
    .topnav {
        border-bottom: 0;
    }
    .topnav .list-menu {
        display: none;
    }
    .topnav .list-menu li {
        display: inline-block;
        width: 100%;
    }
    .canvas.open-filter {
        margin-left: 170px;
    }
    .toggle-filter {
        display: none;
    }
    .toggle-filter-mobile {
        display: block;
    }
    #new-filter {
        background-color: #242424;
        position: fixed;
        top: 0;
        bottom: 0;
        border-right: 1px solid #333;
        width: 170px;
        left: 0;
        z-index: -1;
    }
    #new-filter > .qvplaceholder, #new-filter > .qvobject {
        background-color: transparent;
    }
    #new-filter .qv-collapsed-listbox {
        border-color: #333;
    }
    #new-filter .title-wrapper {
        color: #fff !important;
        background-color: #383838;
    }
    #new-filter .title {
        color: #aaa;
    }
    .flex-container {
        margin: 0 7px 0 0;
    }
    .row:first-child {
        margin-top: 55px;
    }
    #header #header-filters {
        padding-right: 0 !important;
    }
    .main-menu {
        padding-top: 25px;
        width: 33px;
    }
    .main-menu:hover, nav.main-menu.expanded {
        width: 140px;
    }
    .main-menu li > a {
        width: 140px;
    }
    #footer {
        position: relative;
    }
    #footer #info p {
        font-size: .7rem !important;
        line-height: 1.1rem;
    }
}
@media screen and (max-width: 537px) {
    #header #header-logo {
        background-image: url('svg/tce-brasao.svg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 30px !important;
        min-width: 50px !important;
        width: 50px !important;
    }
}
@media screen and (max-width: 540px) {
    #info-data {
        flex: 0 0 98%;
        margin: 2% 1% -1px 1%;
    }
}
@media screen and (max-width: 480px) {
	#header-row {
		  background-image: url('svg/radar-logo-modulo.svg');
		  background-position: center;
		  background-repeat: no-repeat;
		  background-size: contain;
	}
	#main {
		padding-bottom: 20px;
	}
	.frame.show {
		max-width: calc(100% - 30px);
	}
	.frame > .container {
		  margin-left: 0 !important;
		  max-width: 100% !important;
	}
	.cd-tabs__list li {
		border-left: 0 !important;
		border-right: 0 !important;
	}
	.container .row .col {
		max-width: 100%;
		width: 100%;
		flex-basis: auto;
	}
	#new-filter {
		position: relative !important;
		background-color: transparent;
		border: 0;
		display: block;
		margin-bottom: -30px;
		width: 100%;
		padding-top: 30px;
		z-index: initial;
	}
	#new-filter .filter-menu {
		width: 100%;
		height: 200px;
	}
	#new-filter, #new-filter .filter-menu {
		height: 350px;
	}
    .kpi {
        flex-basis: auto;
        margin: 5px !important;
    }
    #tce-logo {
        display: none;
    }
    #busca {
        display: none !important;
    }
    #medias {
        width: 100% !important;
    }
	.footer {
		display: grid !important;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		column-gap: 0;
		row-gap: 0;
		padding: 55px 30px !important;
	}
	.footer div:nth-child(1), .footer div:nth-child(3) {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.footer div:nth-child(3) {
		order: 1;
		width: 100% !important;
	}
	.footer div:nth-child(3) img {
		margin: 5px;
	}
	.footer div:nth-child(2) {
		order: 2;
		width: 100% !important;
		text-align: justify;
	}
	.footer div:nth-child(1) {
		order: 3;
	}
	.footer div:nth-child(2) span {
		margin-left: 0 !important;
		max-width: initial !important;
	}
}
@media print {
	@page {
		size: portrait;
		max-height:100%;
		max-width:100%;
	}
	body, .wrapper, .canvas, #main, .frame, .container, .row, .col {
		margin: 0 !important;
		padding: 0 !important;
	}
	.qvempty ul li span:nth-child(1) {
		width: 30%;
	}
	.qvempty ul li span:nth-child(2) {
		width: 70%;
	}
	.qvempty ul li span:nth-child(3) {
		display: none;
	}
	/*table {
		border: 1px solid #ccc;
		margin: 0 0 0 -87mm;
		padding: 0;
		transform: scale(0.58);
	}
	table tr td {
		border: 1px solid #ccc;
	}*/
	table {
		max-width: 100%;
		page-break-inside: auto;
	}
	td {
		border: 1px solid lightgray;
		font-size: 8pt;
	}
	tr {
		page-break-inside: auto;
	}
	#imprimir {
        visibility: hidden;
    }
    #printbt, #header, .current-selections, .expand-button, .export-button, .clear-button, .image-button, #tabs {
        display: none;
    }
	.qvplaceholder, .qvobject, .qvempty {
		break-inside: avoid;
		margin: 5mm;
		padding: 5mm;
		overflow: auto;
	}
	img, svg {
		display: block;
		max-width: 100%;
	}
}