/*
	Desenvolvido por Leandro Leonardi Alves
	leandro.leonardi@dlbca.com.br
	Web Designer
	Dantas, Lee, Brock e Camargo Advogados
	Projeto Dashboard 2015
*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700);

html{
}
.grade #dashboard-lla{
	padding:0 12px 20px 12px;
}
#dashboard-lla .c3 svg {
	font-size: 11px;
}
#dashboard-lla > h1{
	font-weight:normal;
	color:#000;
	background:#ccc;
	text-transform:uppercase;
	font-size:12px;
	padding:10px;
	margin:0;
	border-radius:3px;
}
	#dashboard-lla > h1 .fa{
		margin-right:5px;
	}

	#dashboard-lla ul#dash1 {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#dashboard-lla ul#dash1 li {
		font-family:"Open Sans", sans-serif !important;
		font-size:11px;
		display: inline-block;
		height: 150px;
		width: 292px;
		margin: 15px 15px 0 0;
		text-align: center;
		text-transform: uppercase;
		color: #eee;
		font-size: 11px;
		vertical-align: top;
		border-radius:3px;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		transition: 0.5s;
	}
		.f #dashboard-lla ul#dash1 li{
			width:271px;
		}

	#dashboard-lla ul#dash1 li :focus {
	  outline: none;
	}
	#dashboard-lla ul#dash1 li {
		background-color: #262946;
		position:relative;
	}

	#dashboard-lla ul#dash1 li:nth-child(2)	{ 	background-color: #16a085; }
	#dashboard-lla ul#dash1 li:nth-child(3)	{ 	background-color: #f39c12; margin-right:0; }
	#dashboard-lla ul#dash1 li:nth-child(4)	{ 	background-color: #2980b9; }
	#dashboard-lla ul#dash1 li:nth-child(5)	{ 	background-color: #e74c3c; }
	#dashboard-lla ul#dash1 li:nth-child(6)	{ 	background-color: #8e44ad; margin-right:0; }
		#dashboard-lla ul#dash1 li:nth-child(3n) { margin-right:0 }

		/*#dashboard-lla ul#dash1 li:hover	{ 	background-color: #000; }*/
		#dashboard-lla ul#dash1 li a{
			color:#eee;
			text-decoration:none;
			display:block;
			height:150px;
		}
		#dashboard-lla ul#dash1 li a :hover,
		#dashboard-lla ul#dash1 li a :active {
			color:#eee;
		}
	#dashboard-lla ul#dash1{
		position:relative;
	}
	#dashboard-lla ul#dash1 li.off{
		opacity:0.2;
	}
	#dashboard-lla ul#dash1 li.on{
		opacity:1;
		position:relative;
		border-radius:0;
	}
		#dashboard-lla ul#dash1 li.on a{
			border:5px solid #262946;
			background-color:#262946;
			border-radius:3px;
			position:absolute;
			margin-top:-5px;
			margin-left:-5px;
			width:292px;
		}
			#dashboard-lla ul#dash1 li.on:nth-child(2) a{ border-color:#16a085; background-color:#16a085;	}
			#dashboard-lla ul#dash1 li.on:nth-child(3) a{ border-color:#f39c12; background-color:#f39c12;	}
			#dashboard-lla ul#dash1 li.on:nth-child(4) a{ border-color:#2980b9; background-color:#2980b9;	}
			#dashboard-lla ul#dash1 li.on:nth-child(5) a{ border-color:#e74c3c;	background-color:#e74c3c;	}
			#dashboard-lla ul#dash1 li.on:nth-child(6) a{ border-color:#8e44ad; background-color:#8e44ad;	}

			.f #dashboard-lla ul#dash1 li.on a{
				width:271px;
			}
	#dashboard-lla ul#dash1 p {
	    margin: 0 0 0 30px;
    	text-align: left;
    	font-size: 12px;
	}

	#dashboard-lla ul#dash1 .cx_gerente {
	    margin: 5px 0 10px 0;
	}

	#dashboard-lla ul#dash1 h1 {
		text-align: center;
		text-transform:uppercase;
		font-size:14px;
		font-weight:normal;
		line-height:50px;
		padding: 0;
		margin: 0;
		color:#eee;
	}
	#dashboard-lla ul#dash1 i.fa {
		display: block;
		text-align: center;
		margin: 0;
		padding: 0 0 10px 0;
	}
	#dashboard-lla ul#dash1 h2 {
		text-align: center;
		text-transform:uppercase;
		font-size:16px;
		padding: 0;
		margin: 0;
		background:none;
		color:#eee;
		border:none;
		height:auto;
	}
	#dashboard-lla ul#dash1 h3 {
		text-align: center;
		text-transform:uppercase;
		font-size:12px;
		font-weight:normal;
		padding: 0;
		margin: 0;
	}
	#dashboard-lla #dash-graficos ul#dash2{
		list-style: none;
		padding: 0;
		margin: 0;
	}
		#dashboard-lla #dash-graficos ul#dash2 li{
			font-family:"Open Sans", sans-serif !important;
			font-size:11px;
			background:#fff;
			display:inline-block;
			width:407px;
			min-height:307px;
			margin:15px 15px 0 0;
			padding:20px;
			vertical-align:top;
			border-radius:3px;
			-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
			box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
		}
			.f #dashboard-lla #dash-graficos ul#dash2 li{
				width:375px;
			}
			#dashboard-lla #dash-graficos ul#dash2 li:nth-child(2n){
				margin-right:0;
			}
			#dashboard-lla #dash-graficos ul#dash2 li.box-duplo{
				margin-right: 0;
				width: 872px;
			}
				.f #dashboard-lla #dash-graficos ul#dash2 li.box-duplo{
					width: 809px;
				}
		#dashboard-lla #dash-graficos ul#dash2 li h1{
			font-weight:normal;
			color:#000;
			font-size:20px;
			text-align:center;
			padding:0;
			margin:0 0 20px 0;
		}
#dashboard-lla #mapa-br #container {
	height: 500px;
	min-width: 310px;
	max-width: 800px;
	margin: 0 auto;
}
#dashboard-lla #mapa-br .loading {
	margin-top: 10em;
	text-align: center;
	color: gray;
}
#dashboard-lla #dash-tabela-cidades{
	border-spacing: 1px;
	background:#fff;
}
	#dashboard-lla #dash-tabela-cidades.tablesorter thead tr th,
	#dashboard-lla #dash-tabela-cidades.tablesorter tfoot tr th {
		background-color: #999;
		border:none;
	}
	#dashboard-lla #dash-tabela-cidades th{
		text-transform:uppercase;
		font-size:9px;
		color:#fff;
	}
	#dashboard-lla #dash-tabela-cidades td{
		font-size:10px;
		background-color:#eee;
	}
	#dashboard-lla #dash-tabela-cidades th:nth-child(1){ width:27px; }
	#dashboard-lla #dash-tabela-cidades th:nth-child(3){ width:67px; }
	#dashboard-lla #dash-tabela-cidades th:nth-child(4){ width:70px; }
	#dashboard-lla #dash-tabela-cidades td:nth-child(3),
	#dashboard-lla #dash-tabela-cidades td:nth-child(4){ text-align:right; }

.clear{ clear:both; }

#dashboard-tabela-lla{
	font-family:"Open Sans", sans-serif !important;
	color:#000;
}
		#dashboard-tabela-lla .btn-salvar {
			text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		}
		#dashboard-tabela-lla .btn {
			text-decoration:none;
		}
		#dashboard-tabela-lla .btn-salvar {
			color: #ffffff;
			background-color: #3066A3;
			border-color: #3066A3;
		}
		#dashboard-tabela-lla .btn {
			display: inline-block;
			margin-bottom: 0;
			font-weight: normal;
			text-align: center;
			vertical-align: middle;
			cursor: pointer;
			background-image: none;
			border: 1px solid transparent;
			white-space: nowrap;
			padding: 6px 12px;
			font-size: 14px;
			line-height: 1.42857143;
			border-radius: 4px;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
			#dashboard-tabela-lla .btn:hover {
				background:#000;
				border-color: #000;
			}
		#dashboard-tabela-lla-titulo .ds-box1{
			position:absolute;
			top:0;
			left:0;
			height:80px;
			width:80px;
		}
		#dashboard-tabela-lla-titulo .ds-box2{
			position:absolute;
			top:0;
			left:80px;
			right:110px;
			height:80px;
			padding:13px 0;
		}
		#dashboard-tabela-lla-titulo .ds-box3{
			position:absolute;
			top:0;
			right:0;
			height:80px;
			line-height:80px;
			width:140px;
			padding: 22px 0;
		}
		#dashboard-tabela-lla-titulo .ds-box1 i.fa {
			display: block;
			text-align: center;
			margin: 0;
			padding: 0;
			height: 80px;
			line-height:80px;
		}
		#dashboard-tabela-lla h1{
			font-size:20px;
			padding: 0;
			margin: 0;
			font-weight:normal;
		}
		#dashboard-tabela-lla h2 {
			font-size:16px;
			padding: 0;
			margin: 0;
			font-weight:normal;
		}
		#dashboard-tabela-lla h2 span {
			font-size:12px;
			padding: 0;
			margin: 0;
			font-weight:normal;
			margin-left:20px;
		}
		#dashboard-tabela-lla-titulo{
			position:fixed;
			top:0;
			left:0;
			right:0;
			height:80px;
			background:#DFF3FD;
			border-bottom: 1px solid #82cffa;
		}
	#dashboard-tabela-lla .ds-box-conteudo{
		/*
		position:absolute;
		top:80px;
		left:0;
		right:0;
		bottom:0;
		overflow:auto;
		*/
	}
	.tablesorter-sticky-wrapper{
		top:80px !important;
		/*visibility:visible !important;*/
	}
	#dash-tabela-conteudo{
		margin-top:80px;
	}
	#dashboard-tabela-lla .tablesorter-dropbox td {
		font-size:11px;
		line-height:17px;
	}
	#dashboard-tabela-lla .tablesorter-dropbox th {
		font-size:12px;
		line-height:19px;
	}
	#dashboard-tabela-lla .fa{
		margin-right:10px;
	}
	#dashboard-lla .infoRegistro{
		background:url(../../base-2014/bg-info-registro-dashboard.png) repeat;
		padding:20px;
		border:#EDEDED 2px solid;
		text-align:center;
		font-size:13px;
		min-height:216px;
		line-height:216px;
		color:#BBB;
		border-radius: 3px;
	}