/**
	Autoria do C�digo Fonte
	---
	Codificado por Felipe Pita (contato.pita@gmail.com)
	Institudo de TI - desde 2015
	Entre em contato em caso de d�vidas ou mais informa��es
**/
@font-face {
    font-family: BlackChancery;
    src: url(fonts/BLKCHCRY.TTF);
}
*::-moz-selection{background:none repeat scroll 0 0 #f47e2e;color:#fff;}

html {overflow-y: scroll;}
body{margin:0 0 50px 0;cursor:default;}
body,input,select,textarea,code{font-size:13px;font-family: 'Trebuchet MS';color:#000;}
label{}
select {background-color: white;}
input:disabled, select:disabled, textarea:disabled{background: #eee;}

table{
    border-spacing: 0;
    border-collapse: collapse;
}

sup{font-size:9px;}
abbr{cursor:help;}
small{line-height:1em}
ul,object,div{overflow:hidden;}


form table, form table tbody {display: block;}
form table, form table tbody tr{width: 100%; display: inline-table;}
form table, form table tbody tr.lista-data{width: 100%; display: inline-table;}

h1,h2,h3,
h4,h5,h6{font-weight:400;}

h1,h2,h3{color:#f47e2e;}

h1{font-size:3.3em;line-height:1em;margin-top:30px;}
h2{font-size:2.2em;line-height:1em;margin-top:20px;margin-bottom:15px;padding:0;}
h3{font-size:1.7em;line-height:1em;padding:0;margin:20px 0 10px 0;}
h4{font-size:1.7em;line-height:1em;margin:20px 0 10px 0;;padding-bottom:10px;}
h5{font-size:1.4em;line-height:1em;margin:10px 0;}
h6{font-size:1.1em;line-height:1em;margin-bottom:5px;}

h1.first,h2.first,h3.first,h4.first,h5.first,h6.first{margin-top:0;padding-top:0;}
h1.main-title{margin:0;padding:0;}

ul.no-style{list-style:none;padding:0;margin:0;}
ul.total-registro{list-style:none;padding:0;}
ul.underline-item li{border-bottom: solid 1px #727175;}


li{overflow:hidden;margin-bottom:3px;}

p{margin:0 0 11px 0;padding:0;text-align:justify;overflow:hidden;line-height:1.5em;}
	.tip, p.tip{margin: 10px 0 10px 0;color:#333;}
	.msg, p.msg{margin:10px 0 20px 0; background:#efefef;color:#000;padding:20px;border: 1px solid #d8d8d8;}

.sizedefined-width,

.size-width,

.auto-width,

a.sizedefined-width,

a.size-width,

a.auto-width,

textarea.sizedefined-width,

textarea.size-width,

textarea.auto-width,

select.sizedefined-width,

select.size-width,

select.auto-width,

input.sizedefined-width,

input.size-width,

input.auto-width,

input.checkbox{ width: auto!important; }

.no-margin{margin:0; }

.no-padding{padding:0!important;}
.padding{padding:4px;}

.no-break{white-space: nowrap;}

.c,.center{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}

.clear{clear:both;}
.clear-left{clear:left;}
.clear-right{clear:right;}
.left{float:left;}
.right{float:right;}
.btn, a.btn, input.btn{
	/* padding:0 10px 0 10px; */
	height:35px;
	line-height:20px;
	text-align:center;
	border: none;
	text-decoration:none;
	cursor:pointer;
	vertical-align:middle;
	background:#727175;
	margin:5px 3px;
	color:#fff;
	font-size:20px;
	transition: background-color ease-out 300ms;
}

a.btn {
	display:block;
	padding:0 10px;
	line-height:35px;
}
button.btn {
	padding:0 10px;
	line-height:35px;
}

.btn:hover, .btn:focus, .btn-login:hover, .btn-login:focus{background-color:#f47e2e;}


.btn:disabled, a.btn:disabled, input.btn:disabled{
	/* padding:0 10px 0 10px; */
	text-align:center;
	border: none;
	text-decoration:none;
	cursor:default;
	vertical-align:middle;
	background:#CCC;
	margin:5px 3px;
	color:#666;
	font-size:20px;
	padding:0 10px;
	line-height:22px;
}




.btn-s,a.btn-s,input.btn-s{height:25px;font-size:18px;}
	a.btn-s{line-height:25px;}
	input.btn-s{line-height:10px;}

a.btn-main{clear:left;margin-bottom:20px;}
a.btn-main:hover{background: #143545;}

.btn-h:hover a.btn-h:hover, .btn-h:focus a.btn-h:focus{
	background:#143545;
} 


.btn-form{
	margin:0 4px 0 0;
	padding:0;
	width:275px;
}

a.btn-inserir
	{
		width:125px;
	}

.btn-procurar
	{
		width:125px;
	}
.btn-relatorio
	{
		width:175px;
	}

.btn-login{
	
}

.btn-admin
	{	
		color:#fff;
		background:#52697a;
		padding:3px;
		line-height:25px;
		border-radius:0;
		/* border: 1px solid #d8d8d8; */
		text-decoration:none;
		cursor:pointer;
		width:auto;
	}
	.btn-admin:hover, .btn-admin:focus{background:#f7941d;}

.btn-side, a.btn-side, input.btn-side{margin:0;font-size:1em;height:34px;}
	
.btn-gap-top{margin-top:5px;}
.btn-gap-bottom{margin-bottom:5px;}
.btn-gap-right{margin-right:5px;}
.btn-gap-left{margin-left:5px;}

.btn-pesquisa{
	/* padding:5px; */
}
.btn-pesquisa:hover{background:#143545;}

p.msg span{display:block;float:left;}
p.msg a.btn{
	background:#f7941d;
	display: block;
	margin-top:10px;
	float:left;
	clear:left;
}
p.msg a.btn:hover, p.msg a.btn:focus{background:#ffa800;}

div.form-login{width:320px;margin:30px auto 0 auto;}
	div.form-login input{width:310px;}
	div.form-login h3{margin-top:30px;}

.positivo, .negativo, .neutro{color:#fff;padding:10px;margin-bottom:15px;}
.positivo ul, .negativo ul, .neutro ul{padding:0;margin:0;list-style:none;}
.positivo li, .negativo li, .neutro li{padding:0;margin:0;}
.positivo strong, .negativo strong, .neutro strong{margin-bottom:5px;}

.positivo{background:#2b487c;}
.negativo{background:#b32222;}
.neutro{background:#b2b2b2;}

.marca-verde{background:#87ff5d !important;}
.marca-amarela{background:#fdff5d !important;}
.marca-vermelha{background:#ff9494 !important;}

div.topo{padding: 5px;margin:10px 0;border-bottom: solid 1px #efefef;}
	div.topo > div{margin-top:0;}
	div.topo a{text-decoration:none;color:#000;font-size:1.2em;padding:5px;display:block}
		div.topo a:hover{text-decoration:underline;}

div.corpo{}
div.external{width:975px;margin-left:auto;margin-right:auto;}
/* 
div.formulario{margin-left:25px;margin-bottom:10px;padding-bottom:50px;width:400px; float:left; }
	div.formulario div.formulario-cabecalho{padding:30px 20px 20px 30px;}
	div.formulario h2{padding-bottom:15px;font-weight:bold;}
	div.formulario ul{margin:30px;}
	div.formulario li.botao{margin-top:20px;text-align:center;}
		div.formulario li.botao input{
			padding:15px;
			width:auto;
			font-size:20px;
			font-weight:bold;
			cursor:pointer;
			}
div.cabecalho{margin: 30px auto 50px auto;}
	div.cabecalho h1{
		font-family:Arial;
		font-size:50px;
		font-weight:bold;
		margin:0;
		padding:0;
	}
	div.cabecalho h2{
		font-family:Arial;
		font-size:20px;
		font-weight:normal;
		margin:0;
		padding:0;
	}
	div.cabecalho img{
		float:left;
		margin:15px 15px 0 0;
	}
	div.cabecalho div{
		float:left;
		margin-right:15px;
	} */

div.logout-box ul{}
div.login-box li, 
div.logout-box li{margin-left:7px;}
div.login-box{}
	div.login-box li,
	div.login-box ul{overflow:hidden;margin:0;padding:0;}
	
	div.login-box ul.inputs label{font-size:11px;font-style:italic;display:block;line-height:18px;height:18px;padding:5px;}
	div.login-box ul.inputs li{margin-left:5px;float:left;}
		div.login-box ul.inputs li.email{margin-left:0;}
			div.login-box li.email label{width:41px;}
			div.login-box li.senha label{width:33px;}
			div.login-box li.email input,
			div.login-box li.senha input{width:130px;}
			div.login-box .btn-login{padding:0;font-size:15px;height:30px;line-height:30px;margin:0 0 2px 0;}

ul.nav{list-style:none;padding:0;margin:0;}
ul.nav-top{margin-bottom:15px;}
ul.nav-bottom{margin-top:15px;}
	ul.nav a{
			display:block;
			padding:5px 10px;
			background: #727175;
			color:#fff;
			text-decoration:none;
			margin-right:3px;
			transition: background-color ease-out 300ms;
	}
	ul.nav a:hover,ul.nav a:focus, ul.nav a.pagina-atual{background-color:#f47e2e;}
	
	
div.calendario-eventos{min-height:300px;}
div.calendario-nav{background:#990000;color:#fff;border-radius:4px;width:100%;margin:20px 0;}
	div.calendario-nav ul{width:100%;}
	div.calendario-nav li{float:left;line-height:50px;height:50px;vertical-align:center;text-align:center;}
		div.calendario-nav li a{display:block;padding:8px;}
		div.calendario-nav li.nav-back{width:50px;}
		div.calendario-nav li.nav-info{width:875px;}
			div.calendario-nav li.nav-info h2{vertical-align:center;line-height:1.7em;}
		div.calendario-nav li.nav-forth{width:50px;}

.time-holder{background:#f2f2f2;padding:15px;border-radius:4px;}
#time{font-size:35px;display:block;}
	#time span{margin-right:2px;text-align:center;vertical-align:center;float:left;display:block;line-height:50px;height:50px;width:85px;background:#990000 url('http://www.lojaopenstage.com.br/img/site/bg_menu.jpg') no-repeat center center;color:#fff;padding:10px;border-radius:4px;}
	#time .dia{}
	#time .hora{}
	#time .minuto{}
	#time .segundo{}
	

ul.registro-data{overflow:hidden;list-style:none;padding:0;margin:10px 0;}
	ul.registro-data span{line-height:30px;display:block;margin-right:10px;}

div.box-pesquisa{margin-bottom:20px;}

table tr{font-size:13px;}
table td{color:#333333}
	table tr.lista-cabecalho{background:#f47e2e;color:#fff;line-height:25px;text-align:left;}
		table tr.lista-cabecalho td{color:#fff;}
		table tr.lista-cabecalho th{padding:0 5px;}
	table tr.lista-data{background:#f9f9f9;border-bottom:1px solid #efefef;}
		table tr.lista-data:hover{background:#efefef;}
		table tr.lista-data td{padding:7px;}
			table tr.lista-data td.data-valor,
			table tr.lista-data td span.data-valor{white-space:nowrap;}
		table tr.lista-data a{color:#303030;}



a.botao-link{display:inline-block; background:#727175; text-decoration:none; color:#FFF !important; padding:2px 8px; margin:3px 0}
a.botao-link:hover{background:#f47e2e; color:#FFF}



.loader {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	display: block;
	margin:15px auto;
	position: relative;
	color: #5cb85c;
	box-sizing: border-box;
	animation: animloader 1s linear infinite alternate;
  }
  
  @keyframes animloader {
	0% {
	  box-shadow: -38px -12px ,  -14px 0,  14px 0, 38px 0;
	}
	33% {
	  box-shadow: -38px 0px, -14px -12px,  14px 0, 38px 0;
	}
	66% {
	  box-shadow: -38px 0px , -14px 0, 14px -12px, 38px 0;
	}
	100% {
	  box-shadow: -38px 0 , -14px 0, 14px 0 , 38px -12px;
	}
  }
  
  



#loading{
	float:left;
	display:block;
	width:565px;
	text-align: center;
	height:47px;
	font-size: 16px;
	font-weight: 500;
	color:#5cb85c;
	padding:0;
	margin: 10px auto;
}

#success{
	float:left;
	display:block;
	width:545px;
	text-align: center;
	height:20px;
	font-size: 16px;
	font-weight: 500;
	color:#FFF;
	background-color: #5cb85c;
	padding:10px;
	margin: 10px auto;
}

#error{
	float:left;
	display:block;
	width:545px;
	text-align: center;
	height:20px;
	font-size: 16px;
	font-weight: 500;
	color:#FFF;
	background-color: #900;
	padding:10px;
	margin: 10px auto;
}

#modal-aviso{
	float:left;
	display:none;
	width:565px;
	text-align: center;
	height:20px;
	font-size: 16px;
	font-weight: 500;
	color:#000;
	background-color: #EEE;
	padding:10px 0;
	margin: 10px auto;
}


 /* The Modal (background) */
 .modal-cartao {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* 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 */
  }
  

  
  /* The Close Button */
.modal-cartao .close {
	color: #FFF;
	float: right;
	font-size: 28px;
	font-weight: bold;
  }
  
  .modal-cartao .close:hover,
  .modal-cartao .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
  } 

   /* Modal Header */
  .modal-cartao .modal-header {
	padding: 2px 16px;
	background-color: #f47e2e;
	color: white;
  }

  .modal-cartao .modal-header h2{
	text-align:center;
	color:#FFF;
  }
  
  
  /* Modal Body */
  .modal-cartao .modal-body {padding: 2px 16px;}
  
  /* Modal Footer */
  .modal-cartao .modal-footer {
	padding: 2px 16px;
	background-color: #f47e2e;
	color: white;
	position: absolute;
	bottom:0;
	left:0;
	width: 568px;
	border:0;
  }
  
  /* Modal Content */
  .modal-cartao .modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	/*border: 1px solid #888;*/
	width: 600px;
	min-height:470px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	animation-name: animatetop;
	animation-duration: 0.4s;
	margin-top:100px;
  }
  
  /* Add Animation */
  @keyframes animatetop {
	from {top: -300px; opacity: 0}
	to {top: 0; opacity: 1}
  } 

  .lista-bandeiras{
	width:565px;
	padding:0;
	text-align: center;
  }

  .lista-bandeiras li{
	display: inline-block;
	margin:2px 4px;
  }

 
  .lista-bandeiras li [type=radio] { 
	display: none;
  }

  
  /* IMAGE STYLES */
  .lista-bandeiras li [type=radio] + img {
	cursor: pointer;
	padding:6px;
	border:1px solid #CCC;
  }
  
  /* CHECKED STYLES */
  .lista-bandeiras li [type=radio]:checked + img {
	border: 2px solid #f47e2e;
	padding:5px;
  }

  .form-cartao{
	float:left;
	width:190px;
  }

  .form-cartao label{
	float:left;
	width:100%;
	clear: both;
  }

  #cartao-numero{
	font-size: 16px;
	width:150px;
	height:18px;
	padding:6px;
	outline: none;
	margin-top:2px;
	float:left;
  }

  .form-cvv{
	float:left;
	width:70px;
  }

  .form-cvv label{
	float:left;
	width:100%;
	clear: both;
  }

  #cartao-cvv{
	font-size: 16px;
	width:35px;
	height:18px;
	padding:6px;
	outline: none;
	margin-top:2px;
	float:left;
  }

  .form-validade{
	float:left;
	width:90px;
  }

  .form-validade label{
	float:left;
	width:100%;
	clear: both;
  }

  #cartao-validade{
	font-size: 16px;
	width:45px;
	height:18px;
	padding:6px;
	outline: none;
	margin-top:2px;
	float:left;
  }

  .form-parcelas{
	float:left;
	width:214px;
  }

  .form-parcelas label{
	float:left;
	width:100%;
	clear: both;
  }

  #parcelas{
	width:214px;
	outline: none;
	margin-top:2px;
	float:left;
  }

  #label-valor{
	width:164px;
	outline: none;
	margin-top:2px;
	float:left;
	text-align: center;
	font-size: 20px;
	color:#f47e2e;
	font-weight: 600;
	padding: 4px 2px;
  }


  .form-nome-cartao{
	float:left;
	width:294px;
	margin-top:10px;
  }

  .form-nome-cartao label{
	float:left;
	width:100%;
	clear: both;
  }

  #cartao-nome{
	font-size: 16px;
	height:18px;
	width:260px;
	outline: none;
	margin-top:2px;
	float:left;
	padding:6px;
  }

  .form-datanas{
	float:left;
	width:160px;
	margin-top:10px;
  }

  #cartao-datanas label{
	float:left;
	width:100%;
	clear: both;
  }

  #cartao-datanas{
	width:100px;
	outline: none;
	margin-top:2px;
	float:left;
	padding:6px;
	font-size: 16px;
	height:18px;
  }

  .form-cpf{
	float:left;
	width:140px;
	margin-top:10px;
  }

  #cartao-cpf label{
	float:left;
	width:100%;
	clear: both;
  }

  #cartao-cpf{
	width:120px;
	outline: none;
	margin-top:2px;
	float:left;
	padding:6px;
	font-size: 16px;
	height:18px;
  }

  ul.lista-tipo-pessoa{
	float:left;
	width:270px;
	padding:0;
	margin-top:25px;
  }

  ul.lista-tipo-pessoa li{display:inline-block; padding:10px 1px 10px 3px; width:129px; background:#EEE; margin-bottom: 2px;}
  .lista-tipo-pessoa input[type="radio"]{float:left !important; width: unset !important; outline: none;}
  .lista-tipo-pessoa label{float:left !important; margin:0; padding:2px 0 0 0; width:unset}


  .separador{float:left; width:565px; height:1px;}


  button.btn-pagar{clear:both; outline: none; cursor: pointer; border:none; display:inline-block; background:#727175; text-align: center; text-decoration:none; font-size: 16px; font-weight: 600; color:#FFF !important; padding:10px 20px; margin:15px auto}
  button.btn-pagar:hover{background:#f47e2e; color:#FFF; outline: none;}

  .btn-view-history{
	padding:5px 7px 5px 6px; font-weight:bold; text-align:center; text-decoration:none; font-family:tahoma; width:20px; height:20px; background:#5cb85c; color:#fff
  }
  .btn-hide-history{
	padding:5px 9px; font-weight:bold; text-align:center; text-decoration:none; font-family:tahoma; width:20px; height:20px; background:#900; color:#FFF; display:none;
  }

  .log-info{
	overflow:auto; max-height:300px; width:472px; display:none;
  }

  .label-new{margin-top:-2px; padding:2px 5px; width:40px; height:18px; font-size:10px; background:#0000FF; color:#FFF; font-weight: bold;}

  .label-editado{margin-top:-2px; padding:2px 5px; width:40px; height:18px; font-size:10px; background:#FC0; color:#000; font-weight: bold;}

  .label-remove{margin-top:-2px; padding:2px 5px; width:40px; height:18px; font-size:10px; background:#900; color:#FFF; font-weight: bold;}