/* CSS dos cards */

	.kpimod{
		padding: 0px!important;
		margin-bottom: 5px;
	}

	.sn-kpi .sn-kpi-left {
		font-weight: 600;
		padding: 0px 0px 0px 10px!important;
	}

	.alt-colkpi{
		height: var(--kpi-height)!important;
	}

	.card,
	.card_vazio,
	.card_azul,
	.card_amarelo{
		height: 60px!important;
		border-radius: 5px!important;
		padding: 0px 0px 0px 0px!important;
		margin-right: 15px;
		flex-shrink: 0;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	}

	.card:last-child,
	.card_azul:last-child,
	.card-vazio:last-child,
	.card_amarelo:last-child{
		margin-right: 0;
	}

	.card_vazio{
		background:white!important;
		box-shadow: none;
	}

	.card,
	.card .sn-kpi-data{
		background: #adcd00!important;
	}

	.card_azul,
	.card_azul .sn-kpi-data{
		background: #65cafd!important;
	}

	.card_amarelo,
	.card_amarelo .sn-kpi-data{
		background: #fafa9d!important;
	}

	.card .sn-kpi-data > div,
	.card_azul .sn-kpi-data > div{
	  	flex-direction: column !important;
		align-items: center !important;
	}

	.card_amarelo .sn-kpi-data > div{
		flex-direction: row !important;
		align-items: center !important;		
	}

	.card .sn-kpi-measure-wrapper,
	.card .sn-kpi-center,
	.card .sn-kpi-value-wrapper,
	.card .sn-kpi-left,	
	.card_azul .sn-kpi-measure-wrapper,
	.card_azul .sn-kpi-center,
	.card_azul .sn-kpi-value-wrapper,
	.card_azul .sn-kpi-left,
	.card_amarelo .sn-kpi-measure-wrapper,
	.card_amarelo .sn-kpi-center,
	.card_amarelo .sn-kpi-value-wrapper,
	.card_amarelo .sn-kpi-left{
		font-family: "Open Sans", sans-serif !important;
		font-size: 1.0em !important;
		font-weight: 500;
		color: #0056b3!important;
		background: white!important;
		margin-top: 0px!important;
		margin-right: 0px!important;
		margin-bottom: 0px!important;
		margin-left: 0px!important;
		border-radius: 0px!important;
  		text-align: center !important;
	}


	/* Ajustes para mobil e desktop */
	/* Mobil */
	@media (max-width: 991px) { 
		.kpi_8,
	  	.identificacao_seas,
	  	.identificacao_assim,
		.navbar-toggle,
		.logo-sead,
		.menu-footer,
		.card_vazio,
		#QV100,
	  	#QV101{
			display: none !important;
	  	}

		.card,
		.card_vazio,
		.card_azul,
		.card-amarelo{
			width: 100%!important; /* Ajusta para compensar margem */
		}
		
		.cont_cab{
			display: flex!important;
		}

		.logo-cabecario-home-mobil img{
			height: 70px !important;
			margin-right: 7px;
	  	}		
	}

	/* Desktop */	
	@media (min-width: 992px) { 
		.kpi_8{
			display: flex!important;
		}

		.card,
		.card_vazio,
		.card_azul,
		.card_amarelo{
			width: calc(20% - 12px)!important; /* Ajusta para compensar margem */
		}	

		.logo-cabecario-home-mobil,
		.logo-cabecario-home-mobil img{
			display: none !important;
	  	}		
	}