/*
		--- Versionamento ---
		28/12/2017 - Andrey - Primeira Versão
		30/01/2018 - Thais  - itens do dashboard
		01/02/2018 - Thais  - Exibição correta dos dashboard
		27/02/2018 - Andrey - CSS para imagem do dashboard
		28/02/2018 - Andrey - Losango_Azul veio para cá
		21/08/2019 - Thais  - .dashboard_pasta_problemas
		--- Fim Versionamento ---
	*/

.dashboard_container{
	float: left;
}

@media (max-width: 800px){
	.dashboard{
		width: 98%;
	}
	.dashboard_container{
		column-count:1;
		column-gap: 0px;

	}
	#dashboard_avisos{
		width: 98%;
	}

	.dashboard_pasta{
		width: 40%;
	}

}

@media (min-width: 801px){


	.dashboard_pasta{
		width: 20%;
	}

	.dashboard{
		width: 98%;

	}
	.dashboard_container{
		column-count:2;
		column-gap: 20px;
	}
	#dashboard_avisos{
		width: 99%;
	}
}

@media (max-width: 410px){
	.dashboard_pasta{
		overflow: visible;
	}
}

.dashboard{

	display: inline-block;
	font-size: 14px;
	border: 1px solid #DDD;
	padding: 5px;
	margin-bottom: 20px;

}


#dashboard_titulo > img{
	height: 20px;
	margin-right: 5px;
}



#dashboard_titulo{
	color: #555;
	text-decoration: none;
	margin-bottom: 5px;
	font-weight: bold;
	font-size:  100%;
}

#dashboard_subtitulo{
	color: #555;
	text-decoration: none;
	margin-bottom: 5px;
	text-indent: 10px;
	font-size: 96%;
	font-weight: bold;
}

#dashboard_item{
	color: #2F4F4F;
	margin-left: 20px;
	font-size: 95%;
	background-image: url("/Imagens/Losango_Azul.png");
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 8px;
}

#dashboard_mensagem{
	font-style: italic;
	color: #708090;
	font-size: 95%;
	padding-left: 20px; /* Para alinhar com o ícone do titulo do dashboard */
}

#dashboard_item > a{
	color: #2F4F4F;
	text-decoration: none;
}

#dashboard_item > a:hover{
	text-decoration: underline;
}

#dashboard_avisos{
	font-size: 14px;
	border: 1px solid #DDD;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 5px;
}


.dashboard_pasta{
	display:inline-block;
	position: relative;
	margin-left: 15px;
	margin-bottom: 10px;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	border: 1px solid #DDD;
	border-radius: 5px;
	background-color: #f2f2f2;
	padding: 10px;
	box-shadow: 2px 2px 3px #888888;
	overflow: hidden;
}

.dashboard_pasta_problemas{
	position: absolute;
	bottom:5px;
	right: 5px;

	border-radius: 50%;
	/*width: 20px;
	height: 20px;*/
	background: #F00;
	/*border: 1px solid #666;*/
	color: #FFF;
	text-align: center;
	font-size: 10px;
	/*padding-top: 5px;
	padding-right: 2px;
	padding-left: 2px;*/
}

.dashboard_pasta > div > img{
	height: 50px;
}

.dashboard_pasta:hover{
	background-color: #D9D9D9;
}