body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: 'Mulish', sans-serif !important;
	font-size: 15px;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	text-align: justify;
}

body {
	background-image: url('../images/background.jpg');
	background-size: 140%;
}

.body-view {
	background-color: #ffffff !important;
	background-image: none !important;
}

::-webkit-scrollbar {
	width: 6px !important;
}

::-webkit-scrollbar-track {
	background: rgb(200, 200, 200)
}

::-webkit-scrollbar-thumb {
	background-color: rgb(159, 191, 111);
	border-radius: 2px;
}

header {
	border-bottom: 2px solid rgb(60, 170, 50);
	padding: 45px 0;
	height: 170px;
}

.logo img {
	height: 80px;
	padding: 0 25px;
}

.santana {
	width: 45%;
	display: inline-block;
	position: relative;
	text-align: right;
}

.santana h1 {
	position: absolute;
	right: 120px;
	top: 20px;
	line-height: 20px;
	font-size: 16px;
	font-weight: 900;
	color: rgb(0, 0, 0);
}

.desenvolvimento {
	width: 45%;
	display: inline-block;
	position: relative;
	text-align: left;
}

.desenvolvimento h1 {
	position: absolute;
	left: 120px;
	top: 20px;
	line-height: 20px;
	font-size: 16px;
	font-weight: 900;
	color: rgb(0, 0, 0);
}

.titulo {
	background-color: rgb(230, 230, 230);
	text-align: center;
	padding: 15px;
	margin-bottom: 25px;
	font-size: 24px;
	line-height: 24px;
	font-weight: 900;
	color: rgb(60, 170, 50);
	border-radius: 12px;
}

footer {
	padding: 60px !important;
}

hr {
	background-color: rgb(150, 150, 150);
}

.logo-footer img {
	height: 40px;
}

.logo-footer p {
	color: rgb(0, 0, 0);
	font-size: 12px;
	line-height: 16px;
	padding: 0;
	margin: 0;
}

.logo-footer h2 {
	color: rgb(0, 0, 0);
	font-weight: 900;
	font-size: 20px;
	line-height: 26px;
	margin: 0;
}

.titulo-home {
	text-transform: uppercase;
	font-size: 46px;
	color: rgb(50, 50, 50);
}

.text-center {
	text-align: center;
}

.box-btn {
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn-dados {
	background-color: rgb(60, 170, 50);
	border-radius: 20px;
	padding: 30px;
	text-transform: uppercase;
	font-weight: 900;
	color: rgb(255, 255, 255);
}

.btn-dados:hover {
	color: rgb(0, 0, 0);
	background-color: rgb(200, 200, 200);
	text-decoration: none;
}

.btn-relatorios {
	background-color: rgb(220, 75, 25);
	border-radius: 20px;
	padding: 30px;
	text-transform: uppercase;
	font-weight: 900;
	color: rgb(255, 255, 255);
}

.btn-relatorios:hover {
	color: rgb(0, 0, 0);
	background-color: rgb(200, 200, 200);
	text-decoration: none;
}

.btn-feedback {
	background-color: #0b7abf;
	border-radius: 20px;
	padding: 20px;
	text-transform: uppercase;
	font-weight: 900;
	color: rgb(255, 255, 255);
}

.btn-feedback:hover {
	color: rgb(0, 0, 0);
	background-color: rgb(200, 200, 200);
	text-decoration: none;
}

.titulo-categoria, .titulo-categoria-filho {
	background-color: rgba(0, 0, 0, .2);
	border-radius: 20px;
	padding: 20px 30px;
	text-transform: uppercase;
	font-weight: 900;
	color: rgb(50, 50, 50);
	text-align: center;
	margin-bottom: 30px;
}

.titulo-categoria-filho {
    height: 150px;
    align-content: center;
}

.categoria ul li a {
	padding: 10px 0;
	line-height: 40px;
	color: rgb(50, 50, 50);
	font-weight: 900;
}

.foto-categoria {
	margin-top: -50px;
	margin-left: 30px;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: 5px solid rgb(255, 255, 255);
}

.titulo-filho {
	background-color: rgba(0, 0, 0, .2);
	border-radius: 20px;
	padding: 20px 80px;
	text-transform: uppercase;
	font-weight: 900;
	color: rgb(50, 50, 50);
	text-align: center;
	margin-bottom: 20px;
	display: block;
}


.ul-filho {
	padding: 20px;
}

.ul-filho li a {
	padding: 10px 0;
	line-height: 40px;
	color: rgb(50, 50, 50);
	font-weight: 900;
}

.nopadding {
	padding: 0 !important;
}

.nomargin {
	margin: 0 !important;
}

.btn-voltar {
	background-color: rgb(60, 170, 50);
	color: rgb(255, 255, 255);
	font-weight: 900;
	font-size: 14px;
	line-height: 14px;
	padding: 8px 16px;
	border-radius: 4px;
}

.btn-voltar:hover {
	color: rgba(255, 255, 255, .5);
	text-decoration: none;
}

a {
	color: rgb(0, 0, 0);
}

.titulo-anexos {
	position: relative;
	background-color: rgb(240, 240, 240);
	border-radius: 6px;
	padding: 12px 20px;
	width: 100%;
	font-weight: 900;
}

.titulo-anexos span {
	position: absolute;
	bottom: 0px;
	left: 15px;
	width: 100px;
	height: 3px;
	background-color: rgb(60, 170, 50);
}

.text-danger a,
.text-danger a:hover {
	color: #dc3545 !important
}





/*--- SLIDER INTERNO ---*/

.slider .tns-nav {
	position: absolute;
	top: 105% !important;
	left: 0;
	right: 0;
	text-align: center;
	height: 40px;
	z-index: 2;
}

.tns-outer img {
	border-radius: 0 !important;
}

.slider .tns-nav {
	display: none;
}

.slider .tns-controls {
	justify-content: space-between;
	display: flex;
	bottom: 42%;
}

.slider .tns-controls button {
	display: contents;
}

.slider .tns-controls button span {
	font-size: 50px;
	color: rgb(60, 170, 50) !important;
}





/* ----- BOX LISTAGEM PADRÃO ----- */
.order-1 a:hover {
	text-decoration: none !important;
}

.box-lista {
	border-radius: 12px;
	position: relative;
	margin: 0 0 50px 0 !important;
	overflow: hidden;
	border: 2px solid rgba(0, 0, 0, .2);
}

.box-lista .texto {
	padding: 30px 30px 20px 20px;
	color: #000;
}

.box-lista hr {
	padding: 0 !important;
	margin: 15px 0 !important;
}

.box-lista h4 {
	font-size: 1.3em;
	text-transform: uppercase;
	margin: 0 35px 10px 0;
	font-family: 'Montserrat', sans-serif;
}

.box-lista p {
	max-height: 60px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bg-light {
	background-color: rgba(0, 0, 0, .2) !important
}

.padding-busca {
	padding: 15px;
	border-radius: 8px;
}

.btn-padrao-busca,
button {
	padding: 8px 14px !important;
	border: 0 !important;
	border-radius: 20px !important;
	margin: 1px !important;
	font-size: 15px !important;
	line-height: 15px !important;
	height: 35px !important;
}

.btn-padrao-busca svg,
button svg {
	font-size: 12px !important;
}

.btn-padrao-busca:hover,
button:hover {
	background-color: #000 !important;
	color: #FFF !important;
	text-decoration: none;
}

.bg-limpar {
	background-color: rgb(60, 170, 50);
}

.docs-anexos-1 {
	border: 1px solid rgb(230, 230, 230);
	border-bottom: 1px solid rgb(59, 170, 52);
	padding: 10px 20px;
	margin-bottom: 8px;
	border-radius: 12px;
	display: flex;
	flex-direction: row;
	text-align: left;
	transition: all 1s ease;
	position: relative;
	height: 120px;
}

.docs-anexos-1 a {
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.docs-anexos-1 a:hover {
	text-decoration: none;
}

.docs-anexos-1 svg {
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px;
	border-radius: 12px 0 12px 0;
	background-color: rgb(59, 170, 52);
	font-size: 36px;
	color: rgb(255, 255, 255) !important;
}

.docs-anexos-1 p {
	margin: 7px 10px 10px 30px;
	line-height: 15px;
	font-size: 13px;
	text-transform: uppercase;
	color: rgb(50, 50, 50);
	font-weight: 900;
}

.docs-anexos-1 p small {
	display: block;
	margin-top: 8px;
	font-size: 11px;
	text-transform: uppercase;
}

.docs-anexos-1:hover {
	border: 1px solid rgb(230, 230, 230);
	background-color: rgb(59, 170, 52);
}

.docs-anexos-1:hover svg,
.docs-anexos-1:hover a,
.docs-anexos-1:hover small,
.docs-anexos-1:hover span,
.docs-anexos-1:hover {
	color: rgb(255, 255, 255);
}

.docs-anexos-1 a:hover {
	color: rgb(255, 200, 50) !important;
}





/* ----- AVALIAÇÃO DE ATENDIMENTO -----*/

.radio-image {
	display: flex;
	justify-content: space-between;
}

.radio-satisfacao {
	text-align: center !important;
}

.radio-satisfacao:hover {
	opacity: 0.7;
}

.radio-satisfacao input[type="radio"] {
	display: none;
}

.radio-satisfacao img {
	width: 50%;
}

#camposSatisfacao {
	display: none;
}