@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/*   Font    */
@font-face {
	font-family: 'HEINEKEN Core';
	src: url('HEINEKENCore-ExtraBold.woff2') format('woff2'),
		url('HEINEKENCore-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'HEINEKEN Core';
	src: url('HEINEKENCore-BoldItalic.woff2') format('woff2'),
		url('HEINEKENCore-BoldItalic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'HEINEKEN Core';
	src: url('HEINEKENCore-Bold.woff2') format('woff2'),
		url('HEINEKENCore-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'HEINEKEN Core';
	src: url('HEINEKENCore-Italic.woff2') format('woff2'),
		url('HEINEKENCore-Italic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'HEINEKEN Core';
	src: url('HEINEKENCore.woff2') format('woff2'),
		url('HEINEKENCore.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}



@font-face {
	font-family: 'HEINEKEN Core';
	src: url('HEINEKENCore-Light.woff2') format('woff2'),
		url('HEINEKENCore-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'HEINEKEN Core';
	src: url('HEINEKENCore-LightItalic.woff2') format('woff2'),
		url('HEINEKENCore-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'HEINEKEN Core';
	src: url('HEINEKENCore-Thin.woff2') format('woff2'),
		url('HEINEKENCore-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'HEINEKEN Core';
	src: url('HEINEKENCore-ThinItalic.woff2') format('woff2'),
		url('HEINEKENCore-ThinItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}






/*   Options    */


:root {
	--cor-1: #B0E737;
	--cor-2: #2A5D2A;
	--cor-3: #39895E;
	--cor-4: #6ECE95;
	--cor-5: #E2371D;
	--cor-6: #A5A5A5;
	--cor-7: #F8DD00;
	--cor-8: #EFFAD7;
	--cor-9: #effad7;
	--cor-10: #c4eb6f;
	--cor-11: #7F0B00;
	--cor-12: #8ccaa5;




	--cor-txt-1: #000000;
	--cor-txt-2: #ffffff;

	--cor-bg-1: #ffffff;
	--cor-bg-2: #eeeeee;
	--cor-bg-3: #f6f6f6;
	--cor-bg-4: #dddddd;
	--cor-bg-5: #F3F3F9;


	--font: 'HEINEKEN Core';

	--fs-h1: 48px;
	--fs-h2: 40px;
	--fs-h3: 32px;
	--fs-h4: 28px;
	--fs-h5: 24px;
	--fs-h6: 20px;
	--fs-p: 16px;
	--fs-p-s: 12px;
	--fs-p-l: 18px;

	--lh-h1: 56px;
	--lh-h2: 48px;
	--lh-h3: 40px;
	--lh-h4: 32px;
	--lh-h5: 32px;
	--lh-h6: 24px;
	--lh-p: 24px;
	--lh-p-s: 16px;
	--lh-p-l: 26px;

	--margin-texts: 0 0 20px;

}


/*   General    */


html {
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: var(--cor-bg-1);
	font-family: var(--font);
}


img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}


.margin-bottom-padrao {
	margin-bottom: 50px;
}

.mobile-show {
	display: none !important;
}

.vh-100-desktop {
	height: 100vh;
}

[style*="--aspect-ratio"]> :first-child {
	width: 100%;
}

[style*="--aspect-ratio"]>img {
	height: auto;
}

@supports (--custom:property) {
	[style*="--aspect-ratio"] {
		position: relative;
	}

	[style*="--aspect-ratio"]::before {
		content: "";
		display: block;
		padding-bottom: calc(100% / (var(--aspect-ratio)));
	}

	[style*="--aspect-ratio"]> :first-child {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
}


.video {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}


.logo-positivo {
	background: url(../img/logo.png) center center no-repeat;
	background-size: contain;
	text-indent: -9999px;
	overflow: hidden;
}

.logo-negativo {
	background: url(../img/logo-negativo.png) center center no-repeat;
	background-size: contain;
	text-indent: -9999px;
	overflow: hidden;
}


.row .row {
	padding-left: 15px;
	padding-right: 15px;
}


.cor-primaria {
	color: var(--cor-1);
}

.cor-secundaria {
	color: var(--cor-2);
}

.cor-terciaria {
	color: var(--cor-3);
}

.cor-quartenaria {
	color: var(--cor-4);
}

.cor-quinaria {
	color: var(--cor-5);
}

.cor-senaria {
	color: var(--cor-6);
}


.op-0 {
	opacity: 0;
}

.pointer-events-none {
	pointer-events: none;
}


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


/*   Animações    */





/* Textos */


h1 {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0;

	color: var(--cor-txt-1);

	font-family: var(--font);
	font-size: var(--fs-h1);
	line-height: var(--lh-h1);

	font-weight: 700;
	text-align: left;
}


h2 {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0;

	color: var(--cor-txt-1);

	font-family: var(--font);
	font-size: var(--fs-h2);
	line-height: var(--lh-h2);

	font-weight: 700;
	text-align: left;
}


h3 {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0;

	color: var(--cor-txt-1);

	font-family: var(--font);
	font-size: var(--fs-h3);
	line-height: var(--lh-h3);

	font-weight: 700;
	text-align: left;
}


h4 {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0;

	color: var(--cor-txt-1);

	font-family: var(--font);
	font-size: var(--fs-h4);
	line-height: var(--lh-h4);

	font-weight: 700;
	text-align: left;
}


h5 {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0;

	color: var(--cor-txt-1);

	font-family: var(--font);
	font-size: var(--fs-h5);
	line-height: var(--lh-h5);

	font-weight: 700;
	text-align: left;
}


h6 {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0;

	color: var(--cor-txt-1);

	font-family: var(--font);
	font-size: var(--fs-h6);
	line-height: var(--lh-h6);

	font-weight: 700;
	text-align: left;
}


p {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;

	color: var(--cor-txt-1);

	font-family: var(--font);
	font-size: var(--fs-p);
	line-height: var(--lh-p);

	font-weight: 400;
	text-align: left;
}


/* Traço */


.traco {
	padding-top: 12px;
	position: relative;
}

.traco:before {
	content: "";
	top: 0;
	width: 46px;
	height: 5px;
	position: absolute;
	border-radius: 100px;
}


.traco-cor-1:before {
	background: var(--cor-1);
}

.traco-cor-2:before {
	background: var(--cor-2);
}

.traco-cor-3:before {
	background: var(--cor-3);
}

.traco-cor-4:before {
	background: var(--cor-4);
}

.traco-cor-bg-1:before {
	background: var(--cor-bg-1);
}







.bg-cor-2 {
	background: var(--cor-2) !important;
}

.bg-cor-3 {
	background: var(--cor-3) !important;
}




/* Botões */


.bt {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 12px 0;

	color: var(--cor-txt-2);
	font-family: var(--font);
	font-size: var(--fs-p);
	line-height: var(--lh-p);

	font-weight: 700;
	text-align: center;

	border: none;
	border-radius: 4px;
	background: var(--cor-1);

	display: inline-flex;
	justify-content: center;
	cursor: pointer;
}

.bt:hover {
	text-decoration: none;
	color: var(--cor-txt-2);
	background: var(--cor-1);
}


.bt-outline {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 12px 40px;

	color: var(--cor-txt-2);
	font-family: var(--font);
	font-size: var(--fs-p);
	line-height: var(--lh-p);

	font-weight: 700;
	text-align: center;

	border: 1px solid var(--cor-txt-2);
	border-radius: 4px;
}

.bt-outline:hover {
	text-decoration: none;
	color: var(--cor-txt-2);
}


/* Carrossel */


.jcarousel-wrapper {
	margin: 0 auto;
	position: relative;

}

/** Carousel **/

.jcarousel {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.jcarousel ul {
	width: 10000em;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jcarousel li {

	float: left;
}

.jcarousel img {
	display: block;
	max-width: 100%;
	height: auto !important;
	border-radius: 10px;

}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
	position: absolute;
	bottom: 10px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: var(--cor-txt-2);
	text-decoration: none;
	font-family: var(--font);
	font-weight: 100;
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
	text-decoration: none;
	color: var(--cor-txt-2);
}

.jcarousel-control-prev:before,
.jcarousel-control-next:before {
	content: "";
	width: 100%;
	height: 100%;
	background: var(--cor-bg-1);
	opacity: 0;
	position: absolute;
	border-radius: 5px;
}

.jcarousel-control-next:before {
	opacity: 0.3;
}

.jcarousel-control-prev {
	right: 60px;
}

.jcarousel-control-next {
	right: 20px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
	width: auto;
	position: absolute;
	bottom: 10px;
	left: 30px;
	margin: 0;
}

.jcarousel-pagination a {
	text-decoration: none;
	display: inline-block;


	height: 10px;
	width: 10px;


	background: var(--cor-bg-2);

	border-radius: 10px;
	text-indent: -9999px;

	opacity: 0.3;
	margin: 0 10px 0 0;

}

.jcarousel-pagination a.active {
	width: 30px;
	opacity: 1;
	background: var(--cor-bg-1);
}


/* Formulários */


textarea {
	width: 100%;
	height: 200px;
	margin: 0 0 16px;
	padding: 12px;

	color: var(--cor-3);

	font-family: var(--font);
	font-weight: 400;
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	text-align: left;


	border: none;
	border-radius: 4px;
	background: rgba(176, 231, 55, 0.20);

}

.ck-editor__editable {
	min-height: 500px !important;
	width: 100%;
}


input {
	width: 100%;
	height: auto;
	/* margin: 0 0 15px; */
	padding: 12px;

	color: var(--cor-3);

	font-family: var(--font);
	font-weight: 400;
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	text-align: left;


	border: none;
	border-radius: 4px;
	background: rgba(176, 231, 55, 0.20);

}


input::-webkit-input-placeholder {
	/* Edge */
	color: var(--cor-3);
}

input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--cor-3);
}

input::placeholder {
	color: var(--cor-3);
}


select {
	width: 100%;
	height: auto;
	/* margin: 0 0 15px; */
	padding: 12px;

	color: var(--cor-3);

	font-family: var(--font);
	font-weight: 400;
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	text-align: left;


	border: none;
	border-radius: 4px;
	background: rgba(176, 231, 55, 0.20);

}


.box-envie-sua-foto {
	width: 100%;
	height: 142px;
	margin: 0 0 15px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;

	color: var(--cor-3);
	font-family: var(--font);
	font-size: var(--fs-p);
	line-height: var(--lh-p);


	font-weight: 400;
	text-align: center;
	border-radius: 8px;
	border: none;
	background: rgba(176, 231, 55, 0.20);
}

.box-envie-sua-foto .montagem-avatar {
	width: 75px;
	height: 75px;
	margin: 0;
}

.box-envie-sua-foto .montagem-avatar div {
	width: 75px;
	height: 75px;
}

.box-envie-sua-foto .montagem-avatar img {
	left: 0;
}

.box-envie-sua-foto label {
	width: 80%;
	margin: 0;
	line-height: var(--lh-p-s);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.box-envie-sua-foto label span {
	color: var(--cor-3);
	font-weight: 300;
	font-size: var(--fs-p-s);
	line-height: var(--lh-p-s);
	margin: 0;
	display: block;
}

.box-envie-sua-foto label img {
	width: 75px;
	height: 75px;
	margin: 0 0 5px;
	padding: 0;
	cursor: pointer;
	object-fit: contain;
	object-position: center;
	cursor: pointer;
}

#mediaFile,
#mediaFile-2 {

	position: absolute;
	opacity: 0;
	z-index: -1;
}

#profile,
#profile-2 {
	width: 75px;
	height: 75px;
	margin: 0 0 25px;
	position: absolute;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;

	background-size: cover;
	background-position: center center;
	border: none;
	overflow: hidden;
	border-radius: 1000px;
}


.box-aceites {
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.form-check-inline {
	width: 26px;
	height: 26px;
	-webkit-appearance: none;
	margin: 0 10px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	border: 1px solid var(--cor-2);
	background: var(--cor-bg-1);
}

.form-check-inline:focus {
	outline: none;
}

.form-check-inline:checked:after {
	content: '✓';
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	position: relative;

	color: var(--cor-1);
}

.box-aceites label {
	width: calc(100% - 36px);
	height: auto;
	font-family: var(--font);
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	font-weight: 400;
	color: var(--cor-2);
	padding: 0;
	margin: 0;
	display: inline-block;
	position: relative;

}

.box-aceites label a {
	color: var(--cor-2);
	cursor: pointer;
	text-decoration: none;
}

.box-aceites label a:hover {
	color: var(--cor-2);
	text-decoration: none;
}


/*the container must be positioned relative:*/



.custom-select {
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
	padding: 0;
	border: none;
	color: var(--cor-3);
	font-family: var(--font);
	font-weight: 400;
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	border-radius: 8px;
	background: rgba(176, 231, 55, 0.20);

	position: relative;
}




.custom-select select {
	display: none;
	/*hide original SELECT element:*/
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

.select-selected {
	background-color: transparent;
	z-index: 3;
	position: relative;
}

/*style the arrow inside the select element:*/
.select-selected:after {
	position: absolute;
	content: " ";
	right: 20px;
	width: var(--fs-p);
	height: var(--fs-p);
	background: url(../img/select-abrir.svg) center center no-repeat;
	background-size: contain;
	transition: all 0.5s;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
	background: url(../img/select-abrir.svg) center center no-repeat;
	background-size: contain;
	transform: rotate(180deg);
	transition: all 0.5s;
}


.custom-select-meta .select-selected:after {
	background: url(../img/select-abrir-branco.svg) center center no-repeat;
}


.custom-select-ano .select-selected:after {
	display: none;
}

.custom-select-meta .select-selected {
	color: var(--cor-3);
	text-align: center;
	font-weight: 700;
}

.custom-select-ano .select-selected {
	color: var(--cor-3);
	text-align: center;
	font-weight: 700;
	background: url(../img/calendar.svg) 10% center no-repeat;
	background-size: 15%;

}

.select-items div,
.select-selected {
	color: var(--cor-3);
	padding: 0;
	cursor: pointer;
	user-select: none;
	padding: 12px;
	display: flex;
	align-items: center;
}

/*style items (options):*/
.select-items {
	position: absolute;
	background-color: #ffffff;
	left: 0;
	right: 0;
	z-index: 99;
	border-radius: 0px;
	border: solid 1px #9CA2AB;
	max-height: 280px;
	overflow-y: auto;
	background: var(--cor-bg-1);
	border: 1px solid var(--cor-bg-2);
	border-top: 5px solid var(--cor-quartenaria);
	border-radius: 4px;
	margin: 5px 0 0 0;
}

/* Scroll Bar */
/* width */
.select-items::-webkit-scrollbar {
	width: 2px;
}

/* Track */
.select-items::-webkit-scrollbar-track {
	background: var(--cor-bg-2);
}

/* Handle */
.select-items::-webkit-scrollbar-thumb {
	background: var(--cor-1);
	border-radius: 100px;
}

/* Handle on hover */
.select-items::-webkit-scrollbar-thumb:hover {
	background: var(--cor-1);
	border-radius: 100px;
}

/*hide the items when the select box is closed:*/
.select-hide {
	display: none;
}

.select-items div:hover,
.same-as-selected {}


/*   Login    */

body.login {}

body.login .container-login {
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}


body.login .container-login-left {
	width: 56%;
	height: 100vh;
	margin: 0;
	padding: 0;
	background: url(../img/login_bg.jpg) left center no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}


body.login .container-login-left h1 {
	width: 80%;
	height: 30vh;
	margin: 0 0 38vh;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/selo.png) center center no-repeat;
	background-size: contain;
	position: relative;
	z-index: 2;
}



body.login .container-login-left .bg-estrelas-1 {
	width: 100%;
	height: 47vh;
	margin: 0;
	padding: 0;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/estrelas.png) left top no-repeat;
	background-size: contain;
}

body.login .container-login-left .bg-estrelas-2 {
	width: 100%;
	height: 40vh;
	margin: 0;
	padding: 0;
	right: 0px;
	bottom: 0px;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/estrelas02.png) right bottom no-repeat;
	background-size: contain;
}


body.login .container-login-right {
	width: 44%;
	height: 100vh;
	margin: 0;
	padding: 0;
	background: var(--cor-bg-1);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}



body.login .container-login-right .login-header {
	width: 70%;
	height: auto;
	margin: 40px 0 0 0;
	padding: 0;
	display: flex;
	justify-content: center;
}


body.login .container-login-right .login-header .logo {
	width: 218px;
	height: 78px;
	margin: 0;
	padding: 0;

	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/logo.png) center center no-repeat;
	background-size: contain;
}


body.login .container-login-right .login-body {
	width: 70%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

body.login .container-login-right .login-body h4 {

	color: var(--cor-txt-1);

}

body.login .container-login-right .login-body form {
	width: 100%;
	height: auto;
	margin: 30px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.row-senha {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0;
	position: relative;
	display: flex;
	align-items: center;
}

.row-senha input {
	margin: 0;
}

.row-senha a {
	width: 22px;
	height: 22px;
	margin: 0 10px;
	padding: 0;
	background: url(../img/icon-senha.svg) center center no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
	cursor: pointer;

}

.row-senha a.esconder {
	background: url(../img/icon-senha-esconder.svg) center center no-repeat;
	background-size: contain;
}

body.login .container-login-right .login-body form .senha-invalida {
	font-size: var(--fs-p-s);
	line-height: var(--lh-p-s);
	font-weight: 700;
	color: var(--cor-5);
	display: none;
}

body.login .container-login-right .login-body form p {
	text-align: left;
}


body.login .container-login-right .login-body p {
	margin: 0 0 15px;
	text-align: center;
	color: var(--cor-6);
}

body.login .container-login-right .login-body p a {
	color: var(--cor-2);
	cursor: pointer;
	font-weight: bold;

}


body.login .container-login-right .bt {
	width: 100%;
}


body.login .container-login-right .login-footer {
	width: 90%;
	height: auto;
	margin: 0 0 10px;
	padding: 0;
}

body.login .container-login-right .login-footer p {
	text-align: right;
}

body.login .container-login-right .login-footer a {
	color: var(--cor-2);
	cursor: pointer;
	margin: 0 5px;
	text-decoration: underline;
	font-size: var(--fs-p-s);
}

body.login .container-login-right .login-footer a:hover {
	color: var(--cor-2);
	cursor: pointer;
}




/* Cadastros */

body.cadastro .bg-cadastro {
	background: url(../img/cadastro-bg.jpg) center center no-repeat;
	background-size: cover;

	padding-top: 120px;

	padding-bottom: 120px;
}


body.cadastro header {
	width: 100%;
	height: 200px;
	margin: 0;
	padding: 0;
	background: url(../img/login_bg.jpg) left center no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

body.cadastro header h1 {
	width: 18%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/selo.png) center center no-repeat;
	background-size: contain;
}




body.cadastro header .bg-estrelas-1 {
	width: 100%;
	height: 130%;
	margin: 0;
	padding: 0;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/estrelas.png) left top no-repeat;
	background-size: contain;
}

body.cadastro header .bg-estrelas-2 {
	width: 100%;
	height: 120%;
	margin: 0;
	padding: 0;
	right: 0px;
	bottom: 0px;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/estrelas02.png) right bottom no-repeat;
	background-size: contain;
}






body.cadastro h4 {
	color: var(--cor-txt-1);
	margin: 0 0 30px;
}

body.cadastro h4 span {
	color: var(--cor-5);
	font-size: var(--fs-p);
	font-weight: 400;
}

body.cadastro label {

	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;

	color: var(--cor-2);

	font-family: var(--font);
	font-size: var(--fs-p);
	line-height: var(--lh-p);

	font-weight: 700;

}

body.cadastro .box-envie-sua-foto label {
	line-height: var(--lh-p-s);
}

body.cadastro .pre-preenchido {
	background: #0096D80D;
}


body.cadastro .bt {
	background: var(--cor-1);
	color: var(--cor-txt-2);
}

body.cadastro .row .row {
	padding-left: 0;
	padding-right: 0;
}



body.cadastro footer {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 0;
	background: var(--cor-2);
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	border-top: 8px solid var(--cor-2);
}

body.cadastro footer h1 {
	width: 100%;
	height: 55px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/logo-negativo.png) center center no-repeat;
	background-size: contain;
}

body.cadastro footer p {
	margin: 0;
	text-align: right;
	color: var(--cor-txt-2);
}

body.cadastro footer p img {
	width: auto;
	height: var(--fs-p);
}

body.cadastro footer p a {
	color: var(--cor-7);
}

body.cadastro footer p a:hover {
	text-decoration: none;
}


.container-tabela a {
	text-decoration: none;
	color: var(--cor-txt-1);
}

.container-tabela a i {
	font-size: var(--fs-p-l);
	margin: 5px;
}

body.cadastro .bt-voltar img {
	width: auto;
	height: var(--fs-p);
}

body.cadastro .bt-voltar {
	color: var(--cor-2);
	text-decoration: none;
	margin-top: -44px;
	display: block;
	width: fit-content;
}

body.cadastro .bt-voltar:hover {
	color: var(--cor-2);
	text-decoration: none;
}




/*   Header    */




.header {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px 3% 10px 7%;
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: space-between;
	background: url(../img/login_bg.jpg) center center no-repeat;
	background-size: cover;
	box-shadow: 0px 0px 6px 4px rgba(255, 255, 255, 0.25);
	border-bottom: var(--cor-1) solid 2px;
	align-items: center;
	top: 0;
}

.header h1 {
	width: 168px;
	height: 104px;
	margin: 0 0 0;
	padding: 0;
	background: url(../img/selo.png) center center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
}

.header .col-direita {
	width: 330px;
	height: 100px;
	margin: 0 0 0 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}



.header .box-perfil {
	width: 80%;
	height: 100px;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	position: relative;
}

.header .box-perfil .perfil-avatar {
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #ffffff;
	border-radius: 1000px;
	padding: 2px;
	border: 2px solid #0096D8;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
}

.header .box-perfil .perfil-avatar::after {
	content: " ";
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	padding: 0;
	margin: 0;
	border: 2px solid #AFCB3A;
	border-radius: 1000px;
	position: absolute;
}

.header .box-perfil .perfil-avatar::before {
	content: " ";
	width: calc(100% + 14px);
	height: calc(100% + 14px);
	padding: 0;
	margin: 0;
	background: #ffffff;
	border-radius: 1000px;
	position: absolute;
	z-index: -1;
}

.header .box-perfil .perfil-avatar img {
	width: 100%;

}

.header .box-perfil .perfil-avatar .montagem-avatar {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0;
}


.header .box-perfil .perfil-conteudos {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0 0 0 70px;
	background: var(--cor-1);
	border-radius: 100px;
	position: absolute;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header .box-perfil .perfil-conteudos h3 {
	width: 80%;
	height: auto;
	padding: 0;
	margin: 0;
	color: var(--cor-2);
	font-weight: 400;
	font-size: var(--fs-p);
	line-height: var(--lh-p);
}


.header .box-perfil .perfil-conteudos .bt-menu-perfil {
	width: 20%;
	height: 14px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	background: url(../img/icon-seta-baixo.svg) center center no-repeat;
	background-size: contain;
	position: relative;
}


.header .box-perfil .perfil-conteudos .bt-menu-perfil .menu-perfil {
	position: absolute;
	right: 0;
	top: 50px;
	white-space: nowrap;
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: var(--cor-1);
	padding: 10px 20px 10px 16px;
	border-radius: 8px;
	z-index: 201;
}

.fundo-menu-perfil {
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 200;
	cursor: pointer;
}

.header .box-perfil .perfil-conteudos .bt-menu-perfil .menu-perfil:before {
	content: " ";
	width: 17px;
	height: 17px;
	position: absolute;
	background: url(../img/bg-menu-perfil.svg) center center no-repeat;
	background-size: contain;
	margin: 0 0 59% 77%;
}

.header .box-perfil .perfil-conteudos .bt-menu-perfil .menu-perfil a {
	width: 100%;
	font-size: var(--fs-p);
	line-height: var(--lh-p-l);
	color: var(--cor-2);
	padding: 0 0 0 30px;
	margin: 5px 0;
}

.header .box-perfil .perfil-conteudos .bt-menu-perfil .menu-perfil a:hover {
	text-decoration: none;
}

.header .box-perfil .perfil-conteudos .bt-menu-perfil .menu-perfil a.bt-editar {
	background: url(../img/icon-editar.svg) left center no-repeat;
	background-size: 24px;
}

.header .box-perfil .perfil-conteudos .bt-menu-perfil .menu-perfil a.bt-sair {
	background: url(../img/icon-sair.svg) left center no-repeat;
	background-size: 24px;
}


.header .bt-menu {
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;

	background: var(--cor-1);


}

.header .bt-menu span {
	color: var(--cor-2);
	font-size: 26px;
	line-height: 26px;
	margin: 0;
	padding: 0;
}


.header .bt-notificacao {
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-radius: 1000px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;

	background: var(--cor-1);
	position: relative;

}

.header .bt-notificacao span {
	color: var(--cor-2);
	font-size: 26px;
	line-height: 26px;
	margin: 0;
	padding: 0;
}


.header .bt-notificacao .contador-not {
	background: red;
	color: white;
	width: 20px;
	height: 20px;
	border-radius: 100px;
	position: absolute;
	margin: -30px 0 0 30px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-family: var(--font);
	font-size: 10px;
}

/*  menu */




.fundo-menu {
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
	background: var(--cor-3);
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	display: none;
	cursor: pointer;
}

.menu {
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 21;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
	display: none;
	top: -100vh;
}

.menu-container {
	width: 680px;
	height: auto;
	padding: 30px 40px 20px;
	margin: 0;
	background: var(--cor-1);
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	pointer-events: all;
}

.menu-container h2 {
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	color: var(--cor-txt-2);
	text-align: center;
	padding: 0;
	margin: 0 0 20px 0;
}

.menu-container h2 span {
	color: var(--cor-2);
}

.menu-box {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.menu-box a {
	width: 30%;
	height: 70px;
	margin: 10px 0;
	padding: 10px 15px;
	text-align: left;
	background: var(--cor-2);
	border-radius: 8px;
	color: var(--cor-txt-2);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
}

.menu-box a:hover {
	color: var(--cor-txt-2);
	text-decoration: none;
}


.menu-box a span {
	font-size: var(--fs-p-s);
	line-height: var(--lh-p-s);
	font-weight: 300;
}


.bt-fechar-menu {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: var(--cor-2);
	text-align: center;
	font-weight: 700;
	cursor: pointer;
}

.bt-fechar-menu:hover {
	color: var(--cor-2);
}



/*  metaverso 3D */


body.internas .container-3d-full {
	padding: 0 !important;
	height: 100vh !important;
}

body.internas .container-3d .bt-menu {
	display: none;
}

body.internas .container-3d-full .bt-menu {
	width: 3vw;
	height: 3vw;
	margin: 0;
	padding: 0;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: absolute;
	top: 1vw;
	right: 1vw;
	background: var(--cor-1);
	z-index: 10;
}



body.internas .container-3d-full .bt-menu span {
	color: var(--cor-2);
	font-size: 2vw;
	line-height: 2vw;
	margin: 0;
	padding: 0;
}


body.internas .container-3d {
	width: 100vw;
	height: auto;
	padding: 70px 112px;
	margin: 0;
	position: relative;
	z-index: 5;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}



body.internas .container-3d:before {
	content: " ";
	width: 60%;
	height: 50%;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	background: url(../img/estrelas.png) left top no-repeat;
	background-size: contain;
	position: absolute;
	z-index: 1;
}


body.internas .container-3d:after {
	content: " ";
	width: 40%;
	height: 50%;
	margin: 0;
	padding: 0;
	bottom: 0;
	right: 0;
	background: url(../img/estrelas02.png) bottom right no-repeat;
	background-size: contain;
	position: absolute;
	z-index: 1;
}


body.internas .container-3d .bt-full {
	width: 3vw;
	height: 3vw;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
	cursor: pointer;
	background: var(--cor-1);
	bottom: calc(1vw - -70px);
	right: calc(1vw - -112px);
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center
}

body.internas .container-3d .bt-full span {
	color: var(--cor-2);
	font-size: 2vw;
	line-height: 2vw;
	margin: 0;
	padding: 0;
}

body.internas .container-3d .bt-minimize {
	display: none;
}

body.internas .container-3d-full .bt-full {
	display: none;

}

body.internas .container-3d-full .bt-minimize {
	width: 3vw;
	height: 3vw;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
	cursor: pointer;
	background: var(--cor-1);
	border-radius: 8px;
	bottom: 1vw;
	right: 1vw;
	display: flex;
	justify-content: center;
	align-items: center;
}


body.internas .container-3d-full .bt-minimize span {
	color: var(--cor-2);
	font-size: 2vw;
	line-height: 2vw;
	margin: 0;
	padding: 0;
}


body.internas .container-3d .box-3d {
	width: 100%;

	border-radius: 8px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}


body.internas .container-3d iframe {
	width: 100%;

	overflow: hidden;
	border: none;
	outline: none;
}



body.internas .container-3d-full .box-3d {
	width: 177.7777vh;
	height: 100vh;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	z-index: 2;
}


body.internas .container-3d-full .box-3d iframe {
	width: 177.7777vh;
	height: 100vh;

	overflow: hidden;
	border: none;
	outline: none;
}




/*   Internas    */


body.internas {
	background: var(--cor-3);
	margin: 0;
	padding: 0;
	width: 100vw;
}


.vire-de-lado {
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0 20vw;
	z-index: 9999;
	position: fixed;
	background: var(--cor-1);
	color: var(--cor-2);
	display: none;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-family: var(--font);
	font-weight: bold;
	font-size: var(--font-size-h3);
	line-height: var(--font-line-h3);
	text-align: center;
	text-transform: uppercase;
}

.vire-de-lado span {
	margin: 0 0 4vw;
	display: inline-block;
}





/*   Vídeo Tour    */


.container-video-tour {
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
	background: url(../img/login_bg.jpg) center center no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	z-index: 999;
}

.container-video-tour h1 {
	width: 15%;
	height: 15%;
	margin: 2% 0 0 0;
	padding: 0;
	background: url(../img/selo.png) center center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
}





.container-video-tour .box-3d {
	width: 55%;

	border-radius: 8px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	box-shadow: 0px 0px 6px 4px rgba(255, 255, 255, 0.25);
	border: 2px solid var(--cor-1);
}


.container-video-tour iframe {
	width: 100%;

	overflow: hidden;
	border: none;
	outline: none;
}

.container-video-tour a.bt-pular-video-tour {
	width: auto;
	height: auto;
	margin: 0 0 2%;
	padding: 5px 15px;
	background: var(--cor-2);
	color: var(--cor-txt-2);
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	display: flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
	cursor: pointer;

}


.container-video-tour a.bt-pular-video-tour:hover {
	text-decoration: none;
}

.container-video-tour a.bt-pular-video-tour img {
	height: var(--fs-p);
	margin: 0 0 0 100px;
}





/*   Nossas estrelas    */



body.nossas-estrelas {
	background: url(../img/bg-nossas-estrelas.jpg) center center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}


.nossas-estrelas-header {
	width: 100vw;
	height: 45vh;
	background: url(../img/bg-header-nossas-estrelas.png) center top no-repeat;
	background-size: cover;

}

body.nossas-estrelas h3 {
	width: 100%;
	color: var(--cor-txt-2);
	text-align: center;
}


body.nossas-estrelas .container-nossas-estrelas {
	width: 100%;
	height: auto;
	margin: 0 0 40px;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

body.nossas-estrelas .container-nossas-estrelas .box-nossas-estrelas {
	width: 30%;
	height: auto;
	margin: 75px 1.5% 20px;
	padding: 0 0 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 8px;
	background: rgba(42, 93, 42, 0.70);
	backdrop-filter: blur(0px);
}

body.nossas-estrelas .container-nossas-estrelas .box-nossas-estrelas img {
	width: 150px;
	height: 150px;
	margin: -75px 0 20px;
	padding: 0;
	object-fit: contain;
	object-position: center;
	overflow: hidden;


	background: linear-gradient(#faf0d5, #ffffff) padding-box,
		linear-gradient(to bottom, #916a00, #faf0d5) border-box;
	border-radius: 50em;
	border: 4px solid transparent;
}


body.nossas-estrelas h4 {
	width: 100%;
	color: var(--cor-1);
	text-align: center;
	margin: 0 0 10px;
}

body.nossas-estrelas h5 {
	width: 100%;
	color: var(--cor-txt-2);
	text-align: center;
	margin: 0 0 5px;
}

body.nossas-estrelas h6 {
	width: 100%;
	color: var(--cor-txt-2);
	text-align: center;
}



body.nossas-estrelas .bt {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--cor-2);
	padding: 12px 0;
}

body.nossas-estrelas .bt img {
	height: var(--fs-p);
	width: auto;
	margin: 0 10px 0 0;
	padding: 0;
}



/* Internas */


.conteudos-internas {
	position: relative;
	padding: 100px 0;
}


.bt-voltar-mundo {
	width: auto;
	height: auto;
	position: absolute;
	padding: 10px 30px;
	margin: 0;
	top: 0;
	left: 55px;
	background: var(--cor-1);
	color: var(--cor-2);
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	font-weight: 700;
	border-radius: 8px;
	box-shadow: 0px 4px 4px 0px #00000040;
}

.bt-voltar-mundo:hover {
	color: var(--cor-2);
	text-decoration: none;
}

.bt-voltar-mundo img {
	width: auto;
	height: var(--fs-p);
	padding: 0;
	margin: 0 10px 0 0;
}



.conteudos-internas h3 {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	color: var(--cor-2);
	font-size: var(--fs-h3);
	line-height: var(--lh-h3);
	font-weight: 700;
}

.conteudos-internas h6 {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	color: var(--cor-txt-1);
	font-size: var(--fs-h6);
	line-height: var(--lh-h6);
	font-weight: 700;
}


.paginacao {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-end;
}

.paginacao ul {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.paginacao ul li a {
	width: auto;
	height: auto;
	padding: 5px 8px;
	margin: 0 2px;
	color: var(--cor-txt-1);
	border-radius: 4px;
	font-size: var(--fs-p);
	text-decoration: none;
}

.paginacao ul li a:hover {
	text-decoration: none;
	color: var(--cor-txt-2);
	background: var(--cor-2);
}

.paginacao ul li a.pag-selecionada {
	background: var(--cor-2);
	color: var(--cor-txt-2);
}

/* Assessment  */


.assessment {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: url(../img/bg-assessment.jpg) center bottom no-repeat, var(--cor-bg-3);
	background-size: cover;
	background-attachment: fixed;
}


.assessment .header {
	background: url(../img/assessment-header.png) center center no-repeat;
	background-size: cover;
}

.assessment .header h1 {
	background: url(../img/assessment-logo.png) center center no-repeat;
	background-size: contain;
	width: 300px;
	height: 84px;
	margin: 20px 0 0 0;
}


.assessment .header .box-perfil .perfil-conteudos h3 {
	color: var(--cor-txt-2);
}

.assessment .header .box-perfil .perfil-conteudos .bt-menu-perfil {
	background: url(../img/icon-seta-baixo-branca.svg) center center no-repeat;
	background-size: contain;
}


.assessment .header .bt-menu span {
	color: var(--cor-txt-2);
}


.assessment .header .bt-menu {
	background: var(--cor-2);
}

.assessment .header .box-perfil .perfil-conteudos {
	background: var(--cor-2);
}




.assessment .menu-container {
	background: url(../img/assessment_menu-bg.jpg) center center no-repeat;
	background-size: cover;
}




.assessment .menu-box a {
	width: 48%;
}

.assessment .menu-box {
	width: 80%;
}


.assessment .bt-fechar-menu {
	color: var(--cor-txt-2);
}


.assessment .header .col-direita {
	width: 400px;
}


.assessment .header .box-perfil {
	width: 70%;
}



.assessment .header .bt-notificacao span {
	color: var(--cor-txt-2);
}


.assessment .header .bt-notificacao {
	background: var(--cor-2);
}



.assessment input.buscar {
	/* width: 40%; */
	background: var(--cor-bg-1);
	border-radius: 1000px;
	color: var(--cor-txt-1);
	padding: 12px 12px 12px 35px;
	background: url(../img/bt-buscar.svg) 10px center no-repeat, var(--cor-bg-1);
	background-size: 20px;
	margin: 0 5% 15px 0;
}

.assessment .container-filtro-sup input.buscar {
	width: 48%;
	margin: 0 4% 15px 0;
}


input.buscar::-webkit-input-placeholder {
	/* Edge */
	color: var(--cor-txt-1);
}

input.buscar:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--cor-txt-1);
}

input.buscar::placeholder {
	color: var(--cor-txt-1);
}



.conteudos-assessement input.bt-download {
	width: 55%;
	padding: 12px 12px 12px 40px;
	background: url(../img/bt-download.svg) 12px center no-repeat, var(--cor-2);
	background-size: 25px;
	color: var(--cor-txt-2);
	font-weight: 700;
	text-align: center;
}

.assessment .container-filtro-sup input.bt-filtro-data {
	width: 48%;
	padding: 12px 12px 12px 40px;
	background: url(../img/bt-calendario.svg) 12px center no-repeat, var(--cor-2);
	background-size: 25px;
	color: var(--cor-txt-2);
	font-weight: 700;
	text-align: center;
}


.container-filtros {
	width: 100%;
	height: auto;
	margin: 60px 0 20px;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.assessment .container-filtros-7 .box-filtros {
	width: 13%;
}

.container-filtros .box-filtros {
	width: 11%;
	height: auto;
	margin: 0;
	padding: 0;
}

.container-filtros .box-filtros h6 {
	font-size: var(--fs-p-s);
	line-height: var(--fs-p-s);
	margin: 0 0 6px;
}


.container-filtros .box-filtros .custom-select {
	color: var(--cor-txt-1);
	background: var(--cor-bg-1);
	border: 1px solid var(--cor-2);
}

.container-filtros .box-filtros .select-items div,
.container-filtros .box-filtros .select-selected {
	color: var(--cor-txt-1);
	padding: 6px 12px;
}




.container-meses {
	width: 100%;
	height: auto;
	margin: 10px 0 0;
	padding: 0 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: baseline;

}


.container-meses .box-meses {
	width: 11%;
	height: auto;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--cor-2);
}


.container-meses .box-meses h6 {
	font-size: var(--fs-p-s);
	line-height: var(--fs-p-s);
	margin: 0;
	padding: 0 0 10px;
	text-align: center;
}

.container-meses .box-meses h6 a {
	color: var(--cor-txt-1);
	text-decoration: none;
}

.container-meses .box-meses h6 a:hover {
	color: var(--cor-txt-1);
	text-decoration: none;
}


.container-meses .mes-selecionado {}

.container-meses .mes-selecionado h6 {

	border-bottom: 2px solid var(--cor-2);
	color: var(--cor-2);
	display: inline-block;
	margin: 0 0 -2px;
}


.container-meses .mes-selecionado h6 a {
	color: var(--cor-2);
	text-decoration: none;
}




.status-indicador-assessement {
	text-align: right;
	font-size: var(--fs-h5);
	line-height: var(--lh-h5);
}

.status-indicador-assessement span {
	color: var(--cor-2);
}

.status-indicador-assessement span.status-amarelo {
	color: var(--cor-7);
}

.status-indicador-assessement span.status-laranja {
	color: #f88d00;
}

.status-indicador-assessement span.status-verde {
	color: var(--cor-3);
}

.status-indicador-assessement span.status-verde-claro {
	color: #078802;
}

.status-indicador-assessement span.status-vermelho {
	color: var(--cor-5);
}


.container-float {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}


.container-float p {
	width: auto;
	margin: 0 20px 20px 0;
}


.container-float p span {
	color: var(--cor-2);
}

span.verde {
	color: var(--cor-2);
}


.info-box {
	width: 100%;
	height: auto;
	padding: 0 0 0 60px;
	margin: 10px 0 30px;
	background: url(../img/icon-info.svg) 10px center no-repeat;
	background-size: 40px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.info-box p {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 20px 10px;
	background: var(--cor-bg-4);
	border-radius: 8px;
	color: var(--cor-txt-1);
}


.fundo-cinza {
	width: auto;
	height: auto;
	margin: 0;
	padding: 12px 10px;
	background: var(--cor-bg-4);
	border-radius: 8px;
	color: var(--cor-txt-1);
}



.if-plano-sim {
	display: none;
}

.if-plano-nao {
	display: none;
}

.container-float select {
	width: 200px;
	margin: 0 15px;
	background: var(--cor-bg-1);
	color: var(--cor-txt-1);
}

.container-float .custom-select {
	width: 200px;
	margin: 0 15px;
	background: var(--cor-bg-1);
	color: var(--cor-txt-1);
}

.container-float .select-items div,
.container-float .select-selected {
	color: var(--cor-txt-1);
}

.conteudos-assessement input {
	/* width: auto; */
	background: var(--cor-bg-1);
}

.conteudos-assessement input.atribuir {
	width: 40%;
}

.conteudos-assessement input.data-de-inicio {
	margin: 0 30px 20px 0;
}

.conteudos-assessement textarea {
	background: var(--cor-bg-1);
	color: var(--cor-txt-1);
	height: 120px;
}

.conteudos-assessement input.bt {
	width: auto;
	margin: 0 0 0 20px;
	padding: 12px 40px;
	background: var(--cor-3);
	color: var(--cor-txt-2);
}

.conteudos-assessement input.input-file {
	margin: 0 0 0 20px;
}


.container-evidencias {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.container-evidencias .box-evidencias {
	width: auto;
	height: auto;
	padding: 10px;
	margin: 0 2px;
	background: var(--cor-bg-1);
	border-radius: 8px;
	display: flex;
	align-items: center;
}

.container-evidencias .box-evidencias img {
	height: var(--fs-p-l);
	width: auto;
	margin: 0 10px 0 0;
}

.container-evidencias .box-evidencias p {
	margin: 0;
	width: unset;
	cursor: pointer;
}

.container-evidencias .box-evidencias p.bt-excluir-anexo {
	margin: 0 0 0 10px;
	cursor: pointer;
	font-size: var(--fs-p-s);
	line-height: var(--fs-p-s);
}





.container-comentarios {
	width: 100%;
	height: 300px;
	margin: 0 0 20px;
	padding: 0;
	overflow-y: auto;
}

.container-comentarios::-webkit-scrollbar {
	width: 15px;
	position: absolute;
}

.container-comentarios::-webkit-scrollbar-track {
	background: var(--cor-bg-5);
	border-radius: 4px;
}

.container-comentarios::-webkit-scrollbar-thumb {
	background: var(--cor-3);
	border-radius: 4px;
}

.container-comentarios::-webkit-scrollbar-thumb:hover {
	background: var(--cor-3);
	border-radius: 4px;
}


.box-comentarios {
	width: calc(100% - 5px);
	height: auto;
	margin: 0 5px 5px 0;
	padding: 15px;
	border-radius: 8px;
	background: var(--cor-bg-5);
}

.comentario-verde {
	background: var(--cor-10);
}

.comentario-amarelo {
	background: var(--cor-9);
}

.box-comentarios p.autor-comentario {
	font-size: var(--fs-p-s);
	margin: 0;
	color: var(--cor-3);
}

.conteudos-assessement input.input-comentario {
	width: 100%;
}

.conteudos-assessement input.bt-enviar-comentario {
	width: 50px;
	position: absolute;
	right: 15px;
	background: url(../img/bt-enviar-comentario.svg) center center no-repeat;
	background-size: var(--fs-p);
}

.bt-salvar {
	width: auto;
	margin: 0 20px 0 0;
	padding: 12px 40px;
	background: var(--cor-3);
	color: var(--cor-txt-2);
	border-radius: 8px;
}

.bt-salvar:hover {
	text-decoration: none;
	color: var(--cor-txt-2);
}

.bt-cancelar {
	color: var(--cor-11);
}

.bt-cancelar:hover {
	text-decoration: none;
	color: var(--cor-11);
}



.container-cat-sup {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0;
	display: flex;
	align-items: center;
}


.container-cat-sup a {
	width: auto;
	height: auto;
	margin: 0 2px;
	padding: 12px;
	border-radius: 8px;
	font-size: var(--fs-p);
	line-height: var(--fs-p);
	color: var(--cor-txt-1);
	cursor: pointer;

}

.container-cat-sup a.bt-cat-sup-sel,
.container-cat-sup a:hover {
	background: var(--cor-4);
	color: var(--cor-txt-2);
	text-decoration: none;
}


.container-itens-sup {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: var(--cor-bg-4);
	border-radius: 8px;
}

.container-itens-sup .container-itens-sup-head {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 2px solid var(--cor-bg-2);
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.container-itens-sup .container-itens-sup-head .box-selecionar-todos {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	display: flex;
}

.container-itens-sup .container-itens-sup-head .box-selecionar-todos input {
	width: 25px;
	height: 25px;
	-webkit-appearance: none;
	margin: 0 5px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	border: 2px solid var(--cor-txt-1);
	background: var(--cor-bg-4);
}


.container-itens-sup .container-itens-sup-head .box-selecionar-todos input:focus {
	outline: none;
}

.container-itens-sup .container-itens-sup-head .box-selecionar-todos input:checked:after {
	content: '✓';
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	position: relative;

	color: var(--cor-2);
}


.container-itens-sup .container-itens-sup-head .bt-download-selecionados {
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/bt-download-verde.svg) center center no-repeat;
	background-size: contain;
}


.container-itens-sup-body {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: var(--cor-bg-4);
	border-radius: 8px;
}


.box-intens-sup {
	width: 32%;
	height: 215px;
	margin: 0 0 25px;
	padding: 20px;
	border-radius: 8px;
	background: var(--cor-bg-1);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}


.box-intens-sup .selecionar-box-sup {
	width: auto;
	height: auto;
	margin: 10px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.box-intens-sup .selecionar-box-sup input {
	width: 20px;
	height: 20px;
	-webkit-appearance: none;
	margin: 0 5px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	border: 2px solid var(--cor-txt-1);
	background: var(--cor-bg-1);
}


.box-intens-sup .selecionar-box-sup input:focus {
	outline: none;
}

.box-intens-sup .selecionar-box-sup input:checked:after {
	content: '✓';
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	position: relative;

	color: var(--cor-2);
}


.box-intens-sup img {
	width: 62px;
	height: 62px;
	margin: 0 0 10px;
	padding: 0;
}

.box-intens-sup h4 {
	font-size: var(--fs-p-l);
	line-height: var(--lh-p-l);
	margin: 0;
	font-weight: 700;
}

.box-intens-sup p {
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	font-weight: 300;
}

.box-sup-footer {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.box-sup-footer .descritivo-box-sup {
	width: 70%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
}

.box-sup-footer .descritivo-box-sup img {
	width: 30px;
	height: 25px;
	margin: 0 5px 0 0;
	padding: 0;
	object-fit: contain;
	object-position: center;
}


.box-sup-footer .descritivo-box-sup .tag {
	width: auto;
	height: auto;
	margin: 0;
	padding: 6px;
	border-radius: 2px;
	background: var(--cor-3);
	color: var(--cor-txt-2);
	font-size: var(--fs-p-s);
	line-height: var(--fs-p-s);
}

.box-sup-footer .baixar-box-sup a {
	width: 30%;
	height: auto;
	margin: 0;
	padding: 5px 35px 5px 0;
	color: var(--cor-3);
	font-size: var(--fs-p);
	line-height: var(--fs-p);
	font-weight: 700;
	background: url(../img/bt-download-verde.svg) right center no-repeat;
	background-size: contain;
	cursor: pointer;
}

.box-sup-footer .link-box-sup a {
	width: 35%;
	height: auto;
	margin: 0;
	padding: 5px 35px 5px 0;
	color: var(--cor-3);
	font-size: var(--fs-p);
	line-height: var(--fs-p);
	font-weight: 700;
	background-size: contain;
	cursor: pointer;
}

.box-sup-footer .baixar-box-sup a:hover {
	text-decoration: none;
	color: var(--cor-3);
}



















/* Assessment Indicadores */





pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill {
	border: 0.1em solid #FA0000;
}

.p0 .fill {
	border: none !important;
}


pie,
.circle-azul .bar,
.circle-azul.p51 .fill,
.circle-azul.p52 .fill,
.circle-azul.p53 .fill,
.circle-azul.p54 .fill,
.circle-azul.p55 .fill,
.circle-azul.p56 .fill,
.circle-azul.p57 .fill,
.circle-azul.p58 .fill,
.circle-azul.p59 .fill,
.circle-azul.p60 .fill,
.circle-azul.p61 .fill,
.circle-azul.p62 .fill,
.circle-azul.p63 .fill,
.circle-azul.p64 .fill,
.circle-azul.p65 .fill,
.circle-azul.p66 .fill,
.circle-azul.p67 .fill,
.circle-azul.p68 .fill,
.circle-azul.p69 .fill,
.circle-azul.p70 .fill,
.circle-azul.p71 .fill,
.circle-azul.p72 .fill,
.circle-azul.p73 .fill,
.circle-azul.p74 .fill,
.circle-azul.p75 .fill,
.circle-azul.p76 .fill,
.circle-azul.p77 .fill,
.circle-azul.p78 .fill,
.circle-azul.p79 .fill,
.circle-azul.p80 .fill,
.circle-azul.p81 .fill,
.circle-azul.p82 .fill,
.circle-azul.p83 .fill,
.circle-azul.p84 .fill,
.circle-azul.p85 .fill,
.circle-azul.p86 .fill,
.circle-azul.p87 .fill,
.circle-azul.p88 .fill,
.circle-azul.p89 .fill,
.circle-azul.p90 .fill,
.circle-azul.p91 .fill,
.circle-azul.p92 .fill,
.circle-azul.p93 .fill,
.circle-azul.p94 .fill,
.circle-azul.p95 .fill,
.circle-azul.p96 .fill,
.circle-azul.p97 .fill,
.circle-azul.p98 .fill,
.circle-azul.p99 .fill {
	border: 0.1em solid #203864;
}

.c100.p100 .fill {
	border: 0.1em solid #203864;
}

.p100 .bar,
.circle-azul .bar {
	border: 0.1em solid #203864;
}






pie,
.circle-verde .bar,
.circle-verde.p51 .fill,
.circle-verde.p52 .fill,
.circle-verde.p53 .fill,
.circle-verde.p54 .fill,
.circle-verde.p55 .fill,
.circle-verde.p56 .fill,
.circle-verde.p57 .fill,
.circle-verde.p58 .fill,
.circle-verde.p59 .fill,
.circle-verde.p60 .fill,
.circle-verde.p61 .fill,
.circle-verde.p62 .fill,
.circle-verde.p63 .fill,
.circle-verde.p64 .fill,
.circle-verde.p65 .fill,
.circle-verde.p66 .fill,
.circle-verde.p67 .fill,
.circle-verde.p68 .fill,
.circle-verde.p69 .fill,
.circle-verde.p70 .fill,
.circle-verde.p71 .fill,
.circle-verde.p72 .fill,
.circle-verde.p73 .fill,
.circle-verde.p74 .fill,
.circle-verde.p75 .fill,
.circle-verde.p76 .fill,
.circle-verde.p77 .fill,
.circle-verde.p78 .fill,
.circle-verde.p79 .fill,
.circle-verde.p80 .fill,
.circle-verde.p81 .fill,
.circle-verde.p82 .fill,
.circle-verde.p83 .fill,
.circle-verde.p84 .fill,
.circle-verde.p85 .fill,
.circle-verde.p86 .fill,
.circle-verde.p87 .fill,
.circle-verde.p88 .fill,
.circle-verde.p89 .fill,
.circle-verde.p90 .fill,
.circle-verde.p91 .fill,
.circle-verde.p92 .fill,
.circle-verde.p93 .fill,
.circle-verde.p94 .fill,
.circle-verde.p95 .fill,
.circle-verde.p96 .fill,
.circle-verde.p97 .fill,
.circle-verde.p98 .fill,
.circle-verde.p99 .fill,
.circle-verde.p100 .fill {
	border: 0.1em solid #006600;
}

.circle-verde .c100.p100 .fill {
	border: 0.1em solid #006600;
}

.circle-verde .bar {
	border: 0.1em solid #006600;
}





pie,
.circle-amarelo .bar,
.circle-amarelo.p51 .fill,
.circle-amarelo.p52 .fill,
.circle-amarelo.p53 .fill,
.circle-amarelo.p54 .fill,
.circle-amarelo.p55 .fill,
.circle-amarelo.p56 .fill,
.circle-amarelo.p57 .fill,
.circle-amarelo.p58 .fill,
.circle-amarelo.p59 .fill,
.circle-amarelo.p60 .fill,
.circle-amarelo.p61 .fill,
.circle-amarelo.p62 .fill,
.circle-amarelo.p63 .fill,
.circle-amarelo.p64 .fill,
.circle-amarelo.p65 .fill,
.circle-amarelo.p66 .fill,
.circle-amarelo.p67 .fill,
.circle-amarelo.p68 .fill,
.circle-amarelo.p69 .fill,
.circle-amarelo.p70 .fill,
.circle-amarelo.p71 .fill,
.circle-amarelo.p72 .fill,
.circle-amarelo.p73 .fill,
.circle-amarelo.p74 .fill,
.circle-amarelo.p75 .fill,
.circle-amarelo.p76 .fill,
.circle-amarelo.p77 .fill,
.circle-amarelo.p78 .fill,
.circle-amarelo.p79 .fill,
.circle-amarelo.p80 .fill,
.circle-amarelo.p81 .fill,
.circle-amarelo.p82 .fill,
.circle-amarelo.p83 .fill,
.circle-amarelo.p84 .fill,
.circle-amarelo.p85 .fill,
.circle-amarelo.p86 .fill,
.circle-amarelo.p87 .fill,
.circle-amarelo.p88 .fill,
.circle-amarelo.p89 .fill,
.circle-amarelo.p90 .fill,
.circle-amarelo.p91 .fill,
.circle-amarelo.p92 .fill,
.circle-amarelo.p93 .fill,
.circle-amarelo.p94 .fill,
.circle-amarelo.p95 .fill,
.circle-amarelo.p96 .fill,
.circle-amarelo.p97 .fill,
.circle-amarelo.p98 .fill,
.circle-amarelo.p99 .fill {
	border: 0.1em solid #f8dd00;
}

.circle-amarelo .c100.p100 .fill {
	border: 0.1em solid #f8dd00;
}


.circle-amarelo .bar {
	border: 0.1em solid #f8dd00;
}



pie,
.circle-vermelho .bar,
.circle-vermelho.p51 .fill,
.circle-vermelho.p52 .fill,
.circle-vermelho.p53 .fill,
.circle-vermelho.p54 .fill,
.circle-vermelho.p55 .fill,
.circle-vermelho.p56 .fill,
.circle-vermelho.p57 .fill,
.circle-vermelho.p58 .fill,
.circle-vermelho.p59 .fill,
.circle-vermelho.p60 .fill,
.circle-vermelho.p61 .fill,
.circle-vermelho.p62 .fill,
.circle-vermelho.p63 .fill,
.circle-vermelho.p64 .fill,
.circle-vermelho.p65 .fill,
.circle-vermelho.p66 .fill,
.circle-vermelho.p67 .fill,
.circle-vermelho.p68 .fill,
.circle-vermelho.p69 .fill,
.circle-vermelho.p70 .fill,
.circle-vermelho.p71 .fill,
.circle-vermelho.p72 .fill,
.circle-vermelho.p73 .fill,
.circle-vermelho.p74 .fill,
.circle-vermelho.p75 .fill,
.circle-vermelho.p76 .fill,
.circle-vermelho.p77 .fill,
.circle-vermelho.p78 .fill,
.circle-vermelho.p79 .fill,
.circle-vermelho.p80 .fill,
.circle-vermelho.p81 .fill,
.circle-vermelho.p82 .fill,
.circle-vermelho.p83 .fill,
.circle-vermelho.p84 .fill,
.circle-vermelho.p85 .fill,
.circle-vermelho.p86 .fill,
.circle-vermelho.p87 .fill,
.circle-vermelho.p88 .fill,
.circle-vermelho.p89 .fill,
.circle-vermelho.p90 .fill,
.circle-vermelho.p91 .fill,
.circle-vermelho.p92 .fill,
.circle-vermelho.p93 .fill,
.circle-vermelho.p94 .fill,
.circle-vermelho.p95 .fill,
.circle-vermelho.p96 .fill,
.circle-vermelho.p97 .fill,
.circle-vermelho.p98 .fill,
.circle-vermelho.p99 .fill {
	border: 0.1em solid #cc0000;
}

.circle-vermelho .c100.p100 .fill {
	border: 0.1em solid #cc0000;
}

.circle-vermelho .bar {
	border: 0.1em solid #cc0000;
}









.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
	clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
	position: absolute;
	width: 0.8em;
	height: 0.8em;
	clip: rect(0em, 0.5em, 1em, 0em);
	border-radius: 50%;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}



.c100 {}

.c100 *,
.c100 *:before,
.c100 *:after {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.c100>span {
	position: absolute;
	width: 100%;
	z-index: 1;
	left: 0;
	top: 0;
	width: 5em;
	line-height: 5em;
	font-size: 0.2em;

	display: block;
	text-align: center;
	white-space: nowrap;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.c100:after {
	position: absolute;
	top: 0.1em;
	left: 0.1em;
	display: block;
	content: " ";
	border-radius: 50%;

	width: 0.8em;
	height: 0.8em;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

.c100 .slice {
	position: absolute;
	width: 1em;
	height: 1em;
	clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
	-moz-transform: rotate(3.6deg);
	-ms-transform: rotate(3.6deg);
	-webkit-transform: rotate(3.6deg);
	transform: rotate(3.6deg);
}

.c100.p2 .bar {
	-moz-transform: rotate(7.2deg);
	-ms-transform: rotate(7.2deg);
	-webkit-transform: rotate(7.2deg);
	transform: rotate(7.2deg);
}

.c100.p3 .bar {
	-moz-transform: rotate(10.8deg);
	-ms-transform: rotate(10.8deg);
	-webkit-transform: rotate(10.8deg);
	transform: rotate(10.8deg);
}

.c100.p4 .bar {
	-moz-transform: rotate(14.4deg);
	-ms-transform: rotate(14.4deg);
	-webkit-transform: rotate(14.4deg);
	transform: rotate(14.4deg);
}

.c100.p5 .bar {
	-moz-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	-webkit-transform: rotate(18deg);
	transform: rotate(18deg);
}

.c100.p6 .bar {
	-moz-transform: rotate(21.6deg);
	-ms-transform: rotate(21.6deg);
	-webkit-transform: rotate(21.6deg);
	transform: rotate(21.6deg);
}

.c100.p7 .bar {
	-moz-transform: rotate(25.2deg);
	-ms-transform: rotate(25.2deg);
	-webkit-transform: rotate(25.2deg);
	transform: rotate(25.2deg);
}

.c100.p8 .bar {
	-moz-transform: rotate(28.8deg);
	-ms-transform: rotate(28.8deg);
	-webkit-transform: rotate(28.8deg);
	transform: rotate(28.8deg);
}

.c100.p9 .bar {
	-moz-transform: rotate(32.4deg);
	-ms-transform: rotate(32.4deg);
	-webkit-transform: rotate(32.4deg);
	transform: rotate(32.4deg);
}

.c100.p10 .bar {
	-moz-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	-webkit-transform: rotate(36deg);
	transform: rotate(36deg);
}

.c100.p11 .bar {
	-moz-transform: rotate(39.6deg);
	-ms-transform: rotate(39.6deg);
	-webkit-transform: rotate(39.6deg);
	transform: rotate(39.6deg);
}

.c100.p12 .bar {
	-moz-transform: rotate(43.2deg);
	-ms-transform: rotate(43.2deg);
	-webkit-transform: rotate(43.2deg);
	transform: rotate(43.2deg);
}

.c100.p13 .bar {
	-moz-transform: rotate(46.8deg);
	-ms-transform: rotate(46.8deg);
	-webkit-transform: rotate(46.8deg);
	transform: rotate(46.8deg);
}

.c100.p14 .bar {
	-moz-transform: rotate(50.4deg);
	-ms-transform: rotate(50.4deg);
	-webkit-transform: rotate(50.4deg);
	transform: rotate(50.4deg);
}

.c100.p15 .bar {
	-moz-transform: rotate(54deg);
	-ms-transform: rotate(54deg);
	-webkit-transform: rotate(54deg);
	transform: rotate(54deg);
}

.c100.p16 .bar {
	-moz-transform: rotate(57.6deg);
	-ms-transform: rotate(57.6deg);
	-webkit-transform: rotate(57.6deg);
	transform: rotate(57.6deg);
}

.c100.p17 .bar {
	-moz-transform: rotate(61.2deg);
	-ms-transform: rotate(61.2deg);
	-webkit-transform: rotate(61.2deg);
	transform: rotate(61.2deg);
}

.c100.p18 .bar {
	-moz-transform: rotate(64.8deg);
	-ms-transform: rotate(64.8deg);
	-webkit-transform: rotate(64.8deg);
	transform: rotate(64.8deg);
}

.c100.p19 .bar {
	-moz-transform: rotate(68.4deg);
	-ms-transform: rotate(68.4deg);
	-webkit-transform: rotate(68.4deg);
	transform: rotate(68.4deg);
}

.c100.p20 .bar {
	-moz-transform: rotate(72deg);
	-ms-transform: rotate(72deg);
	-webkit-transform: rotate(72deg);
	transform: rotate(72deg);
}

.c100.p21 .bar {
	-moz-transform: rotate(75.6deg);
	-ms-transform: rotate(75.6deg);
	-webkit-transform: rotate(75.6deg);
	transform: rotate(75.6deg);
}

.c100.p22 .bar {
	-moz-transform: rotate(79.2deg);
	-ms-transform: rotate(79.2deg);
	-webkit-transform: rotate(79.2deg);
	transform: rotate(79.2deg);
}

.c100.p23 .bar {
	-moz-transform: rotate(82.8deg);
	-ms-transform: rotate(82.8deg);
	-webkit-transform: rotate(82.8deg);
	transform: rotate(82.8deg);
}

.c100.p24 .bar {
	-moz-transform: rotate(86.4deg);
	-ms-transform: rotate(86.4deg);
	-webkit-transform: rotate(86.4deg);
	transform: rotate(86.4deg);
}

.c100.p25 .bar {
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.c100.p26 .bar {
	-moz-transform: rotate(93.6deg);
	-ms-transform: rotate(93.6deg);
	-webkit-transform: rotate(93.6deg);
	transform: rotate(93.6deg);
}

.c100.p27 .bar {
	-moz-transform: rotate(97.2deg);
	-ms-transform: rotate(97.2deg);
	-webkit-transform: rotate(97.2deg);
	transform: rotate(97.2deg);
}

.c100.p28 .bar {
	-moz-transform: rotate(100.8deg);
	-ms-transform: rotate(100.8deg);
	-webkit-transform: rotate(100.8deg);
	transform: rotate(100.8deg);
}

.c100.p29 .bar {
	-moz-transform: rotate(104.4deg);
	-ms-transform: rotate(104.4deg);
	-webkit-transform: rotate(104.4deg);
	transform: rotate(104.4deg);
}

.c100.p30 .bar {
	-moz-transform: rotate(108deg);
	-ms-transform: rotate(108deg);
	-webkit-transform: rotate(108deg);
	transform: rotate(108deg);
}

.c100.p31 .bar {
	-moz-transform: rotate(111.6deg);
	-ms-transform: rotate(111.6deg);
	-webkit-transform: rotate(111.6deg);
	transform: rotate(111.6deg);
}

.c100.p32 .bar {
	-moz-transform: rotate(115.2deg);
	-ms-transform: rotate(115.2deg);
	-webkit-transform: rotate(115.2deg);
	transform: rotate(115.2deg);
}

.c100.p33 .bar {
	-moz-transform: rotate(118.8deg);
	-ms-transform: rotate(118.8deg);
	-webkit-transform: rotate(118.8deg);
	transform: rotate(118.8deg);
}

.c100.p34 .bar {
	-moz-transform: rotate(122.4deg);
	-ms-transform: rotate(122.4deg);
	-webkit-transform: rotate(122.4deg);
	transform: rotate(122.4deg);
}

.c100.p35 .bar {
	-moz-transform: rotate(126deg);
	-ms-transform: rotate(126deg);
	-webkit-transform: rotate(126deg);
	transform: rotate(126deg);
}

.c100.p36 .bar {
	-moz-transform: rotate(129.6deg);
	-ms-transform: rotate(129.6deg);
	-webkit-transform: rotate(129.6deg);
	transform: rotate(129.6deg);
}

.c100.p37 .bar {
	-moz-transform: rotate(133.2deg);
	-ms-transform: rotate(133.2deg);
	-webkit-transform: rotate(133.2deg);
	transform: rotate(133.2deg);
}

.c100.p38 .bar {
	-moz-transform: rotate(136.8deg);
	-ms-transform: rotate(136.8deg);
	-webkit-transform: rotate(136.8deg);
	transform: rotate(136.8deg);
}

.c100.p39 .bar {
	-moz-transform: rotate(140.4deg);
	-ms-transform: rotate(140.4deg);
	-webkit-transform: rotate(140.4deg);
	transform: rotate(140.4deg);
}

.c100.p40 .bar {
	-moz-transform: rotate(144deg);
	-ms-transform: rotate(144deg);
	-webkit-transform: rotate(144deg);
	transform: rotate(144deg);
}

.c100.p41 .bar {
	-moz-transform: rotate(147.6deg);
	-ms-transform: rotate(147.6deg);
	-webkit-transform: rotate(147.6deg);
	transform: rotate(147.6deg);
}

.c100.p42 .bar {
	-moz-transform: rotate(151.2deg);
	-ms-transform: rotate(151.2deg);
	-webkit-transform: rotate(151.2deg);
	transform: rotate(151.2deg);
}

.c100.p43 .bar {
	-moz-transform: rotate(154.8deg);
	-ms-transform: rotate(154.8deg);
	-webkit-transform: rotate(154.8deg);
	transform: rotate(154.8deg);
}

.c100.p44 .bar {
	-moz-transform: rotate(158.4deg);
	-ms-transform: rotate(158.4deg);
	-webkit-transform: rotate(158.4deg);
	transform: rotate(158.4deg);
}

.c100.p45 .bar {
	-moz-transform: rotate(162deg);
	-ms-transform: rotate(162deg);
	-webkit-transform: rotate(162deg);
	transform: rotate(162deg);
}

.c100.p46 .bar {
	-moz-transform: rotate(165.6deg);
	-ms-transform: rotate(165.6deg);
	-webkit-transform: rotate(165.6deg);
	transform: rotate(165.6deg);
}

.c100.p47 .bar {
	-moz-transform: rotate(169.2deg);
	-ms-transform: rotate(169.2deg);
	-webkit-transform: rotate(169.2deg);
	transform: rotate(169.2deg);
}

.c100.p48 .bar {
	-moz-transform: rotate(172.8deg);
	-ms-transform: rotate(172.8deg);
	-webkit-transform: rotate(172.8deg);
	transform: rotate(172.8deg);
}

.c100.p49 .bar {
	-moz-transform: rotate(176.4deg);
	-ms-transform: rotate(176.4deg);
	-webkit-transform: rotate(176.4deg);
	transform: rotate(176.4deg);
}

.c100.p50 .bar {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.c100.p51 .bar {
	-moz-transform: rotate(183.6deg);
	-ms-transform: rotate(183.6deg);
	-webkit-transform: rotate(183.6deg);
	transform: rotate(183.6deg);
}

.c100.p52 .bar {
	-moz-transform: rotate(187.2deg);
	-ms-transform: rotate(187.2deg);
	-webkit-transform: rotate(187.2deg);
	transform: rotate(187.2deg);
}

.c100.p53 .bar {
	-moz-transform: rotate(190.8deg);
	-ms-transform: rotate(190.8deg);
	-webkit-transform: rotate(190.8deg);
	transform: rotate(190.8deg);
}

.c100.p54 .bar {
	-moz-transform: rotate(194.4deg);
	-ms-transform: rotate(194.4deg);
	-webkit-transform: rotate(194.4deg);
	transform: rotate(194.4deg);
}

.c100.p55 .bar {
	-moz-transform: rotate(198deg);
	-ms-transform: rotate(198deg);
	-webkit-transform: rotate(198deg);
	transform: rotate(198deg);
}

.c100.p56 .bar {
	-moz-transform: rotate(201.6deg);
	-ms-transform: rotate(201.6deg);
	-webkit-transform: rotate(201.6deg);
	transform: rotate(201.6deg);
}

.c100.p57 .bar {
	-moz-transform: rotate(205.2deg);
	-ms-transform: rotate(205.2deg);
	-webkit-transform: rotate(205.2deg);
	transform: rotate(205.2deg);
}

.c100.p58 .bar {
	-moz-transform: rotate(208.8deg);
	-ms-transform: rotate(208.8deg);
	-webkit-transform: rotate(208.8deg);
	transform: rotate(208.8deg);
}

.c100.p59 .bar {
	-moz-transform: rotate(212.4deg);
	-ms-transform: rotate(212.4deg);
	-webkit-transform: rotate(212.4deg);
	transform: rotate(212.4deg);
}

.c100.p60 .bar {
	-moz-transform: rotate(216deg);
	-ms-transform: rotate(216deg);
	-webkit-transform: rotate(216deg);
	transform: rotate(216deg);
}

.c100.p61 .bar {
	-moz-transform: rotate(219.6deg);
	-ms-transform: rotate(219.6deg);
	-webkit-transform: rotate(219.6deg);
	transform: rotate(219.6deg);
}

.c100.p62 .bar {
	-moz-transform: rotate(223.2deg);
	-ms-transform: rotate(223.2deg);
	-webkit-transform: rotate(223.2deg);
	transform: rotate(223.2deg);
}

.c100.p63 .bar {
	-moz-transform: rotate(226.8deg);
	-ms-transform: rotate(226.8deg);
	-webkit-transform: rotate(226.8deg);
	transform: rotate(226.8deg);
}

.c100.p64 .bar {
	-moz-transform: rotate(230.4deg);
	-ms-transform: rotate(230.4deg);
	-webkit-transform: rotate(230.4deg);
	transform: rotate(230.4deg);
}

.c100.p65 .bar {
	-moz-transform: rotate(234deg);
	-ms-transform: rotate(234deg);
	-webkit-transform: rotate(234deg);
	transform: rotate(234deg);
}

.c100.p66 .bar {
	-moz-transform: rotate(237.6deg);
	-ms-transform: rotate(237.6deg);
	-webkit-transform: rotate(237.6deg);
	transform: rotate(237.6deg);
}

.c100.p67 .bar {
	-moz-transform: rotate(241.2deg);
	-ms-transform: rotate(241.2deg);
	-webkit-transform: rotate(241.2deg);
	transform: rotate(241.2deg);
}

.c100.p68 .bar {
	-moz-transform: rotate(244.8deg);
	-ms-transform: rotate(244.8deg);
	-webkit-transform: rotate(244.8deg);
	transform: rotate(244.8deg);
}

.c100.p69 .bar {
	-moz-transform: rotate(248.4deg);
	-ms-transform: rotate(248.4deg);
	-webkit-transform: rotate(248.4deg);
	transform: rotate(248.4deg);
}

.c100.p70 .bar {
	-moz-transform: rotate(252deg);
	-ms-transform: rotate(252deg);
	-webkit-transform: rotate(252deg);
	transform: rotate(252deg);
}

.c100.p71 .bar {
	-moz-transform: rotate(255.6deg);
	-ms-transform: rotate(255.6deg);
	-webkit-transform: rotate(255.6deg);
	transform: rotate(255.6deg);
}

.c100.p72 .bar {
	-moz-transform: rotate(259.2deg);
	-ms-transform: rotate(259.2deg);
	-webkit-transform: rotate(259.2deg);
	transform: rotate(259.2deg);
}

.c100.p73 .bar {
	-moz-transform: rotate(262.8deg);
	-ms-transform: rotate(262.8deg);
	-webkit-transform: rotate(262.8deg);
	transform: rotate(262.8deg);
}

.c100.p74 .bar {
	-moz-transform: rotate(266.4deg);
	-ms-transform: rotate(266.4deg);
	-webkit-transform: rotate(266.4deg);
	transform: rotate(266.4deg);
}

.c100.p75 .bar {
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.c100.p76 .bar {
	-moz-transform: rotate(273.6deg);
	-ms-transform: rotate(273.6deg);
	-webkit-transform: rotate(273.6deg);
	transform: rotate(273.6deg);
}

.c100.p77 .bar {
	-moz-transform: rotate(277.2deg);
	-ms-transform: rotate(277.2deg);
	-webkit-transform: rotate(277.2deg);
	transform: rotate(277.2deg);
}

.c100.p78 .bar {
	-moz-transform: rotate(280.8deg);
	-ms-transform: rotate(280.8deg);
	-webkit-transform: rotate(280.8deg);
	transform: rotate(280.8deg);
}

.c100.p79 .bar {
	-moz-transform: rotate(284.4deg);
	-ms-transform: rotate(284.4deg);
	-webkit-transform: rotate(284.4deg);
	transform: rotate(284.4deg);
}

.c100.p80 .bar {
	-moz-transform: rotate(288deg);
	-ms-transform: rotate(288deg);
	-webkit-transform: rotate(288deg);
	transform: rotate(288deg);
}

.c100.p81 .bar {
	-moz-transform: rotate(291.6deg);
	-ms-transform: rotate(291.6deg);
	-webkit-transform: rotate(291.6deg);
	transform: rotate(291.6deg);
}

.c100.p82 .bar {
	-moz-transform: rotate(295.2deg);
	-ms-transform: rotate(295.2deg);
	-webkit-transform: rotate(295.2deg);
	transform: rotate(295.2deg);
}

.c100.p83 .bar {
	-moz-transform: rotate(298.8deg);
	-ms-transform: rotate(298.8deg);
	-webkit-transform: rotate(298.8deg);
	transform: rotate(298.8deg);
}

.c100.p84 .bar {
	-moz-transform: rotate(302.4deg);
	-ms-transform: rotate(302.4deg);
	-webkit-transform: rotate(302.4deg);
	transform: rotate(302.4deg);
}

.c100.p85 .bar {
	-moz-transform: rotate(306deg);
	-ms-transform: rotate(306deg);
	-webkit-transform: rotate(306deg);
	transform: rotate(306deg);
}

.c100.p86 .bar {
	-moz-transform: rotate(309.6deg);
	-ms-transform: rotate(309.6deg);
	-webkit-transform: rotate(309.6deg);
	transform: rotate(309.6deg);
}

.c100.p87 .bar {
	-moz-transform: rotate(313.2deg);
	-ms-transform: rotate(313.2deg);
	-webkit-transform: rotate(313.2deg);
	transform: rotate(313.2deg);
}

.c100.p88 .bar {
	-moz-transform: rotate(316.8deg);
	-ms-transform: rotate(316.8deg);
	-webkit-transform: rotate(316.8deg);
	transform: rotate(316.8deg);
}

.c100.p89 .bar {
	-moz-transform: rotate(320.4deg);
	-ms-transform: rotate(320.4deg);
	-webkit-transform: rotate(320.4deg);
	transform: rotate(320.4deg);
}

.c100.p90 .bar {
	-moz-transform: rotate(324deg);
	-ms-transform: rotate(324deg);
	-webkit-transform: rotate(324deg);
	transform: rotate(324deg);
}

.c100.p91 .bar {
	-moz-transform: rotate(327.6deg);
	-ms-transform: rotate(327.6deg);
	-webkit-transform: rotate(327.6deg);
	transform: rotate(327.6deg);
}

.c100.p92 .bar {
	-moz-transform: rotate(331.2deg);
	-ms-transform: rotate(331.2deg);
	-webkit-transform: rotate(331.2deg);
	transform: rotate(331.2deg);
}

.c100.p93 .bar {
	-moz-transform: rotate(334.8deg);
	-ms-transform: rotate(334.8deg);
	-webkit-transform: rotate(334.8deg);
	transform: rotate(334.8deg);
}

.c100.p94 .bar {
	-moz-transform: rotate(338.4deg);
	-ms-transform: rotate(338.4deg);
	-webkit-transform: rotate(338.4deg);
	transform: rotate(338.4deg);
}

.c100.p95 .bar {
	-moz-transform: rotate(342deg);
	-ms-transform: rotate(342deg);
	-webkit-transform: rotate(342deg);
	transform: rotate(342deg);
}

.c100.p96 .bar {
	-moz-transform: rotate(345.6deg);
	-ms-transform: rotate(345.6deg);
	-webkit-transform: rotate(345.6deg);
	transform: rotate(345.6deg);
}

.c100.p97 .bar {
	-moz-transform: rotate(349.2deg);
	-ms-transform: rotate(349.2deg);
	-webkit-transform: rotate(349.2deg);
	transform: rotate(349.2deg);
}

.c100.p98 .bar {
	-moz-transform: rotate(352.8deg);
	-ms-transform: rotate(352.8deg);
	-webkit-transform: rotate(352.8deg);
	transform: rotate(352.8deg);
}

.c100.p99 .bar {
	-moz-transform: rotate(356.4deg);
	-ms-transform: rotate(356.4deg);
	-webkit-transform: rotate(356.4deg);
	transform: rotate(356.4deg);
}

.c100.p100 .bar {
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

.c100:hover {
	cursor: default;
}

.c100:hover>span {
	width: 3.33em;
	line-height: 3.33em;
	font-size: 0.3em;

}

.c100:hover:after {
	top: 0.06em;
	left: 0.06em;
	width: 0.88em;
	height: 0.88em;
}








/* Assessment Indicadores */



.filtro-indicadores-assessment {
	width: 30%;
	height: auto;
	margin: 20px 0;
	padding: 0;
}



.filtro-indicadores-assessment .custom-select {
	color: var(--cor-txt-1);
	background: var(--cor-bg-1);
	border: 1px solid var(--cor-2);
}

.filtro-indicadores-assessment .select-items div,
.filtro-indicadores-assessment .select-selected {
	color: var(--cor-txt-1);
	padding: 6px 12px;
}


.filtro-indicadores-assessment h6 {
	font-size: var(--fs-p-s);
	line-height: var(--fs-p-s);
	margin: 0;
	padding: 0 0 10px;
}


.traco-baixo {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 0 20px;

	color: var(--cor-3);
	font-size: var(--fs-h5);
	line-height: var(--lh-h5);

	position: relative;

}

.traco-baixo:before {
	content: "";
	bottom: -3px;
	width: 24px;
	height: 4px;
	position: absolute;
	border-radius: 100px;
}

.traco-baixo-cor-3:before {
	background: var(--cor-3);
}


.container-legenda-chart-quantidades {
	width: 100%;
	height: auto;
	margin: 10px 0;
	padding: 0;
	display: flex;
	justify-content: space-around;
	align-items: center;
}


.box-legenda-chart-quantidades {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--fs-p-s);
}

.box-legenda-chart-quantidades span {
	width: auto;
	height: auto;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: var(--fs-p);
}

.box-legenda-chart-quantidades span.cor-1 {
	color: var(--cor-1);
}

.box-legenda-chart-quantidades span.cor-2 {
	color: var(--cor-2);
}

.box-legenda-chart-quantidades span.cor-3 {
	color: var(--cor-3);
}

.box-legenda-chart-quantidades span.cor-4 {
	color: var(--cor-4);
}


.box-assessment-graficos {
	width: 100%;
	height: auto;
	padding: 15px;
	margin: 0;
	background: var(--cor-bg-1);
	border-radius: 8px;
}

.mes-selecionado-indicadores {
	display: flex;
	justify-content: center;
}

.container-meses .box-meses h6 {
	padding: 10px 0;
	text-align: center;
}

.mes-selecionado-indicadores {
	background: var(--cor-2);
	border-radius: 8px 8px 0 0;
}

.container-meses .mes-selecionado-indicadores h6 a {
	color: var(--cor-txt-2);
}



.box-assessment-indicadores {
	width: 100%;
	height: auto;
	padding: 30px;
	margin: 0 0 30px;
	background: var(--cor-bg-1);
	border-radius: 8px;
}

.box-assessment-indicadores-header {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.box-assessment-indicadores-header h5 {
	width: 80%;
	height: auto;
	margin: 0;
	padding: 0;
	color: var(--cor-3);
	font-size: var(--fs-h6);
	line-height: var(--lh-h6);
}

.box-assessment-indicadores-header span {
	font-size: var(--fs-h5);
	color: var(--cor-2);
	cursor: pointer;
}

.box-assessment-indicadores-body {
	width: 100%;
	height: 220px;
	margin: 40px 0;
	padding: 0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.box-assessment-indicadores-body .em-desenvolvimento {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 5px 0;
	background: var(--cor-7);
	color: var(--cor-txt-2);
	font-size: var(--fs-p);
	line-height: var(--fs-p);
	position: absolute;
	bottom: 0;
	border-radius: 4px;
	text-align: center;
	font-weight: 700;
}

.box-assessment-indicadores-body .fora-padrao {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 5px 0;
	background: var(--cor-5);
	color: var(--cor-txt-2);
	font-size: var(--fs-p);
	line-height: var(--fs-p);
	position: absolute;
	bottom: 0;
	border-radius: 4px;
	text-align: center;
	font-weight: 700;
}

.box-assessment-indicadores-body .padrao {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 5px 0;
	background: var(--cor-3);
	color: var(--cor-txt-2);
	font-size: var(--fs-p);
	line-height: var(--fs-p);
	position: absolute;
	bottom: 0;
	border-radius: 4px;
	text-align: center;
	font-weight: 700;
}

.box-assessment-indicadores-body .acima {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 5px 0;
	background: #203864;
	color: var(--cor-txt-2);
	font-size: var(--fs-p);
	line-height: var(--fs-p);
	position: absolute;
	bottom: 0;
	border-radius: 4px;
	text-align: center;
	font-weight: 700;
}

.box-assessment-indicadores-body .c100 {
	font-size: 150px;
	width: 150px;
	height: 150px;
	margin: 0;
	padding: 0;
	background: var(--cor-bg-2);
	position: relative;
	border-radius: 1000px;
	display: flex;
	justify-content: center;
	align-items: center;
}



.box-assessment-indicadores-body .c100:after {
	background: var(--cor-bg-1);
}

.box-assessment-indicadores-body .c100>span {
	width: 150px;
	height: 150px;
	font-family: var(--font);
	color: var(--cor-2);
	font-weight: 700;
	width: 100%;
	font-size: 30px;
	line-height: 150px;
	text-align: center;
	position: relative;
}

.box-assessment-indicadores-body .circle-amarelo>span {
	color: var(--cor-7);
}

.box-assessment-indicadores-body .c100:hover>span {
	font-size: 38px;
	line-height: 150px;

}


.box-assessment-indicadores-footer-linha {
	width: 100%;
	height: auto;
	margin: 0 0 5px;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.box-assessment-indicadores-footer-linha .indicadores-desc {
	width: 80%;
	height: auto;
	margin: 0;
	padding: 0;
	font-size: var(--fs-p-s);
	line-height: var(--lh-p-s);
	color: var(--cor-2);
}


.box-assessment-indicadores-footer-linha .indicadores-numero {
	width: auto;
	height: auto;
	margin: 0;
	padding: 2px 8px;
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	color: var(--cor-txt-2);
	background: var(--cor-4);
	border-radius: 8px;
}






/* Modal Indicadores Assessment */

.fundo-modal-indicadores {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	display: none;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	z-index: 20;
	pointer-events: none;
}

.fechar-modal-indicadores {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	display: none;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	z-index: 19;
	cursor: pointer;
}

.fundo-modal-indicadores:after {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0;
	padding: 0;
	opacity: 0.9;
	background: var(--cor-txt-1);
	z-index: 0;
}


.fundo-modal-indicadores .modal-indicadores {
	width: 60%;
	height: auto;
	margin: 0;
	padding: 30px;
	border-radius: 16px;
	background: var(--cor-bg-2);
	z-index: 1;
	max-height: 90%;
	overflow-y: auto;
	border: 10px solid var(--cor-bg-2);
	pointer-events: all;
}


.fundo-modal-indicadores .modal-indicadores::-webkit-scrollbar {
	width: 10px;
	position: absolute;
}

.fundo-modal-indicadores .modal-indicadores::-webkit-scrollbar-track {
	background: transparent;
	border-radius: 4px;
}

.fundo-modal-indicadores .modal-indicadores::-webkit-scrollbar-thumb {
	background: var(--cor-3);
	border-radius: 4px;
}

.fundo-modal-indicadores .modal-indicadores::-webkit-scrollbar-thumb:hover {
	background: var(--cor-3);
	border-radius: 4px;
}

.position-none {
	position: unset !important;
}


.conteudos-internas .fundo-modal-indicadores .modal-indicadores table {
	border-collapse: separate;
}

.conteudos-internas .fundo-modal-indicadores .modal-indicadores table tbody::before {
	content: '';
	display: block;
	height: 0;
}

.conteudos-internas .fundo-modal-indicadores .modal-indicadores table h5 {
	width: 100%;
	color: var(--cor-bg-2);
	text-align: center;
	font-size: var(--fs-p);
	line-height: var(--fs-p);
	margin: 0;
	padding: 0;
}

.conteudos-internas .fundo-modal-indicadores .modal-indicadores table p {
	width: 100%;
	color: var(--cor-3);
	text-align: center;
	font-size: var(--fs-p-l);
	line-height: var(--fs-p-l);
	margin: 0;
	padding: 0;
}

.conteudos-internas .fundo-modal-indicadores .modal-indicadores table td {
	border: solid 2px var(--cor-bg-2);
	width: 20%;
}

.conteudos-internas .fundo-modal-indicadores .modal-indicadores table thead td {
	border-radius: 0;
	height: 70px;
	background: var(--cor-3);
}

.conteudos-internas .fundo-modal-indicadores .modal-indicadores table tbody td {
	border-radius: 0;
	background: var(--cor-bg-1);
	padding: 10px 0;
}







/* Notificações */


.fundo-notificacoes {
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
	z-index: 10;
	top: 0;
	left: 0;
	display: none;
	background: var(--cor-2);
	opacity: 0.6;
	position: fixed;
}


.notificacoes {
	width: 250px;
	height: 280px;
	margin: 0;
	padding: 20px;
	position: absolute;
	background: var(--cor-1);
	border: none;
	border-top: 5px solid var(--cor-2);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	right: 0;
	top: 0;
	z-index: 100;
	display: none;
	opacity: 0;
}

.container-notificacoes {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 20px 0 0;
	overflow-y: auto;
}

.container-notificacoes::-webkit-scrollbar {
	width: 2px;
	position: absolute;
}

.container-notificacoes::-webkit-scrollbar-track {
	background: var(--cor-1);
}

.container-notificacoes::-webkit-scrollbar-thumb {
	background: var(--cor-2);
	border-radius: 100px;
}

.container-notificacoes::-webkit-scrollbar-thumb:hover {
	background: var(--cor-2);
	border-radius: 100px;
}

.container-notificacoes a h6 {
	color: var(--cor-2);
	font-size: var(--fs-h6);
	line-height: var(--lh-h6);
	margin: 0;
	text-decoration: none;
}

.container-notificacoes a p {
	color: var(--cor-2);
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	margin: 0;
	text-decoration: none;
}


.container-notificacoes a:hover {
	text-decoration: none;
}


.box-notificacao {
	margin: 15px;
	cursor: pointer;
}


.container-notificacoes .bt-todas-mensagens {
	background: var(--cor-2);
	text-align: center;
	padding: 5px 15px;
	margin: 10px 0 0 0;
	color: var(--cor-1);
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	border-radius: 8px;
}












/* Tabelas */


.container-tabela {
	margin: 0 0 20px;
}

.conteudos-internas table {
	width: 100%;
	height: auto;
	margin: 20px 0 20px 0;
	padding: 0;


	background: var(--cor-bg-2);
	border-radius: 10px;
}

.conteudos-internastable p {
	padding: 10px;
	margin: 0;
	font-size: var(--fs-p-s);
	line-height: var(--lh-p-s);

}

.conteudos-internas table thead tr td:first-child,
.conteudos-internas table thead tr td:last-child {
	background: var(--cor-2);
	border: none;
	width: 20px;
}

.conteudos-internas table thead tr td:first-child {
	border-top-left-radius: 10px;
}

.conteudos-internas table thead tr td:last-child {
	border-top-right-radius: 10px;
}

.conteudos-internas table thead tr td:nth-last-child(-n+2) {
	border: none;
}

.conteudos-internas table thead tr td {}

.conteudos-internas table thead {
	background: var(--cor-2);
}

.conteudos-internas table thead p {
	color: var(--cor-txt-2);
	font-size: var(--fs-p-s);
	line-height: var(--lh-p-s);
	margin: 0;
	padding: 10px;
	font-weight: 700;

}

.conteudos-internas table tbody {
	padding: 0 10px;
	border-collapse: separate;
	border-spacing: 0 1em;
}

.conteudos-internas table tbody::before {
	content: '';
	display: block;
	/* height: 20px; */
}

.conteudos-internas table tbody::after {
	content: '';
	display: block;
	height: 15px;
}

.conteudos-internas table tbody tr {
	border-bottom: 5px solid var(--cor-bg-2);
}

/* .conteudos-internas table tbody tr td:nth-child(2) {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
} */

/* .conteudos-internas table tbody tr td:nth-last-child(-n+2) {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
} */



.conteudos-internas table tbody tr td:first-child,
.conteudos-internas table tbody tr td:last-child {
	background: var(--cor-bg-2);
	border: none;
}

.conteudos-internas table tbody tr td:nth-last-child(-n+2) {
	border: none;
}

.conteudos-internas table tbody tr td {}

.conteudos-internas table tbody p {
	font-weight: 300;
	color: var(--cor-txt-1);
	font-size: var(--fs-p-s);
	line-height: var(--lh-p-s);
	margin: 0;
	padding: 10px 5px;

}

.conteudos-internas table tbody tr td img {
	height: var(--fs-p);
	width: auto;
}

.conteudos-internas table tbody tr td {
	/* background: var(--cor-bg-1); */
}

.conteudos-internas table p {}

.conteudos-internas table td:first-child p {
	text-align: left;
}

.conteudos-internas table .info-icon {
	color: var(--cor-1);
	font-size: var(--fs-p);
}


.status-verde {
	color: var(--cor-3);
	font-size: var(--fs-h2);
}

.status-amarelo {
	color: var(--cor-7);
	font-size: var(--fs-h2);
}

.status-laranja {
	color: #f88d00;
	font-size: var(--fs-h2);
}

.status-verde-claro {
	color: #33d82e;
	font-size: var(--fs-h2);
}

.status-vermelho {
	color: var(--cor-5);
	font-size: var(--fs-h2);
}

.status-cinza {
	color: var(--cor-bg-4);
	font-size: var(--fs-h2);
}

/* Assessment Fase 2 */

.container-avaliacoes-oficiais {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
}

.container-avaliacoes-oficiais .bt {
	width: auto;
	margin: 0 10px;
	padding-left: 20px;
	padding-right: 20px;
	background: var(--cor-2);
}

.container-avaliacoes-oficiais .bt-avaliacao-selecionado {
	background: var(--cor-3);
}

.container-tabela .tamanho-estrela {
	font-size: 20px;
}

.filtros-9 .box-filtros {
	width: 10%;

}











.container-evidencias-oficial-2 .box-evidencias {
	background: var(--cor-2);
	cursor: pointer;
}

.container-evidencias-oficial-2 .box-evidencias p {
	color: var(--cor-txt-2);
}

.container-evidencias-oficial-2 .box-evidencias p.ok {
	color: var(--cor-4);
	margin: 0 0 0 10px;
	font-size: var(--fs-p-s);
}

.container-float .status-verde {
	font-size: var(--fs-h5);
	line-height: var(--lh-p);
}

.internas .assessment .fundo-cor-8 {
	width: auto;
	height: auto;
	margin: 0;
	padding: 12px 10px;
	background: var(--cor-8) !important;
	border-radius: 8px;
}

.fundo-cor-8 .container-float p {
	margin: 0 10px 0 0;
}

.box-dados-avaliacao-oficial {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 30px 0 0;
}

.box-dados-avaliacao-oficial p {
	white-space: nowrap;
	margin: 0;
}

.box-dados-avaliacao-oficial input {
	width: 80px;
	margin: 0 0 0 10px;
}



.box-dados-avaliacao-oficial .custom-select {
	width: 120px;
}


.box-dados-avaliacao-oficial .input-file {
	width: auto;
}


.conteudos-assessement input.bt-enviar-obs {
	width: 50px;
	position: absolute;
	right: 15px;
	background: url(../img/bt-enviar-obs.svg) center center no-repeat;
	background-size: var(--fs-p);
}




.box-filtros .data-input {
	width: 150px;
}













.box-origens {
	width: 100%;
	height: auto;
	margin: 0 0 40px 0;
	padding: 40px;
	background: var(--cor-bg-1);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.box-origens h3 {
	text-align: center;
	font-size: var(--fs-h1);
}

.box-origens p {
	text-align: center;
	color: var(--cor-2);
}

.container-novo-plano-acao {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-end;
}

.bt-novo-plano-acao {
	width: auto;
	padding: 12px 30px;
	background: var(--cor-2);
	margin: 0;
}

.bt-novo-plano-acao span {
	font-size: var(--fs-h2);
	margin: 0 10px 0 0;
}








.box-dados-infos-plano-acao {
	width: auto;
	height: auto;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.box-dados-infos-plano-acao p {
	margin: 0 5px 20px 0;
}

.box-dados-infos-plano-acao input {
	width: 300px;
	margin: 0 0 20px 0;
}


.box-status {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 30px 0 0;
}

.box-status p {
	white-space: nowrap;
	margin: 0;
}



.box-status .custom-select {
	width: 200px;
}


















pie,
.circle-verde-2 .bar,
.circle-verde-2.p51 .fill,
.circle-verde-2.p52 .fill,
.circle-verde-2.p53 .fill,
.circle-verde-2.p54 .fill,
.circle-verde-2.p55 .fill,
.circle-verde-2.p56 .fill,
.circle-verde-2.p57 .fill,
.circle-verde-2.p58 .fill,
.circle-verde-2.p59 .fill,
.circle-verde-2.p60 .fill,
.circle-verde-2.p61 .fill,
.circle-verde-2.p62 .fill,
.circle-verde-2.p63 .fill,
.circle-verde-2.p64 .fill,
.circle-verde-2.p65 .fill,
.circle-verde-2.p66 .fill,
.circle-verde-2.p67 .fill,
.circle-verde-2.p68 .fill,
.circle-verde-2.p69 .fill,
.circle-verde-2.p70 .fill,
.circle-verde-2.p71 .fill,
.circle-verde-2.p72 .fill,
.circle-verde-2.p73 .fill,
.circle-verde-2.p74 .fill,
.circle-verde-2.p75 .fill,
.circle-verde-2.p76 .fill,
.circle-verde-2.p77 .fill,
.circle-verde-2.p78 .fill,
.circle-verde-2.p79 .fill,
.circle-verde-2.p80 .fill,
.circle-verde-2.p81 .fill,
.circle-verde-2.p82 .fill,
.circle-verde-2.p83 .fill,
.circle-verde-2.p84 .fill,
.circle-verde-2.p85 .fill,
.circle-verde-2.p86 .fill,
.circle-verde-2.p87 .fill,
.circle-verde-2.p88 .fill,
.circle-verde-2.p89 .fill,
.circle-verde-2.p90 .fill,
.circle-verde-2.p91 .fill,
.circle-verde-2.p92 .fill,
.circle-verde-2.p93 .fill,
.circle-verde-2.p94 .fill,
.circle-verde-2.p95 .fill,
.circle-verde-2.p96 .fill,
.circle-verde-2.p97 .fill,
.circle-verde-2.p98 .fill,
.circle-verde-2.p99 .fill,
.circle-verde-2.p100 .fill {
	border: 0.1em solid #B0E737;
}

.circle-verde-2 .c100.p100 .fill {
	border: 0.1em solid #B0E737;
}

.circle-verde-2 .bar {
	border: 0.1em solid #B0E737;
}











.filtro-performance {
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding: 0;
}



.filtro-performance .custom-select {
	color: var(--cor-txt-1);
	background: var(--cor-bg-1);
	border: 1px solid var(--cor-2);
}

.filtro-performance .select-items div,
.filtro-performance .select-selected {
	color: var(--cor-txt-1);
	padding: 6px 12px;
}


.filtro-performance h6 {
	font-size: var(--fs-p-s);
	line-height: var(--fs-p-s);
	margin: 0;
	padding: 0 0 10px;
}



.box-assessment-indicadores-body-col {
	width: 45%;
	height: auto;
	margin: 0 10% 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.box-assessment-indicadores-body-col:last-child {
	margin: 0;
}

.box-assessment-indicadores-body-col p {
	width: 100%;
	height: auto;
	margin: 10px 0;
	padding: 0;
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	color: var(--cor-2);
	text-align: center;
}

.box-assessment-indicadores-body-col .em-desenvolvimento {
	position: relative;
	font-size: var(--fs-p-s);
}

.box-assessment-indicadores-body-col .fora-padrao {
	position: relative;
	font-size: var(--fs-p-s);
}

.box-assessment-indicadores-body-col .padrao {
	position: relative;
	font-size: var(--fs-p-s);
}

.box-assessment-indicadores-body-col .acima {
	position: relative;
	font-size: var(--fs-p-s);
}


.box-assessment-indicadores {
	height: calc(100% - 30px);
}


.conteudos-internas .fundo-modal-indicadores .modal-indicadores table tbody .td-vermelho {
	background: var(--cor-5);
}

.conteudos-internas .fundo-modal-indicadores .modal-indicadores table tbody .td-vermelho p {
	color: var(--cor-txt-2);
}


.conteudos-internas .fundo-modal-indicadores .modal-indicadores table tbody .td-amarelo {
	background: var(--cor-7);
}

.conteudos-internas .fundo-modal-indicadores .modal-indicadores table tbody .td-verde {
	background: var(--cor-2);
}

.conteudos-internas .fundo-modal-indicadores .modal-indicadores table tbody .td-verde p {
	color: var(--cor-txt-2);
}

.conteudos-internas .fundo-modal-indicadores .modal-indicadores table tbody .td-azul {
	background: #062F6E;
}

.conteudos-internas .fundo-modal-indicadores .modal-indicadores table tbody .td-azul p {
	color: var(--cor-txt-2);
}













.box-assessment-indicadores-body .circle-pequeno .c100 {
	font-size: 90px;
	width: 90px;
	height: 90px;
}


.box-assessment-indicadores-body .circle-pequeno .c100>span {
	width: 90px;
	height: 90px;

	font-size: 20px;
	line-height: 90px;

}


.box-assessment-indicadores-body .circle-pequeno .c100:hover>span {
	font-size: 26px;
	line-height: 90px;

}




















/* Modal Faq */

.modal-faq {
	position: fixed !important;
	overflow-y: auto;
	height: 70vh !important;
	margin: 22vh 10vw 8vh 10vw !important;
}

.modal-faq::-webkit-scrollbar {
	width: 5px;
	position: absolute;
}

.modal-faq::-webkit-scrollbar-track {
	background: transparent;
	margin: 30px 0;
}

.modal-faq::-webkit-scrollbar-thumb {
	background: var(--cor-1);
	border-radius: 100px;
}

.modal-faq::-webkit-scrollbar-thumb:hover {
	background: var(--cor-1);
	border-radius: 100px;
}


.modal {
	width: 80vw;
	height: 80vh;
	margin: 10vh 10vw;
	padding: 4vw;
	display: none;
	flex-direction: column;
	align-items: center;
	position: absolute;
	background: rgba(42, 93, 42, 0.9);
	border-radius: 12px;
	z-index: 32;
}

.assessment .modal-assessement {
	position: fixed;
	width: 30vw;
	margin: 20vh 35vw;
	padding: 2vw;
	height: auto;
	background: var(--cor-bg-1);
}

.assessment .modal-assessement h3 {
	color: var(--cor-3);
	text-align: center;
}

.assessment .modal-assessement p {
	font-weight: 700;
	text-align: center;
}

.assessment .modal-assessement p span {
	font-size: var(--fs-p-s);
	color: var(--cor-3);
}

.assessment .modal-assessement .container-float {
	justify-content: center;
}

.assessment .modal-assessement textarea {
	height: 110px;
	background: var(--cor-bg-1);
	border: 1px solid var(--cor-bg-4);
}

.assessment .fundo-modal-assessement {
	background: #000000;
	opacity: 0.4;
	top: 0;
	position: fixed;
}

.fundo-modal {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 31;
	margin: 0;
	padding: 0;
	display: none;
	cursor: pointer;
}


.fechar-modal {
	width: 50px;
	height: 50px;
	margin: 5px;
	padding: 0;
	top: 0;
	right: 0;
	position: absolute;
	z-index: 100;
	background: url(../img/evento/icon-fechar.svg) center center no-repeat;
	background-size: contain;
	cursor: pointer;
}


.modal-faq h3 {
	color: var(--cor-txt-2);
	text-align: center;
	text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	margin: 0 0 60px;
}




/* Sanfona  */


.box-sanfona {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0;
}

.box-sanfona .sanfona-titulo,
.sanfona-conteudo {
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding: 10px 40px 10px 20px;
	background: var(--cor-bg-1);
	border-radius: 4px;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;

}



.box-sanfona .sanfona-titulo:after {
	content: ' ';
	width: 24px;
	height: 24px;
	position: absolute;
	right: 20px;
	background: url(../img/icon-abrir-sanfona.svg) center center no-repeat;
	background-size: contain;
}

.box-sanfona .sanfona-titulo h5 {
	color: var(--cor-2);
	margin: 0;
	font-weight: 300;
}


.box-sanfona .sanfona-conteudo p {
	color: var(--cor-2);
	font-weight: 300;
}

.box-sanfona .sanfona-conteudo {
	display: none;
	cursor: auto;
}


/* Popup - Estruturas */



.fundo {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	margin: 0;
	padding: 0;

	z-index: 9990;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
}

.fundo:before {
	content: "";
	background: var(--cor-3);
	width: 100%;
	height: 100%;
	opacity: 0.8;
}

.popup {

	margin: 0;
	padding: 0;
	position: fixed;
	background: var(--cor-bg-1);
	border-radius: 8px;
	z-index: 200;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	display: flex;
	justify-content: flex-end;
}



.popup iframe {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
}


.fechar {
	width: 30px;
	height: 30px;
	position: fixed;
	top: 5%;
	right: 5%;
	margin: 0;
	padding: 0;
	background-size: contain;
	cursor: pointer;
	color: var(--cor-txt-2);
	font-size: var(--font-line-h3);
	line-height: var(--lh-h3);
	font-weight: 900;
	display: flex;
	flex-direction: column;
	z-index: 210;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/icon-fechar.svg) center center no-repeat;
	background-size: contain;
}


.fechar:hover {
	color: var(--cor-txt-2);
}


.fundo .fechar-avisos {
	top: unset;
	right: unset;
	margin: 20px 20px 0 0;
}




.fundo .fechar-cadastre-se {
	top: unset;
	right: unset;
	margin: 20px 20px 0 0;
}


/* Popup - Avisos */

.popup-avisos {
	width: 44%;
	height: 45%;
}

.popup-cadastre-se {
	width: 34%;
	height: 51%;
}

.body-popup {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: transparent;
	display: flex;
	flex-direction: column;
	justify-content: center;
}



.body-popup .popup-header {
	width: 100%;
	height: 70px;
	margin: 0 0 30px;
	padding: 20px 40px;
	background: url(../img/login_bg.jpg) left center no-repeat;
	background-size: cover;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
}

.body-popup .popup-header h4 {
	color: var(--cor-txt-2);
	margin: 0;
}

.popup-body {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 70px 40px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup-row {
	display: flex;
	justify-content: center;
	width: 100%;
}

.popup-body p {
	font-size: var(--fs-h6);
	line-height: var(--lh-h6);
}

.popup-body p a {
	color: var(--cor-3);
}

.popup-body .bt {
	width: 100%;
}


.body-popup .redefinir-senha-02 {
	display: none;
}



/*   Popup - termos e politicas    */

.popup-termos {
	width: 60%;
	height: 80%;
}

body.termos-politicas {
	background: transparent;
	color: var(--cor-txt-1);
	font-family: var(--font);
	padding: 50px;
}

body.termos-politicas::-webkit-scrollbar {
	width: 5px;
	position: absolute;
}

body.termos-politicas::-webkit-scrollbar-track {
	background: transparent;
}

body.termos-politicas::-webkit-scrollbar-thumb {
	background: var(--cor-1);
	border-radius: 100px;
}

body.termos-politicas::-webkit-scrollbar-thumb:hover {
	background: var(--cor-1);
	border-radius: 100px;
}


body.termos-politicas p,
body.termos-politicas li {
	color: var(--cor-txt-1);
}

body.termos-politicas h1,
body.termos-politicas h2,
body.termos-politicas h3,
body.termos-politicas h4,
body.termos-politicas h5,
body.termos-politicas h6 {
	color: var(--cor-secundaria);
}

body.termos-politicas table {
	border: var(--cor-txt-positivo-secundario);
}


/*   Responsive    */


@media (max-width: 420px) {
	:root {
		--fs-h1: 24px;
		--fs-h2: 22px;
		--fs-h3: 20px;
		--fs-h4: 18px;
		--fs-h5: 16px;
		--fs-h6: 14px;
		--fs-p: 12px;
		--fs-p-s: 10px;
		--fs-p-l: 14px;

		--lh-h1: 38px;
		--lh-h2: 34px;
		--lh-h3: 28px;
		--lh-h4: 30px;
		--lh-h5: 22px;
		--lh-h6: 18px;
		--lh-p: 18px;
		--lh-p-s: 12px;
		--lh-p-l: 20px;

		--margin-texts: 0 0 20px;

	}

	.popup-row {
		flex-direction: column;
	}

	.popup-row div {
		max-width: 100%;
		width: 100%;
	}

	.popup-row div lottie-player {
		width: 50%;
	}
}

@media (max-width: 620px) {

	.vire-de-lado {
		display: flex;
	}




}


@media (min-width: 420px) and (max-width: 992px) {
	:root {
		--fs-h1: 34px;
		--fs-h2: 30px;
		--fs-h3: 24px;
		--fs-h4: 24px;
		--fs-h5: 18px;
		--fs-h6: 16px;
		--fs-p: 14px;
		--fs-p-s: 10px;
		--fs-p-l: 18px;

		--lh-h1: 38px;
		--lh-h2: 34px;
		--lh-h3: 28px;
		--lh-h4: 30px;
		--lh-h5: 22px;
		--lh-h6: 18px;
		--lh-p: 18px;
		--lh-p-s: 12px;
		--lh-p-l: 20px;

		--margin-texts: 0 0 20px;
	}



	footer h1 {
		margin: 0 0 40px;
	}



}

@media (max-width: 992px) {
	.sm-hide {
		display: none;
	}

	.md-hide {
		display: none;
	}

	.lg-hide {
		display: none;
	}

	.xl-hide {
		display: none;
	}

	.mobile-show {
		display: flex !important;
	}

	.mobile-hide {
		display: none !important;
	}

	.vh-100-desktop {
		height: auto;
	}

	/* Popups */
	.popup {
		width: 90%;
	}

	.popup-avisos {
		height: 60%;
	}





	/* Login */
	body.login .container-login {
		flex-direction: column;
		height: auto;
	}

	body.login .container-login-left h1 {
		width: 100%;
		margin: 0;
	}



	body.login .container-login-left {
		width: 100%;
		height: 40vh;
		overflow: hidden;
	}

	body.login .container-login-left .bg-estrelas-1 {
		height: 17vh;
	}


	body.login .container-login-left .bg-estrelas-2 {
		height: 10vh;
	}

	body.login .container-login-right {
		width: 100%;
		margin: 4vh 0;
		height: auto;
	}

	body.login .container-login-right .login-header {
		margin: 0;
	}

	body.login .container-login-right .login-footer {
		margin: 0;
	}

	/* Cadastro */

	body.cadastro header h1 {
		width: 60%;
	}

	body.cadastro header .bg-estrelas-1 {
		height: 50%;
	}

	body.cadastro header .bg-estrelas-2 {
		height: 40%;
	}

	body.cadastro footer p {
		text-align: center;
	}





	/* Nossas Estrelas */

	.nossas-estrelas-header {
		height: 12vh;
	}

	body.nossas-estrelas .container-nossas-estrelas {
		flex-direction: column;
	}

	body.nossas-estrelas .container-nossas-estrelas .box-nossas-estrelas {
		width: 100%;
	}





	/* Tour */




	.container-video-tour {
		display: block;
		overflow-y: auto;

	}

	.container-video-tour h1 {
		width: 100%;
		margin: 40px 0;
	}

	.container-video-tour .box-3d {
		width: 90%;
		margin: 0 5% 40px;
	}


	.container-video-tour a.bt-pular-video-tour {
		display: inline-block;
		width: 50%;
		margin: 0 25% 40px;
	}

	.container-video-tour a.bt-pular-video-tour img {
		margin: 0;
		width: auto;
		float: right;
	}





	/* Assessement Indicadores */
	.fundo-modal-indicadores .modal-indicadores {
		width: 90%;
		padding: 10px;
		border: 5px solid var(--cor-bg-2);
	}




	/* Assessement */



	.menu-container {
		width: 90%;
	}

	.menu-box {
		flex-direction: column;

	}

	.assessment .menu-box a {
		width: 100%;
	}

	.bt-voltar-mundo {
		left: 15px;
	}


	.assessment .header {
		flex-direction: column;
	}

	.assessment .header .col-direita {
		width: 100%;
	}

	.container-tabela {
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.container-filtros {
		overflow-x: auto;
		overflow-y: hidden;
		align-items: flex-start;
	}

	.container-meses {
		overflow-x: auto;
		overflow-y: hidden;
	}




	/* Scroll Bar */
	/* width */
	.container-tabela::-webkit-scrollbar,
	.container-filtros::-webkit-scrollbar,
	.container-meses::-webkit-scrollbar {
		height: 2px;
	}

	/* Track */
	.container-tabela::-webkit-scrollbar-track,
	.container-filtros::-webkit-scrollbar-track,
	.container-meses::-webkit-scrollbar-track {
		background: var(--cor-bg-2);
	}

	/* Handle */
	.container-tabela::-webkit-scrollbar-thumb,
	.container-filtros::-webkit-scrollbar-thumb,
	.container-meses::-webkit-scrollbar-thumb {
		background: var(--cor-1);
		border-radius: 100px;
	}

	/* Handle on hover */
	.container-tabela::-webkit-scrollbar-thumb:hover,
	.container-filtros::-webkit-scrollbar-thumb:hover,
	.container-meses::-webkit-scrollbar-thumb:hover {
		background: var(--cor-1);
		border-radius: 100px;
	}


	.container-filtros .box-filtros {
		min-width: 45%;
		padding: 0 10px;
	}

	.container-meses .box-meses {
		min-width: 20%;
		padding: 0 10px;
	}


	.select-items {
		max-height: 200px;
	}






	.status-indicador-assessement {
		text-align: left;
	}

	.container-float {
		flex-direction: column;
		align-items: flex-start;
	}

	.container-float select {
		width: 100%;
		margin: 0 0 10px;
	}

	.container-float .custom-select {
		width: 100%;
		margin: 0 0 10px;
	}

	.container-float p {
		margin: 0;
	}

	.conteudos-assessement input.atribuir {
		width: 100%;
	}

	.conteudos-assessement input.input-file {
		margin: 0 0 10px;
		width: 100%;
	}

	.conteudos-assessement input.bt {
		margin: 0;
	}

	.conteudos-assessement .no-column-mobile,
	.modal-assessement .no-column-mobile {
		flex-direction: row;
		align-items: center;
	}

	.assessment .modal-assessement {
		width: 90vw;
		margin: 40vh 5vw;
	}

	.assessment .container-filtro-sup input.buscar,
	.assessment input.buscar {
		width: 100%;
		margin: 0 0 15px;
	}

	.box-intens-sup {
		width: 100%;
		height: auto;
	}


}


@media (min-width: 768px) and (max-width: 991px) {

	/* Nossas Estrelas */
	.nossas-estrelas-header {
		height: 20vh;
	}

}




@media (min-width: 992px) and (max-width: 1200px) {


	.xl-hide {
		display: none;
	}



	/* Nossas Estrelas */
	.nossas-estrelas-header {
		height: 20vh;
	}

}

@media (min-width: 1201px) and (max-width: 1440px) {

	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: 1200px !important;
	}

}

@media (min-width: 1441px) and (max-width: 1920px) {

	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: 1400px !important;
	}
}


@media (min-width: 1921px) {


	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: 1800px !important;
	}


}



.interacoes-list {
	height: auto;
	overflow-y: scroll;
	max-height: 50vh;
}

.interacoes-list::-webkit-scrollbar {
	width: 10px;
	/* Largura do scroll */
}

.interacoes-list::-webkit-scrollbar-track {
	background: #f1f1f1;
	/* Cor de fundo da track (trilha do scroll) */
}

.interacoes-list::-webkit-scrollbar-thumb {
	background: #888;
	/* Cor do thumb (a alça do scroll) */
}

.interacoes-list::-webkit-scrollbar-thumb:hover {
	background: #555;
	/* Cor do thumb ao passar o mouse */
}

/* Table Message*/

.table-message {
	border-collapse: separate;
	border-spacing: 0 8px;
}

.table-message tbody tr {
	border-radius: 10px;
	background-color: #dcdcdcc3;
}

.table-message tbody td {
	padding: 10px;
	background-color: var(--cor-bg-medio) !important;
	border: unset;
	height: 20px;
	width: 100vw;
	font-size: 12pt;
}

.table-message tbody td.system {
	background-color: #ffe675db !important;
}

.table-message tbody td p {
	margin: unset;
	margin-bottom: 5px;
}

table thead tr th {
	color: white !important;
	text-align: center;
}

.file-item {
	margin-bottom: 10px;
	/* Ajuste conforme necessário para o espaçamento entre os itens */
}

.icon-large {
	font-size: 36px;
	/* Ajuste o tamanho do ícone conforme necessário */
	margin-bottom: 5px;
	/* Espaçamento entre o ícone e o nome do arquivo */
}

.select2-container {
	display: inline-block;
	min-height: calc(1.5em + 0.75rem + 3px);
	padding: unset;
	font-size: 1rem;
	font-weight: 400;
	line-height: unset;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: unset;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-container--default .select2-selection--single {
	background-color: unset;
	border: unset;
	border-radius: unset;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: unset;
	outline: 0;
}

.select2-container .select2-selection--multiple {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	min-height: 32px;
	user-select: none;
	-webkit-user-select: none;
}

.select2-container--default .select2-selection--multiple {
	background-color: unset;
	border: unset;
	border-radius: 4px;
	cursor: text;
	padding-bottom: 5px;
	padding-right: 5px;
	position: relative;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: var(--cor-4);
	border: 1px solid var(--cor-4);
	color: #fff;
	border-radius: 4px;
	box-sizing: border-box;
	display: inline-block;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0;
	padding-left: 20px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
	background-color: #f1f1f1;
	color: var(--cor-bg-3);
	outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 30px;
	position: absolute;
	top: 5px;
	right: 1px;
	width: 20px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	list-style: none;
	padding: 0;
}

.select2-container .select2-search--inline .select2-search__field {
	box-sizing: border-box;
	border: none;
	font-size: 100%;
	margin-top: 5px;
	margin-left: 5px;
	padding: 0;
	max-width: 100%;
	resize: none;
	height: 10px;
	vertical-align: bottom;
	font-family: sans-serif;
	overflow: hidden;
	word-break: keep-all;
}

.dashboard .card {
	border: 1px solid rgb(221, 221, 221);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: unset;
	height: unset;
	min-height: 110px;
}

.dashboard .card .card-header {
	font-size: 12pt;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #fcfcfc;
	color: var(--cor-2);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dashboard .card .card-body h4 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 29pt;
	font-weight: 900;
	color: var(--cor-2);
}

.legendas {
	padding: 3px !important;
	font-size: 11pt;
	background-color: #f5f5f5 !important;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 20px;
	line-height: 15px;
}

.legendas .tamanho-estrela {
	font-size: 14pt !important;
}

.legendas .status-amarelo,
.legendas .status-verde,
.legendas .status-vermelho {
	font-size: 20pt;
}

.flex-wrapper {
	display: flex;
	flex-flow: row nowrap;
}

.single-chart.sm {
	/* width: 33%; */
	/* justify-content: space-around ; */
	justify-content: center;
	/* display: inline; */
	float: top;
}

.single-chart.lg,
.single-chart.md {
	/* width: 80%; */
	/* justify-content: space-around ; */
	justify-content: center;
	/* display: inline; */
	/* float: left; */
}

.circular-chart {
	/* display: block; */
	margin: auto;
	max-width: 80%;
	max-height: 300px;
}

.circle-bg {
	fill: none;
	stroke: #eee;
	stroke-width: 3.8;
}

.circle {
	fill: none;
	stroke-width: 2.8;
	stroke-linecap: round;
	animation: progress 1s ease-out forwards;
}

@keyframes progress {
	0% {
		stroke-dasharray: 0 100;
	}
}

.circular-chart.red .circle {
	stroke: #ce2626;
}

.circular-chart.yellow .circle {
	stroke: #ecd825;
}

.circular-chart.green .circle {
	stroke: #078802;
}

.circular-chart.darkGreen .circle {
	stroke: #078802;
}

.circular-chart.lightGreen .circle {
	stroke: #2bd825;
}

.circular-chart.blue .circle {
	stroke: #245274;
}

.percentage {
	fill: #666;
	font-family: sans-serif;
	font-size: 0.5em;
	text-anchor: middle;
}

.info-icon {
	float: right;
	margin-left: 10px;
	/* Espaçamento entre o texto e o ícone */
	color: #007bff;
	/* Cor do ícone (azul do Bootstrap) */
}

.btn-evaluation {
	display: block;
	width: 100%;
	height: 100%;
	/* background-color: #b4b8b4; */
	background-size: cover;
	text-align: center;
	color: white;
}

.btn-evaluation:hover {
	/* background-color: #474747; */
	color: white;
}

.btn-evaluation.active {
	background-color: #1a14148e;
}

.action-plan-number {
	font-size: 40px;
}

.row-actionplan-oficial {
	background: var(--cor-12) !important;
}

.size-10 {
	font-size: 10pt !important;
}

.size-20 {
	font-size: 20pt !important;
}

#mirrorButton {
	background-color: red;
	color: white;
	position: fixed;
	bottom: 10px;
	left: 10px;
	z-index: 9999;
	border: none;
	border-radius: 10px;
	padding: 2px 5px;
	cursor: pointer;
	height: 40px;
	text-align: center;
	line-height: 35px;
	display: flex;
	vertical-align: middle;
	text-decoration: none;
}

#mirrorButton i {
	margin-right: 10px;
}

ul.pagination {
	background-color: red;
}

.swal2-popup {
	padding: unset;
}

.bg-dashboard {
	background: url(../img/assessment-header2.png) center center no-repeat;
	background-size: cover;
	width: 100%;
	height: 110vh;
}

.assessment .header-no-bg {
	background: unset;
	background-size: unset;
}

.bt-destaque {
	width: auto;
	height: auto;
	/* position: absolute; */
	padding: 10px 30px;
	margin: 0;
	top: 0;
	min-width: 150px;
	min-height: 70px;
	align-items: center;
	text-align: center;
	justify-content: center;
	display: inline-flex;
	background: var(--cor-1);
	color: var(--cor-2);
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	font-weight: 700;
	border-radius: 8px;
	box-shadow: 0px 4px 4px 0px #00000040;
}

.bt-destaque-off {
	background: var(--cor-6) !important;
}

.nav-destaque h4 {
	color: #006600;
	font-size: 12pt;
	text-transform: uppercase;
	margin: unset;
	margin-top: 20px;
}

.nav-destaque li a {
	width: 100%;
	height: auto;
	padding: 10px 30px;
	margin: 5px 0;
	top: 0;
	min-width: 150px;
	min-height: 70px;
	align-items: center;
	text-align: center;
	justify-content: center;
	display: inline-flex;
	background: #A5A5A5;
	color: white;
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	font-weight: 700;
	border-radius: 8px;
	box-shadow: 0px 4px 4px 0px #00000040;
}

.nav-destaque li a.no-off {
	background: var(--cor-6) !important;
}

.nav-destaque li a.focus {
	background: #A5A5A5;
	color: white;
}

.tableList thead th {
	font-size: 10pt !important;
	padding: 5px;
}

.tableList tr td {
	font-size: 12pt !important;
	font-weight: 600;
	text-align: center;
	align-items: center;
}

.tableList-micro tr td {
	font-size: 9pt !important;
	font-weight: 600;
	text-align: center;
	align-items: center;
}

.box-graph {
	background: var(--cor-bg-1);
	top: 25px;
	padding: 15px 0px;
	margin-bottom: 20px;
	border-radius: 10px;
}

.box-graph.col-lg-2 {
	flex: 0 0 19.3333%;
	max-width: 19.3333%;
}

.box-graph.col-lg-3 {
	flex: 0 0 24.3333%;
	max-width: 24.3333%;
}

.box-graph.col-lg-4 {
	flex: 0 0 32.3333%;
	max-width: 32.3333%;
}

.box-graph.col-lg-6 {
	flex: 0 0 49.3333%;
	max-width: 49.3333%;
}

#backToTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: #303030b1;
	color: white;
	border: none;
	padding: 10px 15px;
	border-radius: 50px;
	cursor: pointer;
	width: 50px;
	font-size: 16px;
	display: none; /* Oculto inicialmente */
	box-shadow: 0 4px 6px rgba(50, 50, 50, 0.1);
}

#backToTop:hover {
	background-color: rgb(37, 37, 37)b1;
}