body{

		font-size: 14px;
		background:	#ecf0f5;
		margin :0px;
		text-align:center;
		font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
		
	}

	table{
background:#fff;

		color: #fff;
		border-radius: 3px;
	}
	table tr th{
		background:	#0059b75e;
		padding :2px;
		color:#000;
		max-width:450px;
		height: 25px;
		opacity: 0.75;
		font-size: 13px;
		text-transform: uppercase;
	}
	table tr{


	}
	tr:nth-child(even) {
		background-color: #f7f7f7;
	}
	option:nth-child(even) {
	  /* background-color: #f7f7f7; */
	}
	table td{

		max-width:450px;

	}
		table td a{
		
		border-radius: 3px;
	}
	table tr td input{
		height:20px;
		border-radius: 3px;
		
		margin-bottom:5px;
	}
	table tr td input[type=text]:focus {
  border-color:  #65a6eb;
}
	table tr td textarea{

		 max-height:350px;
		 min-height:33px;
		 height:auto;
		 overflow: visible;		 
		background:	#f7fff5;
		border-radius: 3px;
		border: 1px solid #bbb;
		margin-bottom:5px;
	}
	table tr td select,th select{
		background:	#f0f5fb;
		width:auto;
		border-radius: 3px;
		color:#444444b3;
		height: 30px;
		border: 1px solid #bbb;
		margin-bottom:5px;
	}
	input{
		height:25px;
		
		color:#444444b3;
		margin:1px;
		border-radius: 3px;
		border: 1px solid #bbb;
		margin-bottom:5px;
	}

	input[type=radio]{
		font-size:12px;
		width:auto;
	}
input[type=text]:focus {
  border-color:  #65a6eb;
}
	
	form{
		float:none;
		margin:auto;
		width:100%;
	}
	.selected {
		color:red;
	}
	::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #aaa; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #888; 
}
	::placeholder {
  color: #abaaaab3;
  opacity: 1; /* Firefox */
}
	.rightmenu{
		width:100%;
		background:#67676b;
		border: 2px solid #0054ab73;
		
		
	}
	.rightmenu ul{
		list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	}
	.rightmenu ul li{
		float: right;
	}
	.rightmenu a{
		 display: block;
		text-align: center;
		text-decoration: none;
		font-size:22px;
		background:#0054ab73;
		padding-right:15px;
	}
	
	.rightmenu ul li a:visited {
    color: #fff;
	
	}
	.rightmenu ul li a:link {
    color: #fff;
    text-decoration: none;
	border-right: 2px solid #fff;
	}
	.rightmenu ul li a:hover {
    color: #fff;
	font-size:22px;
	background:#7c4440ab;
	}
	.footer{
	
		width:84%;
		bottom: 0px;
		margin-right:14%;
		margin-top:10%;
		float:left;
		position: fixed;
		
	}
	.footer  p{
				padding: 0 15px;
		text-align:center;
		color:#fff;

	}


		.mainprint {
	margin:auto;
	
	}
	.select_cus {
		margin:5px;
		padding:5px;
		background:#33b7b1;
		border: 2px solid #0054ab73;
		color:#444;
		text-align:center;
		width:100%;
		float:none;
	}
	.add_cost {
		background:#daf5f9;
		margin:10px 0PX;
		padding:0px;
		text-align:center;
		float:none;
		width:100%;
		border:2px solid #479ef973;
		
	}
	.add_cost tr td:hover{
		cursor: pointer;
		background:#daf5f9;
	}
	.add_cost tr td{
		color:#444;
		width:auto;
		background:	#f9e3da;
		text-align:right;

	}
	.add_cost tr th{
		color:#444;
		width:auto;
		background:	#0054ab73;
		
	}
	.cost {

		text-align:center;
		float:none;
		width:100%;
		
	}
	
	.cost tr td{
		color:#444;
		width:auto;
		text-align:right;
	}
		.cost tr th{
		color:#000;
		width:auto;
		background: #94cecf;
	}
	.cost td select, th select{
		max-width:auto;
		
	}
		.cost div {
		    float:right;
		    margin-left:10px;
		}
	.user_form {
		background:#0054ab73;
		margin:5px;
		padding:5px;
		text-align:center;
		float:none;
		width:100%;
	}
	

	.user_form input{

		direction:ltr;
	}
		.bills {
		
		margin:5px;
		float:right;
		width:45%;
	}
	
	.bills tr td{
		color:#444;
		width:auto;
		
		
	}
		.bills tr th{
		
		width:auto;
		font-size:16px;
		
	}
			.bills_closed {
		
		margin:5px;
		text-align:center;
		float:right;
		width:45%;
	}
	
	.bills_closed tr td{
		color:#444;
		width:auto;
		
		
	}
		
		.bills_closed tr th{
		color:#444;
		width:auto;
		background:	#daf5f9;
		font-size:16px;
		
	}
		.maincontent input{
		height:20px; 
		background:	#f7fff5;
		border-radius: 3px;
	}
	.maincontent input[type=submit]{

  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
  background:#65a6eb;
  height: 30px;
		} 	
	.maincontent input[type=submit]:hover{		
	background-color:#4b79ab;
	border-color : #4b79ab;	
	}

	
	.list_order {
		margin: 10px auto;
		color:#444;
		text-align:right;
		width:100%;
		float:none;

	
	}
	.list_order tr:nth-child(even) {
  background-color: #f7f7f7;
}
	.list_order div{
		float:right;
		margin-left:5px;
	}
	.list_order input,textarea{
		max-width:180px;
	}
	.list_order tr{
		margin:5px;
		padding:5px;
		
		
	}
	.list_order tr td{
		padding:3px;
		font-size:16px;
		
	}
	.list_order tr td select{
		background:	#f0f5fb;
		width:auto;;
		color:#444;
	}

	a{
		text-decoration: none;
		display: block;
		text-align: center;
		
		
	}
	 a:link {
    color: #216778;
    background-color: transparent;
    text-decoration: none;
	padding:5px;
}
a:visited {
    color: #216778;
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: #fff;
	background:#216778;
    text-decoration: none;
}
#print_order {
		background:#fff;
		color:#444;
		text-align:center;
		width:700px;
		margin:auto;
		float:none;
		
	}
	#print_order tr{
		background:#fff;
		border:none;
	}
	#print_order tr td{
		min-width:50px;
		border-bottom:1px solid #c5d1d0;
	}	
	#print_order tr th{
		background:#c5d1d0;
		color:#5a5656;
	}



#show_menu label{
	float:right;
	margin-right:20px;
}
#show_menu b{
	float:left;
}
@media only screen and (min-width: 900px) {
 .sub_menu{
		width:12%;
		float:none;
		margin-right:0px;
		height:100%;
		position: fixed;
		overflow: scroll;
		background: #f7f7f7;
			border-left: 1px solid #e1e1ed;
		margin-top:55px;	
			
	}
	.maincontent {
	width: 85%;
    min-height: 500px;
    float: none;
    margin: 5% 14% 5% 5%;
    max-width: 1140px;
	
	}
	#show_menu{
		width:100%;
		float:left;
		margin:0px;
		padding-top:3px;
		height:50px;
		position: fixed;
		background:#009192;

		
}
#show_menu b, label{
	
	margin-left:20px;
	color:#b8c7ce;
	
	font-size:16px;
	margin-top:10px;
}
.sub_menu div{
	padding:10px 5px;	
	
text-align:right;
	cursor: pointer;
	border-bottom:1px solid #e1e1ed;
	color:#000;
	font-size:14px;
	font-weight:600;
	
	}
	.sub_menu div:hover{
		
		color:#918383;
		
	}
	.sub_menu ul{
		font-size:14px;
		background:#dfdfdf;
    margin: auto;
    padding: 0;
    overflow: hidden;
	width:100%;
	}

	.sub_menu ul li{
		display: block;
		text-align: right;
		text-decoration: none;
		color:#b8c7ce;
		overflow: hidden;
	}
	.sub_menu a{
width:100%; 
font-weight: 600;
padding-right:15px;
text-align:right;

		border-bottom:1px solid #c3c3cf;
	}
	
	.sub_menu ul li a:visited {
    color: #000;
	}
	.sub_menu ul li a:link {
    color: #000;
    text-decoration: none;
	}

	.sub_menu ul li a:hover {
	background:#bfbfbf;
	}
}
/* 
@media only screen and (min-width: 1200px) {
 .sub_menu{
		width:100%;
		float:right;
		height:42px;
		position: fixed;
		overflow: visible;
		background: #39759dd4;
		border: 2px solid #39759dd4;
		
	}
	.sub_menu:hover{
		/* width:12%; */
/*	}
	.sub_menu:hover div{
		font-size:16px;
	}
	.sub_menu:hover ul{
		font-size:16px;
	}
		.maincontent {
	width:95%;
	min-height:500px;
	float:left;
	margin: 3% 3% ;
	}
	#show_menu{
		width:100%;
		float:left;
		margin:0px;
		margin-left:3%;
		padding-top:3px;
		height:35px;
		position: fixed;
		background: #f2f6f7e0;
		/*border-radius: 5px;
		border: 2px solid #39759dd4;*/
/*		bottom:0;
		margin-top:5%;
		
}
#show_menu b, label{
	
	margin-left:20px;
	color:#444;
	
	font-size:20px;
}
	.sub_menu div{
	padding:10px 5px;	
	
	cursor: pointer;
	color:#fff;
	font-size:16px;
	float:right;
	width: 156px;
	border: none;
	min-height:23px;
	}
	.sub_menu div:hover{
		
		color:#444;
		
	}
	.sub_menu ul{
		font-size:16px;
		background-color:#39759dd4;
    margin: auto;
    padding: 0;
    overflow: hidden;
	min-width:130px;
	width:150px;
	float:right;
	margin-top:43px;
	margin-right:-150px;
	display:none;
	}
	/*.sub_menu ul:hover{
		

    margin: auto;
    padding: 0;
    
	width:150px;;
	}*/
/*	.sub_menu ul li{
				 display: block;
		text-align: center;
		margin: 5px 0;
		text-decoration: none;
		color:#fff;
		
		
	}
	.sub_menu a{
width:100%;

	}
	
	.sub_menu ul li a:visited {
    color: #fff;
	}
	.sub_menu ul li a:link {
    color: #fff;
    text-decoration: none;
	}

	.sub_menu ul li a:hover {
    color: #444;
	background:#fff;
	}
} */

	
	#sub_menu_footer{
		width:10%;
		bottom: 0px;
		padding:10px;
		position: fixed;
		cursor: default;
		margin:auto;
		font:25px bold;
	}
	.empty_col{
		width:150px;
		max-width:150px;
	}
	.click_print a:hover{
		color: #fff;
		background:#102928;
	}
	.click_print  a:visited{
		color: #fbcba1;
		font-size:22px;
		background:#444;
	}
	.order_buy{
		color:#fff;
		background:#102928;
	}
	.all_machine_total ul{
		list-style:none;text-align:right;margin:0;
		padding-left:30px;
	}
	.all_machine_total ul li{
		margin:10px 0;
		color:#9a0909;
		
	}

	#list_all_bills {
		margin:10px 0px;
		padding:0px;
		background:#fff;
		color:#444;
		text-align:center;
		border-width: 2px;
		border-color:#b3b3b3ab;
		width:100%;
		border-bottom-color: #00c0ef;
		
	}
	#list_all_bills tr:nth-child(even) {
  background-color: #f7f7f7;
}
	#list_all_bills div{
		float:right;
		margin-left:5px;
	}
	#list_all_bills tr{
		background:#fffffd;
		color:#444;
	}
	#list_all_bills tr td{
		font-size:13px;
		border-width: 0px;
		color:#444;
		
		
	}
	#list_all_bills tr th{

	}


			.notification {
		  background-color: orange;
		  color: orange;
		  text-decoration: none;

		  display: inline-block;
		  
		}
#list_all_bills div {
		    float:right;
		    margin-left:10px;
		}
		.notification:hover {
		
		}

		.notification .badge {
		  padding: 1px 5px;
		  border-radius: 100%;
		  background-color: orange;
		  color: white;
		  font-size : 14px;
		}
/*end of paper alarm notification */
.scroll_div{
  width: 75%;
  max-height: 500px;
  overflow: auto;
  border: 2px solid #0054ab73;
  margin:5px;
  background:#fff;
  padding:5px;
}
.scroll_div table{
}
.list_order_data{
	width:440px;
	border:0;
	color:#444;
	padding:0px;
	margin:0px;
	border:1px solid #0054ab73;
}
.list_order_data tr td{
	font-size:14px;
	font-weight:300;
}
.list_order_data tr th{
	font-size:12px;
	font-weight:600;
	padding:0px;
	margin:0px;
	background:#007bff;
	color:#fff;
}

#click_home_page:hover{
	cursor: pointer;
}
.new_supply_priority_hide{
	display:none;
}

.new_supply_get_size{
	display:none;
}
#login_form{
	text-align:center;
	margin-top:50px;
	margin-right:auto;
	margin-left:auto;
	border:none;
	color:#666;
	
}
#login_form form{

	background-color:#FDF7F2;
}
#login_div {
	color:#5271FF;
}
#login_div span{
	
}
#login_form td{
	margin:10px;
	padding:10px;
	border:none;
}
#login_form input{
	width:100%;
	height:30px;
}
#login_form input[type=radio]{
		font-size:12px;
		width:auto;
	}
#login_form select{
	width:100%;
	height:30px;
}
#login_form input[type=submit]{
	background-color:#03989E;
	color:#fff;
}
#login_form input[type=submit]:hover{		
	background-color:#fff;
	color: #03989E;
	cursor: pointer;	
	}
	.supply_priority{
		width:150px;
	}