html, body {
	background-color: #fff;
	font-size:12px;
	text-transform: uppercase;
}
.backGround_FORMATURA {
	background-color: #632D00!important;
}
.backGround_RECORDACAO {
	background-color: #101010!important;
}
#wrapper {
	padding-left:0;
}
.borda {
	border: 1px solid #cccccc;
	padding:30px;
}
.azul {
	background-color: #d7d8ea;
}
.verde {
	background-color: #99bcc9;
}
.amarelo {
	background-color: #ecebb4;
}
h3 {
	margin-top: 0;
	font-weight: bold;
}
.thumb_adm_gf {
	width: 150px;
	height:150px;
	background-color: #eaeaea;
	margin:5px;
	float:left;
	padding:10px;
	text-align: center;
}
.thumb_adm_gf .imgPadding {

	height: 100px;

}
.thumb_adm_gf img {
	max-width: 100px;
	max-height: 80px;

}
.thumb_adm_gf .actions {
	text-align:right;
}


/*------ Modal Alert ------*/
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
.nav > li > a {
    padding: 15px 10px;
}
.placeholder {
    /* border: 1px solid green; */
    background-color: white;
    /* -webkit-box-shadow: 0px 0px 10px #888;
    -moz-box-shadow: 0px 0px 10px #888;
    box-shadow: 0px 0px 10px #888; */
}
.modal-alert-overlay{
	display: none;
	position: fixed;
	background: rgba(0, 0, 0, 0.55);
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 1120;
}
.menuArgus li:hover {
	background-color: #ffb731;
}

.linkPanel {
	display:block;
	cursor:pointer;
	margin:5px 0 15px 0
}
.linkPanel:hover {
	color: #ffb731;
	text-decoration: underline;
}

.pointer {
	cursor: pointer;
}
.pedido_produtos {
	float:left;
	display: block;
}
.inputQtd {
	width: 35px;
	display: inline-block;
	padding-left: 1px;
	padding-right: 1px;
	text-align:center;

}
.urgente {
	background-color:#f7a9a9;
}
.subtitulo {
	font-weight: normal;
	font-size:15px;
}

  .ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 100px;
  }

  .porOndeAndeiCHKB i {
  	color:#c1c1c1;
  	width: 20px;
  }
  .porOndeAndeiCHKB:hover, .porOndeAndeiCHKB:hover i {
  	color:#ffb731;
  }


  #ModalValidaPassagem .modal-alert {
  	top:25%;
  }
  #ModalValidaPassagem .valida_passagem_div {
  	width: 400px;
  	margin:0 auto;
  	margin-top:15%;
  	background-color: green;
  	height: 400px;
  	border-radius:20px;
  }
  #ModalValidaPassagem .valida_passagem_texto {
  	padding:40px;
  	text-align: center;
  	font-size:20px;
  	font-weight: bold;
  }

  #EncerraPedido .modal-alert {
  	top:25%;
  }
  #EncerraPedido .encerra_pedido_div {
  	width: 400px;
  	margin:0 auto;
  	margin-top:15%;
  	background-color: red;
  	height: 400px;
  	border: 2px solid #fff;
  	border-radius:20px;
  }
  #EncerraPedido .encerra_pedido_texto {
  	padding:40px;
  	text-align: center;
  	color:#fff;
  	font-size:20px;
  	font-weight: bold;
  }

 .registrosAluno p {
 font-size: 12px;
 }

.detalheRegistro_hidden {
	display:none;
}.
.detalheRegistro_show {
	display:block;
}


input, textarea, select {
	text-transform: uppercase;
}

.pedido_encerrado_modal {
	padding: 250px;
	text-align: center;
	color:red;
}

.listEscolaActive {
	color: #fff;
	background-color: #286090!important;
}
.informacaoEscola {
	display: none;
}

.itemProdutoAtivo {
	font-weight: bold;
	color:#1f64de;
}

#codigo::-webkit-inner-spin-button,
#codigo::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#code::-webkit-inner-spin-button,
#code::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.menuAtivoArg {
	background-color: #ffb731!important;
}

.barraTipo {
	background-color: #ccc;
	
}
.backNatal {
	background-color: #106735;
}
.backRecordacao {
	background-color: #F68B1F;
}
.backFormatura {
	background-color: #4695D1;
}
.HOMOLOGACAO_BAR {
	background-color:yellow;
	color:#000;
	width:100%;
	height:2 0px;
	text-align:center;
	position: fixed;
	display:block;
	bottom: 0;
	left: 0;
	z-index: 9000;
	
}
.HeaderTipos {
	padding: 10px;
	width: 100%;
	display: table;
}
.HeaderTipos .imagemHeader, .HeaderTipos .titulo {
	float: left;
}

.HeaderTipos .titulo {
	margin-left:20px;
	color:#fff;
	font-size: 25px;	
	padding-top:10px;
	
}
.HeaderTipos .trocaKind {
	float: right;
	padding-top:5px;
	color:#fff;
	font-size: 20px;
}
.HeaderTipos .trocaKind a {
	margin-right: 10px;
}
.HeaderTipos .trocaKind img {
	width: 35px;
}

.celulaIcones {
    text-align: right;  
    white-space: nowrap;  
    padding-right: 0px;  
}
/* Garante que toda a linha da tabela não quebre */
table tr td {
    white-space: nowrap;
}