/*
CORES:
	1 - #201B40
	1b- #0F3045
	2 - #F2B544
	3 - #BF8821
	4 - #BF6430
	5 - #A63333
*/

@import 'https://fonts.googleapis.com/css?family=Poppins:300|Titillium+Web:200|Work+Sans';

/*DEFINEs*/
	/*COLORs*/
		/*Backgorunds*/
		.bg-c1{background-color:#201B40;} /*azul*/
		.bg-c1b{background-color:#0F3045;} /*azul fosco*/
		.bg-c2{background-color:#F2B544;} /*ouro*/
		.bg-c3{background-color:#BF8821;} /*dourado*/
		.bg-c4{background-color:#BF6430;} /*laranja*/
		.bg-c5{background-color:#A63333;} /*vermelho*/
		.bg-light1{background:#F7F7F7;} /*cinza claro*/
		.bg-light2{background:#EEEEEE;} /*cinza claro*/
		.bg-light3{background:#DDDDDD;} /*cinza claro*/
		.bg-light4{background:#CCCCCC;} /*cinza claro*/
		.bg-light5{background:#BBBBBB;} /*cinza claro*/
		.bg-light6{background:#AAAAAA;} /*cinza claro*/
		.bg-light7{background:#999999;} /*cinza claro*/
		.bg-dark1{background:#000000;}
		.bg-dark2{background:#333333;}
		.bg-dark3{background:#666666;}
		
		/*Font Colors*/
		.fc-light0{color:#FFFFFF;}
		.fc-light1{color:#F7F7F7;}
		
	/*SIZEs*/
		.expand-v2{
			padding-top:20px;
			padding-bottom:20px;
		}
		.expand-v3{
			padding-top:30px;
			padding-bottom:30px;
		}
		.expand-v5{
			padding-top:50px;
			padding-bottom:50px;
		}
		.expand-v10{
			padding-top:100px;
			padding-bottom:100px;
		}
		/*ICONS*/
		.icon-16{max-height: 16px;}
		.icon-32{max-height: 32px;}
		.icon-48{max-height: 48px;}
		.icon-64{max-height: 64px;}
		.icon-128{max-height: 128px;}

	/*RADIUS*/
		/*Bordas arredondadas*/
		.radius1{border-radius:5px;}
		.radius2{border-radius:10px;}
		.radius3{border-radius:15px;}
		.radius4{border-radius:20px;}
		.radius5{border-radius:25px;}

	/*J_CLASSES*/
	.j_oculto{display: none;}

/*ANIMATIONS*/
	/* make keyframes that tell the start state and the end state of our object */
	@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	
	.fade-in {
	  opacity:0;  /* make things invisible upon start */
	  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	  -moz-animation:fadeIn ease-in 1;
	  animation:fadeIn ease-in 1;
	
	  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	  -moz-animation-fill-mode:forwards;
	  animation-fill-mode:forwards;
	
	  -webkit-animation-duration:1s;
	  -moz-animation-duration:1s;
	  animation-duration:1s;
	}
	
	.fade-in.fade1 {
	  -webkit-animation-delay: 0.3s;
	  -moz-animation-delay: 0.3s;
	  animation-delay: 0.3s;
	}
	
	.fade-in.fade2 {
	  -webkit-animation-delay: 0.6s;
	  -moz-animation-delay:0.6s;
	  animation-delay: 0.6s;
	}
	
	.fade-in.fade3 {
	  -webkit-animation-delay: 0.9s;
	  -moz-animation-delay: 0.9s;
	  animation-delay: 0.9s;
	}
	
	
	/*PATCHs*/
	/* Makes images fully responsive */
	.img-responsive,
	.thumbnail > img,
	.thumbnail a > img,
	.carousel-inner > .item > img,
	.carousel-inner > .item > a > img {
	  display: block;
	  width: 100%;
	  height: auto;
	}

	/*DEBUG'S*/
	/* cria uma caixa flutuante para debugar o código */
	.debug{background: rgba(255,255,255,0.9);position: fixed; right: 25px;top:50px; border: 1px solid #F00; width: 500px;}

	@media print{
		.no-print{display: none;}
		.print{display: block;}
	}

.gchart {
  width: 100%; 
  height: 100%;
}