/*Playfair Display SC Font*/
/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC:wght@700&display=swap'); */

/*Lato font*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap');

/* Open Sans font */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


/* @font-face {
  font-family: 'XP Lighthouse';
  src: url('fonts/xp-mediumlighthouse-webfont.eot');
  src: url('fonts/xp-mediumlighthouse-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/xp-mediumlighthouse-webfont.woff2') format('woff2'),
	url('fonts/xp-mediumlighthouse-webfont.woff') format('woff'),
	url('fonts/xp-mediumlighthouse-webfont.ttf') format('truetype'),
	url('fonts/xp-mediumlighthouse-webfont.svg#xpmedium_lighthouse') format('svg');
  font-weight: 500;
  font-style: normal;
} */

/* @font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('fonts/gilroy-regular-webfont.eot');
	src: url('fonts/gilroy-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/gilroy-regular-webfont.woff2') format('woff2'),
	url('fonts/gilroy-regular-webfont.woff') format('woff'),
	url('fonts/gilroy-regular-webfont.ttf') format('truetype'),
	url('fonts/gilroy-regular-webfont.svg#Gilroy') format('svg');
} */

/* @font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('fonts/gilroy-extrabold-webfont.eot');
	src: url('fonts/gilroy-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/gilroy-extrabold-webfont.woff2') format('woff2'),
	url('fonts/ilroy-extrabold-webfont.woff') format('woff'),
	url('fonts/gilroy-extrabold-webfont.ttf') format('truetype'),
	url('fonts/gilroy-extrabold-webfont.svg#Gilroy') format('svg');
} */

/* @font-face {
	font-family: 'Ambicase Fatface OT Poster';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('fonts/ambicase-fatface-ot-poster-webfont.eot');
	src: url('fonts/ambicase-fatface-ot-poster-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/ambicase-fatface-ot-poster-webfont.woff2') format('woff2'),
	url('fonts/ambicase-fatface-ot-poster-webfont.woff') format('woff'),
	url('fonts/ambicase-fatface-ot-poster-webfont.ttf') format('truetype'),
	url('fonts/ambicase-fatface-ot-poster-webfont.svg#AmbicaseFatfaceOTPoster') format('svg');
} */

/* @font-face {
	font-family: 'XP Lighthouse';
	src: url('fonts/xp-mediumlighthouse-webfont.eot');
	src: url('fonts/xp-mediumlighthouse-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/xp-mediumlighthouse-webfont.woff2') format('woff2'),
		url('fonts/xp-mediumlighthouse-webfont.woff') format('woff'),
		url('fonts/xp-mediumlighthouse-webfont.ttf') format('truetype'),
		url('fonts/xp-mediumlighthouse-webfont.svg#xpmedium_lighthouse') format('svg');
	font-weight: 500;
	font-style: normal;
} */

/* Scroll Bar */
/* Hide scrollbar in all browsers */
::-webkit-scrollbar {
	display: none;
}

.kit-geral {
	background-color: var( --e-global-color-accent );
	font-family: "Lato", Sans-serif;
	font-size: 1.5rem;
	--e-global-typography-primary-font-weight: 400;
	--e-global-typography-secondary-font-family: "Gilroy";
	--e-global-typography-secondary-font-weight: bold;
	--e-global-typography-big-title-font-family: "Playfair Display SC";
	--e-global-typography-big-title-font-weight: 700;
	--e-global-color-white: #FFFFFF;
}

/* .ilocomotiva-kit {
	--e-global-color-primary: #B97946;
	--e-global-color-secondary: #275336;
	--e-global-color-tertiary: #275336;
	--e-global-color-big-title: #61422b;
	--e-global-color-accent: #F3DECE;
	--e-global-color-dark-accent: #ceab95;
	--e-global-brightness-icone-nav: brightness(10);

} */

/* .oglobo-kit {
	--e-global-color-primary: #1E4C9A;
	--e-global-color-secondary: #1E4C9A;
	--e-global-color-tertiary: #1E4C9A;
	--e-global-color-big-title: black;
	--e-global-color-accent: #1E4C9A;
	--e-global-color-light-accent: #D0D0D0;
	--e-global-color-dark-accent: #8C8C8C;
	--e-global-color-background: #FAFAFA;
	--e-global-brightness-icone-nav: brightness(10);
} */

.oglobov2-kit {
	--e-global-color-primary: #3579EC;
	--e-global-color-secondary: #34383F;
	--e-global-color-tertiary: #E3E8EC;
	--e-global-color-big-title: #3579EC;
	--e-global-color-accent: #3579EC;
	--e-global-color-light-accent: #D0D0D0;
	--e-global-color-dark-accent: #8C8C8C;
	--e-global-color-background: #FAFAFA;
	--e-global-brightness-icone-nav: brightness(10);
	--e-global-typography-primary-font-weight: 400;
	--e-global-typography-secondary-font-family: "Open Sans";
	--e-global-typography-primary-font-size: 1rem;
	--e-global-typography-secondary-font-size: 1.5rem;
	--e-global-typography-secondary-font-weight: 800;
	--e-global-typography-big-title-font-family: "Open Sans";
	--e-global-typography-big-title-font-weight: 800;
	--e-global-color-white: #FFFFFF;
	--e-global-color-black: #000000;
	--e-global-color-transparent: transparent;
	font-size: var(--e-global-typography-primary-font-size);
	
}

/* .band-kit {
	--e-global-color-primary: #AE022B;
	--e-global-color-secondary: #AE022B;
	--e-global-color-tertiary: #AE022B;
	--e-global-color-big-title: black;
	--e-global-color-accent: #AE022B;
	--e-global-color-light-accent: #D0D0D0;
	--e-global-color-dark-accent: #8C8C8C;
	--e-global-color-background: #FAFAFA;
	--e-global-brightness-icone-nav: brightness(10);
} */

._dash-loading {
	position: absolute;
	width: 100%;
	height: 100vh;
	background: var(--e-global-color-primary);
	color: var(--e-global-color-secondary);
	font-size: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: ease all 1s;
}


.app-main {
	max-width: 875px;
	margin: 0 auto;
}

.app-header {
	background-color: var(--e-global-color-primary);
	padding: 20px 0px;
	position: relative;
}

.app-header-wrapper {max-width: 715px;margin: auto;}
.app-header-wrapper p {font-size:16px;margin: 0;}

.app-title {
	font-size: 3rem;
	align-items: center;
	flex-grow: 2;
	text-align: center;
	margin: 0;
	text-transform: uppercase;
	font-family: var(--e-global-typography-secondary-font-family)
}
.app-header-logo-wrapper {
	text-align: center;
	/* max-width: fit-content; */
}

img.logo-locomotiva {max-width: 85px;}
p.parceria-apoio-title.text-white {font-size: 13px;text-transform: uppercase;}

.app-title a {
	color: var(--e-global-color-white);
	text-decoration: none;
	font-weight: 700
}

.app-content {
	background: #D9D9DB;
	min-height: calc(-176px + 100vh)
}

.clean-kit .app-content {
	background: #FAFAFA;
}

.app-dashboard-filter-1 {
	background-color: #c0c4c7;
	padding: 1em 0;
	text-align: center;
	display: flex;
	justify-content:space-around
}

.app-dashboard-filter-2 {
	background-color: #f3dece;
	padding: 1em 7em;
	text-align: center;
	display: flex;
	justify-content :center
}

.Select--single,
.Select-value,
.Select-placeholder,
.Select-value-label
/**** .Select-menu-outer > * ****/ {
	background-color: var(--e-global-color-tertiary);
	color:var(--e-global-color-secondary);
	border-radius: 8px;
	border:none;
	line-height: 50px;
	text-transform: capitalize;
}
.Select-menu-outer {
    background: var(--e-global-color-white);
	border:none;
	border-radius: 8px;
	margin-top:-10px;
	z-index: -1;
	box-shadow: 0px 2px 8px #0000001f;
	
	
}
.Select-menu-outer > * {
	color: var(--e-global-color-secondary);
}
.value-label {
	color: var(--e-global-color-secondary);
}

.has-value.Select--single>.Select-control .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label {
	color: var(--e-global-color-secondary);
	border:none;
	line-height: 50px;
} 

.dropdown-oglobov2 .Select-control {
    background-color: var(--e-global-color-transparent);
    border: none;
	height:50px;
}

.dropdown-oglobov2 .Select-input {
    height: 50px;
}
.dropdown-oglobov2 .Select-option:hover {
    background-color: red; /* Cor de fundo ao passar o mouse */
}

.dropdown-oglobov2 .Select-option.is-focused {
    background-color: red; /* Cor de fundo quando o item está ativo */
}
.content-info {
	max-width: 960px;
	margin: auto
}

.page-admin {
	max-width: 1200px
}

.page-title-wrapper {
	display: flex;
	justify-content: center;
	text-align: center;
}

.page-title {
	margin: 30px 0;
}

.page-title a, .other-page-titles {
	color: var(--e-global-color-big-title);
	text-transform: uppercase;
	font-size: 4rem;
	font-family: var(--e-global-typography-big-title-font-family);
	font-weight: var(--e-global-typography-big-title-font-weight);
	letter-spacing: .1rem;
	text-decoration: none;
	position: relative;
	z-index: 10;
}

.other-page-titles {
	margin: 30px 0;
}

.filter-select {
	text-align: center
}

.nav-bar-wrapper a {
	color: #fff;
	width: 100%
}

.nav-bar.justify-content-end.nav {
	display: flex;
	flex-wrap: nowrap
}

.nav-bar-wrapper a:hover {
	color: var(--e-global-color-accent)
}

.nav-item {
	display: inline-block;
	text-wrap: nowrap;
}

.nav-link > * {
	font-size: 1.2rem;
	text-transform:uppercase;
	text-decoration: none;
	font-weight: 500
}

.app-logo {
	max-width: 50%
}

.logo-oglobo {
	max-width: 80%;
}

.logo-band {
	max-width: 35%;
}

.logo-locomotiva-wrapper {
	text-align: center
}

.mapa-image {
	width: 70px;
	border-radius: 5px;
	box-shadow: 0px 2px 8px #0000001f;
	background-color: var(--e-global-color-background);
	padding: 7px 7px 7px 7px;
	margin-top: 4px;
	position: relative;
	right: 25px;
}

.dropdown-filter {
	width: 20%;
	min-width: 250px
}

.flex-center {
	display: flex;
	justify-content: center
}

.app-header-title-wrapper {
	display: flex;
	align-items: center;
	padding: 0
}

.app-header-sub-title-wrapper {
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	width: 25%
}

.app-header-sub-title-wrapper-double {
	width: 40%;
	align-self: center
}

.grafico-wrapper {
	background-color: white;
	padding: 3rem;
}

.clean-kit .grafico-wrapper {
    border-radius: 8px;
    border: 1px solid var(--e-global-color-tertiary);
    margin-bottom: 1rem;
}

.footer {
	text-align: justify;
	font-size: large;
	margin: auto
}

.grafico-wrapper .col-lg-4 a {
	display: inline-block;
	width: 50%;
	padding: 10px
}

@media screen and (max-width: 768px) {
	.grafico-wrapper {
		padding: 15px;
	}
	/*#grafico-1, #grafico-rejeicao, #grafico-aprov {
		width: 120%;
		margin-left: -40px;
		margin-right: -30px;
		margin-top: -120px !important;
	}*/
	#grafico-aprov {
		margin-top: 00px !important;
	}
	p.chart-title {
		font-size: 14pt;
	}
	/*O textpoint é a classe dos textos de annotations dentro dos plotly graphs. */
	.textpoint text { 
		font-size: 6pt!important;
	}
	.logo-oglobo {
		max-width: 60%;
	}
}
.nav-bar-wrapper {
	display: flex;
	align-items: center;
	justify-content: end
}

/*********************  MODIFICATIONS *********************/
.card {
	background-color: rgba(0,0,0,0);
	border: none;
	border-radius: 12px;
}

.DateRangePickerInput {
	background: none
}

.DateRangePickerInput__withBorder {
	border: 0px
}

.DateInput, .DateInput_input, .DateInput_input_1 {
	width: auto;
	background: var(--e-global-color-secondary)
}

.DateRangePickerInput_arrow_svg {
	fill: #666
}

.nav-tabs {
	border:none
}

.column_left {
	border-left: 1px solid var(--e-global-color-primary);
	height: 70px;
	padding-top: 23px
}

#botao-grafico-mapa {
	height: 12em;
	width: 12em
}

.botoes-inserir-dados {
	margin-top: 5px;
	text-align: center
}

.sobre-image {
	width:100%;
	align-self:center
}

#download-csv-chart {
	margin-top: 10px;
	background-color: var(--e-global-color-secondary);
	color: var(--e-global-color-white);
	border-radius: 0.5rem;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	width: 27rem;
	font-size: 14px;
	font-weight: 600
}

.filters-container, .row-slct-munic {justify-content: center; margin: 0 -5px 0px}

.filters-container .col{
    padding: 0 2.5px;
}

.row-slct-munic {
	z-index: 10;
}

.filters-container.align-items-end.row::after {
	display: none
}

#estimativas-geral label {
	font-size:14px
}

input[type='radio'] {
	visibility: hidden;
	width: 20px;
	height: 20px;
	margin: 0 5px 0 5px;
	padding: 0
}

input[type=radio]:before {
	position: relative;
	margin: 4px -25px -4px 0;
	display: inline-block;
	visibility: visible;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	border: 2px inset rgba(0,0,0,0.3);
	background: #ffffff;
	content: "";
	border-radius: 50%
}

input[type=radio]:checked:after {
	position: relative;
	top: 0;
	left: 9px;
	display: inline-block;
	visibility: visible;
	border-radius: 6px;
	width: 12px;
	height: 12px;
	background: var(--e-global-color-tertiary);
	content: ""
}

/*.Select--single >*, 
.Select-value >*, 
.Select-placeholder >*, 
.Select-value-label >*, 
.Select-menu-outer > * {
	background-color: var(--e-global-color-tertiary);
} */

#slct_turno span#react-select-2--value-item {
	background-color: transparent
}

.nav-pills .nav-link {
	color: var(--e-global-color-primary)!important;
	border: 1px solid var(--e-global-color-primary)!important;
	border-radius: 8px;
	margin-right: 3px;
}

.nav-pills .nav-link:hover {
	color:white !important;
	background-color: var(--e-global-color-primary);
	border-radius: 8px;
	margin-right: 3px;
}

.nav-pills .active.nav-link, .show .nav-link {
	background-color: var(--e-global-color-primary)!important;
	color: white!important;
}

.nav-pills .dropdown {
	width: 100%;
	border-radius: 8px;
}

.tipo-dado-pill {
	color: var(--e-global-color-primary);
	border-color: var(--e-global-color-primary);
	font-size: 12pt;
}

.tipo-dado-pill:hover, .tipo-dado-pill-active {
	color:white!important;
	background-color: var(--e-global-color-primary);
}

/********************* Esconder as barras do Plotly universalmente *********************/
.modebar {
	display: none !important
}

.icone-nav {
	max-height: 20px;
	width: auto;
	height: auto;
	padding: 0px 5px 0px 0px;
	margin-bottom: 5px
}

.user-box, .password-box {
	width: 100%;
	text-align: center;
	background-color: var(--e-global-color-primary)!important;
	color: white!important;
	border-color: var(--e-global-color-primary)!important;
	margin-bottom: 1rem
}

.user-box::placeholder, .password-box::placeholder {
	color: white!important
}

.verify-pass-box {
	width: 50%;
	margin: auto;  background-color: var(--e-global-color-primary)!important
}

.mapa-desativado {
	width: 40%
}

.login-wrapper {
	max-width: 320px
}

.login-wrapper, .sobre-wrapper {
	border-radius: 1rem;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.247);
	padding: 4rem;
	margin: 1rem auto;
	background-color: rgb(207, 205, 205)
}

.texto-metodo-image {
	width: 85%
}

div.admin-input>*{
	background-color: var(--e-global-color-secondary)!important;
	color: white!important;
	text-align: center;
}

div.admin-input>*::placeholder {
	background-color: var(--e-global-color-secondary)!important;
	color: white!important
}

input.admin-input {
	background-color: var(--e-global-color-secondary)!important;
	color: white!important
}

input.admin-input::placeholder {
	background-color: var(--e-global-color-secondary)!important;
	color: white!important
}

input.DateInput_input {
	background-color: var(--e-global-color-secondary)!important;
	color: white!important;
	border: none
}

input.DateInput_input::placeholder {
	background-color: var(--e-global-color-secondary)!important;
	color: white!important
}

.dropdown_center {
	text-align: center;
}

.card-candidato, .card-candidato-foto {
	z-index: 1;
	position:relative;
	white-space: break-spaces;
	border-radius: 12px;
}

.foto-candidato-card {
	height: 15% !important;
	/*margin-left: 5px;*/
}

.card-candidato-rej {
	text-align: center;
	margin: 20px 7% 0 20px;
	max-width: 140px;
	height: 120px;
	z-index: 1;
	position:relative;
}
#card-grafico-aprov {
    padding: 0;
}
.card-candidato-aprov {
	text-align: center;
}
.card-candidato-aprov p {
	margin: 0;
}
.card-no-meio {
	margin: 40vh 7% 0 7%;
}

.foto-candidato {
	width: 85px;
	height: 85px;
	object-fit: cover;
	border-radius: 50%;
	margin-left: 25px;
}

.foto-candidato-aprov {
	margin-left: 9%;
}

.foto-candidato-mapa {
	margin: 10px 0 0 10px;
}

.horizontal-line {
	border-color: var(--e-global-color-primary);
	border-width: 2px
}

span#lista-institutos, span#lista-institutos-aprov, span#lista-institutos-rej {
	font-weight: bold;
	display: none;
}

.app-footer {
	height: 80px;
	background: var(--e-global-color-primary);
	color: var(--e-global-color-accent);
	font-size: 12px;
	text-align: center;
	color: white;
	padding: 10px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.xpinvestimentos-kit .app-footer {
	display: flex;
	align-items: center;
	justify-content: center;
}

.app-footer a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.download-dados {
	margin: 40px 0;
	text-align: end;
	/*display: none*/
}

.lista-wrapper {
	background: transparent;
	color: black;
	padding: 40px 0
}

.col-lg-6 a {
	max-width: 33%;
	display: inline-block;
	padding: 10px
}

div#card-mapa {
	max-width: 400px;
}

div#filtro-cenario {
	margin-bottom: 20px
}

.filtros-admin div#slct_candidato {
	top: 0
}


/********************* RESPONSIVE *********************/
@media (max-width: 1080px) {
	.nav-bar.justify-content-end.nav {
		justify-content:center!important;
		max-width: 100%
	}

	.app-header-wrapper.row {
		padding: 0;
		max-width: 100%;
	}

	.app-title {
		font-size:2rem;
		line-height:3rem
	}

	.page-title {
		font-size: 2rem;
		margin-bottom: 30px
	}

	.dash-dropdown {
		margin: 0 0 10px
	}

	.col-lg-3.col {
		flex: 100%;
		text-align: center
	}

		button#download-csv-chart {
		width: 100%
	}

	.app-header {
		padding: 5px 0px
	}

	.download-dados {
		margin:0 0 20px
	}

	.app-header-logo-wrapper {
		align-items: center;
		padding: 5px 0 5px;
		display: flex;
	}

	.app-header-logo-wrapper .col-6 {
		text-align: center;
	}

	.col-lg-4.col {
		flex: 100%
	}

	.grafico-wrapper .col-lg-4 a {
		width:33%
	}

	.filtros-admin .col {
		flex: 50%
	}

	.DateInput, .DateInput_input, .DateInput_input_1 {
		max-width: 85%;
		font-size: 12px
	}

		input.DateInput_input {
		padding: 6px;
		width: 100%
	}

	.nav-bar-wrapper.col-lg-4 {
		display:block
	}

}

/********************* Dash Locomotiva *********************/
img.icone-nav {
	filter: var(--e-global-brightness-icone-nav)
}

.ilocomotiva-kit .sub-header a.nav-link {
	background-color: var(--e-global-color-dark-accent);
	color: var(--e-global-color-secondary);
}

.ilocomotiva-kit .sub-header * a.nav-link.active, .ilocomotiva-kit .sub-header a:hover {
	color: var(--e-global-color-secondary);
	background-color: var(--e-global-color-accent);
}

.clean-kit .sub-header * {
	display: flex;
	justify-content: center;
	padding-top: 5px;
}

.clean-kit .sub-header a.nav-link {
	background-color: white;
}

.clean-kit .sub-header a.nav-link {
	color: black;
	background-color: var(--e-global-color-background);
	border-bottom: solid 3px var(--e-global-color-light-accent);
}

.clean-kit .sub-header * a.nav-link.active {
	color: black;
	font-family: var(--e-global-typography-secondary-font-family);
	font-weight: bold;
	background-color: var(--e-global-color-background);
	border-bottom: solid 3px var(--e-global-color-accent);
}

.clean-kit .sub-header a:hover {
	color: black;
	background-color: var(--e-global-color-background);
	border-bottom: solid 3px var(--e-global-color-accent);
}


/********************* Pós CapRover *********************/

.card-rejeicao {
	background-color: white;
	border: 1px solid var(--e-global-color-tertiary);
 	border-radius: 4px;
 	width: 350px;
 	height: 200px;
}

.moro-css {
	opacity: 0.5
}

.hover-card-wrapper {
    background-color: transparent!important;
    border-color: transparent!important;
}

.hover-corrida .card-candidato-foto {
    min-width: 325px;
    padding: 0;
}
.card-candidato-outros, .card-candidato-bni {
    min-width: 160px;
    text-align: center;
}
.card-candidato-outros p, .card-candidato-bni p {
	margin: 0;
}
span#card-grafico {
    padding: 0;
}

.hover-rej {
    width: 200px;
}

.grafico-card {
	height: 200px;
	width: 230px;
	margin-left: -80px;
	margin-bottom: -80px;
	margin-top: -60px;
}

.card-aprov {
	height: 250px;
	padding-top: 30px;
	background-color: white;
  border: 1px black solid;
 	border-radius: 4px;
}

.clean-kit .card-aprov {
	border: none;
	box-shadow: 0px 2px 5px #0000001f;
}

.grafico-aprovacao {
	height: 200px;
	width: auto;
}


.card-grafico-avaliacao {
    background-color: white;
    border: 1px solid var(--e-global-color-tertiary);
    border-radius: 12px;
    padding: 3rem;
}

/* .clean-kit .card-grafico-avaliacao {
	border: none;
	box-shadow: 0px 2px 5px #0000001f;
} */

.chart-title {
	font-family: var(--e-global-typography-big-title-font-family);
	color: var(--e-global-color-big-title);
	font-weight: 900;
	font-size: 16px;
}


@media screen and (max-width: 768px) {
	.card-rejeicao {
		margin-bottom: 10px;
	}
	.card-aprov {
		margin-bottom: 10px;
	}
	/*.aprov-row {
		height: 500px;
		margin-bottom: 40px;
	}*/
	.card-grafico-avaliacao {
	padding: 1rem;
	}
	.download-dados {
		margin-top: 30px;
	}
}

.chart-card-text {
		text-align: start;
		font-size: 20pt;
		font-weight: bold;
}

.symbols-chart-card {
	margin-top: 27px;
	z-index: 1;
	position:relative;
	left: -12px;
}

.col-direita-card-rej {
	margin-top: 17px;
}

.card-aprovacao {
	margin-top: 0px;
}

.symbols-each {
	margin-bottom: 5px;
	margin-left: 33px;
	font-size: 14pt;
}

.aprov {
	font-size: 18pt;
	margin-bottom: 0px;
	margin-left: 13px;
}

.symbols-each-sword {
	margin-left: 31px;
	width: 22px;
}

.symbols-question {
	text-align: right;
	font-size: 18pt;
}

.symbols-each-anon {
	width: 25px;
	margin-top: 10px;
}

.center-radio-btn {
	text-align: center;
}

.SingleDatePickerInput__withBorder_2 {
	background-color: var(--e-global-color-secondary);
	border-radius: 0.5em;
}

#date {
	margin-left: 22px;
}

.tooltip-text {
    font-size: 12px;
    color: var(--e-global-color-secondary);
    line-height: 14px;
    margin: 10px 0;
}

@media screen and (max-width: 768px) {
	.card-candidato, .card-candidato-foto {
		width: 250px;
	}
}

/* SEÇÃO comparativo POLÍTICO */

.tabs-comparativo-politico .nav-link, .tabs-comparativo-politico .nav-link:hover, .tabs-comparativo-politico .nav-tabs, .tabs-comparativo-politico .nav-item {
	justify-content: center;
	display: flex;
	flex: 0 0 180px;
	margin: 0 10px 0 10px;
}

.card-comparativo {
	background-color: white;
	border: 2px solid var(--e-global-color-tertiary);
	border-radius: 20px;
	margin: 20px 0px 0 0px;
}

.card-comparativo .card-body {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: -13px;
}

.circulo-comparativo {
    font-size: 20pt;
    height: 100px;
    width: 100px;
    color: white;
    background-color: black;
    border-radius: 50%;
    margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.data-comparativo {
	color: white;
	border-radius: 5px;
	width: 70%;
	text-align: center;
	margin: auto;
	margin-top: 20px;
	margin-bottom: -20px;
	padding: 5px 0 5px 0;
}

.comparativo-instituto {
	font-size: 12;
	padding: 7px;
	margin-bottom: -20px;
}

@media screen and (max-width: 768px) {
	.aprovacao-switch {
		margin-bottom: 7px;
		margin-left: 4px;
	}
}


/* Toggle Switch de rejeição */

.aprovacao-daq-switch .daq-toggleswitch--light__indicator--off, .aprovacao-daq-switch .daq-toggleswitch--light__indicator--on, .govs-switch .daq-toggleswitch--light__indicator--off, .govs-switch .daq-toggleswitch--light__indicator--on {
	display: none;
}

.aprovacao-daq-switch, .govs-switch {
	display: flex;
	flex-direction: row;
	width: 264px;
	height: 40px;
	font-size: 14pt;
	margin: 20px 0px -10px 0px;
	align-items: center;
	background-color: var(--e-global-color-secondary);
	color: white;
	border-radius: 5px;
	border: 1px black solid;
}

.aprovacao-daq-switch:before {
	margin-right: 5px;
	margin-left: 7px;
	content: "Estimulada";
}

.aprovacao-daq-switch:after {
	margin-left: 5px;
	content: "Espontânea";
}

#aprovacao-daq-switch {
	margin: auto;
}

.govs-switch {
	width: 288px;
}

.govs-switch:before {
	margin-right: 5px;
	margin-left: 12px;
	content: "Presidente";
}

.govs-switch:after {
	margin-left: 5px;
	content: "Governador";
}

@media screen and (max-width: 768px) {
	.aprovacao-daq-switch {
		width: auto;
		margin-bottom: 7px;
		justify-content: safe center;
	}
}

.texto-rejeicao {
	text-align: center;
	margin-top: -30px;
	margin-bottom: 20px;
}

/* ************** */


/* Velocímetro do mapa */
.velocimetro-mapa div.sc-gqjmRU.cAPXWV:after {
	content: "%";
}

.velocimetro-mapa div.sc-gqjmRU.cAPXWV {
	color: white;
}

.velocimetro-mapa text {
	display: none;
}

.velocimetro-mapa .cRfgdB .track.progress {
	stroke: #275336;
}

.velocimetro-mapa  {
	height: 270px;
}

#share-votos {
	z-index: 1;
	position: absolute;
}

rect.rangeslider-slidebox {
	fill: #868a92;
	height: 26px;
}

rect.rangeslider-mask-min, rect.rangeslider-mask-max {
	fill: #e2e2e2!important;
	fill-opacity: 1!important;
	height: 26px;
}

.inner {
	position: absolute;
}

#card-mapa {
	z-index: 1;
}

.card-candidato-mapa {
	width: 310px;
	box-shadow: 5px 5px 10px -2px rgb(0 0 0 / 40%);
}

#grafico-donut {
	margin-top: -260px;
	width: 400px;
	height: 600px;
	overflow: hidden;
}

.donut-1, .donut-2, .donut-3 {
	height: 210px;
	overflow: hidden;
}

#share-votos {
	z-index: 0;
}

.card-mapa-todos {
	text-align: center;
	box-shadow: 5px 5px 10px -2px rgb(0 0 0 / 40%);
}

/* .row-legenda-mapa {
	padding-top: 20px;
	margin-left: 18px;
	margin-bottom: -50px;
} */

.icone-voltar {
	font-size: 35pt;
	filter: grayscale(100%);
	border-radius: 5px;
  box-shadow: 0px 2px 8px #0000001f;
  background-color: var(--e-global-color-background);
  padding: 3px 12px 3px 12px;
	position: relative;
	right: -82px;
	top: 20px;
}

.linha-legenda {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
	gap: 20px;
}

.linha-legenda .btn {
	height: 63px;
	width: 63px !important;
	background-color: transparent;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 50%;
}

.linha-legenda .btn:hover, .legenda * .btn.active.btn-primary {
	border-radius: 50%;
}

.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-check:focus+.btn-primary, .btn-primary:focus {
	box-shadow: none;
}

.cada-legenda {
	width: 57px;
	height: 57px;
  	border-radius: 50%;
	object-fit: cover;
}

@media screen and (max-width: 768px) {
	.mapa-image {
		max-width: 100px;
		order: 1;
		margin-left: 40px;
		margin-bottom: 20px;
	}
	/*#legenda {
		min-width: 70vw;
		order: 2;
		margin-bottom: 200px;
	}*/
}

.barra-2-turno-div, #barra-ilc {
  box-shadow: 0px 5px 10px #0000001f;
  background-color: #FAFAFA;
}


.card-2-turno {
	width: 400px;
	height: 215px;
}

#barra-2-turno-div {
	margin: -150px 0 0 -50px;
}

.titulo-principal-card-2-turno {
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
	padding: 10px 10px 0 10px;
}

.titulo-barra-2-turno {
	font-size: 20pt;
	text-align: center;
}

.foto-candidato-2-turno {
	height: 100px;
	width: auto;
	margin-left: 45px;
	border-radius: 50%;
	filter: grayscale(100%);
}

.text-card-2-turno {
	color: #CC0000;
	margin-top: -6px;
	font-size: 18pt;
	text-align: center;
}

.percentual-2-turno {
	color: white;
	background-color: #CC0000;
	padding-left: 22px;
	width: 80px;
	margin: auto;
	font-size: 14pt;
	border-radius: 3px;
}

.percentual-likely {
	color: black;
	background-color: transparent;
	margin: auto;
}

.percentual-ilc {
	padding-left: 15px;
}

@media screen and (max-width: 768px) {
	.barra-2-turno-div {
		margin: 130px 0 100px 100px;
	}
	.foto-candidato-2-turno {
		margin-left: 84px;
	}
}

.col-esquerda-card-ilc, .col-direita-card-ilc {
	width: 150px;
	position: relative;
	left: -20px;
}

.col-direita-card-ilc {
	margin-top: 10px;
}

#barra-ilc {
	width: 650px;
	padding-bottom: 20px;
	margin: auto;
	margin-top: 40px;
}

#govs-switch {
	margin-top: 20px;
} 

.seletor-pergunta-rej {
	text-align: center;
	margin-top: 20px;
}


@media screen and (max-width: 768px) {
	.legend-vertical p, .legend-ilc p {
		width: 300px;
	}
}

#slct_candidato * {
	text-align: center;
}


#card-mapa-fixo {
	margin-left: 100px;
}

#seletor-pergunta-rej {
	display: none;
}

.rank-legenda {
	color: white;
	background-color: var(--e-global-color-primary);
	margin: auto;
	font-size: 13px;
	border-radius: 20px;
	position: relative;
	top: -65px;
	text-align: center;
}

.rank-legenda-mapa {
	font-size: 15px;
	top: -90px;
	left: 20px;
	width: 70px;
}

.legend-vertical {
	margin: -20px 0;
	padding: 0;
}

.legend-vertical div {
	display: flex;
	align-items: center;
	gap: 8px;
	/*margin-bottom: 48px;*/
	margin-left: 32px;
	margin-top: -32px;
}

.legend-ilc {
	margin-top: -10px;
	margin-left: 32px;
}
.legend-ilc p {
	width: auto;
}

.legend-wrapper {
    color: var(--e-global-color-dark-accent);
    font-size: 14px;
}
.max-width-legend-raiox {
    width: 80%;
    display: flex;
	text-align: center;
    justify-content: space-evenly;
}

.max-width-legend-intencao {
    width: 100%;
    max-width: 365px;
    display: flex;
    justify-content: space-evenly;
}

.max-width-legend-intencao i {
    font-size: 10px;
    line-height: 10px;
    margin-right: 5px;
}
#modelo-switch {
	display: flex;
  	flex-direction: row;
	align-items: center;
	background-color: var(--e-global-color-secondary);
	color: white;
	border-radius: 4px;
	margin: -5px 0 15px 0;
	width: 285px;
	height: 35px;
	font-size: 12pt;
}

#modelo-switch:before {
	margin-right: 5px;
	margin-left: 50px;
	content: "Modelo I";
}

#modelo-switch:after {
	margin-left: 5px;
	content: "Modelo II";
}


.card-2-turno-div, #barra-likely {
  box-shadow: 0px 5px 10px #0000001f;
  background-color: #FAFAFA;
}

#barra-likely, #barra-ilc {
	width: 350px;
	padding: 10px 0 20px 0;
	margin: auto;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
	#barra-likely, #barra-ilc {
		position:	static;
		margin: auto;
		margin-top: -10px;
	}

	.grafico-wrapper {
		padding-bottom: 30px;
	}

	.legend-vertical {
		width: 100%;
		margin-left: 0 !important;
	}
	.cards-novos {
	    flex-wrap: wrap;
	}

}

.percentual-lula {
	background-color: transparent;
	color: black;
	border-bottom: 4px solid #CC0000;
}

.percentual-bolsonaro {
	border-bottom: 4px solid #d6b002;
}

#rodape-linha-vertical {
    margin: 0 3rem;
}

#slct-municipio, #slct-municipio-aprovacao, #slct-municipio-raioX {
	z-index: 10;
}

#dash-graph .grafico-avaliacao {
	z-index: -1;
}

.nome-candidato {
	font-size: 16px;
	font-weight: bold;
	color: var(--e-global-color-secondary);
}

.partido-candidato {text-transform: uppercase;font-size: 13px;font-weight: 400;color: #94A5B0;}

.card-candidato-foto .card-body p {
    margin: 0;
}

p.data-candidato {
    font-size: 18px;
    font-weight: bolder;
    color: #020A55;
}

#card-prefeito > div > div {
	margin-left: 10px;
}

.cards-novos {
    max-width: 100%;
    margin: auto;
    display: flex;
    align-items: stretch;
    gap: 10px;
}

.cards-novos img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: var(--e-global-color-accent);
    object-fit: scale-down;
}
.cards-novos h4.card-title {
    font-size: 18px;
    font-weight: bold;
    color: var(--e-global-color-primary);
    margin-bottom: 5px;
}
.cards-novos p.card-text {
    font-size: 13px;
    line-height: 1rem;
}
.cards-novos .bg-white.card {
    border: 1px solid var(--e-global-color-tertiary);
    width: 100%;
}

.partido-candidato {text-transform: uppercase;font-size: 13px;font-weight: 400;color: #94A5B0;}

.card-candidato-foto .card-body p {
    margin: 0;
}

p.data-candidato {
    font-size: 18px;
    font-weight: bolder;
    color: #020A55;
}

#card-prefeito > div > div {
	margin-left: 10px;
}

.cards-novos img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: var(--e-global-color-accent);
    object-fit: scale-down;
}
.cards-novos h4.card-title {
    font-size: 18px;
    font-weight: bold;
    color: var(--e-global-color-primary);
    margin-bottom: 5px;
}
.cards-novos p.card-text {
    font-size: 13px;
    line-height: 1rem;
}
.text-candidato {
    padding: 0 0 0 5%;
}
.text-candidato p {
    margin-bottom: 0;
}
div#avaliacao-atual g.xaxislayer-above {
    display: none;
}

a.metodologia-title {
    font-size: 13px;
    font-weight: bold;
    color: var(--e-global-color-primary);
}

.grafico-wrapper.height-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 1rem;
}

.tooltip-text {
	max-width: 63px;
}

.grafico-wrapper.height-wrapper .linha-legenda {flex-direction: column;}
.grafico-wrapper.height-wrapper .candidato-legenda {
    display: flex;
    align-content: center;
    align-items: center;
}
.grafico-wrapper.height-wrapper h2.chart-title {
    width: 100%;
    margin-bottom: 2rem;
}
.row-legenda-height {width: 20%;}
.grafico-wrapper.height-wrapper .tooltip-text {
    text-align: left;
    margin-left: 10px;
}
.filters-wrapper {
    width: 100%;
    margin-bottom: 2rem;
}
.filters-wrapper .nav-item {
    max-width: 185px;
}
.grafico-wrapper.height-wrapper div#chart-div {
    width: 500px;
}

@media (max-width: 767px) {
    #main-nav-bar {
        overflow-x: auto;
        white-space: nowrap;
        scroll-behavior: smooth;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
	#main-nav-bar::-webkit-scrollbar {
	  display: none;  /* Chrome, Safari, Opera */
	}
    #main-nav-bar .nav-item {
        display: inline-block;
    }
	.app-header-logo-wrapper {
		width: 45%;
	}
	.app-header-slogan-wrapper {
		width: 55%;
		border: none!important;
	}
	.app-header-parceiro-wrapper {
		width: 100%;
		order: -1;
	}
	p.app-slogan.text-white {
	    font-size: 13px;
	    padding-left: 15px;
	}
	.logo {
	  display: flex; /* Permite organizar os logos horizontalmente */
	  align-items: center; /* Centraliza verticalmente */
	}
	
	.logo img {
	  max-width: 100%; /* Assegura que as imagens não ultrapassem o tamanho do container */
	  height: auto; /* Mantém a proporção da imagem */
	  margin: 0; /* Espaçamento entre as imagens */
	}
	img.logo-rali-i {
		margin: 0;
		width: 8%;
	}
	.app-header-wrapper.row {
    width: 100%;
	}
	#main-nav-bar .nav {
		flex-wrap: nowrap;
	}
	.legend-wrapper {
		font-size: 11px;
	}
	div#card-prefeito {
	    margin-bottom: 1rem;
	}
}

.js-plotly-plot .plotly .cursor-ew-resize {
	cursor: auto !important;
}

.ajustes-recorte {
	align-content: center;
	background-color: white;
}

.raioX {
	height: 650px;
}

.intencao {
	height: 571px;
	padding: .5rem;
}

.avaliacao {
	height: 448px;
}

.aprovacao {
	height: 228px;
}


#icon-media {
	font-size: 10pt;
}

/* ************** */


.conteudo-grafico-barra {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 1rem;
}

.conteudo-grafico-barra .btn {
	background-color: transparent;
	border: none;
}

.linha-legenda-horizontal {
    display: flex;
    justify-content: center;
    text-align: left;
    flex-wrap: wrap;
    gap: 20px;
}

.linha-legenda-horizontal .btn {
    height: auto;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
}

.linha-legenda-horizontal .btn:hover, 
.legenda-horizontal * .btn.active.btn-primary {
    background-color: transparent;
}

.linha-legenda-horizontal .cada-legenda {
    width: 57px;
    height: 57px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}

.linha-legenda-horizontal .tooltip-text {
    font-size: 12px;
    color: var(--e-global-color-secondary);
    line-height: 14px;
    margin: 0;
    max-width: none;
}

.linha-legenda-grafico {
	width: 100%;
	display: flex;
}

.linha-legenda-grafico .dash-graph {
	max-width: 100%;
}

.linha-legenda-grafico .nome-candidato {
	margin: auto 0;
}

.botao-foto-nome-candidato {
	display: flex;
	gap: 10px;
	width: 180px;
	word-wrap: break-word;
	text-align: left;
}

@media screen and (max-width: 768px) {
	.linha-legenda-grafico .cada-legenda {
		width: 45px;
		height: 45px;
	}
	.botao-foto-nome-candidato {
		width: 130px;
	}
	.botao-foto-nome-candidato p {
		font-size: 11px;
	}
	.conteudo-grafico-barra .dash-graph {
		max-width: 60%;
	}
	.conteudo-grafico-barra .dash-graph * {
		font-size: 8px;
	}
	.conteudo-grafico-barra {
		padding: 6px;
	}
	.conteudo-grafico-barra .rank-legenda {
		color: white;
		background-color: var(--e-global-color-primary);
		width: 22px;
		margin: auto;
		font-size: 15px;
		border-radius: 20px;
		position: relative;
		top: -50px;
		left: -20px;
		text-align: center;
	}

	.dropdown.nav-item {
		width: 126px;
	}

	.dropdown-menu {
		position: fixed !important;
	}

}

.linha-legenda-grafico .dash-graph {
	width: 80%;
}


.linha-legenda-grafico .nome-candidato {
	font-weight: unset !important;
	line-height: 1 !important;
}

.partido-candidato {
	margin: 0;
}

.nome-partido {
	margin: auto 0;
}

#filters-container-consolidacao {
	margin-bottom: 2em;
}

.page-title {
	font-size: 2rem;
	text-align: center;
	margin: 0;
	font-family: var(--e-global-typography-secondary-font-family);
	font-weight: 500;
}


.grafico-comparativo {
	margin-top: 40px;
	padding: 3rem;
}


.card-candidato-apoio {
    width: 200px;
    padding: 10px;
    border-radius: 5px;
}

.texto-bottom-comparativo p {
	margin: 0;
}

.nome-cidade {
	text-align: center;
	font-size: 22px;
	margin: auto;
	padding-top: .5rem;
	font-weight: bold;
}