/*Em 17/08/21 - Comentario inserido para assunção do arquivo/versão no modelo do sharepoint*/

.h2titulointerna{
	word-break: break-word !important; 
	font-size: 1.8rem !important; 
	margin-top: 10px !important;
	color: #005DA8 !important;
}
.marginSubPagina{
	margin:0 23%;
	text-align: justify;
}
.marginSubPaginaAlt{
	margin:0 23%;
}

.timeline{
	max-width: 60%;
}
.flexcenter{
	justify-content: center;
}

.btn-fgts {
	  border: 1px solid #005DA8;
	  color: #005DA8;
	  min-height: 36px !important;
	  height: auto;
	  cursor: pointer;
	  font-family: Futura Md BT !important;
	  font-style: normal;
	  font-weight: bold !important;
	  font-size: 14px !important;
	  line-height: 100% !important;
	  border: 1px solid #005DA8 !important;
	  display: flex !important; 
	  justify-content: center; 
	  align-items: center;
	  
}
.btn-fgts:hover {
    background-color: #e6f2fa;
    border-color: #92c0e0;
}
a{
  	text-decoration: underline;
}

a.anchor-button{
  	text-decoration: none !important;
}
div.texto-button{
    width: auto !important;
    text-decoration: none;
}
div.seta-button{
    width: 5% !important;
    margin-left:5px;
}
.btn-menu{
	min-width: 32px;
    min-height: 32px;
}
.btn-menu:hover,
.btn-menu:active,
.btn-menu:focus,
.btn-menu:link {
	background-color: rgba(146, 192, 224, 0.2) !important;
	
}
.dropdown-item{
	padding: .25rem .5rem !important;
	white-space: normal !important;
	color: #005DA8 !important;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active
.dropdown-item:link {
	text-decoration: underline !important;
	border-radius: 3px !important;
	background-color: rgba(146, 192, 224, 0.2) !important;
}
div.container-fluid div.collapse {
	max-width: 100% !important;
}
.logo-cx-lg{
	right: 5px !important;
    position: absolute;
}
.cardModelo6{
	min-height: 360px !important;
	height: 100% !important;
	margin-bottom: 20px !important;
}
.space-around-menu{
	flex: 1;
	margin: auto !important;
	display: flex;
	justify-content: space-around;
}
.cardNumeros2{
	width:95% !important;
}
/*---Ajuste Tabelas---*/
div.fgts-table-container {
	/*width: calc(100vw - 30px);*/
	width: calc(50vw - 30px);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    padding: 2px;
    margin: 0 auto;

}
table{
	padding: 2%;
}
table.fgts-table {
    width: 100%;
    border-collapse: collapse;
    display: table;
    vertical-align: middle;
}
thead.fgts-table-head {
    display: table-header-group;
    text-align: center;
    vertical-align: middle;
}
thead.fgts-table-head tr {

}
table.fgts-table td,
table.fgts-table th {
    min-height: 40px;
    height: 100%;
    min-width: 200px;
    width: 100%;
    border: 1px solid #dee2e6;
    display: table-cell;
    vertical-align: middle;
}

table.fgts-table th {
    padding: 1rem;
}            
tr.fgts-title-tr {
    font-family: Futura Md BT !important;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    align-items: center;
    color: #FFFFFF;
    background: #005DA8;
    text-align: center;
}
tbody.fgts-table-body {
    font-family: Futura Md BT !important;
    font-style: normal !important;
    font-weight: 200 !important;
    font-size: 16px;
    line-height: 140%;
    color: #2E484D !important;
}
tbody.fgts-table-body tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}
tbody.fgts-table-body tr:hover {
    background-color: rgba(0, 0, 0, .05);
}
.logo-footer{
	background:white; padding: 20px 15px; margin-top:5px;margin-bottom:3px;	
}
    
/*---Fim Ajuste Tabelas---*/

.ajustecarousel{
	height: 458px;
}
/*---------- (só até 320px - casos especiais ajuste)----------- */
@media (max-width: 320px) {
	.tituloPaginaInterna, 
	h2 {
		-webkit-hyphens: auto; /* insira o ­ na parte do titulo que vc precisa hifenizar - ex: Paralele­pipedo  */
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	.marginPaginaInterna{
		padding: 1% 3% !important; 
		/*padding: 1% !important; item ajustado em 02/09/21*/
	}
	.marginSubPagina {
		margin: 0 3% 0 1%;
	}
	div.fgts-table-container {
		/*width: calc(98vw - 30px);*/
		width: 280px;
		overflow-x:visible;
	}
	.container-320{
		width: 285px !important;
		margin: 0 auto !important;
		padding-left:3px;
	}
	.marginSubPagina ul{
		text-align: left;
	}
	.cardModelo6{
		width: 90% !important;
		margin: auto !important;
	}
	.cardflex{
		width:100% !important;
	}
	.ajustecarousel{
		height: 282px;
	}
	.footermenu{
		display: flex;
		flex-direction: column;
		align-items: center !important;
		margin-top: 10px;
		margin-bottom: 12px;
		justify-content: center;
	}
	.footermenu div{
		margin: 7px auto;
		padding-left: 12% !important;
		
	}

}

@media (min-width: 321px) and (max-width: 400px) {
	.container-360{
		width: 325px !important;
	}
}
@media (min-width: 401px) and (max-width: 480px) {
	.container-400{
		width: 365px !important;
	}
}



/* (intervalo 320px até 576px) - ajuste conflito tabelas */
@media (min-width: 320px) and (max-width: 576px) {
	div.fgts-table-container {
		width: calc(85vw - 30px);
		overflow-x:scroll;
	}
	.marginSubPagina ul{
		text-align: left;
	}
	.ajustecarousel{
		height: 282px;
	}
	.marginSubPaginaAlt{
		margin:0 15%;
	}


		
}

/*---------- (até 576px)----------- */
@media (max-width: 576px) {
	.tituloPaginaInterna, 
	h2 {
		font-size: x-large !important;
		color: #005DA8 !important;

	}
	.subtituloPaginaInterna {
		font-size: large !important;
	}
	.marginSubPagina {
		/*margin: 0 10% 0 5%;*/
		margin: 0 23% 0 3%;
	}
	.marginSubPaginaAlt{
		margin:0 8%;
	}

	/*Ajuste arejamento interno card descrição para dispositivos menores*/
	.cardHomeDescricao{
		padding: 0px 15px;
	}
	.tituloTabela {
		font-size: 14px;
	}
	.corpoTabela {
		font-size: 14px;
	}
	.timeline{
		max-width: 90%;
	}
	.cardNumeros2 {
    	width: 75vw !important;
	}
	.btn-fgts{
		white-space: unset !important;
	}
	.cardModelo6{
		margin-bottom: 25px !important;
	}
	.paddingModelo6{
		margin-bottom: 50px !important;
	}
	.ajustecarousel{
		height: 282px;
	}
	.footermenu{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 10px;
		margin-bottom: 12px;
	}
	.footermenu div{
		margin: 7px auto;
		padding-left: 12%;
	}



}

/* (intervalo 576px até 768px) */
@media (min-width: 576px) and (max-width: 768px) {
	h2{
		font-size: medium;	
	}
	.marginSubPagina {
		margin: 0 15%;
	}
	.timeline{
		max-width: 80%;
	}
	div.fgts-table-container {
		width: calc(65vw - 30px);
		overflow-x:scroll;
	}
	.ajustecarousel{
		height: 420px;
	}
	.footermenu{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: -10px;
		margin-bottom: 12px;
	}
	.footermenu div{
		margin: 5px 0;
		padding-left: 8%;
	}


		
}

/* (especificamente tudo a partir de 768px) - Ajuste por conflito */
@media (min-width: 768px) { 	
	.dropdown-menu li{
		width: 100%; 	
	}
	.dropdown-menu { 		
		width: 76% !important; 
		left: 140px !important; 
		-moz-column-count: 2;
		-moz-column-gap: 20px;
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		column-count: 2;
		column-gap: 20px;	
	} 
	.article p{
		margin-right: 10px !important;
}
}


/* (até 992px) */
@media (min-width: 768px) and (max-width: 991px) {
	div.fgts-table-container {
		/*width: calc(100vw - 30px);*/
		width: calc(52vw - 30px);
	}
	.footermenu{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: -10px;
		margin-bottom: 12px;
	}
	.footermenu div{
		margin: 5px 0;
		padding-left: 4%;
	}

}

/* (até 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {
	.footermenu{
		display: flex;
		justify-content: space-around;
		align-self: center;
	}

}

/* (up) */
@media (min-width: 1201px) {
 	.footermenu{
		display: flex;
		justify-content: space-around;
		align-self: center;
	}
	.terccarousel{
		object-fit: cover;
		height: 480px !important;
		/*background-image:url('../../../../PublishingImages/Galeria-PaginaFGTS/clarge.png');
		background-repeat:no-repeat;
		background-position:center;*/
	}
	.segcarousel{
		object-fit: cover;
		height:480px !important;
	}
    
}

@-moz-document url-prefix() {
    
    /*.marginSubPagina {
    	margin: 0 30% 0 -3%;   
    	border:3px solid red; 
    }*/
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:320px) { 
    .marginSubPagina {
    	margin-left: 0;   
    	border:3px solid red; 
    }
}
@-webkit-document url-prefix() {
    
    .marginSubPagina {
    	margin: 0 30% 0 -3%;   
    	border:3px solid red; 
    }
}*/


/*--Teste Menu--*/
	.bg-azul-cx-standard{
        background-color: #005DA8 !important;
        color: #FFFFFF !important;
    }
    ul.navbar-nav li.nav-item a.nav-link,
    ul.navbar-nav li.nav-item a.nav-link:active{
        color:#FFFFFF !important;
    }

    .navbar-toggler {
        color: rgba(255,255,255,.75) !important;
        border-color: rgba(255,255,255,.50) !important;
    }
    /* .nav-link:after{
        content: " | ";
        color: white;
    } */
    .nav-link:after{
        margin-left:;
    }
    .navbar-toggler:focus{
        box-shadow: 0 0 0 0 !important;
    }


/*--Teste Degradê Topo--*/
.navbar-bggrad {
  /*Trata gradiente no background*/
    /*background: linear-gradient(to right, rgba(41,111,167), rgba(76,174,170));
    background: linear-gradient(to right,#296fa7, #4caeaa);
    background: linear-gradient(to right, #4caeaa 0%,#296fa7 50%);*/
    background: linear-gradient(to right, #FFFFFF 0%,#296fa7 25%);
  }
.bg-boxshadow-bottom{
	box-shadow: 0 4px 2px -2px rgba(0,0,0, 0.1);
}
.bg-boxshadow-top{
	box-shadow: 0 4px 2px 2px rgba(0,0,0, 0.1);
}

/*--Alinhamento do texto e setas dos cards da home--*/
.fontCardCarouselInterno{
	text-align: left !important;
	text-align-last: left !important;
}

.col-lg-2 > .text-right img {  
    position: absolute;  
    overflow: hidden;  
    top: 50%;  
    left: 50%;  
    -webkit-transform: translate(-50%,-50%);  
    -moz-transform: translate(-50%,-50%);  
    -ms-transform: translate(-50%,-50%);  
    -o-transform: translate(-50%,-50%);  
    transform: translate(-50%,-50%);  
}
/*--Alinhamento do texto e setas dos cards da home--*/

/*--Div flutuante nos accordion para poder fechar todos abertos sem necessidade de rolar pagina--*/
.accordion-close{
	position:fixed;
	z-index:999;
	top:50%;
}
.accordion-close-l80{
	left:80%;
}
.accordion-close-l70{
	left:70%;
}
.accordion-close-l40{
	left:40%;
}
.accordion-none{
	display: none !important;
}
/*---------- (só até 700px - casos especiais ajuste)----------- */
@media (max-width: 700px) {
	.accordion-close{
		left:80% !important;
	}
}
/*--Div flutuante nos accordion para poder fechar todos abertos sem necessidade de rolar pagina--*/

/*--Alinhamento do texto dentro do card legislacao--*/
.paddingNumerosFilhos{
	font-weight: bold;
	font-size: 18px;
	color: #005da8;
	padding: 12px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}
/*--Alinhamento do texto dentro do card legislacao--*/

p{
	text-align:left !important;
}

.videowrapper{
    width:100%;
    height:100vh;
    overflow: hidden;
}
.videowrapper video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/*--- REFAÇÃO DE CARDS DA HOME COM INSERÇÃO DE CARD - TOTAL DE 5 CARDS - AJUSTE NO FLEXBOX PARA ADEQUAÇÃO DOS CARDS - C092250 - Cidcley Schmitt ---*/

.novos-cards-pai{
	margin: 15px 0 35px 0 !important;
	padding: 0 !important;
	display:flex; 
	flex-wrap: wrap !important;
	justify-content: space-around !important; 
	max-width: 100% !important;
}
.novos-cards-filho{
	/*width: calc(100vw/5) !important;*/
	display: flex;
	
}
.novos-cards-neto{
	width: 285px !important;
	height: 92px !important;
	top: 24px !important;
	background: #F7FAFA !important;
	border: 1px solid #F2F7F8 !important;
	box-sizing: border-box !important;
	border-radius: 4px !important;
	opacity: 0.95 !important;
	margin-top: 10px !important;	
	align-self: center !important;
}

@media (min-width: 200px) and (max-width: 576px) {
	.novos-cards-pai{
		margin: 5px 0 35px 0 !important;
		flex-wrap: wrap !important;
	}
	.novos-cards-filho{
		/*width: calc(100vw/5) !important;*/
	}
	.novos-cards-neto{
		/*width: 300px !important;*/
		width: calc(100vw - 32px) !important;
		justify-content: space-between !important;
	}
	.novos-cards-neto img{
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	
}