/*
____________
  	FONTE 
____________
 */
.fonte-inter {
	font-family: inter;
}

/*
___________________
			BREADCRUMB
___________________
*/
.breadcrumb-portais {
	height: 48px;
	background: #F0F5FD;
}

.breadcrumb-portais u {
	text-decoration-line: underline;
	font-weight: 400;
	color: black;
}

.breadcrumb-portais p {
	font-size: 14px;
	font-weight: 400 !important;
	color: gray;
}

.portais-nome h1 {
	font-style: normal;
	font-weight: 600;
	font-size: 1.3rem;
}

.portais__nav-bar p {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
}
/* 
_________________
		DROPDOWN 
_________________
*/
.dropdown-portais p {
	position: relative;
	display: inline-block;
	cursor: default;
	padding: 5px;
	
}
.dropdown-portais:hover > p{
	background-color: #ddd;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}


.dropdown-portais-content {
	
	visibility: hidden;
	opacity: 0;
	position: absolute;
	
	background-color: #ffff;
	min-width: 350px;
	box-shadow: 0px 20px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-portais-content a {
	color: black;
	padding: 6px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-portais-content a:hover {
	background-color: #ddd;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.dropdown-portais:hover .dropdown-portais-content {
	
	visibility: visible;
	opacity: 1;
	transition: visibility .15s ease-in-out,opacity .15s ease-in-out;
}


/* 
__________________________
dropdown multinivel (3 niveis)
__________________________
*/

.dropdown-multinivel {
	
    display: flex;    
    background-color: white;
    padding: 0;
    /* font */
	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	cursor:default;
	}
@media (max-width: 600px)
{
	.dropdown-multinivel {
		 display: block;  
	}
}

.dropdown-multinivel li {
	
    padding: 8px;
	background-color: white;
    position: relative;
    text-align: justify;
	
}


/* primeiro nivel do dropdown */
.dropdown-multinivel ul {
	z-index:1;
    border: 1px solid rgba(0, 0, 0, 0.3);
	min-width: 350px;
    visibility:hidden;
    opacity:0;
    left: 0;
    position: absolute;
    top: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    font-size: 11.2px;
}


/* Segundo nivel do dropdown */
.dropdown-multinivel ul ul {
    left: 100%;
    position: absolute;
    top: 0;
}
@media (max-width: 600px)
{
	.dropdown-multinivel ul ul  {
		  left: 0; 
		  top: 19px;
	}
}

/* Terceiro nivel do dropdown */
.dropdown-multinivel ul ul ul {
    left: 100%;
    position: absolute;
    min-width: 18rem;
    top: 0;
}
.alterar-vinculo {
	margin-left: 5px;
	margin-top: 15px;
	color: #007bff;
}

/* 
Altera a cor de fundo do item da lista ao passar o mouse */
.dropdown-multinivel li:hover {
    background-color: #ddd;
    transition: background-color .15s ease-in-out
}

/* Mostrar a lista a direta ao passar o mouse sobre o item da lista */
.dropdown-multinivel li:hover > ul {
    transition: visibility .15s ease-in-out,opacity .15s ease-in-out;
    visibility:visible;
    opacity:1;
}

@media (min-width: 600px)
{
	.dropdown-display  {
		  display:flex;
	}
}