/* índice Geral de CSS */
/*
	0 - GERAL 
	1 - SPLASH
	2 - LOGIN
	3 - SITES
	4 - RESUMO
	5 - CONFIRMAÇÃO
	6 - MENU
	7 - ABOUT
*/

/* 0 - GERAL */

	/* importação das fontes */

	@import url('/css/fonts.css');

	body, .ionic-body{
		font-family: 'open_sansregular' !important;
	}

	.Aligner {
	    display: flex;
	    align-items: center;
	    min-height: 6em;
	    justify-content: center;
	}

	.min-Aligner{
		min-height: 4em;
	}

	.Aligner-item {
	    flex: 1;
	}

	.Aligner-item--top {
	    align-self: flex-start;
	}

	.Aligner-item--bottom {
	    align-self: flex-end;
	}

	.Aligner-item--fixed {
	    flex: none;
	    max-width: 50%;
	}

	.center{
		display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-direction: normal;
	    -moz-box-direction: normal;
	    -webkit-box-orient: horizontal;
	    -moz-box-orient: horizontal;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	    -webkit-box-pack: center;
	    -moz-box-pack: center;
	    -webkit-justify-content: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    -webkit-align-content: stretch;
	    -ms-flex-line-pack: stretch;
	    align-content: stretch;
	    -webkit-box-align: center;
	    -moz-box-align: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	}

	/* Spinner */

	.item-icon-left ion-spinner {
		float: left;
		margin-left: -3.2em;
		margin-right: 1em;
		margin-top: -0.2em;
		margin-bottom: 0;
	 }

	.spinner svg {
		width: 28px;
		height: 28px;
		stroke: #999;
		fill: #999;
	}

	
	/* Background */

	.performanceApp{
		background: url(../img/Backgroung@2x.jpg) top left no-repeat;
		background-size: cover; 
	}
		/* Grid */
		// .col{
		// 	border: 1px solid #ccc;
		// }

	.logo img, .logo-login img{
		max-width: 200px;
		width: 200px;
	}

	/* Barra Header */

	.bar.bar-light{
		border: none;
	}

		.bar.bar-light {
			background-color: rgba(244,246,246, 1) !important; /* or transparent, or background:none, opacity: .5 */
		}
		.scroll-content {
			overflow: visible !important;
		}
		
		.bar.bar-light .title {
			color: #9B9B9B;
			text-align: center;
			// left: 0 !important;
		}
	
		/* Botões Barra Header */

		.bar-light .button, 
		.bar-light .button.button-clear{
			color: #9B9B9B;
		}
		
		.bar .button.button-icon::before{
			font-size: 25px;
		}

/* 1 - SPLASH */

/* 2 - LOGIN */

	.logo-login{
		margin: 30px 0 190px 0;
	}

	.labForm input{
		width: 275px;
		height: 50px;
		padding: 15px 0 15px 50px;
		border: none;
		background-color: rgba(255,255,255, .5);
		position: relative;
		z-index: 2;
		display: block;
		margin: 0 0 12px;
		color: #4A4A4A;
				
		/* Border */
		border-radius: 35px;
	}

		/* Icones */
		
		.iconslab{
			font-size: 14px;
			padding: 3px 8px;
			color: #4A90E2;
			border: 2px solid #4A90E2;
			border-radius: 50%;
			position: absolute;
			z-index: 10;
		}

			.icon-user{
				top: 12px;
				left: 10px;
			}

			.icon-pass{
				top:74px;
				left: 10px;
			}

			.icon-user ,.icon-pass{
				opacity: .5;
			}

		/* Placeholder */

		.labform input::-webkit-input-placeholder {
			color: #4A90E2;
		}

	/* Botão */

	.button-login{
		width: 275px;
		height: 50px;
		padding: 15px 50px;
		border: none;
		background-color: rgba(74,144,226, 1);
		position: relative;
		z-index: 2;
		display: block;
		margin: 0 0 12px;
		color: #FFF;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
				
		/* Border */
		border-radius: 35px;
	}

/* 3 - SITES */

	.item{
		font-family: 'open_sansregular';
		font-size: 16px;
	}
	
	.item.item-stable{
		color: #666666;
	}
	
	.item, .item-complex .item-content{
		background: none;
	    padding: 16px 16px 16px 16px;
	}

	.item-complex .item-content, .item-radio .item-content {
    	padding: 4px 6px 4px 0;
    	border: none;
    	background: none;
	}

	a.item-content {
    	text-indent: 20px;
	}

	.item.item-stable {
	    border-color: #ddd;
	    background: none;
	}

	.item-complex.item-stable > .item-content{
		background: none;
		text-indent: 0;
		color: #666;
	}

	/*
	 * http://docs.angularjs.org/api/ng/directive/ngShow#usage_animations
	 */
	.list .item.item-accordion {
		line-height: 48px;
		padding-top: 0;
		padding-bottom: 0;
		color: #666;
		transition: 0.09s all linear;
	}
	.list .item.item-accordion.ng-hide {
		line-height: 0px;
	}
	.list .item.item-accordion.ng-hide-add,
	.list .item.item-accordion.ng-hide-remove {
		display: block !important;
	}

		/* Sites Ativos */

			.item.active.item-stable, .item.activated.item-stable, .item-complex.active .item-content.item-stable, .item-complex.activated .item-content.item-stable, .item .item-content.active.item-stable, .item .item-content.activated.item-stable {
			    border-color: #ddd;
			    background-color: #FFF;
			    color: #4A90E2;
			    font-size: 16px;
			    transition: 0.09s all ease;
			}

			ion-item.item-accordion.item.ng-binding {
    			text-indent: 30px;
			}	

	/* Icones */

		i.icon.ion-arrow-right-b{
			color: #D8D8D8;
			float: right;
		}


		i.icon.ion-arrow-down-b  {
			color: #4A90E2;
		    float: right;
		}


/* 4 - RESUMO */

	.resumo p, .evento-resumo p{
		font-family: 'open_sanssemibold';
		font-size: 18px;
		text-align: center;
		margin: 0 20px 0 20px;
	}

		.resumo{
			color: #4A90E2;
		}

		.evento-resumo{
			color: #666;	
		}

		.evento-resumo li{
			margin: 10px 0 0;
			font-size: 20px;
		}

	/* Botão */

	.button-confirm {
	    min-width: 286px;
	    height: 50px;
	    border: none;
	    background-color: rgba(74,144,226, 1);
	    position: relative;
	    z-index: 2;
	    /* display: block; */
	    margin: 0 0 12px;
	    color: #FFF;
	    text-align: center;
	    font-weight: bold;
	    font-size: 16px;
	    border-radius: 5px;
	    font-size: 18px;
	    text-decoration: none;
	    padding: 13px 0;
	}

/* 5 - CONFIRMAÇÃO */
	
	.confirmacao p{
		font-family: 'open_sansbold';
		font-size: 24px;
		text-align: center;
		color: #4A90E2;
		line-height: 25px;
	}

	/* Icone */

		.icon-confirmacao {
			font-size: 115px;
			padding: 0 30px;
			color: #4A90E2;
			border: 1px solid #FFF;
			border-radius: 50%;
			text-align: center;
		}



/* 6 - MENU */
	
	.menu{
		overflow: visible;
	}

	.spaces{
		margin: 20px 0 20px;
	}

	.botoes{
		display: block;
	}

	.botoes ul{
		display: block;
	}

		.botoes li{
			margin: 5px 0 5px;
		}

	/* Botões */

	.button-logout, a.button-about, a.button-sites{
		width: 205px;
		height: 35px;
		border-radius: 5px;
		color: #FFF;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		border: none;
		display: block;
		text-decoration: none;
	}
	
		.button-sites{
			background-color: rgba(40, 119, 212, 1);
			padding-top: 5px;
		}

		.button-logout{
			background-color: rgba(74, 144, 226, 1);
		}

		.button-about{
			background-color: rgba(140, 173, 212, 1);
		    padding-top: 5px;
		}

	.col.logo.center.Aligner-item--bottom {
	    margin-top: 20px;
	}

/* 7 - ABOUT */

	.about{
		min-height: 100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100 */
		background: #fcfcfc; /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover,  #fcfcfc 0%, #e6e6e6 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fcfcfc), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover,  #fcfcfc 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover,  #fcfcfc 0%,#e6e6e6 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover,  #fcfcfc 0%,#e6e6e6 100%); /* IE10+ */
		background: radial-gradient(ellipse at center,  #fcfcfc 0%,#e6e6e6 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		background-size: cover; 
	}

		.about .logo{

		}

	/* Texto */

	.text{
		/*max-width: 80%;*/
		margin: 0 auto;
	}

	 .text p{
			text-align: center;
			color: #4A90E2;
			font-size: 14px;
			font-family: 'open_sanslight';
		}