@font-face {
    font-family: Poppins;
    src: url('font/Poppins-Regular.otf') format('opentype');
}
: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;
}
h1 {
    font-size: 2rem;
    margin-bottom: 2rem;
}
h2 {
	font-size: 2.5rem;
	margin-bottom: 2.5rem;
}
h3 {
	font-size: 1.5rem;
	margin-bottom: 1.5rem;
}
a {
    cursor: pointer;
}
ul {
    list-style: none;
}
ul.number, ul.legis {
	font-size: 1.1rem;
    list-style-type: decimal-leading-zero;
	list-style-position: inside;
	text-align: justify;
}
ul.legis {
	list-style-type: disc;
}
ul.number li, ul.legis li {
	padding: 7px;
}
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;
}
.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 {
    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 {
	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 {
	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 {
    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 {
	background-color: #555;
	color: #fff !important;
}
.expand-button a i, .export-button a i, .clear-button a i, .image-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;
}
/* 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 */
#nav.shrink {
    background-color: #313131;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
    position: fixed;
    top: 0;
    width: 100%;
}
#CurrentSelections.shrink {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
#CurrentSelections.none, #CurrentSelections2.none {
	display: none;
}
#medias a {
    color: #888;
    font-size: 2rem;
}
#medias a:hover {
    color: #08f;
}
#main {
	background-color: #fff;
	padding-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px;
	width: 85%;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 2.5px;
}
#main .item {
    flex-grow: 1;
    min-height: 100px;
}
#main .item + #main .item {
    margin-left: 2%;
}
#main.main-download {
	margin: 10vw 0;
	padding-top: 10px;
}
#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 > .qvplaceholder, #new-filter > .qvobject {
    background-color: #fff;
}
#new-filter .qv-collapsed-listbox {
    border-color: #ddd;
}
.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 {
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 80;
}
.filter-container {
    min-height: 0 !important;
    height: calc(100% - 75px) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}
.filter-container > div {
    margin-left: 5px;
}
.filter-container .qv-object .qv-object-content {
    position: relative;
}
#new-filter.hide .filter-container {
    padding: 0;
}
/*#footer {
    background-color: #313131;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #424242;
    display: inline-table;
    width: 100%;
    min-height: 100px;
    padding: 25px 5px;
    z-index: 90;
}
#footer span {
    display: table-cell;
    color: #333;
    font-size: .7rem;
    text-align: center;
    vertical-align: middle;
}
#footer #info {
    color: #888;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 105px);
}
#footer #info p {
    font-size: .7rem;
    margin: .5rem 5px;
}
#footer #info p a {
    color: #888;
}
#footer #info p a:hover {
	text-decoration: underline;
}
#footer #medias {
    display: inline-block;
	display: none;
    text-align: center;
    min-width: 100px;
}
#footer #medias a {
    color: #555;
    font-size: 1.5rem;
	transition: all .3s ease;
}
#footer #medias a:hover {
    color: #a1a1a1;
}
#tce-logo-footer {
	display: table-cell;
	min-width: 215px;
	text-align: center;
}
#tce-logo-footer a img {
	width: 125px;
	padding: 5%;
}
#copyright {
	background-color: #222;
    color: #888;
    font-size: .7rem;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
#mti-logo {
    display: table-cell;
    min-width: 130px;
	text-align: center;
    width: 15%;
	display: none;
}
#mti-logo a {
    display: block;
    height: 35px;
    width: 100%;
}
#header-logo {
    display: none !important;
    background-image: url('svg/tce-logo.svg');
    background-position: 7% center;
    background-repeat: no-repeat;
    background-size: 300px;
    margin-left: 5%;
    min-width: 300px;
    width: 15%;
}
#radar-logo {
	background-image: url(svg/radar-logo-modulo.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	min-width: 215px;
}
#tce-logo {
	background-image: url('svg/tce-minimal-logo-dark.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 150px;
	margin-top: 1rem;
	margin-bottom: 1rem;
	min-width: 215px;
	height: 140px;
}
#header-menu, #radar-logo, #header-filters {
    font-size: 1.5rem;
    padding-left: 10px;
    text-rendering: optimizeLegibility;
}
#header-menu {
    display: none !important;
}
#header-menu, #header-filters {
    padding-right: 15px;
    text-align: right;
}
#site-tce, #logo-site-tce {
    display: inline-table;
    width: 100%;
    height: 100%;
}*/
.flex-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 45px 0 0;
    padding-bottom: 45px;
}
.qvplaceholder, .qvobject {
    background-color: #fafafabb;
    border: 1px solid #e9e9e9;
    border-radius: 2.5px;
	width: 100%;
	height: 300px;
    margin: 5px;
	padding: 20px 5px 5px 5px;
}
.qvplaceholder .ellips-text .ng-binding {
    font-size: 3rem;
}
.qvplaceholder .chart-data-title-label.ng-binding, .qvplaceholder .measure-title {
    font-size: .8rem;
}
.qvplaceholder .measure-title .ng-binding, .qvplaceholder .qv-object-title-text.ng-binding.ng-scope {
    color: #595959;
    font-size: 1rem;
}
.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%;
}
.qvplaceholder span {
    /*color: #222;*/
}
.qvplaceholder div i {
    margin: 15px;
    display: block;
}
.transp {
	background-color: transparent !important;
	border: 1px solid transparent !important;
}
.qvplaceholder text, .qvobject text, .qvempty text {
    font-family: 'QlikView Sans', sans-serif !important;
}
.qv-filterpane.qv-filterpane-scrollable, .scroller {
    overflow-y: scroll;
    scrollbar-color: #08f transparent;
    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: 120px !important;
	height: 200px;
    /*margin: 10px 5px 5px;*/
	padding: 5px !important;
}
.kpi-lg {
    min-height: 205px !important;
	height: 200px;
}
.kpi.flame {
	background-image: url(svg/icon-flame.svg);
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 90px;
	padding-left: 50px !important;
}
.kpi.tree {
	background-image: url(svg/icon-tree.svg);
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 90px;
	padding-left: 50px !important;
}
.kpi.money {
	background-image: url(svg/icon-money-bill-alt-regular.svg);
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 90px;
	padding-left: 50px !important;
}
.kpi.water {
	background-image: url(svg/icon-water.svg);
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 90px;
	padding-left: 50px !important;
}
.kpi.red {
    background-color: rgba(255, 0, 0, .55);
    border: 0;
}
.kpi.red:hover {
    background-color: rgba(255, 0, 0, 1);
}
.kpi.orange {
    background-color: rgba(255, 128, 0, .55);
    border: 0;
}
.kpi.orange:hover {
    background-color: rgba(255, 128, 0, 1);
}
.kpi.green {
    background-color: rgba(0, 255, 0, .55);
    border: 0;
}
.kpi.green:hover {
    background-color: rgba(0, 255, 0, 1);
}
.kpi.blue {
    background-color: rgba(0, 0, 255, .55);
    border: 0;
}
.kpi.blue:hover {
    background-color: rgba(0, 0, 255, 1);
}
.kpi.red span, .kpi.orange span, .kpi.green span, .kpi.blue span {
    color: #fff !important;
}
.kpi-rel {
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 3%;
    margin-right: 3%;
    height: 70px;
    width: 27%;
}
.top-filter {
	min-height: 91px !important;
	height: 91px;
    margin: 10px 5px 5px;
	padding: 5px !important;
}
.fix-col .col-md-6 {
    max-width: calc(50% - 10px);
}
.de-fix-col {
    height: 645px;
    max-width: 50%;
    margin: 10px 5px 5px 5px;
}
.no-padding {
	padding: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
/* to top */
#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;
}
/* menu off canvas */
.wrapper {
    /*background-image: linear-gradient(90deg, #1b7dd5, #155592);*/
    /*background-image: linear-gradient(90deg, #fff, #ddd);*/
    background-color: #fff;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    margin-left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}
.canvas {
    background-color: #f8f8f8;
	/*background: linear-gradient(-90deg, #ffa800 0%, #ff8800 100%);*/
    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;
    vertical-align: middle;
}
.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;
}
/* left menu */
.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;
    -webkit-transition: width .2s linear;
    transition:width .2s linear;
    -webkit-transform: translateZ(0) scale(1,1);
    /*box-shadow: 1px 0 15px rgba(0,0,0,.20);*/
    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;
    -webkit-transform: translateZ(0) scale(1,1);
    -webkit-transition: all .14s linear;
    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; 
}
a:hover,a:focus {
    text-decoration: none;
    border-left: 0;
}
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;
}
/* Darker element side menu Start*/
.darkerli {
    /*background-color: #ededed;*/
    text-transform: capitalize;  
}
/* Darker element side menu End*/
.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 {
	overflow: hidden;
	width: 100%;
	z-index: 500;
}
.topnav.shrink  {
    background-image: url('svg/radar-logo-min-white.svg'), url('svg/modulo-logo-white.svg');
    background-position: 5px center, 200px center;
    background-repeat: no-repeat, no-repeat;
    background-size: 150px, 200px;
}
.topnav ul {
    margin: 0 !important;
}
.topnav ul li {
    display: inline;
}
.topnav a {
    display: inline-block;
    color: #eee !important;
    text-align: left;
	font-size: .75rem;
    padding: 11.5px 12px 11.5px 12px;
    text-decoration: none;
    transition: all .2s linear;
	text-transform: uppercase;
}
.topnav a[href='ideb.html'] {
	display: none;
}
.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;
}
#smart-search {
    padding: 0;
    margin-left: -5px;
    width: 100vw;
}
#smart-search .overlay {
    border-radius: 0;
    padding: 15px 7.5%;
}
#smart-search ul {
    display: flex;
    margin: 0;
}
#smart-search ul li {
    display: inline;
}
#smart-search ul li:first-child {
    min-width: 260px;
    width: 20%;
}
#smart-search ul li:last-child {
    padding-top: 1px;
    width: 80%;
}
#smart-search h1 {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
    text-shadow: 2px 2px 10px #222;
}
#smart-search p {
    cursor: pointer;
    font-size: .75rem;
    margin: 0;
    padding: 5px 10px;
    overflow: hidden;
    /* limitador */
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px;
    max-height: 65px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#smart-search p:nth-child(even) {
    background-color: #fff;
}
#smart-search p:nth-child(odd) {
    background-color: #eee;
}
#smart-search mark {
    background-color: #ff8;
    border-radius: 2.5px;
    font-weight: bold;
    padding: .2em 0;
}
#smart-search p mark.term-2 {
    background-color: #fc0;
    color: #000;
}
#smart-search p mark.term-3 {
    background-color: #f90;
    color: #000;
}
#smart-search p mark.term-4 {
    background-color: #ff6501;
    color: #fff;
}
#smart-search p mark.term-5 {
    background-color: #f00;
    color: #fff;
}
#smart-search p mark.term-6 {
    background-color: #90c;
    color: #fff;
}
#smart-search p mark.term-7 {
    background-color: #6500cc;
    color: #fff;
}
#smart-search p mark.term-8 {
    background-color: #4100b4;
    color: #fff;
}
#smart-search p mark.term-9 {
    background-color: #0100fc;
    color: #fff;
}
#smart-search p mark.term-10 {
    background-color: #31cbcb;
    color: #000;
}
#smart-search p mark.term-11 {
    background-color: #01cc00;
    color: #000;
}
#smart-search p mark.term-12 {
    background-color: #99fe00;
    color: #000;
}
#smart-search .title-result {
    color: #222;
    display: block;
    font-weight: bolder;
}
#smart-search #search, #smart-search #eraser {
    background-color: transparent;
    border: 0;
    border-radius: 2.5px;
    color: #fff;
    cursor: pointer;
    font-size: 1.3rem;
    padding: 3px 10px;
}
#smart-search #closeResult {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #555;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 1.3rem;
    opacity: .75;
    width: 35px;
    height: 29px;
}
#smart-search #closeResult:hover {
    opacity: 1;
}
#smart-search button:hover {
    color: #08f;
}
#smart-search #result {
    display: none;
    background-color: rgb(255, 255, 255);
    background-image: url('img/dual-ring.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 2.5px;
    box-sizing: initial;
    color: #222;
    padding: 0 0 100vh 0;
    margin-left: -1vw;
    position: absolute;
    width: 99.5vw;
    top: 70px;
    z-index: 200;
}
#smart-search #resultQtd {
    color: #333;
    display: none;
    font-size: 1rem;
    padding-left: 1px;
    min-width: 220px;
    width: 20%;
}
#smart-search #buttons {
    background-color: #333;
    border-radius: 2.5px;
    margin: 25px 0 5px 0;
    padding: 5px;
    text-align: center;
}
#smart-search #buttons button {
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    cursor: pointer;
    padding: 3px;
}
#smart-search #list {
    border: 1px solid #ddd;
    margin-top: 10px;
}
#smart-search #page {
    background-color: #444;
    border: 1px solid #222;
    border-radius: 2.5px;
    color: #fff !important;
    display: inline-block;
    width: 50px;
    padding: 3px;
    text-align: center;
}
#smart-search > .col, #search-results {
    min-height: 0;
}
#search-form {
    background-color: #fafafa;
    border-bottom: 1px solid #e9e9e9;
    width: 100%;
    text-align: center;
    padding: 25px 0;
}
#search-form h2 {
    color: #404040;
    display: inline-block;
}
#search-form p {
    color: #aaa;
    font-size: .8rem;
    margin-bottom: 0;
    margin-top: 3px;
    text-align: center;
}
#myInput {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    color: #333;
    font-size: 1.25rem;
    min-width: 250px;
    width: 30vw;
    outline: 0;
    padding: 5px 10px;
}
#myInput:focus {
    background-color: #fff;
    border: 1px solid #0af;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
    color: #222;
}
#search {
    background-color: transparent;
    border: 0;
    border-radius: 2.5px;
    color: #404040;
    cursor: pointer;
    font-size: 1.5rem;
    padding: 3px 10px;
}
.nav {
    display: block;
    -webkit-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    -moz-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    -ms-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    -o-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795);
    overflow:hidden;
}
#header, .topnav, .main-menu, #footer, .filter, #header a, .topnav a {
    /*color: #fff !important;*/
}
.next, .back, .download {
	border-radius: 2.5px;
	border: 2px solid transparent;
	display: block;
	font-size: 1.2rem;
	margin: 5px;
	width: calc(100% - 10px);
	padding: 10px;
	text-align: center;
}
.next {
    background-color: #08f;
    color: #fff !important;
}
.back {
    background-color: #ccc;
    color: #888;
}
.download {
    background-color: #0b5;
    color: #fff !important;
}
.next:hover {
    border: 2px solid #06d;
}
.back:hover {
    border: 2px solid #888;
}
.download:hover {
    border: 2px solid #093;
}
.container {
    max-width: 85vw !important;
}
.container-analysis {
	max-width: 98.5vw !important;
}
#CurrentSelections, #CurrentSelections2 {
	display: none;
    background-color: #eee !important;
    border-color: #eee !important;
    min-height: 38px;
    transition: all .2s linear;
}
#CurrentSelections div[title='Pesquisa inteligente'], #CurrentSelections div[title='Ferramenta de seleções'], #CurrentSelections2 div[title='Pesquisa inteligente'], #CurrentSelections2 div[title='Ferramenta de seleções'] {
    display: none !important;
}
#CurrentSelections .bright.qv-panel-current-selections .wrap, #CurrentSelections2 .bright.qv-panel-current-selections .wrap {
    background-color: #f8f8f8 !important;
    border-bottom: 1px solid #eee !important;
}
#CurrentSelections .qv-panel-current-selections .qv-selections-pager.qv-selections-pager, #CurrentSelections2 .qv-panel-current-selections .qv-selections-pager.qv-selections-pager {
    margin-bottom: 0 !important;
}
#CurrentSelections .qv-panel-current-selections .buttons-end, #CurrentSelections2 .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;
}
.grid {
    background-color: rgba(255,255,255,1);
    min-height: 350px;
    height: auto;
}
#result-list, #sort-list {
    display: inline-block;
    width: calc(50% - 2.5px);
}
#result-list {
    color: #555;
    font-size: 1.2rem;
	margin-top: 20px;
    padding: 1rem 0;
    text-align: left;
}
#sort-list {
    padding: 1.2rem 0;
    text-align: right;
}
.paginate {
    background-color: #333;
    border-radius: 0;
    margin: 5px 0 0;
    padding: 5px;
    text-align: center;
}
.paginate ul {
    border: 0;
    display: inline;
}
.paginate a {
    border-radius: 2.5px;
    color: #ccc !important;
    display: inline-block;
    margin: 0 1px;
    padding: 5px 10px;
    transition: all .2s linear;
    -webkit-appearance: none;
}
.paginate a i {
    display: initial;
    font-size: .8rem;
    margin: 0;
}
.paginate a:hover {
    background-color: #08f;
    color: #fff !important;
}
.paginate ul li {
    display: inline-block;
}
.grid table {
    border: 1px solid #ddd;
    border-collapse: collapse;
}
.grid table a {
    transition: all .3s linear;
}
.grid table .eye:hover {
    color: #08f;
}
.grid table .cross:hover {
    color: #f00;
}
.grid table i {
    font-size: 1rem;
    margin: 0 5px;
    display: inline-block;
}
.grid table tbody tr td, .grid table tbody tr th {
    border: 1px solid #ddd;
	font-size: .7rem;
    padding: 3px 3px;
}
.grid table tbody tr th {
    background-color: #ddd;
    color: #666;
	font-size: .7rem;
    text-align: center;
    vertical-align: middle;
}
.grid table tbody tr td:first-child {
    text-align: center;
}
.grid table tbody th:nth-child(1) {
    min-width: 50px;
}
.grid table tbody th:nth-child(2) {
    min-width: 90px;
}
.grid table tbody th:nth-child(3) {
    min-width: 90px;
}
.grid table tbody th:nth-child(4) {
    min-width: 130px;
}
.grid table tbody th:nth-child(5) {
    min-width: 90px;
}
.grid table tbody th:nth-child(6) {
    min-width: 90px;
}
.grid table tbody th:nth-child(7) {
    min-width: 90px;
}
.grid table tbody th:nth-child(8) {
    min-width: 90px;
}
.grid table tbody th:nth-child(9) {
    min-width: 90px;
}
.grid table tbody th:nth-child(10) {
    min-width: 90px;
}
.grid table tbody th:nth-child(11) {
    min-width: 90px;
}
.grid table tbody th:nth-child(12) {
    min-width: 90px;
}
.grid table tbody tr:nth-child(even) {
    background-color: #fff;
}
.grid table tbody tr:nth-child(odd) {
    background-color: #eee;
}
.grid table tbody td:nth-child(3) {
    text-align: justify;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.center {
	text-align: center !important;
}
/* popup de erro */
#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;
}
#high-contrast, #theme {
    color: #ccc;
    font-size: 1.3rem;
    margin-right: 5px;
}
#theme {
    display: none;
}
#frame1, #frame2, #frame3 {
    width: 100%;
    transition: all .3s linear;
}
#frame1 {
    position: absolute;
	left: -999999px;
}
#frame2 {
    position: absolute;  
    left: -999999px;
}
#frame3 {
    position: relative;  
}
#frame3.show {
	position: relative;
	left: initial;
}
.numbers .active {
    background-color: #000;
    border-radius: 2.5px;
    font-weight: bold;
}
.numbers .active a:hover {
    background: none;
    color: #fff;
}
#report-wrapper {
    background-color: #fff;
    width: auto;
    margin: 20px;
    padding: 20px;
}
#report-wrapper h1, #report-wrapper h2, #report-wrapper h3, #report-wrapper h4 {
    color: #222;
    text-align: center;
}
#report-wrapper h3, #report-wrapper h4 {
    text-align: left;
}
#report-wrapper h3 {
    font-size: 1rem;
}
#report-wrapper h4 {
    font-size: 1.2rem;
}
#report-wrapper p {
    margin: 0;
}
#report-header {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 0;
    text-align: center;
}
#report-wrapper #imprimir {
    position: absolute;
    top: 0;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;
    font-size: 1.7rem;
    width: 80px;
    height: 80px;
    text-align: center;
    vertical-align: middle;
}
#report-tce-logo {
    width: 400px;
}
#report-filters {
    border: 1px solid #ccc;
    margin: 10px 0;
    padding: 10px;
}
.report-grid {
    border: 1px solid #ccc;
}
.report-grid th, .report-grid td {
    border: 1px solid #ccc;
    border-collapse: collapse;
    display: table-cell;
    vertical-align: middle;
    padding: 3px;
}
.report-grid tr:nth-child(even){
    background-color: #fff;
}
.report-grid tr:nth-child(odd){
    background-color: #eee;
}
.report-grid tr:first-child {
    background-color: #ddd;
    color: #333;
    font-weight: bold;
    text-align: center;
}
.report-grid tr td:first-child {
    text-align: center;
}
#report-wrapper #details div {
    border: 1px solid #ccc;
    margin-bottom: 5px;
    padding: 5px 5px 0 5px;
}
#report-wrapper #details div:nth-child(even) {
    background-color: #fff;
}
#report-wrapper #details div:nth-child(odd) {
    background-color: #efefef;
}
#report-wrapper #details h3 {
    margin: 5px;
    text-align: center;
}
#report-wrapper #details h4 {
    border-bottom: 1px dotted #ccc;
    color: #555;
    font-size: 1rem;
    font-weight: bold;
    margin: 5px;
    margin-top: 1.2rem;
}
#report-wrapper #details table tr td {
    width: 25%;
    padding: 5px;
}
#report-wrapper #details table tr:nth-child(odd) td {
    font-weight: bold;
    padding-bottom: 0;
}
#report-wrapper #details table tr:nth-child(even) td {
    padding-top: 0;
}
.qv-sm {
    min-height: 400px;
}
.qv-md {
    min-height: 500px;
}
.qv-lg {
    min-height: 600px;
}
.qv-xg {
    min-height: 1000px;
}
.section {
    min-height: 550px;
    height: auto;
    /*display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;*/
    padding: 50px 0;
}
.section p {
	font-size: 1.2rem;
	text-align: justify;
}
.short-section {
    min-height: 300px;
    height: 15vh;
}
#initial-content {
	padding: 7% var(--page-margin);
}
#initial-content .btn {
	margin-top: 20px;
}
#metodologia-content {
	background-color: #fff;
	color: #212529;
	padding-left: var(--page-margin);
	padding-right: var(--page-margin);
}
#copec {
	background-color: #ddd;
	background-image: url('img/business-meeting-manager.jpg');
	background-image: linear-gradient(90deg, #ddd, #bbb);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 630px;
	color: #333;
	padding: 10% 25%;
}
.copec-logo {
	display: block;
	margin-bottom: 2rem;
	width: 360px;
}
#glossario {
	background-color: #cacaca;
	background-image: url('img/capa-glossario.jpg');
	background-position: 70px center;
	background-repeat: no-repeat;
	background-size: 14%;
	color: #111;
	padding: 10% 25%;
}
#legislacao {
	background-color: #fff;
	color: #333;
	padding: 5% 25% 10% 25%;
}
.hideme * {
    opacity:0;
}
.large-title {
    font-size: 5vw;
	text-align: center;
}
.large-title.shadow {
    text-shadow: 0px 0px 3px #aaa;
    box-shadow: none !important;
}
.btn {
	background-color: #444c57;
	border: 1px solid #fff3;
	border-radius: 2.5px;
	color: #fff;
	font-size: 1rem;
	padding: 10px 30px;
}
.btn:hover {
    background-color: #ddd;
    box-shadow: 0 0 5px #333;
    color: #222;
}
.btn.circle {
	border-radius: 50px;
	width: 50%;
}
.btn.sm {
    font-size: 1rem;
    padding: 5px 15px;
}
.btn.btn-bi {
    margin-top: -5px;
}
.two-column {
	column-count: 2;
	column-gap: 50px;
}
.map {
	height: 410px;
	padding: 0 !important;
}
.map .qv-object .qv-object-header.thin {
	display: none;
}
.no-border {
	border: 1px solid transparent !important;
}
/* image export */
#bbg {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	display: flex;
    align-items: center;
    justify-content: center;
	width: 100vw;
	height: 100vh;
	z-index: 9000;
	transition: all .2s linear;
}
#bbg #imagecontainer {
	display: block;
	border: 1px solid #f00;
	height: 100px;
	width: 100px;
}
.hide {
	display: none;
}
#bbg canvas {
	/*display: flex;
    align-items: center;
    justify-content: center;*/
}
/* 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: hide;
	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;
}
/* 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%;
	}
}