@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{box-sizing:border-box;}
body {
  font-family:"open_sansregular", arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  /*background-color: #f4f8fb;*/
  margin:0px;
  padding:0px;
  letter-spacing: 0.5px;
}
img {border:none;}

a{
  font-weight: normal;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #0000AA;
  text-decoration:none;
  outline: none;
}
.main_navi {/* background:url(/DEMOERP/css/professional/images/login/main_navi.png) no-repeat;*/ width:85px; height:41px; float:right; margin:8px 0 0 5px;}
.empl {text-decoration:none; font-size:14px; font-weight:normal; color:#b3c432; font-family:calibri; padding: 0 0 0 15px; margin: 0; }
.empl a {text-decoration:none; padding:20px; font-size:15px; font-weight:normal; text-align: center; color:#fff; background:url(/DEMOERP/css/professional/images/login/emp_portal.png) no-repeat; float: left; }
.empl a:hover{color: #fff; background: #419790; text-decoration: none;}
.empl i{display: block; margin-bottom: 5px;}
.empl span{display: block; float: left;}

.nav-tbl{display:table;width:100%;}
.nav-tbl li.dropdown{display: table-cell;float:none !important; text-align:center;}

.pg-link{width:100%; height:auto; float: left; background-color: #fff; line-height: 26px; padding:5px 15px 5px 5px; box-shadow:0 1px 2px rgba(0,0,0,0.4); z-index: 10;}

/*.breadcrumb{float:left; margin-bottom:0; background-color:transparent; position: relative; font-size: 12px; font-weight: 500; line-height:26px; list-style: none; margin:0; padding:0; padding-right:10px; color: #233322;}
.breadcrumb li{position: relative; display: inline-block;}
.breadcrumb li span{text-decoration: underline; color: #005593;}
.breadcrumb li a{font-size: 12px;}
.breadcrumb li:first-child{padding-left:22px;}
.breadcrumb li:first-child a{color: #233322;}
.breadcrumb li:first-child:before{font-family: 'FontAwesome'; font-size: 18px; width: 23px; height: 23; position: absolute; content: '\f015'; top:0; left:0; color: #333;}
.breadcrumb > li + li:before {
  font-family: 'FontAwesome';
    color: #333;
    content: "\f105";
    padding: 0 5px;
    font-size: 14px;
    font-weight: bold;
}
.breadcrumb > .active > a {
    color: #bd302c; font-weight: 700;
}
.breadcrumb li a:hover{text-decoration: underline;}*/
.breadcrumb{float:left; margin-bottom:0; background-color:transparent; position: relative; font-size: 12px; font-weight: 500; line-height:26px; list-style: none; margin:0; padding:0; padding-right:10px; color: #233322;}
.breadcrumb-arrow {
    height: 20px;
    /*padding:2px;*/
    line-height: 20px;
    list-style: none;
    background-color: #e6e9ed
    margin-bottom:0;
}
.breadcrumb-arrow li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top
}
.breadcrumb-arrow li a i{line-height: 20px; font-size: 16px;}
.breadcrumb-arrow li:not(:first-child) {
    margin-left: -5px
}
.breadcrumb-arrow li+li:before {
    padding: 0;
    content: ""
}
.breadcrumb-arrow li span {
    padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
    height: 20px;
    padding: 0 4px 0 22px;
    line-height: 20px
}
.breadcrumb-arrow li:first-child a {
    padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li span {
    position: relative;
    color: rgba(0,0,0,0.6);
    text-decoration: none;
    /*background-color: #3bafda;
    border: 1px solid #3bafda*/
}
.breadcrumb-arrow li.active a {
    position: relative;
    color: #965184;
    text-decoration: none;
    /*background-color: #238ab0;
    border: 1px solid #238ab0*/
}
.breadcrumb-arrow li:first-child a {
    padding-left: 10px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before, .breadcrumb-arrow li span:before, .breadcrumb-arrow li span:after/*, .breadcrumb-arrow li.active a:after, .breadcrumb-arrow li.active a:before*/ {
    position: absolute;
    top: 5px;
    width: 0;
    height: 0;
    content: '';
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}
.breadcrumb-arrow li a:before, .breadcrumb-arrow li span:before {
    right: -10px;
    z-index: 3;
    border-left-color: #fff;
    border-left-style: solid;
    border-left-width: 5px
}
.breadcrumb-arrow li.active a:before{right: -10px;
    z-index: 3;
    border-left-color:#fff;
    border-left-style: solid;
    border-left-width: 5px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li span:after {
    right: -12px;
    z-index: 2;
    border-left: 5px solid rgba(0,0,0,0.3);
}
.breadcrumb-arrow li.active a:after {
    right: -11px;
    z-index: 2;
    border-left: 5px solid transparent;
}
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
    color: #067a7a;
    text-decoration: underline;
}
/*.breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
    border-left-color: #4fc1e9
}*/
/*.breadcrumb-arrow li a:active {
    background-color: #2494be;
    border: 1px solid #2494be
}*/
.breadcrumb-arrow li.active a:after, .breadcrumb-arrow li.active a:before {
    border-left: 0
}
.breadcrumb-arrow li span {
    color: rgba(0,0,0,0.6)
}
/* for main navigation DropDown*/
#nav_1 {
	/*background:url(/DEMOERP/css/professional/images/login/main_navi.png) no-repeat; background-position:right;*/
	/*width:85px;*/ height:41px; float:right; margin:2px 0 0 0px;
    /*border:3px solid #3e4547;
    box-shadow:2px 2px 8px #000000;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;*/
}
#nav_1, #nav_1 ul {
    list-style:none;
    padding:0;
	margin-right:20px;
    width:90px;
}
#nav_1 ul {
    position:relative;
    z-index:-1;
}
#nav_1 li {
    position:relative;
    z-index:100;
	background:none;
}
#nav_1 ul li {
    margin-top:-23px;
    -moz-transition:  0.4s linear 0.4s;
    -ms-transition: 0.4s linear 0.4s;
    -o-transition: 0.4s linear 0.4s;
    -webkit-transition: 0.4s linear 0.4s;
    transition: 0.4s linear 0.4s;
}
#nav_1 li a {
    background-color:/*#d4d5d8*/;
    color:#000;
    display:block;
    font-size:12px;
    font-weight:bold;
    line-height:28px;
    outline:none;
    padding-left:19px;
    text-decoration:none;
}
#nav_1 li a.sub {
    background:/*#d4d5d8*/ url("../images/down.gif") no-repeat;
}
#nav_1 li a + img {
    cursor:pointer;
    display:none;
    height:40px;
    left:0;
    position:absolute;
    top:0;
    width:200px;
}
#nav_1 li a img {
    border-width:0px;
    height:40px;
    line-height:40px;
    margin-right:8px;
    vertical-align:middle;
    width:84px;
}
#nav_1 li a:hover {
    background-color:/*#bcbdc1*/;
}

.navi {}
.navi a{
margin: 20px 0 0 15px; color:#b3c432; height:15px;
font:normal 14px/53px calibri; padding: 3px 0 0 23px;
	background:url(/DEMOERP/css/professional/images/login/sprite2.png) no-repeat; background-position:center left;
}
.navi a:hover {color:#b3c432;}
.navi1 { float:left; padding:0;}
.navi1 a{
margin:0px; padding:12px 20px; color:#fff;
font:normal 15px calibri; text-align: center; float: left;
	background:url(/DEMOERP/css/professional/images/login/sprite2.png) no-repeat; background-position:bottom left;
}
.navi1 a:hover {color:#fff; text-decoration: none; background: #419790;}
.navi1 i{display: block; margin-bottom: 5px;}
.navi1 span{display: block; float: left;}

.search_y {
width:auto;
padding-top:3px;
font-size:12px;
font-weight:bold;
background-color:#ddd4d4;
background-repeat: repeat-x;
padding-bottom:3px;
text-align:center;
border:#333333 solid 1px;
-moz-border-radius:3px;
/*-moz-box-shadow: 1px 2px 2px -1px #858585;*/
 }

.t_head { font: bold 16px arial; color:#000000; margin:5px 0px;}
.t_head1 { font: bold 12px arial; color:#000000; margin:5px 0px;}	

p{margin: 10px 0;}

table tbody th {
	font-size: 12px;
	font-weight:bold;
	background-color:rgba(188,188,188,0.35);
	color:rgba(0,0,0,0.85);
	/*padding-top:5px; padding-bottom:5px;*/
	text-align: left;
}
#amc-tab{width:100%; height:auto; float: left;}
#amc-tab table{border:none; }
#amc-tab table tr td, #amc-tab table tr th{border-right:#808080 1px solid; border-bottom:#808080 1px solid;}
#amc-tab table tr td:last-child{border-right:0 !important;}
#amc-tab table tr th:last-child{border-right:0;}
#amc-tab table tr:last-child td, #amc-tab table tr:last-child th{border-bottom:0;}
#amc-tab table tr td > table tr td{border-right:#808080 1px solid; border-bottom:#808080 1px solid;}
#amc-tab table tr td > table tr td:last-child{border-right:0;}
#amc-tab table tr td > table tr:last-child td{border-bottom:0;}
#amc-tab table tr:last-child td > table tr td{border-bottom:#808080 1px solid !important;}
#amc-tab table tr:last-child td > table tr:last-child td{border-bottom:0 !important;}

#amc-tab1 table tr td, #amc-tab2 table tr td{border-right:#808080 1px solid !important; border-bottom:#808080 1px solid !important;}
#amc-tab1 table tr td:last-child, #amc-tab2 table tr td:last-child{border-right:0 !important;}
#amc-tab1 table tr:last-child td, #amc-tab2 table tr:last-child td{border-bottom:0 !important;}

/*======heading--------------*/
h3 {
color:#000066;
/*border-bottom:1px groove;*/
padding:0 0 0px 0;}
/*------------------Css Created by raghav-------------input  area==================================*/

.col_230 {width:230px;}
select, option{
/*background:#fdf6eb;*/ /*background:#FFF;*/}

select:focus {
	color: #000;
	/*background: #EFFAE6;*/
	background:#FFF;
	border:#3399ff 1px solid;
}

input[type="text"], input[type="password"] , input[type="email"] {
  display:inline-block;
  width:98%;
  height: 24px;
  padding:2px 3px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #545453;
  background-color: #fff;
  background-image: none;
  border: 1px solid #b0b0b0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type="text"]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
input[type="text"]:-moz-placeholder {
  color: #999;
  opacity: 1;
}
input[type="text"]:-ms-input-placeholder {
  color: #999;
}
input[type="text"]:-webkit-input-placeholder {
  color: #999;
}

textarea{
  display: block;
  width: 98%;
  padding:5px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
textarea:-moz-placeholder {
  color: #999;
  opacity: 1;
}
textarea:-ms-input-placeholder {
  color: #999;
}
textarea:-webkit-input-placeholder {
  color: #999;
}

.pointer { cursor:pointer; background:#ccc;  font-size:12px; padding:0 10px 0 10px; -moz-border-radius:5px; width:50px;}

.col_20 {width:15px; cursor:pointer; padding:5px;}
.font_bold { font-weight:bold;}
.top_blt {
    vertical-align:top;}
#header{
	margin:0px;
	padding:0px;
	display:block;
	top:0; 
	left:0;
	position:fixed; 
	width:100%;
	height:auto;
	z-index: 1;
}

 @media screen{
  body>div#header{
   position:fixed;
  }
  
/* IE 6 */
* html #header {
   position:absolute;
   top:expression((0-(header.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

.dpTbl {
	border: solid navy 1px;
}
div.centre {
  margin: 0 auto;
  text-align:center;
}

/*table detail items default format */
/*td {
	font-size: 12px;
	text-align: left;
}*/

#tab_id tr td{font-size: 14px; line-height: 28px; padding: 0 5px;}
#tab_id tr:nth-of-type(even){background-color: #f4f4f4;}
#tab_id input[type="text"], #tab_id input[type="password"] {
  display:inline-block;
  height: 20px;
  padding:2px 3px;
  margin:4px 0;
  font-size: 12px;
  line-height: 1.42857143;
  color: #545453;
  background-color: #fff;
  background-image: none;
  border: 1px solid #b0b0b0;
  border-radius:2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#tab_id input[type="text"]:focus, #tab_id input[type="password"]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
#tab_id select {
	
	font-size:12px;
	width:150px;
	border-radius:2px;
	height: 26px;
	border:#b0b0b0 1px solid;
	padding: 2px 3px;
	margin:4px 0;
}

.dpTD {
	border: 0;
	width:20px;
	background-color: #EEEEEE;	
	text-align:right;
	cursor:pointer;	
}
.dpDayHighlight {
	border: 0;
	width:20px;
	background-color: yellow;
	text-align:right;
	cursor:pointer;	
}
.dpTDHover {
	border: 0;
	width:20px;
	background-color: #CCCCCC;
	text-align:right;
	cursor:pointer;	
}
td.number {
	text-align: right;
}
.EvenTableRows {
	background-color: #CCCCCC;
}

.OddTableRows {
	background-color: #EEEEEE;
}

#clndr table tr th {
	font-size: 12px;
	font-weight:bold!important;
	background-color:#b2b2b2;
	color: #1e2124;
	text-align: left;
	font-family: arial;
	border-right:#444444 1px solid;
	border-bottom:#444444 1px solid;
}
#clndr table tr th:last-child{border-right:0;}
#clndr table tr td{
	border-right:#444444 1px solid;
	border-bottom:#444444 1px solid;
}
#clndr table tr td:last-child{border-right:0;}
#clndr table tr:last-child td{border-bottom:0;}

.blm th {
	font-size: 13px;
	font-weight:bold!important;
	background-color:#e2e9f1;
	color: #1e2124;
	padding:5px 10px 5px 10px;
	text-align: left;
	border-right: #c8d2de 1px solid;
	border-bottom: #c8d2de 1px solid;

}
.blm th:last-child{border-right:0;}
.blm td{
	border-right: #c8d2de 1px solid;
	border-bottom: #c8d2de 1px solid;
}
.blm td:last-child{border-right:0;}

div.error {
	background-color:#fddbdb;
	color: red;
	border: 1px solid red;
}

div.warn {
	background-color:#f5dbfd;
	color: maroon;
	border: 1px solid maroon;
}

div.success {
	background-color:#b9ecb4;
	color: darkgreen;
	border: 1px solid darkgreen;
}

div.info {
	background-color:#c7ccf6;
	color: navy;
	border: 1px solid navy;
}

input {
	
	font-size: 10px;
}
input.number{
	text-align: right;
}
select {
	
	font-size:12px;
	width:98%;
	border-radius:0px;
	height: 22px;
	border:#b0b0b0 1px solid;
	padding: 2px 3px;
}

@-moz-document url-prefix(){
	select{ height: 24px;}
}
.option{padding: 3px; border-bottom: #333 1px solid;}

input[type="checkbox"],input[type="radio"]{vertical-align: middle; margin-left: 3px; margin-right: 3px; margin-top: -1px;}

#topMenu {
	width: 100%;
	color: black;
	background-color: white;
	border: none;
	border-bottom: 1px solid #999999;	
}

#trim {
	background: "white";
}

#page {
	width: 100%;
	color: black;
	font-size: 10px;
	white-space: nowrap;
	border: none;
	margin:0px;
	padding:0px;
}

#menuImg {
	vertical-align: top;
	text-align: center;
	margin: 0px;
	padding: 10px;
}

#mainMenu {
	width: 100%;
	color: black;
	background-color: white;
	border: none;
	margin: 0px;
	padding: 0px;
}

.header {
	background-image: url("");
	background-repeat: no-repeat;
	background-attachment: fixed;
	border: none;
	margin: 0px;
	padding: 0px;
}

.login {
	background-color: white;
	border: none;
}

.callout_main {
	
	width:100%;
	margin:0px;
	padding:0px;
	background:#fff;
}

.main_page {
	width: 100%;
	margin: 0px;
	padding: 0px;
 	/*font-size: 12px;*/
}

/* Main page heading with quick menu within */
.quick_menu {
	width: 100%;
	/*background:url(../../css/professional/images/login/header_bgn.jpg);
	background-color:#fafafa;*/
	background-color:#fff;
	border:none;
	margin:0px;
	padding:0px;
 	color: black;
	min-height:52px;
	text-align: right;
}



/*The main page heading left part before quick menu */
.quick_menu_left {
	
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	color: black;
}

/*the Select Customer / Item / Supplier Menu tabs */
.quick_menu_tabs {
	/*background-color: white;*/
	white-space: nowrap;
	border: none;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	text-align: left;
	float:right;
}

#setting{
	width:auto; min-height:28px; float: right; position: relative; margin:8px 10px;
	border:#afafaf 0px solid; border-radius:2px;
	/*background: #e6e6e6;*/
/*background: -moz-linear-gradient(top, #70c3f2 0%, #288cc5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c3f2), color-stop(100%,#288cc5)); 
background: -webkit-linear-gradient(top, #70c3f2 0%, #288cc5 100%); 
background: -o-linear-gradient(top, #70c3f2 0%, #288cc5 100%); 
background: -ms-linear-gradient(top, #70c3f2 0%, #288cc5 100%); 
background: linear-gradient(to bottom, #70c3f2 0%, #288cc5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70c3f2', endColorstr='#288cc5',GradientType=0 );  */
	/*background: #e6ecf4;
background: -moz-linear-gradient(top, #f3f7fb 0%, #e6ecf4 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f7fb), color-stop(100%,#e6ecf4)); 
background: -webkit-linear-gradient(top, #f3f7fb 0%, #e6ecf4 100%); 
background: -o-linear-gradient(top, #f3f7fb 0%, #e6ecf4 100%); 
background: -ms-linear-gradient(top, #f3f7fb 0%, #e6ecf4 100%);
background: linear-gradient(to bottom, #f3f7fb 0%, #e6ecf4 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f7fb', endColorstr='#e6ecf4',GradientType=0 ); */
}
#setting .lgut{width:auto; height:auto; float: left; border-right: #d5d5d5 1px solid; text-align: center; font-size: 16px; position: relative; color:#6c7685;}
#setting .lgut .link{font-size:16px; color:#2b2b2b; display: block; padding:5px 10px;}
#setting .lgut .link:hover,#setting .lgut .link:focus{font-size:16px; color:#fff; background: #2d2d2d;}
#setting .lgut:last-child{border-right: 0;}
#setting .quick{width:auto; height:auto; float: left; text-align: center; font-size: 16px; position: relative; color:#6c7685;}
#setting .quick a{font-size:14px; color:#2b2b2b; display: block; padding:5px 10px;}
#setting .quick a:hover, #setting .quick a:active, #setting .quick a:focus, #setting .dropdown-menu a:hover, #setting .dropdown-menu a:focus{color:#fff; background: #2d2d2d; text-decoration: none;}
#setting .dropdown-menu{left:auto; right:-10%; top:98%; font-size: 12px;}
.dropdown-height{max-height:400px; overflow:auto;max-width: 350px;min-width: 340px;}
#setting .dropdown-menu > li > a{padding:6px 20px;}
.open .dropdown-toggle.link, .open .dropdown-toggle.link:focus{color:#fff !important; background: #2d2d2d;}

#setting .dropdown-submenu {
  position: relative;
}

#setting  .dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: -1px;
}

@media screen and (max-width:768px){
  #setting .quick, .mod_search{display:none;}
}
.quick_menu_tab{
	height:25pt;
	margin-right:1px!important;
	padding-left: 5px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right: 5px;
	white-space:nowrap;
}
.quick_menu_tab a{
	text-decoration:none;
	display:block;
	height:15px;
	margin-right:1px!important;
	padding-left:5 px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #838383;
	text-align: center;
	text-decoration:none; 
}
.quick_menu_tab a:hover{
	text-decoration:none;
	display:block;
	height:15px;
	margin-right:1px!important;
	padding-left: 5px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align: right;
	border:1px solid #000000;
	background:#838383;
	color:#ffffff;
}

/*the Select Customer / Item / Supplier Menu tabs */
.system_menu_tabs {
	background-color: white;
	white-space: nowrap;
	border: none;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: center;
}

.system_menu_tabs a {
	font-size: 12px;
   color: black;
}

.system_menu_tabs a:hover {
	font-size: 12px;
	color: black;
}

.main_area {
	width: 100%;
	margin:0px;
	padding:0px;
}
.main_menu {
	margin:0px;
	padding:0px;
background: #2b2b2b;
border-top:#cdcdcd 1px solid; border-bottom:#cdcdcd 1px solid;
}

.main_menu table {
	border: 0px;
	width: 100%;
	margin:0px;
	padding:0px;
}

.main_menu_unselected {
	text-align: center;
	white-space: nowrap;
	cursor:pointer;
	/*border-right:1px solid #084171;*/
	border-left:1px solid #cdcdcd;
	/*background:url(images/unselected.gif) repeat-x bottom;*/
	height:auto;
	color: #fff;
}
.main_menu_unselected a{
	color:#fff;
	text-decoration:none;
	outline-style:none;
	display:block;
	font-size:14px;
	line-height: 34px;
	font-weight:normal;
	font-family:'open_sansregular';
	padding: 0 22px;
}
.main_menu_unselected a:hover {
	text-align: center;
	white-space: nowrap;
	color:#fff!important;
	cursor:pointer;
	text-decoration:none!important;
	outline-style:none;
	/*opacity:0.7;
	filter:alpha(opacity=70);*/
}
.main_menu_unselected:hover {
	/*opacity:0.7;
	filter:alpha(opacity=70);
	background:#2b2b2b;*/
	background: #288cc5;
background: -moz-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42aae5), color-stop(100%,#288cc5)); 
background: -webkit-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: -o-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: -ms-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: linear-gradient(to bottom, #42aae5 0%, #288cc5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#288cc5',GradientType=0 );
}
.main_menu_unselected:hover a{color: #373f49;}

/*.main_menu_unselected a:hover{
	color:#ff0000;
	text-decoration:none!important;
	outline-style:none;
	}*/

.main_menu_selected {
	text-align: center;
	white-space: nowrap;
	color:#fff;
	font-weight:bold!important;
	text-decoration:none;
	/*border-top:2px solid #ff0000;*/
	/*border-bottom:1px solid #3e3939;*/
	font-size:14px!important;
	/*padding:7px 0px 7px 0px;*/
	margin:0px;
	/*border-right:1px solid #084171;*/
	border-left:2px solid #fff;
	/*background:#2b2b2b;
	background: #373f49;*/
	background: #288cc5;
background: -moz-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42aae5), color-stop(100%,#288cc5)); 
background: -webkit-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: -o-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: -ms-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: linear-gradient(to bottom, #42aae5 0%, #288cc5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#288cc5',GradientType=0 );
	position: relative;
	/*background:url(images/highlight_link.gif) repeat-x bottom;*/
}
.main_menu_selected a{
	color:#fff;
	text-decoration:none;
	outline-style:none;
	padding:0px 0px 0px 0px;
	border:none;
	font-size:14px;
	
	letter-spacing:0.6;
	padding: 0 22px;
}
.main_menu_selected a:hover{
	color:#fff!important;
	text-decoration:none!important;
	outline-style:none;
	border:none;
	display:block;
}
.main_menu_selected:after{font-family: 'FontAwesome'; font-size: 20px; content: '\f0d7';  color: #288cc5; position:absolute; bottom:-12px; left:45%; }
.main_menu_selected:before{font-family: 'FontAwesome'; font-size: 21px; content: '\f0d7';  color: #b6b6b6; position:absolute; bottom:-15px; left:45%; }

span.main_menu_nolink {
	
	font-size: 12px;
	font-weight: bold;
	color: #777777;
	text-decoration: none;
	white-space: nowrap;
}

.main_menu a {
	font-weight: normal;
}

.main_menu a:hover {
	color: #0000aa;
	text-decoration: underline;
}

.menu_group_img {
	background-color: #CCCCCC;
	text-align: center;
	width: 90px;
	position: relative;
	left: 3px;
}

.menu_group_img img{
	position: relative;
	top: 10px;
}

.menu_group_area {
 /* border: 2px inset white;*/
}

.blank_area table {
	border: 0px;
	width: 100%;
	margin:0px;
	padding:0px;
}

.menu_group_headers {
 /* border: 2px outset #AAAAAA;*/
  width: 25%;
  background:#d9d9f4;
}

.menu_group_headers_text {
	
	font-size: 12px;
	font-weight: bold;
	color: black;
}

.menu_group_items {
	vertical-align: top;
	background-color: #ffffff;
	/*border: 2px outset #AAAAAA;*/
	padding: 10px;
}
.menu_group_items ul {
	margin:0px 0px 1px 15px; 
	padding:0px;
}
.menu_group_items ul li{
	margin:0px 0px 1px 0px; 
	padding:0px;
	list-style:circle;
	background:#eeeeff;
	color:#000;
}
/*.menu_group_items ul li a{
	margin:0px 0px 0px 0px; 
	padding:0px;
	list-style:circle;
}*/

.menu_group_item {
	/*background-color: white;*/
	/*padding-top: 2px;
	padding-bottom: 2px;*/
}

span.menu_group_nolink {
	
	font-size: 12px;
	font-weight: normal;
	color: #777777;
	text-decoration: none;
}

.menu_group_item a {
}

.menu_group_items a:hover {
	color: #0000aa;
	text-decoration: underline;
}

/*#footer {
	position: relative;
	bottom: -3px;
}*/

.footer {
	
	color: black;
	font-weight: normal;
	font-size: 8px;
	text-align: center;
}
.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: white;
  	background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  color: #006666;
	font-weight: bolder;
	font-size: medium;
}


input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

input.inputerror {
	background-color: #fddbdb;
}

textarea.texterror {
	background-color: #fddbdb;
}

select.selecterror {
	background-color: #fddbdb;
}

.tableheader {
	font-weight: normal;
	background-color: #cccce5;
	color: #330000;
}

.notavailable {
	font-weight:light;
	font-style:italic;
	color:#555555;
}

.label {
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	color:black;
	background-color:#cccccc;
}


.OsRow {
	background-color: #234567;
	color: white;
}

.page_title_text {
        
        padding-top: 2px;
        padding-bottom: 2px;
        font-weight: bold;
        font-size: 12px;
        color: black;
        TEXT-ALIGN:center;
}

DIV.page_help_text {
        BORDER: #a52a2a 1px solid;
        PADDING-LEFT: 3px;
        Z-INDEX: 1;
        width: 50%;
        FLOAT: none;
        VISIBILITY: visible;
        MARGIN: 0 auto;
        POSITION: static;
        background-color: lightgray;
        
        padding-top: 1px;
        padding-bottom: 1px;
        font-weight: normal;
        font-size: 10px;
        color: black;
        TEXT-ALIGN:center;
}


/* CSS Created By DEV Start Here */

.maintable{border:1px solid #999999; margin:0px;
padding:0px;}
.darkrow{background:#CCCCCC;  }
.lightrow{background:#fff;  }
.tablehead{background:#000099;   font-weight:bold; color:#fff; height:20px;}
.tdpadding{padding:0px 10px 0px 10px; margin:0px;}

.wrapper{background:#FFFFFF; margin:0 auto; width:990px; padding:0px;}

.contentmain{
	margin:88px 0px 40px 0px; 
	/*padding:0px 0px 30px 0px; */
	/*border:1px solid #eeeeee; */
	background-color: #fff;
}
.rightpanelmain{
	margin:0px;
	padding:5px;
}
#footerpos{
	margin:0px; 
	padding:0px 0px 0px 0px; 
	display:block;
	bottom:0; 
	position:fixed; 
	text-align:center!important;
	width:100%; 
	height:72px;
	/*background:#3e3939 url(../../css/professional/images/login/footerr.jpg) no-repeat; */
	color:#ffffff!important;
}
#footerr{
	margin:0px; 
	padding:0px; 
	display:block;
	bottom:0; 
	position:fixed; 
	text-align:center!important;
	width:100%; 
	height:36px;
	background: #2d2d2d;
	/*background:#3e3939 url(../../css/professional/images/login/footerr.jpg) repeat-x; */
	color:#ffffff !important;
	/*-webkit-box-shadow:0px 0px 1px rgba(0, 0, 0, 0.8); -moz-box-shadow:0px 0px 1px  rgba(0, 0, 0, 0.8); -o-box-shadow:0px 0px 1px  rgba(0, 0, 0, 0.8); box-shadow:0px 0px 1px  rgba(0, 0, 0, 0.8);*/
}
#footerr td{border-bottom: 0; border-right:0; color:#a9a9a9;}
#footerr td a{color: #fff; font-size: 12px;}

/* IE 6 */
* html #footerpos {
   position:absolute;
   top:expression((0-(footerpos.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

.breadcom{
	margin:0px;
	padding:5px 0px 5px 20px;
	color:#ffffff;
	
	font-size:11px;
	font-weight:normal;
	background:#5c5c5c; 
}
.logo{
	float:left; 
	width:180px; 
	vertical-align:bottom;
	text-align: center;
	/*edited by design*/
	/*background:url(../../css/professional/images/login/logo_bg.png) no-repeat;*/
	height:52px;
}
.cname{
	float:left; 
	width:300px; 
	padding:25px 0px 10px 0px; 
	
	font-weight:bold;
	text-shadow:0px 2px 0px #000000;
	font-size:16px; 
	color:#ffffff;
}
.userappear{
	/*float:left; */
	/*padding:20px 0px 0px 10px; 
	font-size:15px; 
	color:#b0c5ac;	*/
	color:#ffffff;
}
.userappear a{
	text-decoration:none;
	color:#ffffff;
}
.userappear a:hover{
	text-decoration:underline;
	color:#ffffff;
}

.headingbold{
	
	font-size:12px;
	font-weight:bold;
	color:#000;
}

.boldtitlehead{
	background:#f9f9f9;
	font-weight:bold;
	color:#000;
	padding:6px 0px 6px 0px;
}
/* CSS Created By DEV End Here */


/* This css create a pagination */
/* pagination style */
.pagin {
padding: 2px 0;
margin: 0;
font-family: "Verdana", sans-serif;
font-size: 7pt;
font-weight: bold;
}
.pagin * {
padding: 2px 6px;
margin: 0;
}
.pagin a {
border: solid 1px #666666;
background-color: #EFEFEF;
color: #666666;
text-decoration: none;
}
.pagin a:visited {
border: solid 1px #666666;
background-color: #EFEFEF;
color: #60606F;
text-decoration: none;
}
.pagin a:hover, .pagin a:active {
border: solid 1px #CC0000;
background-color: white;
color: #CC0000;
text-decoration: none;
}
.pagin span {
cursor: default;
border: solid 1px #808080;
background-color: #F0F0F0;
color: #B0B0B0;
}
.pagin span.current {
border: solid 1px #666666;
background-color: #666666;
color: white;
}

/* Created css by form here */



.new_tab {
width:100%;
margin-left:auto;
margin-top:10px;
margin-right:auto;
padding:0px;
/*background-color:#FFFFFF;*/
/*border:#666666 solid 1px;*/
-moz-border-radius:6px;
}

.new_tab .inside_tab {
	padding:0px;
	margin-top:2px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:0px;
	height:32px;
	-moz-border-radius:6px;
	/*background-image: url(../../images/tab_1_img.jpg);
	background-repeat: repeat-x;*/
}

.inside_tab ul {
	margin: 0px;
	padding-left: 5px;
	padding-top: 4px;	
	padding-bottom:0px;	
	list-style-type: none;
}

.inside_tab li {
	margin: 0px;
	padding: 0px;
	float: left;
}

.inside_tab ul a {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 5px 8px;
	margin: 0px 1px 0px 0px;
	-moz-border-radius-top-left:5px;	
	-moz-border-radius-top-right:5px;	
	background:#676767;	
    border:#373737 solid 1px;
}

.inside_tab ul a:hover {
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 5px 8px;
	margin: 0px 1px 0px 0px;
	background-color: #fff;
	-moz-border-radius-topleft:5px;	
	-moz-border-radius-topright:5px;
    border:#373737 solid 1px;		
}


.jjrs_tabledata1 {
padding-left:5px;
padding-right:5px;

}


.jjrs_tablehead {
padding-left:5px;
padding-right:5px;

}

#quest, #quest1 {width:auto; padding:5px 10px; background:#fffbda; border:#e9e6cb 1px solid; border-radius:4px; visibility: hidden; position: absolute; font-size: 11px; line-height: 12px; text-align: center; z-index: 10;}
#quest{top:96%; left:-10%; }
#quest1{top:96%; left:0%; }


/* for auto serach suggestion box start -----------*/

#suggest_box{position: relative; width:300px;}
#suggest_box ul{list-style: none; border:#e4e4e4 1px solid; margin: 0; padding:0; background: #fff; position: absolute; top:100%; left:0; display: block; width:100%; z-index: 10; max-height:200px; overflow: auto;}
#suggest_box ul li{padding:6px; border-bottom:#e4e4e4 1px dotted; cursor: pointer;}
a {
	text-decoration: none;
}

.mod_search{width:250px; height:auto; float: right; margin:8px 10px; position: relative;}
.mod_search input[type="text"]{height: auto; padding-top:4px; padding-bottom:4px; padding-right:28px; box-sizing:border-box;}
.mod_search .fa, .mod_search .glyphicon{position: absolute; right:14px; top:5px; color: rgba(0,0,0,0.2); font-size: 16px;}

#loading {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
display: none;
opacity: 0.7;
background-color: #fff;
z-index: 5001;
text-align: center;
}

#loading-image {
position: absolute;
top: 50%;
left: 50%; margin-left:-25px; margin-top:-25px;
z-index: 100;
}


/*#sub-menu{padding-left:15px; padding-right:15px;}*/
#sub-menu h1{font-size: 16px; font-weight: normal; background-color: transparent; border-bottom: 0; line-height:32px; padding-left:0;}
#sub-menu, #another-menu{ background-color:#067a7a; box-shadow: 0 1px 2px rgba(0,0,0,0.4); z-index: 1; width: 100%; float: left; /*border:1px solid transparent; border-color: #067a7a; border-radius:0;*/ /*margin-bottom:15px;*/}
#sub-menu .navbar, #another-menu .navbar{border-radius:0; margin-bottom:0;}
#sub-menu .navbar-default, #another-menu .navbar-default{background-color:transparent; border-color:transparent; border:0;}
#sub-menu .navbar, #another-menu .navbar{min-height:auto;}
#sub-menu .navbar-nav > li > a, #another-menu .navbar-nav > li > a{ padding-top:6px; padding-bottom:6px; color: #fff;}
#sub-menu .navbar-nav > li > a:hover, #sub-menu .navbar-default .navbar-nav > .open > a, #sub-menu .navbar-default .navbar-nav > .open > a:focus, #sub-menu .navbar-default .navbar-nav > .open > a:hover, #another-menu .navbar-default .navbar-nav > .open > a, #another-menu .navbar-default .navbar-nav > .open > a:focus, #another-menu .navbar-default .navbar-nav > .open > a:hover{
  color:#fff; background-color:#965184; /*background-color:#921f24;*/
}
#sub-menu .dropdown-menu > li > a:focus, #sub-menu .dropdown-menu > li > a:hover{background-color: rgba(0,0,0,0.15);}

#sub-menu .dropdown-menu a{word-wrap:pre-wrap; white-space: nowrap; font-size: 13px; line-height: 22px;}

#sub-menu .dropdown-submenu {
    position: relative;
}

#sub-menu .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    /*-moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;*/
    font-size: 13px;
    line-height: 22px;
    padding:10px;
    border-radius:6px;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    min-width: 260px;
}
#sub-menu .dropdown-submenu>.dropdown-menu li{position: relative;}
#sub-menu .dropdown-submenu>.dropdown-menu li:before{position: absolute; left:5px; top:3px; font-family: "FontAwesome"; color: inherit; content:'\f101'; font-size: inherit;}
/*#sub-menu .navbar-nav li:last-child .dropdown-submenu>.dropdown-menu, #sub-menu .navbar-nav li:nth-last-child(2) .dropdown-submenu>.dropdown-menu, #sub-menu .navbar-nav li:nth-last-child(3) .dropdown-submenu>.dropdown-menu, #sub-menu .navbar-nav li:nth-last-child(4) .dropdown-submenu>.dropdown-menu{
  left:auto; right: 100%;
}*/

#sub-menu .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

#sub-menu .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #aeadad;
    margin-top: 5px;
    margin-right: -10px;
}

#sub-menu .dropdown-submenu:hover>a:after {
    border-left-color: rgba(0,0,0,0.9);
}

#sub-menu .dropdown-submenu.pull-left {
    float: none;
}

#sub-menu .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
#sub-menu .navbar-default .navbar-nav>li>a, #another-menu .navbar-default .navbar-nav>li>a {
  /*width: 200px;*/
  font-weight: 600;
}

.tree_p{width:30%; height:16px; position: relative; float:left;}
.tree_p:before{width:115%; bottom:0; left:-3px; content: ''; position: absolute; border-bottom:#ff0000 4px solid;}
/*.tree_p:after{height:16px; right:-1px; top:74%; content: ''; position: absolute; border-right:#ff0000 1px solid;}*/

.tree_c,.tree_gc,.tree_ggc,.tree{width: 50%; height:30px; position: relative; float:right;}
.tree_c{width:70%;}
.tree_ggc{width:30%;}
.tree_c:before,.tree_gc:before,.tree_ggc:before,.tree:before{height:32px; top:-1px; bottom:-1px; left:0; content: ''; position: absolute; border-left:#965184 1px solid;}
.tree_c:after,.tree_gc:after,.tree_ggc:after,.tree:after{position: absolute; content: ''; border-bottom:#965184 1px solid; height:16px; width:95%; top:0; left:0;}

#amc-tab table tr:last-child .tree:before,#amc-tab table tr:last-child .tree_c:before,#amc-tab table tr:last-child .tree_gc:before,#amc-tab table tr:last-child .tree_ggc:before{height:16px;}
#amc-tab table tr td > table tr .tree:before, #amc-tab table tr:last-child td > table tr .tree:before{height:32px !important;}
#amc-tab table tr td > table tr:last-child .tree:before, #amc-tab table tr:last-child td > table tr:last-child .tree:before{height:16px !important;}

.plus-minus{font-size: 18px; margin-right:5px; color:#965184; position: relative; width:20px; font-style:normal; padding:0 12px; display:inline;}
.plus-minus[aria-expanded="false"]:before, .plus-minus[aria-expanded="true"]:before{position: absolute; top:5px; left:4px;}
.plus-minus[aria-expanded="false"]:before{content:'\f055'; font-family: "FontAwesome";}
.plus-minus[aria-expanded="true"]:before{content:'\f056'; font-family: "FontAwesome";}
.mrp.plus-minus[aria-expanded="false"]:before, .mrp.plus-minus[aria-expanded="true"]:before{left:auto; right:4px;}
.dt-buttons{
position: relative !important;
left: 0px !important;
float: left !important;
bottom: 8px !important;
}

td {
    font-size: 12px;
    text-align: left;
}
.avatar {
  display: inline-block;
  white-space: nowrap;
}
.avatar-xs {
  width: 30px;
  height: 30px;
}
.avatar img {
  height: auto;
  max-width: 100%;
  border-radius: 50%;
}
.text-off {
  opacity: .6;
}
.w100p {
  width: 270px !important;
  max-width:280px;
}
.m0{margin:0;}

/*.dropdown-menu{max-width:350px; min-width:340px;}*/
.dropdown-menu li .list-group-item {
  position: relative;
  display: block;
  padding: 15px 15px !important;
  margin-bottom: 0;
  background-color: #fff;
  /*border: 1px solid #ddd;*/
  font-family:"open_sansregular", arial, Helvetica, sans-serif;
}
.dropdown-menu li .list-group-item {
  border:0;border-bottom: 1px solid rgba(221,221,221,0.41) !important; border-radius:0; color:#555;
}
.dropdown-menu > li > a{white-space: normal  !important;}
.dropdown-menu li .list-group-item:hover{background-color: #F3F1F1 !important; color: #212121 !important;}
.dropdown-menu li .list-group-item:first-child, .dropdown-menu li .list-group-item:last-child{border-radius:0;}
.dropdown-menu li:last-child .list-group-item{border-bottom:0;}

@media (min-width:1330px){
.item_overflow{max-width:100%; width: 100%; overflow:auto;}
}
@media (max-width:1329px){
.item_overflow{max-width:1327px; width: 100%; overflow:auto;}
}

/* -------- For DataTable --------------- */

.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1;overflow:hidden;}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;/*padding:0.5em 1em;*/margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px;padding:0 !important;}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}}



.scroller1, .scroller2, .scroller11, .scroller12, .scroller13, .scroller14, .scroller21, .scroller22, .scroller23, .scroller24, .tabl-main-vqr, .tabl-main-popr, .tabl-main-sopa,.tabl-main-sopa2,.tabl-main-sopa3,.tabl-main-sopa4, .tabl-main-sopa5, .tabl-main-sopa-other, .tabl-main-sopa-other1, .tabl-main-order, .sales-main-order, .scrollerPack1,.scrollerPack,.pending-contract-rep,.tbl-main-order,.tabl-main-gstr,.sales-main-order1{
  width: 100%;
  overflow-x: scroll;
  overflow-y:hidden;
  float:left;
}
.scrollerPack, .scrollerPack1,.tabl-main-tbl{width:100%;}
.scroller-thead, .scroller-tbody {
  width: 1250px;
  overflow-x: scroll;
  overflow-y:hidden;
}
.scroller1, .scroller11, .scroller12, .scroller13, .scroller14, .scroller-thead{height: 18px; }
.scroller2, .scroller21, .scroller22, .scroller23, .scroller24, .scroller3, .tabl-main2, .scroller-tbody, .scrollerPack, .scrollerPack1{height: auto; }

.tabl-main1, .tabl-main-vqr, .tabl-main-popr, .tabl-main-sopa, .tabl-main-sopa2, .tabl-main-sopa3, .tabl-main-sopa4, .tabl-main-sopa5, .tabl-main-sopa-other, .tabl-main-sopa-other1, .tabl-main-dispatch, .tabl-mainacc-payable, .tabl-main-order,.sales-main-order, .pending-contract-rep,.tbl-main-order,.tabl-main-gstr,.sales-main-order1{background-color: #ffffff; padding-top:1px; z-index: 10;}
.tabl-main1{height:30px;}
.tabl-main2{z-index: 0;}
/*.tabl-inner1, .tabl-main-order, .tabl-main-tbl{height:27px;}*/

.tabl-inner2{height:auto;}

.main-tabl1, .main-tabl4, .main-tabl-sopa-thead, .main-tabl-sopa-thead3, .main-tabl-sopa-thead4, .main-tablasr, .main-tblorder, .main-tblorder-oth, .main-tablqa,.sales-scroll, .cb-scroll, .str-scroll, .sdtr-scroll,.box-scroll130, .gstr-scroll, .purch-bill-scroll, .mrn-scroll,.mrp-scroll{
  width:110%;
  height: 18px;
}
.main-tablasr{width: 150%;}
.purch-bill-scroll, .purch-bill-body{width: 140%;}
/*.main-tabl-sopa-thead{width:200%;}*/

.main-tabl2, .main-tabl3, .main-tabl-sopa-tbody, .main-tabl-sopa-tbody2, .main-tabl-sopa-tbody3, .tabl-inner-vqr, .tabl-inner-popr, .tabl-inner-sopa, .tabl-inner-dispatch, .tabl-inneracc-payable,.main-tablasr2,.tabl-innerasr, .tabl-inner-order, .tabl-inner-order2, .main-tblorder2, .main-tblorder-oth2,.main-tblibc,.tabl-inner-qa,.tabl-inner-wip,.sales-inner-header,.cb-inner-header, .str-inner-header, .sdtr-inner-header, .mrn-inner-header, .box-header130,.gstr-inner-header, .mrp-inner-header{
  width:110%;
  height: auto;
  overflow: auto;
}
.main-tblibc, .box-body130,.box-header130,.box-scroll130{width:130%;}
.main-tblorder1,.tabl-inner-order1, .main-second-tbl,.sdtr-scroll, .sdtr-inner-header, .sdtr-inner-body{width:100%;}
.str-scroll,.str-inner-header, .str-inner-body{width:180%;}
.mrn-scroll,.mrn-inner-header, .mrn-inner-body{width:120%;}
.mrp-scroll,.mrp-inner-header, .mrp-inner-body{width:130%;}
/*.main-tblorder, .tabl-inner-order, .main-tblorder2{width:130%;}*/
.main-tablasr2, .tabl-innerasr, .main-tblorder-oth, .main-tblorder-oth2, .tabl-inner-order2{width: 110%;}
.main-tabl-sopa-thead3, .main-tabl-sopa-thead4, .main-tabl-sopa-tbody3{width:165%;}
.tabl-inner-sopa, .tabl-inner-dispatch,.cb-scroll,.cb-inner-header,.cb-inner-body{width: 200%;}
.main-tabl3, .main-tabl4,.tabl-inner-sop, .tabl-inner-sophead{width:190%;}
.main-tablqa, .tabl-inner-qa, .tabl-inner-qahead,.tabl-inner-wip, .sales-scroll,.sales-inner-header,.sales-inner-body{width:260%;}
.gstr-scroll,.gstr-inner-header,.gstr-inner-body{width:400%;}

.tabl-main-vqr, .tabl-inner-vqr,.tabl-main-popr,.tabl-inner-popr,.tabl-main-sop,.tabl-inner-sophead,.tabl-main-sopa, .tabl-main-sopa2, .tabl-main-sopa3, .tabl-main-sopa4, .tabl-main-sopa5, .tabl-main-sopa-other, .tabl-main-sopa-other1, .tabl-inner-sopa, .tabl-main-dispatch,.tabl-inner-dispatch,.tabl-mainacc-payable,.tabl-inneracc-payable,.tabl-innerasr,.main-tabl-sopa-tbody,.main-tabl-sopa-tbody2, .main-tabl-sopa-tbody3, .tabl-main-order,.tabl-inner-qahead,.tabl-main-qa,.tabl-main-wip, .tabl-main-tbl,.sales-main-order,.sales-main-order1,.sales-scroll, .cb-scroll, .str-scroll, .sdtr-scroll, .pending-contract-rep, .tbl-main-order, .box-scroll130,.tabl-main-gstr, .gstr-scroll, .purch-bill-scroll, .mrn-scroll,.mrp-scroll{overflow: hidden !important;}
.tabl-inner-vqr{height:30px !important;}
.tabl-main-vqr{height:30px !important; padding-top:0;}

.tabl-main-qa,.tabl-inner-qa{height:70px !important;}
.tabl-main-wip,.tabl-inner-wip,.tabl-main-gstr{height:105px !important;}
.tabl-inner-popr, .tabl-inner-sopa, .tabl-inner-sop,.tabl-main-sop, .hgt60{height:61px !important;}
/* .sales-main-order{height:65px;}*/
 .sales-main-order.newh{height:80px !important;}
 .tbl-main-order{height:62px !important;}
.tabl-main-popr, .tabl-main-sopa, .tabl-main-sopa2, .tabl-main-sopa3, .tabl-main-sopa4, .tabl-main-sopa5{height:44px !important; padding-top:0;}
.tabl-hgt25, .pending-contract-rep{height:26px !important;}

.tabl-inner-custom , .tabl-main-custom{height:29px !important;}
.hgt-sales{height:45px !important;}
.hgt43{height:43px !important;}
.fixcol {width:20px}
.fixcol2 {width:20px}
.fixtableayout{width:80px}
#snowidth{width:8px}
#clientname{width:60px}
.tabl-inner-dispatch, .tabl-inneracc-payable, .tabl-main-sopa-other, .tabl-main-sopa-other1{height:45px !important;}
.tabl-main-dispatch, .tabl-mainacc-payable{height:43px !important; padding-top:0;}

.sticky-scroll,.sticky-scroll1, .sticky-tabl, .sticky-tablqa,.sticky-tabl1, .sticky-dspc,.sticky-tablpay, .sticky-scrollqa, .sales-sticky-scroll,.sales-sticky-tabl {
  position: sticky;
  top: 98px;
  width: 100%; z-index: 1;
}
.sales-sticky-body{width: 100%;}
.sticky-dspc{width:1250px; left:50px;}
.sticky-tabl,.sales-sticky-tabl{width: 100%; top:116px; z-index: 1;}
.sticky-scroll1,.sticky-tabl1{width: 97.3%;}
.sticky-tabl1{top:116px; z-index: 1;}
.sticky-tablpay{width: 99.1%; top:88px;}
.sales-sticky-scroll{top:117px;}
.sales-sticky-tabl{top:135px;}

.sticky-tablqa{width:1250px; top:116px; z-index: 1;}
.sticky-scrollqa{width:1250px;}

.sticky-scroll + .scroller2{
  padding-top: 24px;
}
.sales-sticky-scroll + .scroller2{
  padding-top: 200px;
}
.sticky-scroll + .scroller21{
  padding-top: 24px;
}
.sticky-scroll + .scroller22{
  padding-top: 24px;
}
.sticky-scroll + .scroller3{
  padding-top: 24px;
}
.sticky-dspc + .scroller-tbody{
  padding-top: 24px;
}
.sticky-tabl + .tabl-main2 {
  padding-top: 30px;
}
.sticky-tablqa + .tabl-main2 {
  padding-top: 30px;
}
.sticky-scrollqa + .scroller2{
  padding-top: 24px;
}

.level-1 { background-color: #b9b3b3; } /* Yellow */
.level-2 { background-color: #bfd8bf; } /* Pale Green */
.level-3 { background-color: #d1e6f4; } /* Light Sky Blue */

.dataTables_wrapper .dataTables_paginate .paginate_button{border:0 !important; margin-left:4px !important; border-radius:0 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{border:0 !important;}
.pagination > li > a{color:#067a7a;}
.pagination > .active > a, .pagination > .active > a:hover,.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{z-index: 0 !important;background-color:#067a7a !important; border-color:#067a7a !important;color:#fff !important;}
.approve_span{text-align:center;display:inline-block;width:95px;background:#00940f;color:#fff;padding: 1px 5px;font-size:0.8em;border-radius: 2px;font-weight:bold;text-transform:uppercase;}
.pending_span{text-align:center;display:inline-block;width:95px;background:#b50e02;color:#fff;padding: 1px 5px;font-size:0.8em;border-radius: 2px;font-weight:bold;text-transform:uppercase;}
.common_view, .common_edit, .common_print, .common_delete, .common_cancel, .common_revise{position: relative; width:20px; height:20px; margin:0 auto;}
.common_view:before, .common_edit:before, .common_print:before, .common_delete:before, .common_cancel:before, .common_revise:before{position: absolute; left:0; top:0; color: rgba(0,0,0,0.8); font-size: 20px; font-family: 'FontAwesome';}
.common_view:before{content:'\f002';}
.common_edit:before{content:'\f040';}
.common_print:before{content:'\f02f';}
.common_delete:before{content:'\f1f8';}
.common_cancel:before{content:'\f05e';}
.common_revise:before{content: '\f021';}