@charset "utf-8";
/* Author: Gasco */

body {
	margin:0px;
	padding:0px;
}
h1 {
	color:#510000;
}
#wrapper {
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
}
#header {
	width:100%;
	background-color:#510000;
	height:50px;
	padding-top:20px;
}
#header #div_logo .logo {
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	color:#FFF;
	font-weight:bold;
	margin-left:85px;
}
#header #div_logo .logo2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	color:#FF6;
	font-weight:normal;
	margin-left:1px;
}
#menu {
	width:100%;
	height:25px;
	background-color:#FFCECE;
	padding-top:0px;
	border-bottom:2px solid #510000
}
#div_menu {
	
}
#sub_menu {
	color:#510000;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
}
#content_wrapper {
	width:100%;
	margin:0 auto;
	height:100%;
}
#sidebar {
	width:255px;
	height:100%;
	float:left;
	background-color:#510000;
}

#side_logo span#side_logo2 {
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	width:100%;
}
#sidebar ul#nav {
	margin:0px;
	padding:0px;
}
#sidebar ul#nav li {
	list-style:none;
	width:100%;
	margin:0px;
	padding:0px;
}
#sidebar ul#nav li a {
	text-decoration:none;
	color:#FFF;
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.9em;
	display:block;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:20px;
	border-bottom:1px solid #1C0000;
	transition:ease-out 0.2s;
	-moz-transition:ease-out 0.2s;
	-ms-transition:ease-out 0.2s;
	-o-transition:ease-out 0.2s;
	-webkit-transition:ease-out 0.2s;
}
#sidebar ul#nav li a:hover {
	color:#FF9;
	padding-left:90px;
	background-color:#300;
}
#content_wrapper #content {
	width:auto;
	height:100%;
	margin-left:255px;
	background-color:#FFF2F2;
	padding:15px;
}
#content .info_wrapper {
	margin-top:15px;
	box-shadow:0px 0px 7px #666666;
}
#content .info_wrapper .info_header {
	color:#FFF;
	font-weight:bold;
	padding:4px;
	background-color:#53A6D8;
}
#content .info_wrapper .info_message {
	padding:4px;
	background-color:#FFF;
}
#form1 ul:nth-child(1){
	position: sticky;
	top: 0px;
	z-index: 100;
}
.tb {
	border-radius:5px;
	border-collapse:collapse;
	box-shadow:0px 0px 3px #6F6F6F;
}
.tb-grid {
	border-radius:2px;
	border-collapse:collapse;
	box-shadow:0px 0px 2px #B8B8B8;
	margin-bottom:50px;
}
#preview {
	border-radius:5px;
	border-collapse:collapse;
	background-color:#FFF;
	box-shadow:0px 0px 2px #B8B8B8;
}
#preview3 {
	border-radius:5px;
	border-collapse:collapse;
	background-color:#FFF;
	box-shadow:0px 0px 2px #B8B8B8;
}
.grd-stock {
	color:#FFF;
	font-size:1.0em;
	background-color:#F56954;
	padding:10px;
}
#response {
	color:#FFFFFF;
	background-color:#337AB7;
	padding:10px;
	border-radius:4px;
	box-shadow:0px 0px 2px #BCBCBC;
	font-size:16px;
	text-align:center;
	position:absolute;
	right:15px;
	bottom:100px;
	width:400px;
	z-index:9999;
	display:none;
}
#response2 {
	color:#FFFFFF;
	background-color:#337AB7;
	padding:10px;
	border-radius:4px;
	box-shadow:0px 0px 2px #BCBCBC;
	font-size:16px;
	text-align:center;
	position:absolute;
	right:15px;
	bottom:100px;
	width:400px;
	z-index:9999;
	display:none;
}
#link2 {
	color:#09C;
	text-decoration:none;
}
#tr1 {
	background-color:#DDE2E8;
}
#tr2 {
	background-color:#EFF1F4;
}
#tr1:hover {
	background-color:#ADB9C7;
}
#tr2:hover {
	background-color:#ADB9C7;
}
#imgadd {
	float:right;
}
#title_head {
	font-size:22px;
	font-weight:bolder;
}
#head_title {
	padding-bottom:20px;
}
#client_date {
	padding-bottom:30px;
}
#cname {
	float:left;
	margin-left:20px;
}
#cdate {
	float:right;
	margin-right:20px;
}
#approve {
	float:right;
	padding:20px;
}
#paidby {
	margin-right:20px;
}

.login {
	width:150px;
	height:40px;
	color:#FFF;
	font-size:1.0em;
	background:linear-gradient(#FFAEAE,#510000,#300);
	-moz-background:linear-gradient(#FFAEAE,#510000,#300);
	-ms-background:linear-gradient(#FFAEAE,#510000,#300);
	-o-background:linear-gradient(#FFAEAE,#510000,#300);
	-webkit-background:linear-gradient(#FFAEAE,#510000,#300);
	margin-left:30px;
}
.login:hover {
	border:1px solid #000;
}
.logout {
	color:#FF9;
	float:right;
	margin-right:20px;
	text-decoration:none;
}
.emp {
	color:#FFF;
	float:right;
	margin-right:50px;
}
#logo3 {
	position:absolute;
	top:5px;
	left:5px;
	float:left;
}
preview3 {
	margin-bottom:50px;
}
.mbtn {
	padding-left: 40px;
	padding-right: 40px;
}
.t tr td {
	padding: 3px;
}
@media only screen and (max-width: 320px){
	#sidebar {
		width:100%;
		height:auto;
	}
	#side_logo {
		width:100%;
		padding-left:15px;
	}
	#content_wrapper #content {
		margin-left:0px;
	}
	#sideMenu {
		height:auto;
	}
}