* {
	margin: 0;
	padding: 0;
}
body{
	font: 100%/1.4 Arial, Gotham, Helvetica Neue, Helvetica, Open Sans,  Helvetica;
	box-sizing: border-box;
	background-color: #eee;
}
a {
	text-decoration:none;
	color:#000;	
}
a:hover {
	text-decoration:underline;
}
/* Página de Login */
.login, .busca{
	box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2);
	border-radius:4px;
	width: 100%;
	max-width: 320px;
	margin: 20% auto 0;
}
.login .header, .busca .header{
	background-color:#D2D8ED;
	border-radius:4px 4px 0 0;
}
.login .header img, .busca .header img{
	width: 100%;
	padding: 20px 10px;
}
.login .dados, .busca .dados{
	background-color:#fff;
	border-radius:0 0 4px 4px;
	padding: 20px 10px;
}
.login input, .busca input{
	border: 1px solid #ccc;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) inset;
	border-radius:4px;
	margin:5px 15px;
	height: 3em;
	width: 90%;
}
#user {
    background-image: url(../img/user.png);
	background-position: 10px 45%;
    background-repeat: no-repeat;
    text-indent: 40px;
}
#pass {
    background-image: url(../img/pass.png);
	background-position: 10px 50%;
    background-repeat: no-repeat;
    text-indent: 40px;
}
/* Cabeçalho Principal */
.header{
	background-color: #1AAB2A;
	width: 100%;
}
.header h2{
	font-family: "Lucida Sans Unicode", Lucida Grande, Lucida Sans, DejaVu Sans, Verdana;
	color:#fff;
	padding-top:6px;
	text-align:center;
}
#logo{
	max-width: 120px;
	margin: 0 auto;
}
#logo img{
	width: 100%;
	margin: 5px 0;
	background-color: #fff; 
	border-radius: 10px; 
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
/* Menu de filtro */
.menu-btn{
	display: inline-block;
	cursor: pointer;
	background-color: #1AAB2A;
	margin: 10px;
    border-radius: 4px;
    padding: 7px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
	position: absolute;
    z-index: 1;
}
.bar1, .bar2, .bar3 {
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background-color: #fff;
	margin: 5px 0;
	transition: 0.4s;
}
.close .bar1 {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	transform: rotate(-45deg) translate(-5px, 5px);
}
.close .bar2 {opacity: 0;}
.close .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-5px, -6px);
}
.filter{
	display: none;
	position:absolute;
	float: left;
    width: 75%;
	max-width: 320px;
	max-height: 450px;
	overflow-y:auto;
    background: #fff;
    padding: 60px 10px 10px 10px;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.3);
}
#add-btn{
	position:absolute; 
	right:0; 
	top:0; 
	padding:10px;
}
#add-btn a:hover{
	text-decoration:none;
}
.contato label{
	width: 100%;
	float:left;
	margin-right:5px;
	font-size: 100%;
    color: #aaa;
}
.contato input, textarea, button{
	width: 90%;
	border:1px solid #ccc;
	margin:0 8px 10px 0;
	padding-left:5px;
	font-size:100%;
	min-height:1.6em;
	float:left;
}
select {
	width:92%;
	padding:4px;
	margin:0 8px 10px 0;
}
#enviar, #cancelar, #info, button{
	background-color: #1AAB2A;
	color:white;
	border:none;
	font-family: "Lucida Sans Unicode", Lucida Grande, Lucida Sans, DejaVu Sans, Verdana;
    border-radius: 4px;
    padding: 7px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    transition-duration: 0.4s;
}
#enviar:hover, #cancelar:hover,
#info:hover{
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	text-decoration:none;
}
#ins_modelo input, #ins_modelo textarea{
	width: 99%;
}
.half-width{
	float: left;
	width: 47.4%;
}
.status{
	padding:10px;
	line-height:2.2em;
}
.status label{
	margin: -5px 5px;
    float: left;
}
.status input{
	width:30px;
	float:left;
	min-height:1.8em;
}
.content{
	background-color:#fff;
	width:95%;
	padding:3px;
	margin:60px auto 0;
}
/*Tabela de produtos*/
.table{
	display: table;
	width: 100%;
}
.body{
	display: table-row-group;
}
.heading{
	display: table-header-group;
	font-weight: bold;
}
.row{
	display: table-row;
}
.cell, .head{
	display: table-cell;
	vertical-align:middle;
	text-align: center;
	padding: 0 3px;
	line-height:1.8em;
}
.merged{
	height:50%;
	width:50%;
}
.head{
	border-bottom: 2px solid #000;
}
.mobile-on{
	min-width:100px;
}
.mobile-off{
	display:none;
}
.cod{
	color:#000046;
	font-size:large;
	font-weight:bold;
	text-decoration:underline;
}
.info_produto div{
	text-align: left;
}
.flag{
	position:relative;
	top: 4px;
	margin-right:5px
}
/* Tablet Styles */
@media only screen and (min-width: 769px){

}

/* Desktop Styles */
@media only screen and (min-width: 1024px) {
	.login, .busca{
		margin: 150px auto 0;
	}
	.login .dados{
		padding: 20px;
	}
	.menu-btn{
		display:none;
	}
	.filter{
		display: block;
		width: 17%;
		max-width: 250px;
		/*height: 750px;*/
		max-height: none;
		position: relative;
	}
	#add-btn{
		left: 0;
	}
	#ins_produto div, #edit_produto div{
		float: left;
		min-width: 120px;
		width: 33%;
	}

	.status input{
		width:20px;
	}
	.content{
		float: left;
		width: 81%;
		font-size: 85%;
		margin: 5px;
		max-height: 84vh;
		overflow: auto;
	}
	.mobile-off{
		display:table-cell;
	}
	.delete-btn{
		width:16px;
		height:16px;
		background-image:url(../img/del_1.png);
	}
	.delete-btn:hover{
		background-image:url(../img/del_2.png);
	}
	.cod{
		display:none;
	}
}