body {
		_overscroll-behavior-y: contain;
		margin: 0 auto;
		font-family: zekton;
		font-size: 24px;
		max-width: 800px;
	}

	.pubAleat {
		left:0px;
		right:0px;
		position:fixed;
		bottom:0px!important;
		z-index:102;
		max-width:500px;
		font-size:20px;
		margin: 0px 10px;
		border-radius: 10px;
	}

	#conteudo {
		background-color: transparent;
	}

	.fundo {
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		z-index:-1;
	}

	/* vermelho #8B0000 */
	/* verde    #2E8B57 458B74 */
	/* azul     #104E8B */

	@font-face {
	  font-family: "number";
	  src:url("../fonts/number.otf");
	  font-weight: normal;
	  font-style: normal;
	}

	@font-face {
	  font-family: "icones";
	  src:url("../fonts/icones.ttf");
	  font-weight: normal;
	  font-style: normal;
	}

	@font-face {
	  font-family: "zekton";
	  src:url("../fonts/zekton.ttf");
	  font-weight: normal;
	  font-style: normal;
	}


	.imgLogoZap {
		margin: 2px 5px;
		width: 30px;
		border-radius: 5px;
		float: right;
	}


	.wrapper {
		display: grid;
	}
	
	.wrapper5Col {
		grid-template-columns: repeat(5, 1fr);
		text-align: center;
	}
	
	.wrapper7Col {
		grid-template-columns: repeat(7, 1fr);
		text-align: center;
	}
	
	.wrapperItem {
		margin: 3px;
	}

	p {
		margin: 0px 0px 10px 0px;
		border-radius: 10px;
		padding: 10px;
		color: #333;
		background-color: rgba(255, 255, 255, 0.6);
	}

	#searchText p {
		background-color: rgba(255, 255, 255, 0.6);
	}

	#searchText, p, body {
		font-size: 20px;
	}

	#navL, #navL2 {
		float:right;
		margin:5px;
		border: 0px;
	}
	
	#navR, #navR2 {
		float:right;
		margin:5px;
		border: 0px;
	}

.imgConf { 
	width: 40px;
	cursor: pointer;
}

.logoApp {
	border:0px;
	position:absolute;
	z-index:3;
	border-radius:8px;
	width: 240px;
	display: none;
}

@media only screen and (min-width: 500px) { 
	.logoApp {
		top: 35%;
		left: 40%;
	}
}

@media only screen and (min-width: 790px) { 
	.logoApp {
		top: 35%;
		left: 32%;
	}
}

@media only screen and (min-width: 1024px) { 
	.logoApp {
		top: 35%;
		left: 42%;
	}
}

.fundoApp {
	position:absolute;
	top:0px;
	left:0px;
	border:0px;
	width:100%;
	height:100%;
}
	
	.resultPesq {
		font-size:20px;
		width:100%;
		background-color: transparent;
		border:0px;
		height:100%;
	}

	.itemDestaque {
		font-size: 22px;
		background-color: rgba(255, 255, 255, 0.6);
		border:.5px solid #ddd;
		padding: 5px 10px;
		border-radius:3px;
		cursor: pointer;
	}

	.itemDestaque2 {
		font-size: 20px;
		background-color: rgba(255, 255, 255, 0.6);
		border:.5px solid #ddd;
		_line-height: 37px;
		padding: 5px 10px;
		border-radius:3px;
	}

	.alerta {
		border: .05em solid #eee;
		background: -webkit-linear-gradient(bottom right, #FFF68F, #fff , #FFF68F);
		font-size:16px;
		padding:5px;
		color:#333;
		position:absolute;
		left:0px;
		text-align:left;
		width:80%;
		max-height:300px;
		overflow:auto;
		top:0px;
		right:0px;
		margin:0px 5px -5px 5px;
		display:none;
		z-index:102;
		border-radius:8px;
	}

	.topShare {
		border-radius:5px;
		padding: 1px 5px;
		border: .05em solid #eee;
		font-size:18px;
		color:#104E8B;
		text-align:center;
	}

	.rodShare {
		border-radius:5px;
		padding: 1px 5px;
		border: .05em solid #eee;
		font-size:16px;
	}

	.menuItemImg {
		width:20px;
		height:20px;
	}

	.msgExtra {
		position:fixed;
		top:10px;
		left:10px;
		right:10px;
		display: none;
		border-radius: 5px;
		color: #333;
		padding:18px;
		background-color: #fff;
		font-size:20px;
		font-family: Verdana;
		box-shadow: inset 0 0 .5em #ccc, 0 0 .5em #ccc;
		overflow-y:auto;
		max-height:512px;
  }

	.divPesquisa {
		position:fixed;
		top:10px;
		left:10px;
		right:10px;
		display: none;
		border-radius: 5px;
		color: #333;
		padding:18px;
		background-color: #fff;
		font-size:20px;
		font-family: Verdana;
		box-shadow: inset 0 0 .5em #ccc, 0 0 .5em #ccc;
		overflow-y:auto;
		max-height:512px;
  }


	.linkWord {
		text-decoration:underline;
		color: #333;
		font-size:22px;
		line-height:34px;
	}
	
	.linkWord2 {
		text-decoration:none;
	}


	.avisoNot {
		position:fixed;
		left:5px;
		bottom:5px;
		display:none;
		width:50px;
		height:50px;
	}

	.classTelaCheia {
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		background-color:#fff;
		display:none;
		font-size:140%;
	}
	
	.classLuaNormal {
		margin:5px 0px 0px 5px;
	}

	.classSetasCheia {
		width:20px;
		height:40px;
	}

	.imageMenu {
		position:fixed;
		width:30px;
		right:5px;
		top:43%;
		z-index:101;
		display:none;
		cursor: pointer;
	}

	.menuMaster {
		position:fixed;
		width:275px;
		float:left;
		left:-275px;
		top: 30px;
		z-index:101;
		display:none;
		overflow-x: hidden;
		overflow-y: auto;
		height: 80%;
		max-height: 80%;
	}

	.uc, #uc {
		width:33px;
		height:30px;
		float:left;
		border: .05em solid #eee;
		text-align:center;
		background-color: #eee;
		margin:1px;
		//border-radius:1px;
		font-size: 20px;
		color:#104E8B;
	}
	
	.uc, #uc a {
		text-decoration:none;
		font-size: 20px;
		color:#104E8B;
	}
	
	.menuLine {
		border: .05em solid #eee;
		background-color:#fff;
		z-index:99;
		position:absolute;
		max-height:400px;
		overflow:auto;
		width:270px;
		font-size: 20px;
		display:none;
		border-radius: 0px 25px 0px 0px;
		overflow-x: hidden;
	}

	.menuItem {
		border: .05em solid #eee;
		padding: 6px 3px 3px 3px;
		color: #104E8B;
		background-color: #fff;
		font-size: 20px;
		min-height: 30px;
		width: 255px;
		cursor: pointer;
	}

	.eusou {
		border: .05em solid #eee;
		background-color:#eee;
		padding: 10px;
		margin: 5px;
		font-size:20px;
	}
	
	.notFlut {
		border: .05em solid #eee;
		background: -webkit-linear-gradient(bottom right, #FFF68F, #fff , #FFF68F);
		font-size:18px;
		padding:10px;
		color:#333;
		position:absolute;
		left:20%;
		text-align:left;
		width:50%;
		max-height:300px;
		overflow:auto;
		top:20%;
		right:0px;
		margin:0px 5px -5px 5px;
		display:none;
		z-index:99;
		border-radius:5px;
	}

	.entradaLogo {
		border:0px;
		width:100%;
		position:absolute;
		left:0px;
		top:0px;
		z-index:101;
		display:none;
	}
	
	.objNav {
		width:35px;
		border-radius:5px;
	}
	
	.objNav2 {
		width:35px;
		border-radius:5px;
	}

	.objLinha {
		height:35px;
		border: .05em solid #eee;
		border-radius:5px;
	}
	
	.imgList { width:30px; }
	.tdList { width:30px; }
	
	td {
		font-family: Verdana;
		font-size: 22px;
	}

	a {
		text-decoration:none;
		color: #333;
	}
	
	#imgNotif {
		position:absolute;
		left:40px;
		top:40px;
		width:50px;
		border-radius:25px;
		display:none;
		border:1px solid #fff;
		cursor: pointer;
	}

	.classNot {
		z-index:2;
		font-size:16px;
		color:#fff;
		background-color:#528B8B;
		position:fixed;
		left:0px;
		text-align:left;
		padding:10px;
		width: 320px;
		max-height:560px;
		overflow:auto;
		bottom: 10px;
		margin:0px 5px -5px 5px;
		right:0px;
		display:none;
		border-radius: 10px;
		border: .05em #ccc solid;
	}

	.classNot td {
		text-align:center;
		color:#fff;
		font-size:23px;
	}
	
	#divNot, .divNot {
		display: none;
		overflow-y: auto;
		height: 600px;
		max-height: 600px;
	}

	div.divNot::-webkit-scrollbar {
	  width: 3px;
	}

	div.divNot::-webkit-scrollbar-track {
	  _background: #eee;
	}

	div.divNot::-webkit-scrollbar-thumb {
	  background-color: #eee;
	  border-radius: 20px;
	  border: 3px solid #bbb;
	}
	
	select {
		width:100%;
		font-size:20px;
		border: .05em solid #eee;
		font-family: Verdana, arial;
		padding: 2px;
		margin: 2px;
		height:35px;
	}
	
	
	.imgAutor { 
		border:0px;
		width:95%;
		float:center;
		margin:10px;
		border-radius:5px;
		display:none;
	}
	
	.config td {
		border: .05em solid #eee;
		background-color: rgba(255, 255, 255, 0.6);
		font-family: Verdana;
		font-size: 18px;
		padding: 10px;
		margin: 0px;
	}
	
	.footer {
		font-size: 20px;
		display:none;
	}

	.footer td {
		border: .05em solid #eee;
		background-color:rgba(255, 255, 255, 0.6);
		font-family: Verdana;
		font-size: 20px;
		padding: 10px;
		margin: 0px;
		color:#333;
	}
	
	.footer td, .footer a {
		font-size: 20px;
		border:0px;
		color:#333;
	}
	
	.icone { width:30px; }
	
	.share {
		width:25px;
		margin:8px 5px 0px 0px;
	}
	
	.share2 {
		margin:3px 5px 0px 3px;
		float:left;
	}
	
	.check, #check { width:30px; height: 30px; }

	.check2 { height: 30px; margin-right:5px;}
	
	.sinais {
		margin-top:3px;
		height: 25px;
		float:right;
	}

	.tarjaLivros {
		border: .05em solid #eee;
		background-color: #eee;
		height:30px;
		//border-radius:3px;
		display:none;
		padding: 0px;
		width:100%;
		font-size: 26px;
	}
	
	#publicidade, .publicidade {
		//width:92%;
		border: .05em solid #eee;
		font-family: Verdana;
		font-size: 20px;
		padding: 5px;
		margin: 5px 0px 5px 0px;
		color:#333;
		background-color:#eee;
		//border-radius:8px;
		min-height:40px;
	}
	
	#publicidade  a, .publicidade  a {
		font-size: 20px;
	}

	.imgPub {
		border:0px;
		width:60px;
		height:60px;
		float:left;
		margin:0px 5px 0px 5px;
		border-radius:5px;
	}
	
	.imgPub2 {
		border:0px;
		width:30px;
		height:30px;
		float:left;
		margin:0px 5px 0px 5px;
		border-radius:5px;
	}

	.icoPromo {
		float:left;
		width:40px;
		border-radius:5px;
	}
	
	.titulo {
		border: .05em solid #eee;
		font-family: Verdana;
		font-size: 24px;
		padding: 5px;
		margin: 5px;
		color:#104E8B;
		background-color:#eee;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		//border-radius:6px;
	}
	
	.divisor {
		border: .05em solid #eee;
		font-family: Verdana;
		padding: 5px;
		margin: 5px;
		color:#333;
		background-color:#B9D3EE;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
	}

	.topo {
		border: .05em solid #eee;
		background-color:#eee;
		padding: 0px;
		margin: 5px;
		height:80px;
	}

	.textTopo {
		font-size:20px;
		position:relative;
		top:-35px;
		left:5px;
		text-shadow:2px 2px 2px #4682B4, 0 0 25px #4682B4, 0 0 25px #4682B4;
		color:#fff;
	}
	
	.rodape {
		font-size:18px;
		border: .05em solid #eee;
		background-color:#eee;
		padding: 0px;
		margin: 5px;
	}
	
	#irTopo, .irTopo  {
		background-color:#eee;
		color:#104E8B;
		text-align:center;
	}
	
	.imgRodape {
		width:65px;
		margin:5px;
		border-radius:5px;
		filter: grayscale(50%);
	}
	
	#cabecalho {
		font-family:Verdana;
		font-size:32px;
		font-weight:bold;
		color:#001C37;
	}
	
	#subcabecalho {
		position:relative;
		font-size:22px;
		font-family:Verdana, Tahoma;
		color:#001C37;
	}

	#lverso, .lverso {
		border: .05em solid #eee;
		float:left;
		background-color:#eee;
		width:30px;
		height:25px;
		padding-top:5px;
		font-size:16px;
		margin:3px;
		border-radius:20px;
		text-align:center;
		color:#104E8B;
	}
	
	#lverso a, .lverso a {
		text-decoration:none;
		color:#104E8B;
	}

	#menulivro, .menulivro   {
		width:50px;
		height:25px;
		float:left;
		border: .05em solid #eee;
		text-align:center;
		background-color: #eee;
		margin:1px;
		font-size:20px;
		cursor:pointer;
		color:#104E8B;
		//border-radius:5px;
	}
	
	#menulivro a, .menulivro  a {
		text-decoration:none;
		color:#104E8B;
	}
	

	#menuLivre, .menuLivre {
		color:#104E8B;
		border: .05em solid #eee;
		padding:3px;
		background-color:#eee;
		//border-radius:5px;
		//margin:4px 1px;
		font-size:18px;
		clear:both;
		line-height:30px;
		cursor:pointer;
		text-align:center;
	}

	#menuTexto, .menuTexto {
		color:#104E8B;
		//width:95%;
		border: .05em solid #eee;
		background-color:rgba(255, 255, 255, 0.6);
		margin-bottom:5px;
		font-size:20px;
		padding:5px;
		cursor: pointer;
	}

	#menuTextoTd td , .menuTextoTd td {
		width:100%;
		color:#104E8B;
		border: .05em solid #eee;
		background-color:#eee;
		margin-bottom:5px;
		font-size:20px;
		padding:5px;
		cursor: pointer;
	}
	
	.menuTextoTd {
		text-align:center;
		width:95%;
		display:none;
		z-index:99;
		position:absolute;
		overflow:auto;
		background-color: #ffffff;
		cursor: pointer;
	}

	#menuPadrao {
		color:#104E8B;
		width:80px;
		height:25px;
		float:left;
		border: .05em solid #eee;
		text-align:center;
		background-color: #eee;
		margin:3px;
		font-size:85%;
		cursor:pointer;
		cursor: pointer;
	}
	
	#menuPadrao a {
		color:#104E8B;
		text-decoration:none;
}
	
	#tarja {
		width:18%;
		height:20px;
		float:left;
		border: .05em solid #eee;
		text-align:center;
		background-color: #eee;
		margin:3px;
		padding:5px;
		font-size:14px;
		cursor:pointer;
		//border-radius:10px;
	}
	
	#tarja  a {
		text-decoration:none;
}

	#plano {
		width:47%;
		height:20px;
		float:left;
		border: .05em solid #eee;
		text-align:center;
		background-color: #eee;
		margin:3px;
		padding:5px 0px 0px 0px;
		font-size:18px;
		cursor:pointer;
		//border-radius:10px;
	}
	
	#plano a {
		text-decoration:none;
}


	#imgCab {
		margin:0px 4px;
		width:36px;
	}
	.subtitulo  {
		border: .05em solid #eee;
		font-family: Verdana;
		font-size: 22px;
		padding: 5px;
		margin: 5px;
	}

	.subtitulo  a {
		color: navy;
		text-decoration: none;
	}

	.subtitulo  a:hover {
		color: orange;
	}

	.subtitulo td, .objNav td, .objNav2 td, .objLinha td {
		background-color: rgba(255, 255, 255, 0.6);
	}

	.corpo {
		border: .05em solid #eee;
		font-family: Verdana;
		font-size: 22px;
		padding: 5px;
		margin: 5px;
	}
	
	.ucap {
		width:33px;
		height:25px;
		float:left;
		border: .05em solid #eee;
		text-align:center;
		background-color: #eee;
		margin:3px;
	}
	
	.ucap a {
		text-decoration:none;
	}

	#readme a {
		font-size: 14px;
	}
	
	.logoShare {
		border:0px;
		width:10px;
		float:right;
		margin:0px;
	}

	
	#janPopup {
		width:270px;
		background-color:#eee;
		border-radius:10px;
	}

	#divShare {
		border: .05em solid #eee;
		background-color:#eee;
		font-size:16px;
		padding:10px;
		border-radius:5px;
		cursor:pointer;
	}
	
	.sh td {
		color:#fff;
		cursor:pointer;
		font-size:18px;
		font-family:icones;
	}

	
	#dicas, .dicas {
		border: .05em solid #eee;
		font-family: Verdana;
		font-size: 16px;
		padding: 5px;
		margin: 5px;
		color:#333;
		background-color: rgba(255, 255, 255, 0.6);
	}
	
	.noDicas {
		color:#555;
		float:right;
		padding: 2px;
		font-size: 22px;
		margin:0px 0px 3px 3px;
		border-radius:5px;
	}

	.modal {
		position: fixed;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.4);
	}

	.modal3 {
		position: fixed; /* Stay in place */
		z-index: 2; /* Sit on top */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		background-repeat: no-repeat;
		background-attachment:scroll;
		background-size:cover;
		display:none;
	}

	.contTextos {
		padding:18px;
		color: #333!important;
		font-size: 18px!important;
		position: fixed;
		top:10%;
		left:10%;
		width:70%;
		height:80%;
		overflow-y: auto;
		background-color: #fff;
		display: none;
		z-index: 3;
		border-radius:8px;
	}

	.xClose2 {
		position: absolute;
		top: 6%;
		left: 10%;
		font-size: 16px;
		color: #eee;
		z-index: 0;
	}

	@media screen and (min-width: 500px) {

	.footer td, .footer a {
		font-size:30px;
	}

	#searchText, p, body {
		font-size: 22px;
	}
		.imgRodape {
			width:65px;
			margin:8px;
		}
		
		.imgConf { width: 60px; }

		.menuItemImg {
			width:30px;
			height:30px;
		}

		.topShare {
			font-size:24px;
		}

		.rodShare {
			font-size:22px;
		}

 		#janPopup {
			width:350px;
			font-size:18px;
		}
		
		#divShare {
			font-size:22px;
			padding:10px;
			border-radius:8px;
		}

		.classNot {
			width:340px;
			max-height:500px;
		}

		#texto, .texto { display: none; }

		.imgPub { width:80px;  height:80px; }
		.imgPub2 { width:40px; height:40px; }

		.imageMenu {
			width:40px;
		}
		.avisoNot {
			width:60px;
			height:60px;
		}
		.noDicas {
			font-size: 24px;
		}
		#menulivro, .menulivro   {
			width:65px;
			height:40px;
			font-size:24px;
			padding-top:10px;
		}

		.uc, #uc {
			width:53px;
			height:40px;
			font-size:30px;
			padding-top:8px;
		}
		
	.menuMaster {
		width:365px;
		left:-365px;
	}

	.menuLine {
		font-size: 26px;
		width: 360px;
	}

	.menuItem {
		font-size: 26px;
		width: 325px;
	}
		.eusou {
			font-size:28px;
		}
		#cabecalho { font-size: 260%; }
		#subcabecalho { font-size: 160%; }
		select { font-size: 115%; height: 45px; }
		.titulo { font-size: 210%; }
		.promo { font-size: 210%; }
		.rodape, .topo, #menuTexto, #menuTexto2  { border: .05em solid #eee; }
		.topo  { height:120px; }
		.notFlut { font-size:24px; }
		
		#imgPromo { width:140px; }

		.config td {
			font-size:22px;
		}
		
		a, #menuTexto, .menuTexto, .aviso, .help, .menuTextoTd, #menuTextoTd td , .menuTextoTd td, .dicas, #menuLivre, .menuLivre { font-size: 24px; }
	
		
		.check, #check { width:40px; height: 40px; }

		.check2 { height: 45px; }

		.sinais {
			margin-top:10px;
			height: 40px;
		}
		
		.tarjaLivros { font-size: 34px; }
		
		.imgAutor { 
			margin:15px;
			border-radius:10px;
		}
		
		#menulivro   {
			width:70px;
			height:40px;
			font-size:24px;
			padding-top:7px;
		}
		
		#menuPadrao {
			width:120px;
			height:40px;
			font-size:24px;
			padding-top:7px;
		}
		
		#plano {
			height:35px;
			font-size:24px;
			padding-top:7px;
		}
		
		button, input { font-size: 32px;  line-height:32px; }

		.imgList { width:40px; padding-top:10px; }
		.imgMenu { width:50px; height:50px; }
		.tdList { width:45px; }
		
		.icone { width:40px; }
		
		.share { width:40px; }
		
		.share2 {
			width:37px;
			margin:6px 5px 0px 3px;
		}
		
		#lverso, .lverso {
			width:40px;
			height:35px;
			padding-top:10px;
			font-size:20px;
			line-height:20px;
		}
		
		.textTopo {
			font-size:26px;
			top:-45px;
		}
		
		.seta { width:40px; }
		
		#lverso2, .lverso2 {
			width:90px;
			height:30px;
			padding-top:5px;
			font-size:20px;
			margin:5px;
		}
		
		#lverso3, .lverso3 {
			height:30px;
			padding-top:5px;
			font-size:20px;
			margin:5px;
		}
	
		#publicidade, #publicidade a, .publicidade { font-size:24px; }

		.videos {
			height:360px;
		}
		
		.icoPromo {
			width:60px;
			border-radius:7px;
		}
		.objNav {
			width:50px;
		}
		
		.objNav2 {
			width:50px;
		}

		.objLinha {
			height:50px;
		}
		.classTelaCheia {
			font-size:160%;
		}

		.classLuaNormal {
			width:50px;
			height:50px;
		}

		.classSetasCheia {
			width:30px;
			height:70px;
		}

		.resultPesq {
			font-size:26px;
		}
	}


/*
alertify.core.css
*/

.alertify,
.alertify-show,
.alertify-log {
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.alertify-hide {
	-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-log-hide {
	-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-cover {
	position: fixed; z-index: 99999;
	top: 0; right: 0; bottom: 0; left: 0;
	_background-color:white;
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.05); /* Black w/ opacity */
	_filter:alpha(opacity=0);
	_opacity:0;
}
	.alertify-cover-hidden {
		display: none;
	}
.alertify {
	position: fixed; z-index: 99999;
	top: 50px; left: 50%;
	width: 550px;
	margin-left: -275px;
	opacity: 1;
	color:#333;
}
	.alertify-hidden {
		-webkit-transform: translate(0,-150px);
		   -moz-transform: translate(0,-150px);
		    -ms-transform: translate(0,-150px);
		     -o-transform: translate(0,-150px);
		        transform: translate(0,-150px);
		opacity: 0;
		display: none;
	}
	/* overwrite display: none; for everything except IE6-8 */
	:root *> .alertify-hidden {
		display: block;
		visibility: hidden;
	}
.alertify-logs {
	position: fixed;
	z-index: 5000;
	bottom: 10px;
	right: 10px;
	width: 300px;
}
.alertify-logs-hidden {
	display: none;
}
	.alertify-log {
		display: block;
		margin-top: 5px;
		position: relative;
		right: -300px;
		opacity: 0;
	}
	.alertify-log-show {
		right: 0;
		opacity: 1;
	}
	.alertify-log-hide {
		-webkit-transform: translate(300px, 0);
		   -moz-transform: translate(300px, 0);
		    -ms-transform: translate(300px, 0);
		     -o-transform: translate(300px, 0);
		        transform: translate(300px, 0);
		opacity: 0;
	}
	.alertify-dialog {
		padding: 15px;
	}
		.alertify-resetFocus {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}
		.alertify-inner {
			text-align: left;
		}
		.alertify-text {
			margin-bottom: 15px;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			font-size: 100%;
		}
		.alertify-buttons {
		}
			.alertify-button,
			.alertify-button:hover,
			.alertify-button:active,
			.alertify-button:visited {
				background: none;
				text-decoration: none;
				border: none;
				/* line-height and font-size for input button */
				line-height: 1.1;
				font-size: 100%;
				display: inline-block;
				cursor: pointer;
				margin-left: 5px;
			}

@media only screen and (max-width: 680px) {
	.alertify,
	.alertify-logs {
		width: 90%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.alertify {
		left: 5%;
		margin: 0;
	}
}


/*
alertify.default.css
 */
 
.alertify,
.alertify-log {
	font-family: sans-serif;
}
.alertify {
	background: #fff;
	border: 1px solid #ccc; /* browsers that don't support rgba */
	border: 1px solid rgba(204,204,204,.7);
	border-radius: 8px;
	box-shadow: 0 3px 3px rgba(0,0,0,.3);
	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
	   -moz-background-clip: padding;     /* Firefox 3.6 */
	        background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
	color:#333;
}
	.alertify-text {
		border: 1px solid #CCC;
		padding: 10px;
		border-radius: 4px;
		color:#333;
	}
	
	.alertify-button {
		border-radius: 4px;
		color: #555;
		font-weight: bold;
		padding: 6px 15px;
		text-decoration: none;
		_text-shadow: 1px 1px 0 rgba(0,0,0,.5);
		box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
	}
	.alertify-button:hover,
	.alertify-button:focus {
		outline: none;
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:         linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	}
	.alertify-button:focus {
		box-shadow: 0 0 15px #aaa;
	}
	.alertify-button:active {
		position: relative;
		box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	}
		.alertify-button-cancel,
		.alertify-button-cancel:hover,
		.alertify-button-cancel:focus {
			background-color: #eee;
			border: 1px solid #ddd;
		}
		.alertify-button-ok,
		.alertify-button-ok:hover,
		.alertify-button-ok:focus {
			background-color: #eee;
			border: 1px solid #ddd;
}

.alertify-log {
	background: #1F1F1F;
	background: rgba(0,0,0,.9);
	padding: 15px;
	border-radius: 4px;
	color: #FFF;
	text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}
	.alertify-log-error {
		background: #FE1A00;
		background: rgba(254,26,0,.9);
}
	.alertify-log-success {
		background: #5CB811;
		background: rgba(92,184,17,.9);
}