/* css para customização da aplicação, os arquivos css do ICI Core devem ser acessados através do CDN ICI */
.rounded {
	border: 2px solid black;
	padding: 0px 9px;
	border-radius: 20px;
	background-color: white;
}

.link-unstyled {
	text-decoration: none;
}

.display-n {
	display: none;
}

.conteudo-principal .barra-lateral,
.conteudo-principal .barra-lateral .nav > li.submenu,
.conteudo-principal .barra-lateral .nav > li > a,
.conteudo-principal .barra-lateral .nav li .arvore-links,
.conteudo-principal .barra-lateral .nav li .arvore-links li:last-child:before {
	background-color: #3e3e3e;
}

	.conteudo-principal .barra-lateral input {
		background-color: #272727;
	}

	.conteudo-principal .barra-lateral .nav > li {
		border-bottom-color: #1e1e1e;
	}

.mensagem-principal {
	bottom: 0;
	padding: 0 40px;
	position: fixed;
	width: 100%;
	z-index: 10;
}

/* === CUSTOMIZAÇÃO FRAMEWORK ==== */
/* VEREDAS */
body .area-restrita.perfil-veredas .radio .check, label.radio-inline .check,
body .area-restrita.perfil-veredas .radio input[type=radio]:checked ~ .check,
body .area-restrita.perfil-veredas label.radio-inline input[type=radio]:checked ~ .check,
body .area-restrita.perfil-veredas .progress .progress-bar,
body .area-restrita.perfil-veredas .rangeslider__fill,
body .area-restrita.perfil-veredas .rangeslider__handle,
body .area-restrita.perfil-veredas .dropzone .dz-preview .dz-success-mark,
body .area-restrita.perfil-veredas .dropzone .dz-preview .dz-progress .dz-upload,
body .area-restrita.perfil-veredas .dropzone-previews .dz-preview .dz-success-mark {
	background-color: var(--verde-escuro);
}

body .area-restrita.perfil-veredas .checkbox input[type="checkbox"]:checked + span span,
body .area-restrita.perfil-veredas label.checkbox-inline input[type="checkbox"]:checked + span span,
body .area-restrita.perfil-veredas .pagination > li > a:focus,
body .area-restrita.perfil-veredas .pagination > li > span:focus,
body .area-restrita.perfil-veredas .icones span:hover,
body .area-restrita.perfil-veredas .icones span.ativo,
body .area-restrita.perfil-veredas .form-group.focus label {
	border-color: var(--verde-escuro);
	color: var(--verde-escuro);
}

body .area-restrita.perfil-veredas .form-group::before,
body .area-restrita.perfil-veredas .cke::before,
body .area-restrita.perfil-veredas .dropzone::before,
body .area-restrita.perfil-veredas .radio-inline .circle::before {
	background: var(--verde-escuro);
}

body .area-restrita.perfil-veredas .radio input[type=radio]:checked ~ .circle,
body .area-restrita.perfil-veredas label.radio-inline input[type=radio]:checked ~ .circle,
body .area-restrita.perfil-veredas .caixa-serrilhada,
body .area-restrita.perfil-veredas .select2-dropdown,
body .area-restrita.perfil-veredas .select-multiplo :focus,
body .area-restrita.perfil-veredas .radio .circle,
body .area-restrita.perfil-veredas label.radio-inline .circle {
	border-color: var(--verde-escuro);
}

body .area-restrita.perfil-veredas .checkbox input[type="checkbox"]:checked + span span::before,
body .area-restrita.perfil-veredas label.checkbox-inline input[type="checkbox"]:checked + span span::before {
	color: var(--verde-escuro);
}

body .area-restrita.perfil-veredas .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: var(--verde-escuro) transparent transparent;
}

body .area-restrita.perfil-veredas .barra-lateral .nav > li.submenu:hover > a {
	background-color: #353535;
	border-left-color: var(--verde-claro);
}

	body .area-restrita.perfil-veredas .barra-lateral .nav > li.submenu:hover > a span:first-child {
		color: var(--verde-claro);
	}

/* APRENDERE */
body .area-restrita .radio .check, label.radio-inline .check,
body .area-restrita .radio input[type=radio]:checked ~ .check,
body .area-restrita label.radio-inline input[type=radio]:checked ~ .check,
body .area-restrita .progress .progress-bar,
body .area-restrita .rangeslider__fill,
body .area-restrita .rangeslider__handle,
body .area-restrita .dropzone .dz-preview .dz-success-mark,
body .area-restrita .dropzone .dz-preview .dz-progress .dz-upload,
body .area-restrita .dropzone-previews .dz-preview .dz-success-mark {
	background-color: var(--verde-escuro);
}

body .area-restrita .checkbox input[type="checkbox"]:checked + span span,
body .area-restrita label.checkbox-inline input[type="checkbox"]:checked + span span,
body .area-restrita .pagination > li > a:focus,
body .area-restrita .pagination > li > span:focus,
body .area-restrita .icones span:hover,
body .area-restrita .icones span.ativo,
body .area-restrita .form-group.focus label {
	border-color: var(--verde-escuro);
	color: var(--verde-escuro);
}

body .area-restrita .form-group::before,
body .area-restrita .cke::before,
body .area-restrita .dropzone::before,
body .area-restrita .radio-inline .circle::before {
	background: var(--verde-escuro);
}

body .area-restrita .radio input[type=radio]:checked ~ .circle,
body .area-restrita label.radio-inline input[type=radio]:checked ~ .circle,
body .area-restrita .caixa-serrilhada,
body .area-restrita .select2-dropdown,
body .area-restrita .select-multiplo :focus,
body .area-restrita .radio .circle,
body .area-restrita label.radio-inline .circle {
	border-color: var(--verde-escuro);
}

body .area-restrita .checkbox input[type="checkbox"]:checked + span span::before,
body .area-restrita label.checkbox-inline input[type="checkbox"]:checked + span span::before {
	color: var(--verde-escuro);
}

body .area-restrita .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: var(--verde-escuro) transparent transparent;
}

body .area-restrita .barra-lateral .nav > li.submenu:hover > a {
	background-color: #353535;
	border-left-color: var(--verde-claro);
}

	body .area-restrita .barra-lateral .nav > li.submenu:hover > a span:first-child {
		color: var(--verde-claro);
	}

/* OUTROS */

.barra-lateral-icones .people {
	padding: 15px 5px 0px 5px;
}

	.barra-lateral-icones .people span {
		display: none;
	}


/*Perfil*/
#imagemPerfilPai {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border: 2px solid #a0c41c;
}

.icone-caixa {
    float: left;
}

.icone-caixa-nome{
    display: flex;
}