/* Parametrização de cores, fontes e outros elementos visuais */

:root {
	--baneses-primary-color: var(--baneses-dark-blue);
	--baneses-secondary-color: var(--baneses-light-blue);
	--baneses-alternate-color: var(--baneses-light-green);
	--baneses-alert-error: var(--baneses-red-alert);
	--baneses-alert-restriction: var(--baneses-yellow-alert);
	--baneses-light-blue: #03AFC5;
	--baneses-dark-blue: #004989;
	--baneses-light-green: #4FB145;
	--baneses-light-gray: #888888;
	--baneses-dark-gray: #6B6B6B;
	--baneses-red-alert: #f75831;
	--baneses-yellow-alert: #dac800;
	--baneses-graph-gray: #E9E9E9;
	--baneses-main-bg: #DCDCDC;
	--baneses-outer-bg: #FEFEFE;
	--baneses-inner-bg: #F8F8F8;
	--baneses-select-bg: #F8F8F8;
	--baneses-select-font-disable: var(--baneses-primary-color);
	--baneses-select-font-input: var(--baneses-alternate-color);
	--baneses-button-nav-main-color: var(--baneses-dark-gray);
	--baneses-button-nav-forward-color: var(--baneses-light-green);
	--baneses-main-font-color: var(--baneses-primary-color);
	--baneses-main-font-family: 'Roboto', Arial;
	--baneses-contrast-font: #FFFFFF;
	--baneses-input-shadow: 2 2px rgba(0,0,0,0.3);
}

/* Definição de nomenclatura:
Elementos: position-item-type

Position: up, botton, down
Item: nome da div ou do elemento
Type: default, size

*/


/** CENTRAL DE AJUDA **/

.header-central-ajuda {
	background-color: var(--baneses-main-font-color);
	color: white;
	border-radius: 10px;
	padding: 10px 20px;
}

.no-li-institucional li::before {
	content: none !important;
}



/** PESQUISA, MENU E TOPO **/


.dropup, .dropright, .dropdown, .dropleft {
	font-family: var(--baneses-main-font-family);
}


.header .bottom-header .bottom-header-inner .collapse .search-content-form .search-content-form-inner {
	font-family: var(--baneses-main-font-family)
}


@media (min-width: 992px) {

	.header .top-header .top-header-inner {
		padding: 0.8rem 0 0.8rem 0 !important;
	}
}

@media only screen and (max-width: 768px) {

	.login-area {
		left: 55% !important;
	}
}


.maintitle h2 {
	font-family: var(--baneses-main-font-family) !important;
	font-size: 18px !important;
	font-weight: bold !important;
	margin-left: 30px !important;
	padding-top: 15px !important;
}




/** SHADOWS NOS DESTAQUES **/

.page-home .banner-section .banner-section-inner .banners .inside-area.first-area .banner-item {
	box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
}

.page-home .banner-section .banner-section-inner .banners .inside-area.second-area .banner-item {
	box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
}

.page-home .cards-links-section .cards-links-section-inner .box-area .box-item .box-item-inner {
	box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}


/** FIM SHADOWS **/


.header .bottom-header .bottom-header-inner .collapse .search-content-form {
	border-radius: 10px;
	border: 2px inset rgba(0,0,0,0.4);
}

.header .bottom-header .bottom-header-inner .collapse .search-content-form {
	background: var(--baneses-dark-blue) !important;
}

@media (min-width: 763px) and (max-width: 999px) {
	.btn-special .btn-special-inner .icon-side {
		width: 55px !important;
	}
}

.btn-special.color-primary .btn-special-inner {
	background: #0814dd;
	border: 1px solid rgba(0,95,158,0.6);
}


.btn-special .btn-special-inner .icon-side {
	border-radius: 0 10px 10px 0;
	font-size: 24px;
}

.logo-img {
	width: 145px;
}


/* Header */
.btn-special-inner {
	border-radius: 10px !important;
}

.btn-special .btn-special-inner .icon-side {
	border-radius: 0 10px 10px 0;
}

.header .top-header .top-header-inner .logo-side .logo-img {
	height: auto;
}

.page-home .banner-section.top-banners {
	background: #fff;
	margin-top: 15px;
}

.dropdown-btn-menu .expanded-menu .expanded-inner .menu .menu-item a {
	color: #fff;
	text-decoration: none;
	font-family: var(--baneses-main-font-family) !important;
	display: block;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.btn-special .btn-special-inner .text-side {
	padding: 0.3rem 0.5rem !important;
	font-size: 1.2em;
}

@media (min-width: 1000px) {

	.btn-special .btn-special-inner .text-side {
		padding: 0.3rem 0.7rem !important;
		font-size: 1em !important;
	}
}

.dropdown-btn-menu .expanded-menu .expanded-inner .menu {
	padding: 5px;
	border-radius: 10px;
	border-radius: 10px;
	list-style: none;
	margin-bottom: 0;
}


	.dropdown-btn-menu .expanded-menu .expanded-inner .menu .menu-item .sub-menu {
		border-radius: 10px;
	}



/* Top Banner */
.banner-image {
	border-radius: 10px;
}

.first-area {
	width: 68% !important;
	position: relative;
	height: 432px !important;
}

.second-area {
	width: 32% !important;
	position: relative;
}

	.second-area .banner-item {
		position: relative;
		height: 202px !important;
	}

.first-area .banner-image {
	height: 432px !important;
	width: 766px !important;
}

.second-area .banner-image {
	height: 202px !important;
	width: 356px !important;
	float: right;
}
/*.top-banners {
    height: 53vh;
}*/
.first-area .banner-lead {
	position: absolute;
	left: 0;
	bottom: 30%;
	padding: 10px 20px;
	background-color: var(--baneses-primary-color);
	color: var(--baneses-contrast-font);
	border-radius: 0 5px 5px 0;
	width: 70%;
	font-size: 22px;
	line-height: 1.5em;
	display: flex;
	align-items: center;
}

.first-area .banner-resumo {
	position: absolute;
	left: 0;
	bottom: 5%;
	padding: 10px 20px;
	background-color: rgba(255,255,255,0.95);
	color: var(--baneses-main-color);
	border-radius: 0 5px 5px 0;
	width: 90%;
	font-size: 22px;
	height: 24%;
	display: flex;
	align-items: center;
}
	/*
.first-area .banner-lead::hover {
    background-color: #dedede;
    color: #v3v3v3;
}
*/
	.first-area .banner-resumo::hover {
		background-color: white;
		color: var(--baneses-main-color);
	}

.second-area .banner-small {
	bottom: 0;
	position: absolute;
	font-size: 1.5em;
	width: 100%;
	height: 40%;
	background-color: var(--baneses-primary-color);
	padding: 10px 20px;
	border-radius: 0 0 10px 10px;
	color: #fff;
	display: flex;
	align-items: center;
}

/* Principais serviços */
.home-links-carousel .box-item .box-item-inner .box-image, .home-links-carousel .box-item .box-item-inner {
	border-radius: 10px;
}

	.home-links-carousel .box-item .box-item-inner .box-title {
		border-radius: 0 0 10px 10px;
		background-color: #015994 !important;
	}

.page-home .cards-links-section .cards-links-section-inner .title-area .title .title-icon {
	border-radius: 10px 0 0 10px;
	background-color: #FFF;
	margin-right: 0;
	height: 50px;
}

.title-label {
	font-size: 17px;
	background-color: #F5F4F4;
	color: #0814dd;
	height: 50px;
	padding: 1rem;
	border-radius: 0 10px 10px 0;
}

.page-home .cards-links-section .cards-links-section-inner {
	padding: 1rem 0;
}

.principais-servicos-links .title-area h3 {
	margin-left: 0;
}

.page-home .cards-links-section .cards-links-section-inner .box-area {
	padding-top: 2.5rem;
}

.page-home .cards-links-section .cards-links-section-inner .box-area {
	padding-bottom: 20px;
}

/* Datas e eventos */
.page-home .date-pictures-section .date-pictures-section-inner .internal-area .title-top .title .title-icon {
	border-radius: 10px 0 0 10px;
	background-color: #e3e3e3;
	margin-right: 0;
	height: 50px;
}

	.page-home .date-pictures-section .date-pictures-section-inner .internal-area .title-top .title .title-icon .fas {
		color: #0814dd;
	}

.page-home .date-pictures-section .date-pictures-section-inner .internal-area .title-top .title {
	margin-left: 0;
	padding-top: 0;
}

.home-gallery .gallery-content .gallery-top .slick-slide div .item .image {
	border-radius: 10px;
}

/* Link úteis */
.links-uteis .title-area h3 {
	margin-left: 0;
}

.page-home .cards-links-section.links-uteis {
	background-color: #e3e3e3;
}

.links-uteis .title-label {
	font-size: 17px;
	background-color: #F5F4F4;
	color: #F69D34;
	height: 50px;
	padding: 1rem;
	border-radius: 0 10px 10px 0;
}

.page-home .cards-links-section.links-uteis .title-area .title .title-icon .fas {
	color: #F69D34;
}

.links-uteis .box-item .box-item-inner .box-title {
	border-radius: 0 0 10px 10px;
	background-color: #F69D34 !important;
}

/* Educação financeira */
.page-home .banner-section.educacao-financeira-banners {
	background-color: #FFF;
}

.educacao-financeira-banners .banner-lead {
	background-color: rgba(82,185,71,0.9);
}

.educacao-financeira-banners .main-resumo {
	color: #4FB145;
}

.page-home .banner-section .banner-section-inner .banners .inside-area.first-area .banner-item {
	height: auto;
	border-radius: 10px;
}

.page-home .banner-section .banner-section-inner .banners .inside-area.second-area .banner-item {
	border-radius: 10px;
}

.educacao-financeira-banners .banner-small {
	background-color: rgba(82,185,71,0.9);
}

/* Internas da area restrita */
.internal-area-restrita * {
	border: 0;
}

.internal-area-restrita {
	padding: 60px 0px 0px 0px;
	border: 0;
	background-color: var(--baneses-outer-bg);
	display: grid;
}

.maintitle {
	font-family: var(--baneses-main-font-family);
	font-size: 18px;
	color: var(--baneses-main-font-color);
	margin-bottom: 18px;
	height: 54px;
	width: min(100%, 80vw);
	grid-area: maintitle;
}

.left-border {
	background-color: var(--baneses-primary-color);
	width: 4px;
	float: left;
	height: 100%;
	margin-left: 0px;
}
/**
h2 {
	font-family: var(--baneses-main-font-family) !important;
	font-size: 18px !important;
	font-weight: bold !important;
	margin-left: 30px !important;
	padding-top: 15px !important;
}
**/
.step {
	background-color: var(--baneses-primary-color);
	width: 100%;
	height: 42px;
}

/**
h3 {
	font-family: var(--baneses-main-font-family);
	font-size: 2.25rem !important;
	font-weight: bold;
	color: var(--baneses-contrast-font);
	/**margin-left: 30px;
	padding-top: 10px;
}

**/

.card-internal {
	width: 800px;
	margin-left: 30px;
	padding-top: 30px;
}

.label-default {
	font-family: var(--baneses-main-font-family);
	font-size: 14px;
	font-weight: 600;
	color: var(--baneses-main-font-color);
	display: block;
	margin-bottom: 10px;
}

.input-default {
	height: 55px;
	width: 780px;
	font-family: var(--baneses-main-font-family);
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 1px;
	color: var(--baneses-main-font-color);
	padding-left: 20px;
	background-color: var(--baneses-inner-bg);
	box-shadow: var(--baneses-input-shadow);
}

.input-small {
	height: 40px;
	width: 290px;
	font-family: var(--baneses-main-font-family);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	color: var(--baneses-main-font-color);
	background-color: var(--baneses-inner-bg);
	text-align: center;
	box-shadow: var(--baneses-input-shadow);
}

.table-row-default {
	margin-top: 30px;
	width: 700px;
	display: block;
}

.left-block {
	float: left;
	margin: 0 20px;
	padding-left: 60px;
}

.right-block {
	margin-left: 200px;
	display: block;
}

.only-block {
	display: block;
	margin: 0 20px;
	padding-left: 60px;
}

.select-prazo {
	padding-top: 40px;
	width: 100%;
}

.select-default {
	height: 55px;
	width: 100%;
	font-family: var(--baneses-main-font-family);
	font-size: 18px;
	font-weight: 600;
	color: var(--baneses-main-font-color);
	padding-left: 20px;
	background-color: var(--baneses-inner-bg);
	margin-bottom: 20px;
	box-shadow: var(--baneses-input-shadow);
	/*
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none; */
}

/*
.select-default::after {
	content: "\25bc"; 
}
*/

.select-default-input {
	height: 55px;
	width: 100%;
	font-family: var(--baneses-main-font-family);
	font-size: 18px;
	font-weight: 600;
	color: var(--baneses-select-font-input);
	padding-left: 20px;
	background-color: var(--baneses-inner-bg);
	margin-bottom: 20px;
	box-shadow: var(--baneses-input-shadow);
}

.checkbox-default {
	width: 40px;
	height: 100%;
	float: left;
}

.alert-bot {
	padding: 0 0 0 40px;
}

.alert-single-text {
	font-family: var(--baneses-main-font-family);
	font-size: 15px;
	text-align: justify;
	text-justify: inter-word;
	margin: 0px 20px 0 0;
	height: 60px;
	padding-top: 20px;
	display: block;
}

.alert-text-box-bot {
	font-family: var(--baneses-main-font-family);
	font-size: 15px;
	text-align: justify;
	text-justify: inter-word;
	margin: 0px 20px 0 50px;
	height: 60px;
	padding-top: 10px;
}

	.alert-text-box-bot span {
		font-weight: bolder;
		color: #4FB145;
	}

.alert-icon-bot {
	color: var(--baneses-main-font-color);
	font-size: 50px;
	padding: 10px;
	float: left;
}

.text-alert-default-bot {
	margin-left: 20px;
	padding-top: 20px;
	display: block;
}

.alert-up {
	padding: 0 0 0 40px;
}

.alert-text-box-up {
	font-family: var(--baneses-main-font-family);
	font-size: 15px;
	text-align: justify;
	font-weight: 500;
	text-justify: inter-word;
	margin: 0px 20px 0 50px;
	height: 60px;
	padding: 20px 20px 20px 5px;
}

	.alert-text-box-up span {
		font-weight: bolder;
		color: var(--baneses-alternate-color);
	}

.alert-icon-up {
	color: var(--baneses-main-font-color);
	font-size: 50px;
	padding: 10px;
	float: left;
}

.registration-text {
	margin-bottom: 50px;
	display: block;
}

.text-alert-default-up {
	margin-left: 20px;
	padding-top: 20px;
	display: block;
}

.text-alert-default-up-restrictions {
	margin-left: 20px;
	padding-top: 20px;
	background: var(--baneses-alert-restriction);
	display: block;
}

.alert-icon-up-restrictions {
	color: var(--baneses-contrast-font);
	font-size: 50px;
	padding: 10px;
	margin-left: 10px;
	float: left;
}

.text-alert-default-up-error {
	margin-left: 0;
	margin-bottom: 20px;
	padding-top: 5px;
	background: var(--baneses-alert-error);
	display: flex;
	align-items: center;
}

.alert-icon-up-error {
	color: var(--baneses-contrast-font);
	font-size: 50px;
	padding: 5px;
	margin-left: 10px;
	float: left;
}

.alert-text-box-up-error {
	font-family: var(--baneses-main-font-family);
	font-size: 15px;
	text-align: justify;
	font-weight: 500;
	margin: 0px 20px 0 80px;
	padding: 20px 20px 20px 0px;
	height: 100%;
}

.list-error {
	font-family: var(--baneses-main-font-family);
	font-size: 15px;
	text-align: justify;
	font-weight: 500;
	margin-left: 20px;
	padding: 20px 20px 20px 0px;
	height: 100%;
}

	.list-error li {
		color: #fff;
		list-style-type: none;
	}

		.list-error li span {
			font-weight: 600;
		}

.radio-default {
	height: 100px;
}

.drop-shadow {
	box-shadow: var(--baneses-input-shadow);
}

.button-document-default {
	height: 42px;
	display: block;
	width: 220px;
	border-radius: 0;
	box-shadow: var(--baneses-input-shadow);
	font-family: var(--baneses-main-font-family);
	color: var(--baneses-main-font-color);
	font-weight: bold;
}

.custom-icon-button-document {
	font-size: 22px;
	margin-right: 10px;
	font-weight: bold;
}

.custom-icon-button-document-right {
	font-size: 22px;
	margin-left: 10px;
	font-weight: bold;
	color: var(--baneses-button-nav-forward-color);
}

.footer-internal {
	padding-top: 50px;
	width: 100%;
	height: 100px;
}

.nav-buttons-control-default {
	height: 42px;
	display: block;
	width: 220px;
	border-radius: 0;
	box-shadow: var(--baneses-input-shadow);
	font-family: var(--baneses-main-font-family);
	color: var(--baneses-button-nav-main-color);
	font-weight: bold;
	display: block;
}

.button-spacing-cancel {
	margin-right: 40px;
	float: left;
	display: block;
}

.button-spacing-nav {
	float: right;
	width: 500px;
}

.button-nav-default {
	height: 42px;
	font-size: 22px;
	display: block;
	width: 180px;
	border-radius: 0;
	box-shadow: var(--baneses-input-shadow);
	font-family: var(--baneses-main-font-family);
	color: var(--baneses-button-nav-main-color);
	font-weight: bold;
}

	.button-nav-default span {
		color: var(--baneses-button-nav-forward-color);
	}

.button-spacing-nav-inner {
	width: 180px;
	float: right;
	margin-left: 30px;
}

/* Central de empréstimos */

.container-central {
	background-color: var(--baneses-main-bg);
	align-items: center;
	padding: 0px;
	visibility: visible;
	display: grid;
	grid-gap: 15px;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-template-areas: "limites" "ativos" "inativos" "simulador" "cartorio";
}

.container-central-cartorio {
	background-color: var(--baneses-main-bg);
	align-items: center;
	padding: 0px;
	visibility: visible;
	display: grid;
	grid-gap: 15px;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-template-areas: "cartorio";
}

.card-limites {
	width: 100vw;
	background-color: var(--baneses-outer-bg);
	grid-area: limites;
	visibility: visible;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-template-areas: "maintitle maintitle maintitle" ". limites-block .";
}

.card-limites-block {
	color: var(--baneses-outer-bg);
	grid-area: limites-block;
	width: 100vw;
	/* display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	grid-template-rows: auto;
	grid-template-areas:
	". . graph-margem graph-margem"
	". . graph-limite graph-limite"
	*/
}
.card-cartorio {
	width: 100vw;
	background-color: var(--baneses-outer-bg);
	grid-area: cartorio; /* utiliza o espaço dos limites, na central de empréstimos */
	visibility: visible;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-template-areas: "maintitle maintitle maintitle" ". cartorio-block .";
}

.card-cartorio-description {
	grid-area: cartorio-description;
	width: 95%;
}

.card-cartorio-download {
	grid-area: btn-download;
	margin-left: 33vw;
	width: 24vw;
	position: relative;
}

.cartorio-btn-download {
	position: static;
	bottom: 20px;
	height: 45px;
	font-size: 19px;
}

/* Central de Benefícios */

.container-central-benef {
	background-color: var(--baneses-main-bg);
	display: grid;
	grid-gap: 15px;
	grid-template-areas: "simulador-empr" "simulador-resgt" "simulador-port";
}

.card-simulador-benef {
	background-color: var(--baneses-outer-bg);
	visibility: visible;
	display: grid;
	grid-template-areas: "maintitle" "simulador-title" "simulador-text2" "simulador-button";
	padding-bottom:2vh;
}

.card-simulador-empr-grid {
	grid-area: simulador-empr;
}

.card-simulador-resgt-grid {
	grid-area: simulador-resgt;
}

.card-simulador-port-grid {
	grid-area: simulador-port;
}

/** RESPONSIVO CONTRATOS ATIVOS E INATIVOS **/

.contratos-buttons {
	height: 36px;
	font-size: 12px;
	display: block;
	padding: 10px;
	border-radius: 0;
	box-shadow: var(--baneses-input-shadow);
	font-family: var(--baneses-main-font-family);
	color: var(--baneses-main-font-color);
	font-weight: 600;
}

.contratos-buttons-align {
	height: 36px;
	font-size: 14px;
	display: flex;
	justify-content: flex-end;
	border-radius: 0;
	font-family: var(--baneses-main-font-family);
	color: var(--baneses-button-nav-main-color);
	font-weight: bold;
}

.contratos-buttons-top {
	margin-bottom: 30px;
	margin-right: 35px;
	display: flex;
	justify-self: flex-end;
	grid-area: contratos-buttons;
	/**position: relative; **/
}


.encerrado-button {
	/**position: absolute; **/
	right: 0;
	top: 60%;
	margin-left: 20px;
	grid-area: left-button;
}

.novo-button {
	/**position: absolute; **/
	right: 0;
	bottom: 50%;
	grid-area: right-button;
}

.card-contratos-ativos {
	background-color: var(--baneses-outer-bg);
	width: 100vw;
	grid-area: ativos;
	visibility: visible;
	height: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-template-areas: "maintitle maintitle maintitle" "contratos-buttons contratos-buttons contratos-buttons" ". table-ativos ."
}

.card-contratos-ativos-geral {
	background-color: var(--baneses-dark-blue);
	width: min(900px, 80vw);
}

.table-contratos-ativos-geral {
	display: grid;
	padding: 10px 0;
	grid-template-columns: 1fr;
}

.table-contratos-ativos-open {
	margin: -15px 2px;
	padding: 10px 0 20px 0;
	border-radius: 10px;
	background-color: var(--baneses-main-font-color);
	width: 300px;
	font-family: var(--baneses-main-font-family);
	color: white;
	display: visble;
}

.ct-table-resp {
	border-bottom-style: none !important;
	border-width: 0 !important;
	border-bottom-color: none !important;
}

.table-contratos-head-resp {
	width: 10em;
	font-family: var(--baneses-main-font-family);
	color: white;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	padding: 0 0 0 10px;
}

.table-contratos-data-resp {
	width: 15em;
	font-family: var(--baneses-main-font-family);
	color: white;
	font-size: 18px;
	margin: 10px;
	font-weight: 600;
	text-align: left;
	padding: 5px 0 5px 20px;
}

.table-contratos-uc-resp {
	width: 300px;
	border-radius: 10px !important;
	font-family: var(--baneses-main-font-family);
	font-size: 16px;
	color: var(--baneses-primary-color);
	font-weight: 600;
}

.table-contratos-input-resp {
	height: 50px;
	width: 300px;
	margin: -6px 0;
	padding: 5px 10px;
	border-radius: 10px;
	font-family: var(--baneses-main-font-family);
	font-size: 16px;
	font-weight: 600;
	color: var(--baneses-main-font-color);
	background-color: var(--baneses-inner-bg);
	text-align: left;
	border: 2px solid var(--baneses-main-font-color);
	box-shadow: var(--baneses-input-shadow);
}


.table-contratos-ativos-resp {
	width: 305px;
	border-collapse: initial;
}

	.table-contratos-ativos-resp td {
		width: 100%;
		padding-left: 10px;
		font-family: var(--baneses-main-font-family);
		font-size: 16px;
		color: var(--baneses-primary-color);
		font-weight: 500;
		text-align: center;
		border-bottom-style: solid;
		border-width: 2px;
		border-bottom-color: var(--baneses-dark-gray);
	}

.contratos-extrato-button-default-resp {
	height: 42px;
	font-size: 22px;
	display: block;
	width: 304px;
	border-radius: 10px;
	border: 2px solid var(--baneses-main-font-color);
	box-shadow: var(--baneses-input-shadow);
	font-family: var(--baneses-main-font-family);
	color: var(--baneses-main-font-color);
	font-weight: bold;
	margin: 0 auto;
}

	.contratos-extrato-button-default-resp span {
		font-size: 18px;
		color: var(--baneses-main-font-color);
	}

.table-contratos-ativos-resp tr {
	height: 50px;
}

.contratos-ativos-list {
	margin: 20px;
}


.contratos-accordeon {
	border-radius: 10px;
	color: white !important;
	position: relative;
}

.contratos-accordeon-hide {
	display: none;
}


.acc-vermais {
	justify-content: right !important;
	position: absolute;
	right: 5%;
	top: 30%;
}

.acc-contrato {
	font-weight: 600;
	position: absolute;
	top: 30%;
	left: 5%;
}

.responsive-accordeon td {
	color: white !important;
}

.responsive-accordeon {
	background-color: var(--baneses-main-font-color) !important;
}


.contratos-table {
	grid-area: table-ativos;
	/**
	width: min(900px, 90vw);
	
	margin-left: 10px; **/
}

.card-contratos-inativos {
	width: 100vw;
	background-color: var(--baneses-outer-bg);
	grid-area: inativos;
	visibility: visible;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-template-areas: "maintitle maintitle maintitle" "contratos-buttons contratos-buttons contratos-buttons" ". table-ativos ."
}

.card-simulador-inicio {
	width: 100vw;
	background-color: var(--baneses-outer-bg);
	height: 380px;
	grid-area: simulador;
	visibility: visible;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-template-areas: "maintitle maintitle maintitle" "simulador-title simulador-title simulador-title" "simulador-text2 simulador-text2 simulador-text2" ". . simulador-button"
}




.progress-full {
	width: 100%;
	background-color: var(--baneses-graph-gray);
	border-radius: 3px;
	height: 50px;
	font-family: var(--baneses-main-font-family);
	font-size: 32px;
	font-weight: bolder;
	color: #fff;
	box-shadow: var(--baneses-input-shadow);
}

.progress-bar-full {
	float: left;
	background-color: var(--baneses-primary-color);
	height: 100%;
	border-radius: 3px 0 0 3px;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: var(--baneses-input-shadow);
	justify-content: center;
}

.progress-bar-empty {
	float: left;
	background-color: var(--baneses-graph-gray);
	height: 100%;
	border-radius: 0 3px 3px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: var(--baneses-input-shadow);
	color: var(--baneses-light-green);
	justify-content: center;
}

.graph-data {
	font-family: var(--baneses-main-font-family);
	color: var(--baneses-dark-gray);
	font-size: 14px;
}

	.graph-data span {
		color: var(--baneses-red-alert);
		font-weight: bold;
	}

.dashboard-limites {
	padding: 15px 40px;
	width: 100%;
	grid-area: graph-limite;
}

.dashboard-margem {
	padding: 15px 40px;
	width: 100%;
	grid-area: graph-margem;
}

.valores-down {
	float: right;
	margin-top: 5px;
}

	.valores-down p {
		margin-bottom: 0;
	}

.valores-up {
	margin-bottom: 5px;
}

	.valores-up p {
		margin-bottom: 0;
	}

.graph-limites {
	width: 100%;
}

.graph-margem {
	width: 100%;
}

.card-limites-description {
	font-family: var(--baneses-main-font-family);
	font-size: 14px;
	color: var(--baneses-main-font-color);
	margin-top: 20px;
	padding: 40px;
	font-weight: 500;
	width: 85%;
	grid-area: limites-description;
}


.contratos-title {
	height: 1em;
}

.contratos-title-h2 {
	float: left;
}

.table-contratos-ativos {
	padding-left: 1em;
	padding-right: 2em;
	width: min(900px, 80vw);
	border-collapse: initial;
}


.table-contratos-uc {
	width: auto;
	padding-left: 0px !important;
	font-family: var(--baneses-main-font-family);
	font-size: 16px;
	color: var(--baneses-primary-color);
	font-weight: 600;
}

.table-contratos-input {
	height: 40px;
	width: 100%;
	font-family: var(--baneses-main-font-family);
	font-size: 16px;
	font-weight: 500;
	color: var(--baneses-main-font-color);
	background-color: var(--baneses-inner-bg);
	text-align: left;
	box-shadow: var(--baneses-input-shadow);
}

.table-contratos-head {
	font-family: var(--baneses-main-font-family);
	color: var(--baneses-light-gray);
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	padding: 0 0 0 10px;
}

.simulador-desc {
	grid-area: simulador-text2;
}

.table-contratos-ativos td {
	width: auto;
	padding-left: 10px;
	font-family: var(--baneses-main-font-family);
	font-size: 16px;
	color: var(--baneses-primary-color);
	font-weight: 500;
	text-align: center;
	border-bottom-style: solid;
	border-width: 2px;
	border-bottom-color: var(--baneses-dark-gray);
}

.table-contratos-ativos tr {
	height: 50px;
}

/* .contratos-ativos-ultima-prestacao {
visibility: hidden;
float: left;
}

.contratos-ativos-saldodevedor {
  visibility: visible;
  float: left;
} */

.contratos-extrato-button-default {
	height: 42px;
	font-size: 22px;
	display: block;
	width: 60px;
	border-radius: 0;
	box-shadow: var(--baneses-input-shadow);
	font-family: var(--baneses-main-font-family);
	color: gray;
	font-weight: bold;
	background-color: #ddd;
	margin: 0 auto;
}

.table-contratos-uc-inativos {
	padding-left: 0 !important;
	font-family: var(--baneses-main-font-family);
	font-size: 16px;
	color: var(--baneses-primary-color);
	font-weight: 600;
	align-items: center;
	width: 10em;
}

.card-simulador-text {
	font-family: var(--baneses-main-font-family);
	font-size: 16px;
	color: var(--baneses-main-font-color);
	width: 100%;
	grid-area: simulador-title;
}

.simulador-title {
	background-color: var(--baneses-main-font-color);
	color: white;
	padding: 10px 30px;
}

.card-simulador-inicio .maintitle {
	margin-bottom: 0 !important;
}


.simulador-alert {
	display: flex;
	align-items: center;
	background-color: #ddd;
	border-radius: 10px;
	font-weight: 700 !important;
}



.simulador-description {
	font-family: var(--baneses-main-font-family);
	font-size: 14px;
	font-weight: 500;
	color: var(--baneses-main-font-color);
	margin: 20px 30px;
}

.card-simulador-footer {
	float: right;
	display: flex;
	justify-content: flex-end;
	padding: 0px 30px;
	grid-area: simulador-button;
}

.button-simulador-default {
	height: 42px;
	font-size: 18px;
	display: block;
	width: 210px;
	border-radius: 0;
	box-shadow: var(--baneses-input-shadow);
	font-family: var(--baneses-main-font-family);
	color: var(--baneses-button-nav-main-color);
	font-weight: bold;
}

.login-area {
	box-shadow: 1px 1px 1px 1px #ccc;
	position: absolute;
	display: block;
	align-items: center;
	left: 50%;
	font-family: var(--baneses-main-font-family);
	transform: translate(-50%, 0);
	padding: 20px 15px 0px 15px;
	visibility: hidden;
	font-size: 14px;
	color: #828282;
	background: #fff;
}

.btn-loggof {
	margin: 15px auto;
	display: block;
	text-align: center;
	font-size: 14px;
	color: var(--baneses-dark-blue);
	border: 1px solid var(--baneses-light-blue);
	background-color: var(--baneses-outer-bg);
	width: 35%;
}

	.btn-loggof:hover {
		background-color: var(--baneses-light-blue);
	}


.card-contratos-inativos {
	display: none;
}

/* Dados Pessoais */

.container-dp {
	background-color: var(--baneses-main-bg);
	align-items: center;
	padding: 0px;
	visibility: visible;
	display: grid;
	grid-gap: 15px;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-template-areas: "nome" "endereco" "contatos" "beneficiarios" "peculio" "consentimento";
}

.dp-card-default {
	width: min(900px, 100vw);
	background-color: var(--baneses-outer-bg);
}

.dp-card-nome {
	grid-area: nome;
	visibility: visible;
	display: grid;
	grid-template-columns: 1fr minmax(1fr, 900px) 1fr;
	grid-template-rows: 1fr 1fr 20px;
	grid-template-areas: "maintitle maintitle maintitle" "input-name input-name input-name";
}

.dp-nome-block {
	grid-area: input-name;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

.input-nome {
	background-color: #fff;
	width: 100%;
	background: #fff;
}

.input-endereco {
	background-color: #fff;
	background: #fff;
}

.input-endereco-left {
	background-color: #fff;
	background: #fff;
	/*margin-left: 30px;*/
}

.dp-card-endereco {
	grid-area: endereco;
	visibility: visible;
	display: grid;
	grid-template-columns: 1fr minmax(1fr, 900px) 1fr;
	grid-template-rows: auto;
	grid-template-areas: "maintitle maintitle maintitle" ". endereco-block .";
}

.dp-card-contatos {
	grid-area: contatos;
	visibility: visible;
	display: grid;
	grid-template-columns: 1fr minmax(1fr, 900px) 1fr;
	grid-template-rows: auto;
	grid-template-areas: "maintitle maintitle maintitle" ". contatos-block .";
}

.dp-card-benef {
	grid-area: beneficiarios;
	visibility: visible;
	display: grid;
	grid-template-columns: 1fr minmax(1fr, 900px) 1fr;
	grid-template-rows: auto;
	grid-template-areas: "maintitle maintitle maintitle" "benef-block benef-block benef-block";
}

.dp-card-peculio {
	grid-area: peculio;
	visibility: visible;
	display: grid;
	grid-template-columns: 1fr minmax(1fr, 900px) 1fr;
	grid-template-rows: auto;
	grid-template-areas: "maintitle maintitle maintitle" "peculio-block peculio-block peculio-block";
}

.dp-input-default {
	color: var(--baneses-main-font-color);
	font-family: var(--baneses-main-font-family);
	font-size: 1rem;
	font-weight: 600;
	padding: 5px 0;
	width: 100%;
	border-bottom-style: solid;
	border-width: 2px;
	border-bottom-color: #d2d2d2;
}

.dp-table-default {
	color: var(--baneses-main-font-color);
	font-family: var(--baneses-main-font-family);
	font-size: 1rem;
	font-weight: 600;
	padding: 5px 0px;
	width: min-content;
	border-bottom-style: solid;
	border-width: 2px;
	border-bottom-color: #d2d2d2;
}

.dp-table-linha-superior {
	border-bottom-style: none;
	padding-bottom: 0px;
}

.dp-table-default-name {
	width: 280px !important;
}

.dp-table-default-pcname {
	width: 380px !important;
}

.dp-table-head {
	width: min(200px, 30%);
	font-family: var(--baneses-main-font-family);
	color: var(--baneses-light-gray);
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	padding: 15px 0;
}

.dp-table-head-linha-superior {
	padding-bottom: 2px;
}

.dp-table-head-linha-inferior {
	padding-top: 0px;
}


/* .dp-input-default::before {
	content: "";
	background-color: #dac800;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50px;
}
*/

.dp-input-label {
	color: var(--baneses-dark-gray);
	font-family: var(--baneses-main-font-family);
	font-size: 14px;
	padding: 15px 0;
	font-weight: 500;
	display: block;
}

.dp-endereco-block {
	width: 100%;
	grid-area: endereco-block;
	display: grid;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	grid-gap: 18px;
	grid-template-columns: repeat(8, 1fr) !important;
	grid-template-rows: repeat(7, 1fr);
	grid-template: "logradouro logradouro logradouro logradouro logradouro logradouro logradouro logradouro" "complemento complemento complemento complemento complemento complemento complemento complemento" "cep cep cep . uf uf uf uf" "bairro bairro bairro bairro bairro bairro bairro bairro" "cidade cidade cidade cidade cidade cidade cidade cidade" ". uc-endereco uc-endereco uc-endereco uc-endereco uc-endereco uc-endereco uc-endereco";
}

.dp-logradouro-div {
	grid-area: logradouro;
}

.dp-complemento-div {
	grid-area: complemento;
	width: 100%;
}

.dp-cep-div {
	grid-area: cep;
	width: 100%;
}

.dp-uf-div {
	grid-area: uf;
	width: 100%;
}

.dp-bairro-div {
	grid-area: bairro;
	width: 100%;
}

.dp-cidade-div {
	grid-area: cidade;
	width: 100%;
}

.uc-endereco {
	grid-area: uc-endereco;
	text-align: right;
}

.dp-contatos-block {
	width: 100%;
	grid-area: contatos-block;
	display: grid;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	grid-gap: 15px;
	grid-template-columns: repeat(8, 1fr) !important;
	grid-template-rows: auto;
	grid-template: "email email email email email email email email" "telfixo telfixo telfixo telfixo telcel telcel telcel telcel" ". uc-contatos uc-contatos uc-contatos uc-contatos uc-contatos uc-contatos uc-contatos";
}

.dp-email-div {
	grid-area: email;
	width: 100%;
}

.dp-telfixo-div {
	grid-area: telfixo;
	width: 100%;
}

.dp-telcel-div {
	grid-area: telcel;
	width: 100%;
}

.uc-contatos {
	grid-area: uc-contatos;
	text-align: right;
}

.dp-beneficiarios-block {
	width: 100%;
	grid-area: benef-block;
	display: grid;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	grid-gap: 15px;
	grid-template-columns: repeat(8, 1fr) !important;
	grid-template-rows: auto;
	grid-template: "benef-table benef-table benef-table benef-table benef-table benef-table benef-table benef-table" ". uc-benef uc-benef uc-benef uc-benef uc-benef uc-benef uc-benef";
}

.dp-table-benef {
	grid-area: benef-table;
	width: 100%;
}

.uc-benef {
	grid-area: uc-benef;
	text-align: right;
	margin-right: 0px;
}

.dp-peculio-block {
	width: 100%;
	grid-area: peculio-block;
	display: grid;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	grid-gap: 15px;
	grid-template-columns: repeat(8, 1fr) !important;
	grid-template-rows: 1fr 1fr;
	grid-template: "peculio-table peculio-table peculio-table peculio-table peculio-table peculio-table peculio-table peculio-table" ". uc-peculio uc-peculio uc-peculio uc-peculio uc-peculio uc-peculio uc-peculio";
}

.dp-table-peculio {
	grid-area: peculio-table;
	width: 100%;
}

.dp-uc-link {
	font-family: var(--baneses-main-font-family);
	font-size: 13px;
	font-weight: 600;
	padding: 10px;
	text-decoration: underline;
}

	.dp-uc-link a {
		color: var(--baneses-main-font-color) !important;
	}

.uc-peculio {
	grid-area: uc-peculio;
	text-align: right;
	margin-right: 0px;
}

.dp-card-consentimentos {
	grid-area: consentimento;
    visibility: visible;
    display: grid;
    grid-template-rows: auto;
    grid-template-areas:
        "maintitle maintitle maintitle"
        "consentimento-block consentimento-block consentimento-block";
}

.dp-consentimento-block {
	width: 100%;
	grid-area: consentimento-block;
	display: grid;
	margin-bottom: 10px;
	padding: 15px;
	grid-gap: 15px;
	grid-template-columns: repeat(8, 1fr) !important;
	grid-template: "ajuda-con ajuda-con ajuda-con ajuda-con ajuda-con ajuda-con ajuda-con ajuda-con" 
	". uc-consentimentos uc-consentimentos uc-consentimentos uc-consentimentos uc-consentimentos uc-consentimentos uc-consentimentos";
}

.dp-ajuda-div {
	display: flex;
	justify-content: right;
	align-items: center;
	margin: 0 auto;
	width: fit-content;
	grid-area: ajuda-con;
}

.consent-icon {
	margin: 10px 15px 10px 15px;
	font-size: 35px;
	color: var(--baneses-dark-blue);
}

.uc-consentimentos {
	grid-area: uc-consentimentos;
	text-align: right;
	margin-right: 0px;
}

/* Meus Demonstrativos */

.container-demo {
	background-color: var(--baneses-main-bg);
	align-items: center;
	padding: 0px;
	visibility: visible;
	display: grid;
	grid-gap: 15px;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-template-areas: "pagamento" "evolucao" "informe" "dezembro";
}

.demo-card-pgt {
	grid-area: pagamento;
	visibility: visible;
	display: grid;
	grid-template-columns: 1fr minmax(1fr, 900px) 1fr;
	grid-template-rows: 1fr 2fr 20px;
	grid-template-areas: "maintitle maintitle maintitle" "pgt-block pgt-block pgt-block";
}

.demo-card-default {
	width: min(900px, 100vw);
	background-color: var(--baneses-outer-bg);
}

.demo-pgt-block {
	width: 95%;
	grid-area: pgt-block;
	display: grid;
	margin-left: 30px;
	margin-bottom: 10px;
	grid-gap: 15px;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto auto auto;
	grid-template: "pgt-description" "pgt-periodo" "pgt-mes" "btn-download";
}

.demo-pgt-description {
	grid-area: pgt-description;
	width: 95%;
}

.demo-pgt-periodo {
	grid-area: pgt-periodo;
	width: 180px;
}

.demo-pgt-mes {
	grid-area: pgt-mes;
	width: 230px;
}

.demo-pgt-download {
	grid-area: btn-download;
	width: 150px;
	position: relative;
}

.p-description-default {
	font-family: var(--baneses-main-font-family);
	font-size: 14px;
	font-weight: 500;
	color: var(--baneses-dark-gray);
}

.demo-select-default {
	height: 45px;
	width: 100%;
	font-family: var(--baneses-main-font-family);
	font-size: 20px;
	font-weight: 700;
	color: var(--baneses-main-font-color);
	padding-left: 40px;
	background-color: var(--baneses-inner-bg);
	margin-bottom: 20px;
	box-shadow: var(--baneses-input-shadow);
}

.demo-label-default {
	padding: 10px 0;
	font-family: var(--baneses-main-font-family);
	font-size: 14px;
	font-weight: 600;
	display: block;
}

.demo-card-evolucao {
	grid-area: evolucao;
	visibility: visible;
	display: grid;
	grid-template-columns: 1fr minmax(1fr, 900px) 1fr;
	grid-template-rows: 1fr 2fr 20px;
	grid-template-areas: "maintitle maintitle maintitle" "evolucao-block evolucao-block evolucao-block";
}

.demo-evolucao-block {
	width: 100%;
	grid-area: evolucao-block;
	display: grid;
	margin-left: 0px;
	margin-bottom: 10px;
	grid-gap: 15px;
	grid-template-columns: 1fr 1ft 1fr;
	grid-template-rows: auto;
	grid-template: ". pgt-description ." ". evolucao-periodo ." ". btn-download .";
}


.demo-evolucao-description {
	grid-area: evolucao-description;
	width: 100%;
}

.demo-evolucao-periodo {
	grid-area: evolucao-periodo;
	width: 100%;
}

.demo-evolucao-download {
	grid-area: btn-download;
	width: 100%;
	position: relative;
}

.demo-btn-download {
	position: static;
	bottom: 20px;
	height: 45px;
	font-size: 19px;
	display: none;
	width: 100%;
}

.demo-card-informe {
	grid-area: informe;
	visibility: visible;
	display: grid;
	grid-template-columns: 1fr minmax(1fr, 900px) 1fr;
	grid-template-rows: 1fr 2fr 20px;
	grid-template-areas: "maintitle maintitle maintitle" "informe-block informe-block informe-block";
}

.demo-card-dezembro {
	grid-area: dezembro;
	visibility: visible;
	display: grid;
	grid-template-columns: 1fr minmax(1fr, 900px) 1fr;
	grid-template-rows: 1fr 2fr 20px;
	grid-template-areas: "maintitle maintitle maintitle" "dezembro-block dezembro-block dezembro-block";
}

@media (max-width: 767px) {
	.demo-informe-block {
		width: 95%;
		grid-area: informe-block;
		display: grid;
		margin-left: 30px;
		margin-bottom: 10px;
		grid-gap: 15px;
		grid-template-columns: 1fr !important;
		grid-template-rows: auto auto auto;
		grid-template: "informe-description" "informe-periodo" "btn-download";
	}
	.demo-dezembro-block {
		width: 95%;
		grid-area: dezembro-block;
		display: grid;
		margin-bottom: 10px;
		grid-gap: 15px;
		grid-template: ". dezembro-description . " ". dezembro-periodo ." ". btn-download .";
	}
	.card-cartorio-block {
		width: 92vw;
		grid-area: cartorio-block;
		display: grid;
		margin-left: 30px;
		margin-bottom: 10px;
		grid-gap: 15px;
		grid-template-columns: 1fr !important;
		grid-template-rows: auto auto;
		grid-template: "cartorio-description" "btn-download";
		white-space: pre-line;
	}
}

@media (min-width: 768px) {
	.demo-informe-block {
		width: 95%;
		grid-area: informe-block;
		display: grid;
		margin-left: 30px;
		margin-bottom: 10px;
		grid-gap: 15px;
		grid-template-columns: 1fr 1fr 1fr 1fr !important;
		grid-template-rows: 1fr 20px 1fr;
		grid-template: "informe-description informe-description informe-description informe-description" ". . . ." "informe-periodo btn-download . .";
	}
	.demo-dezembro-block {
		width: 95%;
		grid-area: dezembro-block;
		display: grid;
		margin-left: 30px;
		margin-bottom: 10px;
		grid-gap: 15px;
		grid-template-columns: 1fr 1fr 1fr 1fr !important;
		grid-template-rows: 1fr 20px 1fr;
		grid-template: "dezembro-description dezembro-description dezembro-description dezembro-description" ". . . ." "dezembro-periodo btn-download . .";
	}
	.card-cartorio-block {
		width: 58vh;
		grid-area: cartorio-block;
		display: grid;
		margin-left: 15vw;
		margin-right: 7vw;
		margin-bottom: 10px;
		grid-gap: 15px;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		grid-template: "cartorio-description cartorio-description cartorio-description" ". btn-download .";
		white-space: pre-line;
	}
}

.demo-informe-description { 
	grid-area: informe-description;
	width: 95%;
}

.demo-dezembro-description {
	grid-area: dezembro-description;
	width: 95%;
}

.demo-informe-periodo {
	grid-area: informe-periodo;
	width: 180px;
}

.demo-dezembro-periodo {
	grid-area: dezembro-periodo;
}

.demo-informe-download { 
	grid-area: btn-download;
	width: 150px;
	position: relative;
}

.demo-dezembro-download {
	grid-area: btn-download;
	position: relative;
}

.demo-card-dezembro {
	grid-area: dezembro;
	visibility: visible;
	display: grid;
	grid-template-columns: 1fr minmax(1fr, 900px) 1fr;
	grid-template-rows: 1fr 2fr 20px;
	grid-template-areas: "maintitle maintitle maintitle" "dezembro-block dezembro-block dezembro-block";
}

.demo-dezembro-tabela {
	grid-area: dezembro-tabela;
	color: var(--baneses-main-font-color);
	font-family: var(--baneses-main-font-family);
	font-size: 1rem;
	font-weight: 600;
	padding: 5px 0px;
	width: 95%;
	border-bottom-style: solid;
	border-width: 2px;
	border-bottom-color: #d2d2d2;
}

.demo-dezembro-table th {
	color: var(--baneses-dark-gray);
	font-size: 14px;
	font-weight: 500;
	padding: 15px 0;
	width: 20vw;
}

.demo-dezembro-table td {
	color: var(--baneses-main-font-color);
	font-size: 14px;
	font-weight: 600;
	width: 20vw;
	text-align: center;
	margin-bottom: 0 !important;
}

.demo-select-dezembro {
	width: 100%;
	font-family: var(--baneses-main-font-family);
	font-size: 20px;
	font-weight: 700;
	padding: 0.5em 3vw 0.5em 3vw;
	color: var(--baneses-main-font-color);
	background-color: var(--baneses-inner-bg);
	box-shadow: var(--baneses-input-shadow);
	border: 0;
}

.baneses-arrow {
	position: absolute;
	top: 0;
	right: 0;
	background: var(--baneses-inner-bg);
	display: block;
	height: 45px;
	width: 2rem;
	pointer-events: none;
}

	.baneses-arrow::before,
	.baneses-arrow::after {
		content: " ";
		position: absolute;
		width: 0;
		height: 0;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.baneses-arrow::before {
		border-left: 0.5em solid transparent;
		border-right: 0.5em solid transparent;
		border-top: 0.5em solid var(--baneses-dark-gray);
	}

.custom-select-arrow {
	position: relative;
}

/* CENTRAL DE SOLICITACOES E AJUDA */

.solicitacoes-tabela-resp-ativas {
	font-family: var(--baneses-main-font-family);
	color: white;
	width: 80vw;
	border-radius: 10px;
}

.solicitacoes-tabela-resp-inativas {
	font-family: var(--baneses-main-font-family);
	color: white;
	width: 80vw;
	border-radius: 10px;
}

.sol-accord-resp-ativas {
	background-color: var(--baneses-dark-blue);
	border-radius: 10px;
	border: 1px solid var(--baneses-dark-blue);
	position: relative;
	font-weight: 700;
	height: 50px;
}

.sol-accord-resp-inativas {
	background-color: var(--baneses-dark-blue);
	border-radius: 10px;
	border: 1px solid var(--baneses-dark-blue);
	position: relative;
	font-weight: 700;
	height: 50px;
}

.sol-ativas-resp-lista {
	margin-bottom: 30px;
	margin-top: 20px;
}

.sol-inativas-resp-lista {
	margin-bottom: 30px;
	margin-top: 20px;
}

.sol-accord-resp-ativas .contratos-extrato-button-default {
	border-radius: 10px;
	box-shadow: var(--baneses-input-shadow);
	height: 48px;
	border: 1px solid rgba(0,0,0,0.3);
}

.sol-accord-resp-inativas .contratos-extrato-button-default {
	border-radius: 10px;
	box-shadow: var(--baneses-input-shadow);
	height: 48px;
	border: 1px solid rgba(0,0,0,0.3);
}


.sol-accord-body-ativas {
	padding-top: 25px;
	margin: -20px 0;
	width: 100%;
	border-radius: 10px;
	background-color: var(--baneses-main-font-color);
}

.sol-accord-body-inativas {
	padding-top: 25px;
	margin: -20px 0;
	width: 100%;
	border-radius: 10px;
	background-color: var(--baneses-main-font-color);
}

.sol-accord-body-head {
	font-weight: 700;
	margin: 10px 15px;
}

.sol-accord-body-input {
	margin: 10px 25px;
}

.sol-accord-button-imprimir .contratos-extrato-button-default {
	width: 100%;
	border-radius: 10px;
	height: 50px;
	margin: 15px 0;
}

	.sol-accord-button-imprimir .contratos-extrato-button-default span {
		font-size: 16px;
	}


.sol-accord-protocolo {
	position: absolute;
	top: 30%;
	left: 4%;
}

.sol-accord-button-vermais {
	/* position: absolute;
	right: 0;
	top: 0; */
	float: right;
}

.sol-accord-button-cancelar {
	/* position: absolute;
	left: 50%;
	top: 0; */
	float: right;
}


.sol-accord-resp-ativas .contratos-extrato-button-default {
	border-radius: 10px;
	box-shadow: var(--baneses-input-shadow);
	height: 48px;
	border: 1px solid rgba(0,0,0,0.3);
}


.sol-accord-button-imprimir .contratos-extrato-button-default {
	width: 100%;
	border-radius: 10px;
	height: 50px;
	margin: 15px 0;
}

	.sol-accord-button-imprimir .contratos-extrato-button-default span {
		font-size: 16px;
	}








/** FIM DO BLOCO RESPONSIVO **/

.container-solicitacoes {
	background-color: var(--baneses-main-bg);
	align-items: center;
	padding: 0px;
	visibility: visible;
	display: grid;
	grid-gap: 15px;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-template-areas: "protocolos";
}

.solicitacoes-protocolos {
	background-color: var(--baneses-outer-bg);
	width: min(900px, 100vw);
	grid-area: protocolos;
	visibility: visible;
	height: 100%;
	display: grid;
	grid-gap: 15px;
	/*grid-template-columns: 20px 1fr 1fr 20px; */
	grid-template-rows: auto;
	grid-template-areas: "maintitle maintitle maintitle maintitle" "titulo titulo titulo titulo" ". . contratos-buttons contratos-buttons" "solicitacoes-table-ativas solicitacoes-table-ativas solicitacoes-table-ativas solicitacoes-table-ativas" "titulo-inativos titulo-inativos titulo-inativos titulo-inativos" "solicitacoes-table-inativas solicitacoes-table-inativas solicitacoes-table-inativas solicitacoes-table-inativas";
}

.solicitacoes-title {
	grid-area: titulo;
	background-color: var(--baneses-dark-blue);
	font-family: var(--baneses-main-font-family);
	color: #fff;
	padding-left: 40px;
	height: 40px;
	display: flex;
	align-items: center;
}

.solicitacoes-protocolos .contratos-buttons-top {
	margin: 0 35px !important;
}

.solicitacoes-title-inativos {
	grid-area: titulo;
	background-color: var(--baneses-dark-blue);
	font-family: var(--baneses-main-font-family);
	color: #fff;
	padding-left: 40px;
	height: 40px;
	display: flex;
	align-items: center;
}

.solicitacoes-table-ativas {
	grid-area: solicitacoes-table-ativas;
	justify-content: center;
	display: flex;
	width: 100%;
}

.solicitacoes-table-inativas {
	grid-area: solicitacoes-table-ativas;
	justify-content: center;
	display: flex;
	width: 100%;
}

.solicitacoes-table-default {
	font-family: var(--baneses-main-font-family);
	font-size: 14px;
	text-align: center;
	border-collapse: collapse;
}

.sol-th-motivo {
	min-width: 90px;
	/** width: 250px;
	padding: 5px 10px;**/
	text-align: left;
	font-family: var(--baneses-main-font-family);
	font-size: 16px;
	font-weight: 700;
	color: var(--baneses-main-font-color);
}

.sol-th-protocolo {
	min-width: 60px;
	padding: 5px 10px;
	font-family: var(--baneses-main-font-family);
	font-weight: 700;
}

.sol-th-date {
	min-width: 90px;
	padding: 5px 10px;
	font-family: var(--baneses-main-font-family);
	font-weight: 700;
}

.sol-th-status {
	min-width: 60px;
	padding: 20px 10px 0 10px;
	font-family: var(--baneses-main-font-family);
	font-weight: 700;
	font-size: 20px;
}

.sol-th-buttons {
	min-width: 20px;
}

.table-solicitacoes-head {
	/**width: 4em;**/
	font-family: var(--baneses-main-font-family);
	color: var(--baneses-light-gray);
	font-size: 14px;
	font-weight: 500;
	padding: 15px 0;
	text-align: left;
	/** padding: 0 0 0 10px; **/
}

.solicitacoes-row {
	/* border-bottom-style: solid;
	border-width: 2px;
	border-bottom-color: red; */
	border-bottom: 2px solid #03afc5;
	/** height: 4em; **/
}

.container-contatos {
	background-color: var(--baneses-main-bg);
	align-items: center;
	padding: 0px;
	visibility: visible;
	display: grid;
	grid-gap: 15px;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-template-areas: "contatos";
}

.container-recadastramento {
	background-color: var(--baneses-main-bg);
	align-items: center;
	padding: 0px;
	visibility: visible;
	display: grid;
	grid-gap: 15px;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-template-areas: "recadastramento";
}

.recadastramento-block {
	background-color: var(--baneses-outer-bg);
	width: min(900px, 100vw);
	grid-area: recadastramento;
	visibility: visible;
	height: 100%;
	display: grid;
	grid-gap: 15px;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-template-areas: "maintitle " "recadastramento-itens";
}

.recadastramento-itens {
	grid-area: recadastramento-itens;
	font-family: var(--baneses-main-font-family);
	font-size: 16px;
	font-weight: 500;
	line-height: 35px;
	margin-left: 20px;
	margin-right: 20px;
}

.recadastramento-api p {
	font-family: Roboto, arial;
}

/* .recadastramento-api{
	padding: 10px 0;
    font-size: 15px;
    display: block;
    font-family: var(--baneses-main-font-family);
    font-weight: 500;
    line-height: 25px;
} */

.recadastramento-api-titulo{
	font-weight: bold;
	padding-bottom: 8px;
}

.recadastramento-api-erro{
	font-weight: bold;
	padding-bottom: 8px;
}

.recadastramento-button{
    background: #f2efef;
	box-shadow: 0px 0px 1px rgb(0 0 0 / 80%);
    text-align: left;
    font-size: 15px;
    font-family: var(--baneses-main-font-family);
    padding-left: 15px;
    font-weight: 700;
    height: 45px;
	margin: 0 auto;
    display: block;
    margin-top: 10px;
}

.solicitacoes-contatos {
	background-color: var(--baneses-outer-bg);
	width: min(900px, 100vw);
	grid-area: contatos;
	visibility: visible;
	height: 100%;
	display: grid;
	grid-gap: 15px;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-template-areas: "maintitle " "contatos-itens";
}

.solicitacoes-contatos-text {
	grid-area: titulo-contatos;
}

.contato-website {
	list-style: none;
}

.solicitacoes-politicaprivacidade-itens {
	font-size: 16px;
	font-weight: 400;
	margin-left: 10vw;
	margin-right: 10vw;
}

.btn-politicaprivacidade {
	height: 45px;
	font-size: 19px;
	display: block;
	padding: 10px;
	border-radius: 0;
	box-shadow: var(--baneses-input-shadow);
	color: var(--baneses-main-font-color);
	font-weight: 600;
	margin: auto;
	width: 55vw;
}

strong .politicaprivacidade-blue {
	color: var(--baneses-main-font-color);
}

.solicitacoes-contatos-itens {
	grid-area: contatos-itens;
	font-family: var(--baneses-main-font-family);
	font-size: 16px;
	font-weight: 500;
	line-height: 35px;
	color: var(--baneses-dark-gray);
	margin-left: 20px;
	margin-right: 20px;
}

	.solicitacoes-contatos-itens li {
		list-style: none;
		justify-content: center;
	}

	.solicitacoes-contatos-hl, solicitacoes-contatos-hl:hover, solicitacoes-contatos-hl:focus, solicitacoes-contatos-hl:active{
		text-decoration: none;
        color: inherit;
	}

.sol-icon {
	font-size: 20px;
	padding-right: 5px;
	color: var(--baneses-main-font-color);
}

.baneses-box-inativo {
	display: none;
}

/* MENU AREA RESTRITA */
.area-restrita-header {
	background: var(--baneses-dark-blue);
	margin-top: 15px;
}

.area-restrita-menu {
	display: flex;
	padding: 0;
	justify-content: center;
}

	.area-restrita-menu .btn-special-inner {
		background: var(--baneses-dark-blue) !important;
		font-size: 14px;
	}

		.area-restrita-menu .btn-special-inner .icon-side {
			display: none;
		}

/** DOCUMENTOS GERAIS **/

.docs-card-default {
	width: min(900px, 100vw);
	background-color: var(--baneses-outer-bg);
}


.docs-atas-lista {
	grid-area: atas-lista;
}


.docs-section-title {
	color: white;
	font-size: 16px;
	background-color: var(--baneses-dark-blue);
	width: 90%;
	font-family: var(--baneses-main-font-family);
	padding: 12px;
	margin: 15px auto;
	border-radius: 3px;
	cursor: pointer;
}

	.docs-section-title:hover {
		background-color: var(--baneses-dark-gray);
		font-weight: 500;
		cursor: pointer;
	}

.docs-section-list {
	font-family: var(--baneses-main-font-family);
	margin: 10px 0 0 4vw;
	display: none;
}

.docs-li:hover {
	font-weight: 600;
	cursor: pointer;
}

.docs-li {
	margin: 20px 0;
	padding-bottom: 8px;
	border-bottom: solid 2px lightgrey;
	width: 90%;
	cursor: pointer;
}

.docs-ul {
	list-style-type: none;
	font-family: (--var-baneses-main-font-family);
	color: var(--baneses-main-font-color);
}


.container-docs {
	background-color: var(--baneses-main-bg);
	align-items: center;
	justify-content: center;
	padding: 0px;
	visibility: visible;
	display: grid;
	grid-gap: 25px;
}

/**

.docs-card-atas {
  grid-area: atas;
  visibility: visible;
  display: grid;
  grid-template-areas:
    "maintitle maintitle maintitle"
    "atas-lista atas-lista atas-lista";
}

.docs-card-invest {
  grid-area: investimentos;
  visibility: visible;
  display: grid;
  grid-template-areas:
    "maintitle maintitle maintitle"
    "invest-lista invest-lista invest-lista";
}

.docs-invest-lista {
  grid-area: invest-lista;
}


.docs-card-assembleias {
  grid-area: assembleias;
  visibility: visible;
  display: grid;
  grid-template-areas:
    "maintitle maintitle maintitle"
    "assemb-lista assemb-lista assemb-lista";
}

.docs-assembleias-lista {
  grid-area: assemb-lista;
}

.docs-card-regimentos {
  grid-area: regimentos;
  visibility: visible;
  display: grid;
  grid-template-areas:
    "maintitle maintitle maintitle"
    "regimentos-lista regimentos-lista regimentos-lista";
}

.docs-regimentos-lista {
  grid-area: regimentos-lista;
}



.docs-card-default {
	width: min(900px, 80vw);
	background-color: var(--baneses-outer-bg);
}
*/

/** ALERTA DE PERMISSÃO **/

.container-block {
	background-color: var(--baneses-main-bg);
	align-items: center;
	justify-content: center;
	padding: 1.5em;
	visibility: visible;
	display: grid;
	grid-gap: 25px;
}

.erro-message-list {
	display: flex;
	margin: 0 auto;
	align-items: center;
	width: fit-content;
}

.erro-message {
	/*width: 50vw;*/
}

.alert-icon {
	margin: 10px 30px 10px 30px;
	font-size: 50px;
	color: var(--baneses-red-alert);
}

.p-error-default {
	margin: 20px 0;
	font-family: var(--baneses-main-font-family);
	font-size: 18px;
}

a:where(:not(.wp-element-button)) {
    text-decoration: none !important;
}

/* Responsivo */
@media only screen and (max-width: 768px) {

	.login-area {
		box-shadow: 1px 1px 1px 1px #ccc;
		position: absolute;
		display: block;
		align-items: center;
		left: 50%;
		text-align: center;
		width: 30vw;
		font-family: var(--baneses-main-font-family);
		transform: translate(-30%, 0);
		padding: 25px 10px 0px;
		visibility: hidden;
		font-size: 12px;
		color: #828282;
		background: #fff;
	}


	.header .top-header .top-header-inner .logo-side .logo-img {
		margin-left: 15px;
	}

	.top-banners {
		height: auto;
	}

	.page-home .banner-section .banner-section-inner .banners .inside-area.first-area {
		width: 100% !important;
		height: 100% !important;
	}

	.page-home .banner-section .banner-section-inner .banners .inside-area .banner-item .banner-link .banner-image {
		width: 100% !important;
		height: 100% !important;
	}

	.first-area .banner-lead {
		font-size: 1.5em;
		width: 100%;
		border-radius: 0 0 10px 10px;
		bottom: 0%;
		height: 40%;
	}

	.first-area .banner-resumo {
		display: none;
	}

	.second-area {
		width: 100% !important;
	}

	.page-home .banner-section .banner-section-inner .banners .inside-area.second-area .banner-item {
		width: 100%;
		height: auto !important;
		margin-top: 15px;
	}

	.banner-image {
		width: 100% !important;
		height: auto !important;
		float: none !important;
	}

	.page-home .date-pictures-section .date-pictures-section-inner .internal-area .bottom-content .calendar-card .calendar-card-inner, .page-home .date-pictures-section .date-pictures-section-inner .internal-area .bottom-content .calendar-card .calendar-link {
		font-size: 0.9em;
	}
}

@media only screen and (max-width: 1200px) {
	.page-home .banner-section .banner-section-inner .banners {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-line-pack: justify;
		align-content: space-between;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

		.page-home .banner-section .banner-section-inner .banners .inside-area.first-area {
			width: 100% !important;
			height: 100% !important;
		}

		.page-home .banner-section .banner-section-inner .banners .inside-area.second-area {
			padding-left: 0;
		}

	.second-area {
		width: 100% !important;
	}

	.page-home .banner-section .banner-section-inner .title-top {
		padding-bottom: 2rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.page-home .banner-section .banner-section-inner .banners .inside-area .banner-item .banner-link .banner-image {
		width: 100% !important;
		height: 100% !important;
	}

	.page-home .banner-section .banner-section-inner .banners .inside-area.second-area .banner-item {
		width: 100%;
		height: auto !important;
		margin-top: 15px;
	}
}

@media only screen and (max-width: 991px) {
	.dropdown-btn-menu .expanded-menu {
		position: unset;
	}
}

.gallery-content .item {
	display: none;
}

/** RESPONSIVO CONTRATOS **/


@media (min-width: 300px) and (max-width: 539px) {

	.contratos-buttons-top {
		margin-right: 20px;
	}

	.contratos-ativos-list {
		margin: 20px auto;
	}

	.responsivo-table2 {
		display: none;
	}

	.responsivo-table {
		display: visible;
	}

	.table-contratos-ativos-resp {
		width: 304px;
	}

	.table-contratos-ativos-open {
		width: 300px;
	}

	.table-contratos-input-resp {
		width: 305px;
	}

	.contratos-extrato-button-default-resp {
		width: 304px;
	}

	/* .sol-accord-button-cancelar {
		position: absolute;
		left: 50%;
		top: 0;
		float: right;
	} */

	.sol-accord-protocolo{
		font-size: 12px;
		width: 46vw;
	}
}




@media (min-width: 540px) and (max-width: 660px) {

	.contratos-ativos-list {
		margin: 20px auto;
	}

	.responsivo-table2 {
		display: none;
	}

	.responsivo-table {
		display: visible;
	}

	.table-contratos-ativos-resp {
		width: 404px;
	}

	.table-contratos-ativos-open {
		width: 400px;
	}

	.table-contratos-input-resp {
		width: 405px;
	}

	.contratos-extrato-button-default-resp {
		width: 405px;
	}

	.solicitacoes-tabela-resp-ativas {
		width: 80vw;
	}

	.solicitacoes-tabela-resp-inativas {
		width: 80vw;
	}

	/* .sol-accord-button-cancelar {
		position: absolute;
		left: 60%;
		top: 0;
		float: right;
	} */

	.sol-accord-protocolo{
		font-size: 12px;
		width: 50vw;
	}
}



@media (min-width: 661px) and (max-width: 870px) {

	.contratos-ativos-list {
		margin: 20px auto;
	}

	.responsivo-table2 {
		display: none;
	}

	.responsivo-table {
		display: visible;
	}

	.table-contratos-ativos-resp {
		width: 480px;
	}

	.table-contratos-ativos-open {
		width: 476px;
	}

	.table-contratos-input-resp {
		width: 481px;
	}

	.contratos-extrato-button-default-resp {
		width: 475px;
	}

	.solicitacoes-tabela-resp-ativas {
		width: 80vw;
	}

	.solicitacoes-tabela-resp-inativas {
		width: 80vw;
	}

	/* .sol-accord-button-cancelar {
		position: absolute;
		left: 65%;
		top: 0;
		float: right;
	} */

	.sol-accord-protocolo{
		font-size: 15px;
		width: 57vw;
	}
}

@media (min-width: 871px) {

	.contratos-buttons-top {
		margin-top: -50px;
	}

	/**
	.novo-button {
		right: 22%;
		top: 0;
	}

	.encerrado-button {
		top: 0;
	}

**/
	.responsivo-table2 {
		display: visible !important;
	}

	.responsivo-table {
		display: none;
	}

	/* .sol-accord-button-cancelar {
		position: absolute;
		left: 70%;
		top: 0;
		float: right;
	} */
	
}

@media (max-width: 620px) {
}


@media (min-width: 621px) and (max-width: 740px) {
}

@media (min-width: 741px) and (max-width: 839px) {

	.second-area .banner-small {
		height: 30%;
	}
}

@media (min-width: 840px) and (max-width: 1000px) {
}

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

	.second-area .banner-small {
		height: 25%;
		font-size: 1.8em;
	}
}



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

	.second-area .banner-small {
		height: 40%;
		font-size: 1.2em;
	}
}



@media (min-width: 1401px) and (max-width: 1600px) {

	.second-area .banner-small {
		height: 40%;
		font-size: 1.2em;
	}
}



@media (min-width: 1601px) {


	.second-area .banner-small {
		height: 40%;
		font-size: 1.2em;
	}
}