@font-face {
font-family: "Open Sans";
src: url("open-sans/OpenSans-Regular.ttf");
}
@font-face {
font-family: "Open Sans Fina";
src: url("open-sans/OpenSans-Light.ttf");
}
@font-face {
font-family: "Roboto";
src: url("roboto/Roboto-Regular.ttf");
}
@font-face {
font-family: "Roboto Fina";
src: url("roboto/Roboto-Thin.ttf");
}
html, body{
	margin:0;
	padding:0;
	background:#fff;
	font-family:"Open Sans";
	height:100%;
}
*{
	margin:0px;
	padding:0px;
	}
a{
transition-property: color;
transition-duration: 0.3s;
transition-timing-function: linear;
ransition-delay: 0.1s;
text-decoration:none;
}
a:hover{
transition-property: color;
transition-duration: 0.3s;
transition-timing-function: linear;
ransition-delay: 0.1s;
text-decoration:none;
}

/* Inicio Efeito Formulário Janela Box Escura*/
.box-dialog {
font-size:14px !important;
}
.box-dialog a {color:#fff !important; text-decoration:none !important; font-size:14px !important; height:auto !important; width:auto !important; float:right !important;}
.box-dialog a:hover {color:#000 !important; text-decoration:none !important;}
.mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color: rgba(153, 153, 153, 0.1) !important;
  display:none;
}
.boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
.boxes .box-dialog {
  width:375px; 
  height:203px;
}
.d-login input{
width: auto !important;
height: auto !important;
background: #7996C0 !important;
color: #fff !important;
float: left !important;
padding: 7px 10px !important;
border: solid 0px #25426C !important;
border-radius: 1px !important;
margin: 0px !important;
font-size: 9px !important;
text-transform: uppercase;
text-align: center !important;
}
.close2{display:block; text-align:right;}

/* Fim Efeito Formulário Janela Box Escura*/
		
.band a{
	text-decoration:none;
	color:#000;
	}
.band a:focus,.band a:hover{color:#ccc;text-decoration:none;}	
		
.band{
	width:100%; height:auto;
	float:left;		
	}
.central {
	max-width: 1366px;
	margin:0 auto;         
	text-align:left; /* "remédio" para o hack do IE */
}

body img{
border:none;
max-width:100%; max-height:100%;
}
.line_logo{
	width:96%; height:auto;
	float:left;
	background:#F1F1F1;
	padding:0px 2%;
	}
.logo{
	width:15%; height:40px;
	float:left;
	padding:10px 0px;
	}
.msg_topo{
	width:45%; height:60px;
	float:left;
	}
.bem_vindo{
	width:auto; height:60px;
	font-size:12px;
	text-align:right;
	float:right;
	}
.login{
	width:auto; height:40px;
	font-size:12px;
	text-align:right;
	float:right;
	padding:10px 0px 10px 10px;
	}	
.vertical{
	vertical-align:middle;
	display:table-cell;
	height:inherit;
	}	
.bem_vindo span{
	width:100%; height:auto;
	float:left;
	}					
.line_menu{
	width:100%; height:auto;
	float:left;
	background:#25426C;
	}
.line_cabecalho{
	width:96%; height:auto;
	float:left;
	padding:0px 2% 3%;
	background:#fff;
	font-size:10px;
	text-transform:uppercase;
	border-bottom:solid 1px #CCC;
	}
.tit_table{
	width:100%; height:auto;
	float:left;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	color:#25426C;
	padding:1% 0px;
	}
.linha_ferramentas{
	width:100%; height:auto;
	float:left;
	text-align:center;
	text-transform:uppercase;
	padding:0.4% 0px;
	border:solid 1px #cdcdcd;
	border-radius:1px;
	}
.busca_avancada{
	width:100% !important;
	}
.busca_avancada input[type="text"]{
	width:30% !important;
	margin-right:1% !important;
	margin-bottom:10px !important;
	padding:0 1% !important; 
	}
.busca_avancada select[size]{
	width:32% !important;
	margin-right:1% !important;
	margin-bottom:10px !important;
	padding:0 1% !important;
	}		
.tit_busca_avancada{
	width:100%; height:auto;
	float:left;
	font-size:12px; padding-top:5px;
	font-weight:900;
	}	
.box_busca{
	width:50%; height:auto;
	float:left;
	text-align:left;
	padding-left:7px;
	}
.box_busca input[type="text"]{
	width:33%; height:24px;
	border:0px;
	background:#eee;
	padding:0px 2%;
	float:left;
	margin-right:0.5%;
	}
.box_busca select[size]{
	width:33%; height:24px !important;
	border:0px;
	background:#eee;
	padding:0px 1%;
	float:left;
	margin-right:1.5%;
	}
	.bt_tools_busca{
	width: 100px; height: auto;
	background: #7996C0;
	color: #fff;
	float: left;
	padding: 5px 0px;
	border: solid 0px #25426C;
	border-radius: 1px;
	margin: 0px;
	font-size: 9px;
	text-align: center;
	}
	#btEnviaLote{
	width: auto !important; height: auto !important;
	background: #7996C0 !important;
	background-image:none !important;
	color: #fff !important;
	float: left !important;
	padding: 5px 4px !important;
	border: solid 0px #25426C !important;
	border-radius: 1px !important;
	margin: 0px !important;
	font-size: 9px !important;
	text-transform:uppercase;
	text-align: center !important;
	}
	#btEnviaLote:hover{
	background: #25426C !important;
	}
	.bt_tools_busca:hover{
	background: #25426C;
	}
	.bt_item_lista{
	width: 100px; height: auto;
	background: #7996C0;
	color: #fff;
	float: left;
	padding: 5px 0px;
	border: solid 0px #25426C;
	border-radius: 1px;
	margin: 0px;
	font-size: 9px;
	text-align: center;
	}
	.bt_item_lista:hover{
	background: #25426C;
	}
	.bt_item_lista a{
		color:#FFF;
		}
	tr td .bt_item_lista a{
		color:#FFF !important;
		}	
	.bt_item_lista a:hover{
		color:#FFF !important;
		}
	tr td:hover .bt_item_lista a{
		color:#FFF !important;
		}						
.box_busca input[type="submit"]{
	width:22px; height:22px;
	background:url(../layout/search_icon.png); background-repeat:no-repeat;
	border:0px;
	padding:0px;
	margin:0px;
	}	
.tools{
	width:auto; height:auto;
	float:right;
	padding:0.2% 7px;
	border:solid 1px #cdcdcd;
	border-radius:1px;
	margin:0px 5px;
	font-size:9px;
	}		
.band .tools:hover{
	background:#7996C0;
	color:#FFF !important;
	border:solid 1px #25426C;
	border-radius:1px;
	}
.band .tools:hover a{
	color:#FFF !important;
	padding:3px 0px;
	}	
.tools a:hover{
	color:#FFF;
	}		
.band .editar{
	width:100%; height:auto;
	background:#7996C0;
	color:#fff;
	float:right;
	padding:5px 0px;
	border:solid 0px #25426C;
	border-radius:1px;
	margin:0px;
	font-size:9px;
	text-align:center;
	}

.band .editar:hover{
	color:#fff !important;
	background:#25426C;
	border:solid 0px #cdcdcd;
	border-radius:1px;
	}	
.band .editar:hover a{
	color:#FFF !important;
	padding:3px 0px;
	}						
.table_div table{
	width:100%; height:auto; 
	}	
.table_div th{
	padding:10px 5px;
	border:solid 1px #25426C;
	text-align:center;
	color:#fff;
	background:#7996C0;
	}
.table_div th a{
	color:#fff;
	}	
.table_div td{
	padding:5px 3px;
	border-left:solid 0.5px #dcdcdc;
	border-right:solid 0.5px #dcdcdc;
	border-bottom:solid 0.5px #cdcdcd;
}
.table_div td.td_update{
	padding:0px !important;
	border-bottom:solid 0px #cdcdcd !important;
}
.table_div td a{
	width:100%; height:100%;
	float:left;
	}

.table_div table tr:hover{
	background:#eee;
	color:#25426C;
	}
.table_div table tr th a{
	color:#25426C;
	}
.table_div table tr th:hover a{
	color:#fff;
	}	

/*inicio paginação*/
#paginacao{
width:100%; height:2%;
float:left;
padding-top:0.5%; padding-bottom:1%;
margin-top:1px;
background-color:#f1f1f1;
color:#25426C;
font-size:10px;
text-align:center;
}
#paginacao a{
color:#25426C;
text-decoration:none;
padding-left:2px; padding-right:2px;
}
#paginacao a:hover{
color:#7996C0;
text-decoration:none;
padding-left:2px; padding-right:2px;
text-decoration:underline;
}
#total_rg{
width:100%;
height:auto;
float:left;
text-align:center;
padding-bottom:2px;
}
#paginas_rg{
width:100%; height:auto;
float:left;
text-align:center;
padding-bottom:5px;
}
/*fim paginação*/

.box_geral{
	height:100%;
	}
.linha_direitos{
	width:96%; height:20px;
	float:left;
	background:#25426C;
	padding:10px 2%;
	text-align:center;
	color:#FFF;
	font-size:12px;
	position:relative;
	}

.logout{
	width:auto; height:auto;
	background:#fff;
	z-index:1000;
	position:absolute;
	border:solid 1px #CCC;
	right:2%;
	top:60px;
	padding:5px;
	display:none;
	}
.box_face_login{
	width:65px; height:auto;
	float:left;
	background:#eee;
	text-align:center;
	padding:5px;
	}
.box_face_login img{
	max-width:100%; max-height:100%;
	}		
.text_face_login{
	width:auto; height:auto;
	float:left;
	color:#444;
	text-align:left;
	padding:0px 5px;
	font-size:11.5px;
	}
.nome_login,.email_login,.dados_login,{
	width:100%; height:auto;
	float:left;
	}
.nome_login{
	font-weight:bold;
	}	
.email_login{
	color:#7996C0;
	}
.dados_login{
	margin-top:5px;
	}	
.dados_login a{
	color:#25426C;
	font-weight:bold;
	}
.dados_login a:hover{
	color:#7996C0;
	}					
.link_face_login{
	width:100%; height:auto;
	float:left;
	margin-top:3px;
	}
.link_face_login a{
	padding:5px 10px;
	background:#7996C0;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	transition-property: background;
	transition-duration: 0.3s;
	transition-timing-function: linear;
	ransition-delay: 0.1s;
	}
.link_face_login a:hover{
	background:#25426C;
	color:#fff;
	transition-property: background;
	transition-duration: 0.3s;
	transition-timing-function: linear;
	ransition-delay: 0.1s;
	}
			
			
.page{
    margin: 0;
    height: 67%;
	float:left;
}
.rolagem{
    overflow: scroll; overflow-x:hidden;
    height:80%;
	float:left;
    /*-webkit-overflow-scrolling: touch;*/    
}
.rolagem p{
	width:100%; height:auto;
	float:left;
	padding:10px 0 10px 0;
}
.rolagem p.mgsvazio{
	padding:40px 0 10px 0;
}							

.table_div{
	width:100%;	
	}
						
							
							
/* INICIO PAGINA DE DETALHES PEDIDO */
.table_div legend{
	width:100%; height:auto;
	float:left;
	padding:5px 0px;
	border:solid 1px #25426C;
	text-align:center;
	color:#fff;
	background:#7996C0;
	font-size:12px;
	margin-top:1px;
	}
.band_form{
	height:auto;
	float:left;
	margin-bottom:20px;
	}
	
.x4{
	width:24%;
	padding:0px 0.90% 0px 0px;
	}	
.x3{
	width:32.33%;
	padding:0px 1% 0px 0px;
	}
.x2{
	width:48.5%;
	padding:0px 1.5% 0px 0px;
	}
.x1{
	width:98.8%;
	padding:0px 1.2% 0px 0px;
	}
.alerta{
	font-size:12px;
	color:#e71717;
	font-weight:bold;
	}
.msg_alerta{
	font-size:11px;
	color:#000;
	margin-bottom:4px;
	}														
.band_form span{
	width:100%; height:auto;
	float:left;
	}
tr:hover .band_form input, tr:hover .band_form select{
	background:#f9f9f9 !important;
	}	
.band_form input{
	width:98%; height:24px;
	float:left;
	padding:0px 1%;
	border:0px;
	color:#333;
	background:#E8E8E8;
	border-radius:1px;
	font-size:12px;
	}
.band_form textarea{
	width:98%; height:auto;
	float:left;
	padding:0px 1%;
	border:0px;
	color:#333;
	background:#E8E8E8;
	border-radius:1px;
	font-size:12px;
	}	
.band_form select[size]{
	width:98%; height:24px !important;
	float:left;
	padding:0px 1%;
	border:0px;
	color:#333;
	background:#E8E8E8;
	border-radius:1px;
	font-size:12px;
	}
.rolagem input, .rolagem select{
	text-transform:uppercase;
	}	
.band_form input.bt_envia{
width:auto; height:28px;
font-size:14px;
text-transform:uppercase;
background-color:#25426C;
color:#FFF;
padding:0px;
border:0px;
border-radius:2px;
padding:4px 5px;
}
.band_form button.bt_envia{
width:auto; height:28px;
font-size:14px;
text-transform:uppercase;
background-color:#25426C;
color:#FFF;
padding:0px;
border:0px;
border-radius:2px;
padding:4px 5px;
}
.printExibir{
	display:none;
	}										
							

/* Cadastro item jquery */
.set_item{
	width:99%;
	margin-bottom:3px !important; margin-top:3px;
	}
.msg_cad{
	width:100%; height:auto;
	float:left;
	text-transform:uppercase;
	border:0px;
	margin:2px 0px;
	display:none;
	}
table.table_det_pedido th{
	background:#666 !important;
	}
table .tit_table_item th{
	padding-top:0px; padding-bottom:0px;
	}
table .tit_table_item td{
	background:#fff;
	}
table .tit_table_item td input, table .tit_table_item td selec{
	font-size:10px !important;
	}					
.band .atualizaItem{
	width:100%; height:auto;
	background:#25426C;
	color:#fff;
	float:right;
	padding:5px 4px;
	border:solid 0px #25426C;
	border-radius:1px;
	margin:0px;
	text-align:center;
	text-transform:uppercase;
	}	
.band .atualizaItem:hover{
	color:#fff !important;
	background:#7996C0;
	border:solid 0px #cdcdcd;
	border-radius:1px;
	}			
.band input.radio{
	width:25px; height:15px;
	line-height:15px;
	padding:0px;
	margin:0px;	
	}							
							
.msg_tit_capa{
	width:100%; height:auto;
	float:left;
	font-size:20px;
	padding:150px 0 0 0;
	color:#999;	
	}
.nome_empresa{
	padding-top:40px !important;
	}
.carrega_mais{
	width:auto; height:auto;
	display:inline-block;
	padding:6px 5px;
	text-transform:uppercase;
	font-size:14px;
	background: #7996c0;
	color:#fff;
	display: inline-block;
	border-radius: 1px;
	}
.carregando{
	background:none !important;
	color:#000;
	}	
.centrar_bt{
	width:100%; height:auto;
	float: left;
	text-align: center;
	margin: 15px 0 0 0;
	}	
@media screen and (max-width: 800px) {
	.msg_topo{
	width:25%;
	}
	.rolagem{
    overflow: scroll !important; overflow-x:display;
	height:70%;
}
.msg_tit_capa{
	padding-top:100px;
	}
.nome_empresa{
	padding-top:20px !important;
	}	
}
@media screen and (max-width: 600px) {
	.msg_topo{
	width:25%;
	}
	.rolagem{
    overflow: scroll !important; overflow-x:display;
	height:60%;
}
.msg_tit_capa{
	padding-top:50px;
	}
.nome_empresa{
	padding-top:10px !important;
	}
.bem_vindo{
	display:none;
	}		
}