@font-face {
	font-family: 'Oceanwide';
	src: url('font/california-type-foundry-oceanwide-semibold.otf');
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	font-family: 'Inter', arial, sans-serif;
}
html {
    scroll-behavior: smooth;
}
body {
    border: 0;
    background-color: #333;
    font-size: 1em;
    overflow: auto;
    overflow-x: hidden;
}
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;
}
a.btn {
	background-color: #00bfff;
	border: 1px solid #00bfff;
	border-radius: 15px;
	color: #111;
	margin: 0 5px;
	padding: 10px 30px;
	text-decoration: none;
	transition: all .3s linear;
}
a.btn:hover {
	background-color: #0b0e13;
	border: 1px solid #056789;
	color: #fff;
}
a.link {
	color: #08f;
	text-decoration: none;
}
h1.title, h1.title .gradient {
	color: #eee;
	font-family: 'Inter', arial, sans-serif !important;
	font-weight: 800;
	font-size: 4rem;
	margin-bottom: 1.2rem;
	text-align: center;
}
h2 {
	color: #eee;
	font-size: 2rem;
	font-weight: 800;
	margin-bottom: 2rem;
	text-align: center;
}
.gradient {
	background: #121FCF;
	background: linear-gradient(to right, #114975 0%, #189cc3 50%, #35b4ab 75%, #35b4ab 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.sub-title {
	background-color: #15191f;
	background-image: url('svg/icon-shield-blue.svg');
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 20px;
	border: 1px solid #10394b;
	border-radius: 25px;
	color: #eee;
	font-weight: 500;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
	width: 500px;
}
h5 {
	text-align: center;
	font-weight: 600;
	margin: 0;
}
ul {
    list-style: none;
}
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: #f9f9f9;
	border: 0;
	border-radius: 5.5px;
	font-family: 'Roboto', sans-serif;
	font-size: .8rem;
	color: #595959;
	cursor: pointer;
	margin: 5px;
	padding: 10px 15px;
}
label {
	color: #eee;
}
p.description {
	color: #888;
	font-size: 1.2rem;
	text-align: center;
}
.result-container table {
	border-collapse: collapse;
	table-layout: fixed;
}
.result-container table tr:nth-child(even) {
	background-color: #111;
}
.result-container table tr:nth-child(odd) {
	background-color: #15191f;
}
.result-container table tr th {
	background-color: #15191f;
	color: #ddd;
	font-weight: bold;
}
.result-container table tr td, table tr th {
	color: #ccc;
	font-size: .8rem;
	padding: 7px 12px;
}
.result-container table tr td, table tr th {
	width: 16%;
}
.result-container table tr td:nth-child(1), table tr th:nth-child(1) {
	width: 20%;
}
.result-container table tr td:nth-child(2), table tr th:nth-child(2) {
	width: 12%;
}
.result-container table tr td:nth-child(3), table tr th:nth-child(3) {
	width: 12%;
}
.result-container table tr td:nth-child(4), table tr th:nth-child(4) {
	width: 12%;
}
.result-container table tr td:nth-child(5), table tr th:nth-child(5) {
	width: 12%;
}
.result-container table tr td:nth-child(6), table tr th:nth-child(6) {
	width: 20%;
}
/* new code */
#header {
	background-color: #0c0f14;
	background-image: url('svg/mashup-logo2.svg');
	background-position: 1% center;
	background-repeat: no-repeat;
	background-size: 320px;
	display: flex;
    align-content: center;
    justify-content: end;
	min-height: 110px;
	padding-top: 35px;
}
#header-row {
	display: flex;
	flex: 1;
	/*background-image: url('svg/mashup-logo2.svg');
	background-image: url('svg/mashup-logo2.svg'), url('svg/logo_atricon.svg'), url('svg/tce-minimal-logo-gray.svg'), url('svg/logo_tcu.svg'), url('svg/logo_abracon.svg'), url('svg/logo_conaci.svg'), url('svg/logo_CNPTC.svg'), url('svg/logo_IRB.svg'), url('svg/logo-asur-done.svg'), url('svg/log-audicon-done.svg');
	background-position: 1% center, 43% center, 49% center, 55% center, 60% center, 65.7% center, 71.7% center, 81% center, 86.8% center, 91.7% center;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-size: contain, 4%, 4.7%, 4.3%, 3.8%, 4.5%, 4.5%, 8.5%, 3.5%, 3.7%;*/
	min-height: 68px;
}
#header-row > div {
    flex: 0 0 27%;
}
#header-row > #radar-logo {
	/*background-image: url('svg/mashup-logo.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;*/
	display: none;
	order: 2;
}
#header-row > #tce-logo {
    order: 1;
}
#header.shrink {
    height: 43px;
    min-height: 43px;
}
#header #tce-logo {
	/*background-image: url('svg/mashup-logo.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 1rem;
	margin-bottom: 1rem;
	min-width: 215px;*/
	height: 100px;
}
#header #busca, #header #accessibility {
	display: none;
}
#footer {
    background-color: #010101;
    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% - 180px);
}
#footer #info p {
	color: #eee;
    font-size: .7rem;
    margin: .5rem 5px;
}
#footer #info p a {
    color: #eee;
	text-decoration: none;
}
#footer #info p a:hover {
	text-decoration: underline;
}
#footer #medias {
    display: inline-block;
    text-align: center;
    min-width: 100px;
}
#footer #medias a {
    color: #fff;
    font-size: 1.5rem;
	text-decoration: none;
	transition: all .3s ease;
}
#footer #medias a:hover {
    color: #0088ff;
}
#tce-logo-footer {
	display: table-cell;
	min-width: 215px;
	text-align: center;
}
#tce-logo-footer a {
    /*display: block;
    height: 31px;
    width: 200px;*/
}
#tce-logo-footer a img {
	width: 280px;
}
/* end new code */
#medias a {
    color: #888;
    font-size: 2rem;
}
#medias a:hover {
    color: #08f;
}
/* end new code */
/* 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 {
	display: flex;
    color: #888;
	max-width: 35px;
    max-height: 35px;
	width: 35px;
    height: 35px;
    padding: 0;
	transition: all .2s ease;
}
.expand-button a:last-child, .export-button a:last-child, .clear-button a:last-child, .image-button a:last-child {
	border-top-right-radius: 10.5px;
	border-top-left-radius: 10.5px;
}
.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 */
#main {
    display: flex;
    flex-wrap: wrap;
	padding: 0 0;
}
#main .item {
    flex-grow: 1;
    min-height: 100px;
}
.other-bg {
	background-color: #12151b !important;
}
.partner-bg {
	background-color: #eee !important;
}
#main .item + #main .item {
    margin-left: 2%;
}
#new-filter {
	position: sticky;
	border: 0;
	height: 1px;
	width: 200px;
	top: 200px;
	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;
}
#filter-bar {
	color: #eee;
	display: block;
	margin-bottom: 10px;
	text-align: center;
}
#QV99 {
	transition: all .3s linear;
}
.translate-bar {
	translate: -200px 0;
}
/*#new-filter .qvplaceholder, .qvobject {
	min-height: 100px;
	height: 150px;
}*/
.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: 0 !important;
    margin: 0 !important;
    border: 0 !important;
	width: 100%;
}
.filter-container > div {
    margin-left: 5px;
}
.filter-container .qv-object .qv-object-content {
    position: relative;
}
#new-filter.hide .filter-container {
    padding: 0;
}
.horizon-filter {
	min-height: 50px !important;
	height: 70px;
}
.flex-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 45px 0 0;
    padding-bottom: 45px;
}
.qvplaceholder, .qvobject, .fake-qvplaceholder {
	background-color: #15191f;
	border: 1px solid #10394b;
	border-radius: 10.5px;
	min-height: 330px;
	margin: 12px;
	padding: 20px;
}
.fake-qvplaceholder {
	min-height: initial;
}
.fake-qvplaceholder h1 {
	color: #eee;
}
.no-border {
	border: 0 !important;
}
.no-bg {
	background: none !important;
}
.margin-top-100 {
	margin-top: 100px;
}
.margin-bottom-100 {
	margin-bottom: 100px;
}
.qvplaceholder.data, .qvobject.data {
	min-height: 140px;
}
.qvplaceholder > i.loading, .qvobject > i.loading {
    background-image: url('img/dual-ring.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px;
    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;
}
.qvbox {
	margin-top: 10px;
}
.qvbox {
	background-color: #fff;
	border-top: 1px solid #e8e9e9;
	border-left: 1px solid #e8e9e9;
	border-bottom: 3px solid #e8e9e9;
	border-right: 3px solid #e8e9e9;
	border-radius: 5.5px;
}
.qvbox {
	border-color: #e5e5e5;
}
.qvbox > .qvplaceholder, .qvbox > .qvobject {
	height: 270px;
	width: 100%;
	padding: 5px;
}
.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 .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;
}
.col.qvbox {
	margin: 10px 5px;
	padding: 0;
}
.col.qvbox > .qvplaceholder, .col.qvbox > .qvobject {
    width: auto;
}
.col.qvbox.parent-fullscreen {
	display: block;
	padding-top: 70px;
}
.col.qvbox.parent-fullscreen .qvplaceholder {
	height: calc(100vh - 110px) !important;
}
.row > .col.qvbox:first-child {
	margin-left: 0;
}
.row > .col.qvbox:last-child {
	margin-right: 0;
}
.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;
}
.kpi.entidades, .kpi.poderes, .kpi.estados, .kpi.municipios, .kpi.diamond, .kpi.gold, .kpi.silver {
	padding-top: 160px;
	text-align: center;
	font-size: 3rem;
	font-weight: 800;
}
.altkpi {
	min-height: 115px !important;
	margin: 5px 5px !important;
}
.icokpi {
	height: 240px;
	min-height: 200px !important;
	margin: 5px 5px !important;
}
.kpi-title {
	font-size: 2rem;
	min-height: 80px !important;
    margin: 10px 5px 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
}
.kpi.diamond, .kpi.gold, .kpi.silver {
    background-position: center 20px !important;
    background-repeat: no-repeat !important;
    background-size: 120px !important;
}
.kpi.diamond {
    background: url('img/certificado_diamante.png');
	/*color: #084c5b;*/
}
.kpi.gold {
    background: url('img/certificado_ouro.png');
	/*color: #5e4a0e;*/
}
.kpi.silver {
    background: url('img/certificado_prata.png');
	/*color: #2d323b;*/
}
.cert1 {
    background: url('svg/icon-cert.svg');
    background-position: calc(50% - 110px) 31%;
    background-repeat: no-repeat;
    background-size: 40px;
}
.cert2 {
    background: url('svg/icon-cert2.svg');
    background-position: calc(50% - 110px) 31%;
    background-repeat: no-repeat;
    background-size: 40px;
}
.kpi.entidades {
    background: url('svg/icon-building.svg');
    background-position: calc(100% - 30px) center;
    background-repeat: no-repeat;
    background-size: 70px;
}
.kpi.poderes {
    background: url('svg/icon-balanced.svg');
    background-position: calc(100% - 30px) center;
    background-repeat: no-repeat;
    background-size: 70px;
}
.kpi.estados {
    background: url('svg/icon-earth.svg');
    background-position: calc(100% - 30px) center;
    background-repeat: no-repeat;
    background-size: 70px;
}
.kpi.municipios {
    background: url('svg/icon-location-dot.svg');
    background-position: calc(100% - 30px) center;
    background-repeat: no-repeat;
    background-size: 60px;
}
.kpi-button {
    display: flex;
    align-items: center;
    justify-content: center;
	max-height: 75px;
	min-height: 60px !important;
}
.fakekpi {
	color: #00bfff;
	font-size: 1.5rem;
	font-weight: 600;
}
.fakekpi-intro {
	color: #7c899b;
	font-size: .875rem;
}
.fakekpi span {
	color: #00bfff;
	font-size: 1.5rem;
	font-weight: 600;
	margin: 0 10px;
}
.fakekpi-title {
	color: #eee;
	font-size: 3rem;
	font-weight: 700;
}
.fakekpi-title-intro {
	font-size: 1.875rem;
	font-weight: 700;
}
.icon {
	height: 160px;
	min-height: 160px;
	background-position: center 20px;
	background-repeat: no-repeat;
	background-size: 35px;
	padding-top: 75px;
}
.icon-db {
	background-image: url('svg/icon-db.svg');
}
.icon-chart {
	background-image: url('svg/icon-chart.svg');
}
.icon-shield {
	background-image: url('svg/icon-shield.svg');
}
.grid {
	display: grid;
	grid-template-columns: 1fr;
    grid-template-rows: auto;
	column-gap: normal;
	row-gap: 10px;
}
#kpi01, #kpi02 {
	margin: 0 auto;
	margin-bottom: 1.2rem;
	margin-top: .5rem;
}
.grid div {
	display: flex;
	align-items: center;
	justify-content: center;
}
.border-diamond {
	background-color: #0a1f27;
	border: 2px solid #084c5b;
	transition: all .2s linear;
}
.border-gold {
	background-color: #211e12;
	border: 2px solid #5e4a0e;
	transition: all .2s linear;
}
.border-silver {
	background-color: #14181e;
	border: 2px solid #2d323b;
	transition: all .2s linear;
}
.scale {
	transition: all .3s linear;
}
.scale:hover {
	scale: 1.02;
}
.last-chart {
	height: 665px;
}
.fix-col .col-md-6 {
    max-width: calc(50% - 10px);
}
.indice {
	height: 320px;
}
.col-6 {
    max-width: calc(50% - 10px) !important;
}
.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: 670px;
}
.qv-xxg {
    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-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: 210px;
    /*overflow: hidden;*/
    -webkit-transition: width .3s 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: 10px;
    z-index: 10;
	transform: translateX(-210px);
    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 .hide {
}
.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 {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all .2s linear;
}
.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;
}
.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);
    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; 
}
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 {
	display: block;
	height: 42px;
}
.topnav ul {
    margin: 0 !important;
}
.topnav ul li {
    display: inline;
}
.topnav a {
    display: inline-block;
    color: #eee !important;
    text-align: left;
	font-family: Roboto Condensed, 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: #189cc3;
    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: right;
}
.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;
	max-width: 100%;
	padding: 50px  0;
}
.minor-container {
	min-height: calc(100vh - 160px);
	padding: 0 20%;
}
.proporcional-padding-top {
	margin-top: 25px;
}
.proporcional-padding-bottom {
	margin-bottom: 25px;
}
.filter-item {
    max-width: 84vw !important;
}
/* current selections */
#CurrentSelections {
	position: sticky;
    top: -1px;
    background-color: #fafafa !important;
    border: 0 !important;
    min-height: 50px;
    transition: all .2s linear;
	z-index: 110;
}
#CurrentSelections .qv-selections-pager {
	min-height: 50px;
}
#CurrentSelections div[title='Pesquisa inteligente'], #CurrentSelections div[title='Ferramenta de seleções'] {
    display: none !important;
}
#CurrentSelections .bright.qv-panel-current-selections .wrap, #CurrentSelections .qv-panel-current-selections .wrap {
    background-color: #f8f8f8 !important;
	background: linear-gradient(90deg, #189cc3 0%, #35b4ab 50%, #35b4ab 75%, #104674 100%);
    /*border-bottom: 1px solid #e9e9e9 !important;*/
}
#CurrentSelections .bright.qv-panel-current-selections .wrap {
    background-color: #fafafa !important;
    border-bottom: 0 !important;
}
#CurrentSelections .qv-panel-current-selections .qv-selections-pager.qv-selections-pager {
    margin-bottom: 0 !important;
}
#CurrentSelections .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;
}
#CurrentSelections .list {
	margin-top: 9px;
}
#CurrentSelections .bright.qv-panel-current-selections {
	background-color: #189cc3;
	min-height: 50px;
}
/*.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;
	border-bottom: 0 !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-right: 4px !important;
}
.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;
}
#CurrentSelections .lui-icon--remove:before {
    content: "close";
}
#CurrentSelections .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 {
    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;
}
/* filter menu */
.filter-pane-container > .MuiGrid-item > .MuiBox-root > .MuiGrid-item > .listbox-popover-container > .folded-listbox > .MuiGrid-container {
	background-color: #15191f !important;
	border: 1px solid #10394b !important;
}
.filter-pane-container > .MuiGrid-item > .MuiBox-root > .MuiGrid-item > .listbox-popover-container > .folded-listbox > .MuiGrid-container h6 {
	color: #ddd;
}
/* end current-selections */
#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 {
    color: #eee !important;
    font-size: 1.3rem;
    margin-right: 5px;
}
#info-data {
    flex: 0 0 100%;
    margin: 38px 1% 0 1%;
}
.cd-tabs.shrink {
    position: fixed;
	margin-top: 0;
    margin-left: 1%;
    top: 81px;
    z-index: 110;
    min-width: 95.5%;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
}
#info-data {
    margin: 2% 1% 1% 1%;
}
#info-data h1 {
    color: #fff;
    font-size: 2.7rem;
}
#info-data label {
    color: #fff;
}
#info-data span {
    color: #fff;
}
.frame-item {
    display: flex;
    background-color: #0a0d12;
    margin: 0;
    width: 100%;
    padding: 0 200px;
    transition: all .3s linear;
}
.frame-item {
    position: relative;
}
#frame1 > #new-filter {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 10%;
}
#frame1 > .filter-men {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 90%;
}
.invisible {
    visibility: hidden;
}
.bold {
    font-weight: bold;
}
#clear-filters.shrink {
    background-color: rgba(255, 32, 82, 1);
    position: fixed;
    top: 150px;
    z-index: 120;
}
/* 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 {
    font-size: .9rem;
    margin: 0 5px;
    padding-left: 50px;
}
.info a {
    color: #08f;
}
.info::before {
    content: "\f129";
    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;
}
.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;
}
#botao-teste {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 1550;
}
.frame-item {
	display: none;
    opacity: 0;
    transition: opacity 1s linear;
}
.frame-item.show {
	display: block;
	opacity: 1;
}
.partners {
	padding: 50px 0 50px 0;
}
.partners .col {
	text-align: center;
}
.partners h1 {
	color: #aaa;
	font-size: 2rem;
	margin-bottom: 50px;
}
.partners img {
	height: 75px;
	margin: 0 20px;
}
.partners img:first-child {
	margin-left: 0;
}
.partners img:last-child {
	margin-right: 0;
}
.flex-center {
	display: flex;
    align-items: center;
    justify-content: center;
}
.legend {
	background-color: #fff;
	border: 1px solid #e9e9e944;
	border-radius: 5px;
	box-shadow: 0px 8px 16px 0px rgba(194, 194, 194, 0.18);
	min-height: 30px;
	margin: 5px -10px;
	padding: 10px;
}
.legend .diamond, .legend .gold, .legend .silver, .legend .inter, .legend .basic, .legend .initial, .legend .inexist, .legend .elevated, .legend .nopart {
	border: 1px solid transparent;
	border-radius: 2.5px;
	margin-right: 5px;
	width: 20px;
	height: 10px;
}
.legend .diamond {
	background-color: #0D98BA;
}
.legend .gold {
	background-color: #FFC107;
}
.legend .silver {
	background-color: #B0BEC5;
}
.legend .elevated {
	background-color: #633201;
}
.legend .inter {
	background-color: #32cd32;
}
.legend .basic {
	background-color: #FF9800;
}
.legend .initial {
	background-color: #BA68C8;
}
.legend .inexist {
	background-color: #ac4d58;
}
.legend .nopart {
	background-color: #faf8f7;
	border: 1px solid #ccc;
}
.grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	column-gap: normal;
	row-gap: 50px;
}
.grid-container.real {
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr;	
}
.grid-item {
	display: flex;
	align-items: center;
	justify-content: center;
}
.partner-logo {
	width: 100px;
}
/* ui pesquisa */
.search-input {
	background-color: #42414d;
	border: 1px solid transparent;
	border-radius: 7.5px;
	color: #ccc;
	font-size: 1.1rem;
	margin: 5px;
	padding: 7px 10px;
	width: calc(100% - 65px);
	transition: all .2s ease;
}
.search-button {
	background-color: transparent;
	border: 1px solid #42414d;
	border-radius: 7.5px;
	color: #999999;
	font-size: 16px;
	padding: 9px 10px 8px 10px;
	transition: all .2s ease;
}
.search-button:focus, .close-result:focus {
	outline-style: solid;
	outline-color: #08f;
	outline-width: 1px;
	outline-offset: -1px;
}
.search-button:hover {
	background-color: #53525e;
}
.search-button:hover i {
	color: #222;
}
#search {
	border: 1px solid transparent;
}
#search:focus {
	border: 1px solid #08f;
	box-shadow: 0 0 7px #222;
}
.ui-widget-content {
	background-color: #42414d !important;
	background-image: none !important;
	border-color: #42414d !important;
	border-top-left-radius: 7.5px;
	border-top-right-radius: 7.5px;
	border-bottom-left-radius: 7.5px;
	border-bottom-right-radius: 7.5px;
	box-shadow: 0 0 7px #222;
	margin-top: 5px !important;
}
.ui-menu .ui-menu-item {
	background-color: #42414d !important;
	border-color: transparent !important;
	color: #ccc !important;
}
.ui-menu .ui-menu-item:last-child {
	border-bottom-left-radius: 5.5px;
	border-bottom-right-radius: 5.5px;
}
.ui-menu .ui-state-focus {
	background-color: #53515e !important;
	background-image: none !important;
	border: 1px solid transparent !important;
	color: #ccc !important;
}
.logoradar {
	display: flex;
	align-content: center;
	justify-content: center;
}
.image-logo {
	height: 250px !important;
}
/* result */
.result-container {
	display: none;
	top: 200px;
	z-index: 1;
	padding: 5px;
	width: 100%;
}
#result-table {
	width: 100%;
}
.result-table-loading {
	display: flex;
	align-content: center;
	justify-content: center;
	background-image: url('img/bar-01.gif');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 170px;
	width: 100%;
	height: 100px;
}
.ellipsis {
	color: #08f;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.alert-link {
	height: 12px; 
	margin-left: -10px;
}
/* paginate */
.paginate {
	visibility: hidden;
}
.paginate * {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}
.paginate, .result-list {
    background-color: #333;
    border-radius: 0;
	color: #ccc;
    margin-bottom: 0;
    padding: 5px 5px 10px 5px;
    text-align: center;
	width: 100%;
}
.result-list .close-result {
	position: absolute;
	right: 20px;
    background-color: #555;
    border-radius: 2.5px;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    opacity: .75;
	margin-top: 0px;
	padding: 2px 8px;
}
.result-list .close-result:hover {
    opacity: 1;
}
.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 .pag-n {
	padding: 5px 0;
	text-align: center;
	width: 30px;
}
.paginate .selected {
	background-color: #444;
}
.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;
}
/* media queries */
@media screen and (max-width: 1150px){
    #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;
    }
}
@media (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: #686e72;
        font-size: 1.5rem;
        padding: 0;
    }
    #radar-logo {
        background-position: top center;
    }
    .sidebar.show {
        transform: translateX(0);
    }
    .canvas.desloc {
        transform: translateX(210px);
    }
    #mobile-menu {
        display: block !important;
		width: 45px;
    }
	.cd-tabs {
		/*display: none;*/
	}
	.tab-container {
		width: auto !important;
	}
}
@media (max-width: 800px){
    #CurrentSelections.shrink {
		position: absolute;
        box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
		top: 90px;
    }
    #nav.shrink {
		position: absolute;
        box-shadow: none;
    }
    .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 {
		top: 40px !important;
		position: absolute;
		border-bottom: 0;
		height: 50px;
    }
    .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;
    }
    #tce-logo-footer {
        background-position: center top;
        background-size: 200px;
        display: block;
        min-width: 215px;
        min-height: 70px;
    }
}
@media (max-width: 540px) {
    #CurrentSelections.shrink {
        box-shadow: none !important;
    }
    #nav.shrink {
        background-position: center;
    }
    #info-data {
		display: none;
        flex: 0 0 98%;
        margin: 2% 1% -1px 1%;
    }
}
/*@media (max-width: 480px) {
	#header-row {
		background-image: none;
	}
    .kpi {
        flex-basis: initial !important;
        margin: 5px !important;
    }
    #tce-logo {
        display: none;
    }
    #busca {
        display: none !important;
    }
    #medias {
        width: 100% !important;
    }
    #footer #medias {
        text-align: center;
    }
    .cd-tabs.shrink {
        display: block;
    }
	.horizon-filter {
		height: 235px;
	}
	.qv-lg {
		max-width: 100% !important;
	}
	.legend .col {
		min-width: 50%;
		max-width: 50%;
	}
	.legend .flex-center {
		justify-content: initial;
	}
	.col {
		min-width: 100%;
	}
}*/
@media (max-width: 1000px) {
	#header {
		position: sticky;
		background-image: url('svg/mashup-logo.svg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: 200px;
		border: 0;
		min-height: 60px !important;
		top: 0;
		z-index: 1000;
	}
	.topnav {
		top: 5px !important;
		position: absolute;
		border-bottom: 0;
		height: 50px;
	}
	.topnav .nav {
		display: none;
	}
	.topnav .icon {
		width: 45px;
		height: 45px;
	}
    #CurrentSelections {
		position: sticky !important;
		top: 60px !important;
        width: 100%;
    }
    #CurrentSelections .buttons {
        display: none;
    }
	#new-filter {
		display: none;
	}
	.sidebar .icon i {
		color: #aaa;
	}
	.frame-item {
		padding: 0;
	}
	.container {
		padding: 50px 50px;
	}
	h1.title, h1.title .gradient {
		font-size: 2rem;
	}
	.sub-title {
		background-position: center 10px;
		margin-bottom: 30px;
		padding: 35px 10px 10px 10px;
		width: 100%;
	}
	p.description {
		font-size: .9rem;
		margin: 20px -15px;
		text-align: justify;
	}
	.qvplaceholder, .qvobject, .fake-qvplaceholder {
		margin: 12px 0;
	}
	.cert1, .cert2 {
		background-position: calc(50% - 100px) 25%;
	}
	#kpi01, #kpi02 {
		margin: 0 -15px;
	}
	.grid-container {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
	}
	.grid-container.real {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr 1fr;		
	}
	.fakekpi {
		text-align: center;
	}
	.partner-logo {
		width: 75px;
	}
}
@media print {
    #imprimir {
        visibility: hidden;
    }
}