html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0px;
  padding:0px;
  outline:0px;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:Arial, Helvetica, sans-serif;
  vertical-align:baseline; 
}

body { line-height:1; color:black;}
table {  border-collapse:collapse;  border-spacing: 0;}
/* caption, th, td  {  text-align: left;  border:0 none white;} */
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0;}
ul,ol{margin:0; padding:0;list-style:none}
p{color:#666666;font-size:14px; font-family:Arial;}
img{border:0;vertical-align:middle;}
label{font-family:Arial; font-size:12px;}
span{font-family:Arial; font-size:12px;}
a{text-decoration:none;}
input, select{margin:0;}
input[type="checkbox"]{padding:0; vertical-align:middle;}
input[type="radio"]{padding:0; vertical-align:middle;}
legend {display: block;font-size: 1em;margin-top: 1.33em;margin-bottom: 1.33em;margin-left: 1em;margin-right: 0;padding-left: 0.5em;padding-right: 0.5em;font-weight: bold;}
input[type="date" i] { font-family: inherit; width:7em; height:15px; padding:3px 5px; border:1px solid #ccc; }

/*common start*/
.main{width:100%;float:left;}
.header{ width:100%; background-color:#FFF; float:left;}
.page_content{width:100%;float:left;}
.page_title{width:96%; margin:0 auto;margin-top:10px;}
.page_title span{font-size: 18px;color: #000000;font-family: arial;font-weight: bold;margin-top: 15px;}

.lt{float:left}
.rt{float:right}
.clear{clear:both}
.bold{ font-weight:bold;}
.fullwidth{width:100%;}

.label{font-family:Arial; font-size:12px;color:#000;}
.sprite_image{background:url(../images/Catalyst_sprite_Img.png) no-repeat; display:inline-block; cursor:pointer;}
.button_primary  {	height: 22px;	padding-right: 10px;	padding-left: 10px;	color: #fff;	background-color: #328DFF;	font-size: 14px;	font-family: Arial;	cursor: pointer;	border-radius: 5px;	border: none;   }	
.dispnone{display:none;}


/* textbox styles */

input[type="text"]:disabled {background-color:#f1f1f1;}
input[type="text"]:readonly {background-color:#f1f1f1;}
input:invalid { border: 1px solid red; }

.inputTxt_format  {	background-position: 2% 50%;	padding: 16px 10px 10px 35px;	width: 208px;	border-radius: 5px;	margin-left:10px;	margin-bottom: 5px;	border: none;font-size:14px;font-family:Arial, Helvetica, sans-serif;  }  

.txt_sml{width:75px; height:15px; padding:3px 5px; border:1px solid #ccc;}
.txt_sml[disabled]{background-color:#f1f1f1;}
.txt_sml[readonly]{background-color:#f1f1f1;}

.txt_med{width:120px; height:15px; padding:3px 5px; border:1px solid #ccc;}
.txt_med[disabled]{background-color:#f1f1f1;}
.txt_med[readonly]{background-color:#f1f1f1;}

.txt_large{width:180px; height:15px; padding:3px 5px; border:1px solid #ccc;}
.txt_large[disabled]{ background-color:#f1f1f1;}
.txt_large[readonly]{ background-color:#f1f1f1;}

.txt_nw, .OnlineForm input[type="text"], .FlexEntry input[type="text"], .tblAddnInfo input[type="text"] {height:15px; padding:3px 5px; border:1px solid #ccc;}
.txt_nw[disabled], .OnlineForm input[disabled], .FlexEntry input[disabled], .tblAddnInfo input[disabled] { background-color:#f1f1f1;}
.txt_nw[readonly], .OnlineForm input[readonly], .FlexEntry input[readonly], .tblAddnInfo input[readonly] { background-color:#f1f1f1;}
textarea {padding:3px 5px; border:1px solid #ccc;white-space: pre-wrap;}
textarea[disabled] { background-color:#f1f1f1;}
textarea[readonly] { background-color:#f1f1f1;}

.tx{height:15px; padding:3px 5px; border:1px solid #ccc;}
.tx[disabled]{ background-color:#f1f1f1;}
.tx[readonly]{ background-color:#f1f1f1;}

.txtsr_lrg{width:167px; height:15px; padding:3px 5px; border:1px solid #ccc;}
.txtsr_lrg[disabled]{ background-color:#f1f1f1;}
.txtsr_lrg[readonly]{ background-color:#f1f1f1;}   

.txt_xl{width:348px; height:15px; padding:3px 5px; border:1px solid #ccc;}
.txt_xl[disabled]{background-color:#f1f1f1;}
.txt_xl[readonly]{background-color:#f1f1f1;}

.text_mini{width: 68px;height: 15px;padding: 3px 5px;border: 1px solid #ccc;}
.text_mini[disabled]{background-color:#f1f1f1;}
.text_mini[readonly]{background-color:#f1f1f1;}

.text_small{width:104px; padding: 3px 5px; height:15px; border:1px solid #ccc; font-size:12px;margin:3px;}

.txtDiscProf{width: 48px;height: 15px;padding: 3px 5px;border: 1px solid #ccc; font-size:10px; margin:3px;}
.txtDiscProf[disabled]{background-color:#f1f1f1;}
.txtDiscProf[readonly]{background-color:#f1f1f1;}

.txt_tiny{width:45px; height:15px; padding:3px 5px; border:1px solid #ccc;}
.txt_tiny[disabled]{background-color:#f1f1f1;}
.txt_tiny[readonly]{background-color:#f1f1f1;}

.vericode_txt{ margin-left: 13px ;width: 232px ;margin-bottom: 10px; margin-top: 5px ;background-position: 2% 50%;padding: 16px 10px 10px 10px; border-radius: 5px; border:none;}

.txt260{width:260px;height:15px;padding:3px 5px;border:1px solid #cccccc;}
.txt260[disabled]{background-color:#f1f1f1;}
.txt260[readonly]{background-color:#f1f1f1;}

.txt_fld{font-size:11px;font-weight:normal;padding:0px;border-collapse:collapse;border:1px solid #ccc;}
.txt_fld[disabled]{background-color:#f1f1f1;}
.txt_fld[readonly]{background-color:#f1f1f1;}

.txtarea_sml{width:120px; height:30px; padding:3px 5px; border:1px solid #ccc; resize:none;}
.txtarea_sml[disabled]{background-color:#f1f1f1;}
.txtarea_sml[readonly]{background-color:#f1f1f1;}

.txtarea_med_nh{width:160px; padding:3px 5px; border:1px solid #ccc; resize:none;}
.txtarea_med_nh[disabled]{background-color:#f1f1f1;}
.txtarea_med_nh[readonly]{background-color:#f1f1f1;}

.txtarea80pct{width:80%;  padding:3px 5px; border:1px solid #ccc; resize:none;}
.txtarea80pct[disabled]{background-color:#f1f1f1;}
.txtarea80pct[readonly]{background-color:#f1f1f1;}

.txtareanowidth{ padding:3px 5px; border:1px solid #ccc; resize:none;}
.txtareanowidth[disabled]{background-color:#f1f1f1;}
.txtareanowidth[readonly]{background-color:#f1f1f1;}

.txtarea100pct{ width:99.9%; border:0px solid #ccc; resize:none;}
.txtarea100pct[disabled]{background-color:#f1f1f1;}
.txtarea100pct[readonly]{background-color:#f1f1f1;}

.txtareabrdr100pct{ width:99.0%; border:1px solid #ccc; resize:none;}
.txtareabrdr100pct[disabled]{background-color:#f1f1f1;}
.txtareabrdr100pct[readonly]{background-color:#f1f1f1;}
.txt_ucase{text-transform:uppercase;}
.txt_lcase{text-transform:lowercase;}
/* end text box styles */

/*search box styling*/
.lookUp_search_text{height: 15px;width: 180px;margin-right: -5px;padding:3px 5px; border:1px solid #cccccc;}
.lookUp_search_text[disabled] {background-color:#f1f1f1;}
.lookUp_search_text[readonly] {background-color:#f1f1f1;}

.lookUp_search_text120{height: 15px;width: 120px;margin-right: -5px;padding:3px 5px; border:1px solid #cccccc;}
.lookUp_search_text120[disabled] {background-color:#f1f1f1;}
.lookUp_search_text120[readonly] {background-color:#f1f1f1;}

.text_searchbox{display:inline-block; white-space:nowrap;}
.text_searchbox input[type="text"]{vertical-align:top;}

.OnlineForm input[type="text"], .FlexEntry input[type="text"]{vertical-align:middle;}

.search_box_input{ height:15px; width:187px; margin-right:-5px; padding:3px 5px; border:1px solid #ccc;}
.disabled_search_box_input{height: 17px;width: 189px;margin-right: -5px;padding: 3px 5px;border: 0 none; background-color:#f1f1f1;}
.clRow{white-space:nowrap; padding-bottom:1px;}
.clRow span{padding:0px;}
/** search box ends ***/

/* Label styles */
.lbl_width_100{width: 100px;text-align: right;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;}
.lbl130lt{width: 130px;text-align: left;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;}
.lbl_med{width: 90px;text-align: right;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;font-size:12px;}
.lbl_med_inline{text-align: right;margin-right: 10px; display: -moz-inline-stack; display: inline; vertical-align: middle;zoom: 1;font-size:12px;}
.lbl67currency{width: 67px;text-align: right;margin-right: 1px; display: -moz-inline-stack; display: inline-block; vertical-align: top;zoom: 1;font-size:12px;}
.lbl40{width: 40px;text-align: right;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;font-size:12px;}
.lbl40lt{width: 40px;text-align: left;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;font-size:12px;}
.lbl_large{width: 90px;text-align: right;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;font-size:12px;}
.lbl_xl{width: 150px;text-align: right;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1; font-size:12px;}
.lbl_large_lt{width: 90px;text-align: left;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;font-size:12px;}
.lbl_xl_lt{width: 150px;text-align: left;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1; font-size:12px;}
.lbl_190{width: 190px;text-align: right;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1; font-size:12px;}
.lbl_270{width: 270px;text-align: right;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1; font-size:12px;}
.lbl_300_lt{width: 300px;text-align: left;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1; font-size:12px;}
.lbl_auto{width: auto;display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1; font-size:12px;}
.lbl_auto_lt{width: auto;text-align: left;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1; font-size:12px;}
.lbl_med_lt{width: 67px;text-align: left;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;font-size:12px;}
.label_mini{padding-left: 10px;padding-right: 10px;display: inline-block;width: 49px;float: left;text-align: right;margin-top: 5px;}
.lbl120{width: 120px;text-align: right;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;font-size:12px;}
.lbl140{width: 140px;text-align: right;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;font-size:12px;}
.lbl127{width: 127px;text-align: right;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;font-size:12px;}
.lbl_fld{width: 25px;text-align: left;margin-right: 5px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;font-size:11px;}
.lbl_fld45{width:45px;text-align: left;margin-right: 5px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;font-size:11px;}
.lblfldat{width: auto;text-align: left;margin-right: 4px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;font-size:11px;}
.lbl_xl_lt_vtop{width: 150px;text-align: left;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: top;zoom: 1; font-size:12px;}
.lbl_xl_rt_vtop{width: 150px;text-align: right;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: top;zoom: 1; font-size:12px;}
.lbl120_vtop{width: 120px;text-align: right;margin-right: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: top;zoom: 1;font-size:12px;}
.lbl100{width: 100px;text-align: right;margin-right: 5px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;font-size:12px;}
.lbl110{width: 110px;text-align: right;margin-right: 5px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;font-size:12px;}
.lblWhitefpwd{display:block;position:relative;left: 35px;font-size:12px;clear:both;color:#ffffff;}
.lblOnline{width: auto;text-align: left;padding-right: 3px;font-size:12px;}
.lblflxentry, .OnlineForm label, .FlexEntry label, tblAddnInfo label{width: auto;text-align: left;padding-right:3px;padding-left:5px;font-size:12px;white-space:pre;}
.login_label{color:#ffffff; font-size:14px; letter-spacing: 0.75px;display: inline-block;width: 72px;float: left;word-wrap: break-word; margin-top:18px; text-align:right;}
.acceptpomsg{color:#ffffff; font-size:14px; display: inline-block;width: auto;float: left;word-wrap: break-word; margin-top:18px; text-align:left;}
.label_newvendor{float: left;margin-right: 5px;margin-top: 5px;font-weight:bold;}
.OnlineForm p { display:block; margin:1em 0 0 0; white-space:normal; }
/* end label styles */

/* dropdown styles */
select{ font-size: 12px; border: 1px solid #ccc; color:#000; font-family:Arial; }
  select:not([multiple]) { height: 21px; }
select[disabled]{background: #f1f1f1;}
.ddl_norm select, .ddl_norm input[list] { width: 131px; }
.ddl_lrg select{ width: 200px; }
.ddl_lrg193 select{ width: 193px; }
.ddl260 select{ width: 270px; }
.ddl_shpg select{ width: 184px; }
.ddl_300 select{ width: 300px; }
.ddl_400 select{ width: 400px; }
.ddl_vreg select{ width: 278px; }
.ddl_mini select{ width: 70px; }
.ddl_xl select{ width: 500px; }
.ddlusr select{ width: 245px; height:23px;}
span.multiselect { display: inline-block; width: 131px; }
.multiselect div { position: relative; }
.multiselect a { padding: 4px 24px 4px 15px; border:1px solid #ccc; display: inline-block; width: 92px; }
.multiselect table {
  position: absolute;
  z-index: 5;
  width: auto !important;
  height: auto;
  border: 1px solid #ccc;
  background: white;
  max-height: 512px;
  overflow: auto;
}
/* end dropdown styles */

/* checkbox styles */
.cbsso{margin-left:135px;padding-top:5px;height:18px;}

.cbvm input{vertical-align:middle;}
.cbvm label{padding-left:1px;vertical-align:middle;padding-right:5px;}
.cbvm td{padding-left:2px;}
.cbvm input[disabled]{background-color:#f1f1f1;}
.cbvm input[readonly]{background-color:#f1f1f1;}

.cbl { border-style:none !important; }
.cbl tr { border-style:none;}
.cbl td { border-style:none;text-align:left; width:50%;vertical-align:top;padding-top:3px;padding-bottom:3px;}
.cbl td span {vertical-align:middle}
.cbl td span label {font-size:10px !important; margin-left:2px; }
.cbl td label {font-size:10px !important; margin-left:2px; width:40%; }

.cbdm{margin-left:82px;padding-top:5px;height:18px;}

.cblgen { border-style:none !important; }
.cblgen tr { border-style:none;}
.cblgen td { border-style:none;text-align:left; vertical-align:top;padding-top:3px;padding-bottom:3px;}
.cblgen td label {font-size:12px !important; margin-left:5px;margin-left:5px; width:80px; }
.cblgen td input[type=checkbox] {font-size:12px !important; margin-left:5px;  }  

.cblgen1 { border-style:none !important; }
.cblgen1 tr { border-style:none;}
.cblgen1 td { border-style:none;text-align:left; vertical-align:top;padding-top:3px;padding-bottom:3px;}
.cblgen1 td label {font-size:12px !important; margin-left:5px;margin-right:10px; width:80px; }
.cblgen1 td input[type=checkbox] {font-size:12px !important; margin-left:5px;  }  

.cblgen2 { border-style:none !important; }
.cblgen2 tr { border-style:none;}
.cblgen2 td { border-style:none;text-align:left; vertical-align:top;padding-top:3px;padding-bottom:3px;}
.cblgen2 td label {font-size:12px !important; margin-left:5px;margin-right:10px; width:80px; }
.cblgen2 td input[type=checkbox] {font-size:12px !important; margin-left:4px;  }  

.cb {vertical-align:middle}
.cb input[type=checkbox]{vertical-align:middle; margin-right:10px;}
.cb label{padding-left:5px;vertical-align:middle; margin-right:10px; white-space: normal;}

.chklbl2 label{position: relative;margin-left:5px; font-size:12px; vertical-align:middle;}
.chklbl2 input[type=checkbox]{position: relative; margin-left:5px; font-size:12px; vertical-align:middle;}

.chklbl label{position: relative; top: -2px;margin-right:20px; margin-left:5px;}

.lookUp_label_chkbox{margin-top: 2px;padding-left: 10px;}
.lookUp_chkbox{margin-left:41px;}

/* end checkbox styles */

/* radiobutton styles */
.rbtlbl label{position: relative; top: -2px;margin-right:20px; margin-left:5px; font-size:12px;}
.period_radio_button td{padding-left: 10px;}

/* end radiobutton styles */

/* radiobutton list styles */

.rbtlhor{ vertical-align:middle; margin-left:10px;}
.rbtlhor tbody tr{margin: 10px 0px 0px 0px; vertical-align:middle;}
.rbtlhor tbody td{ margin-left:5px; padding-left:5px; text-align:left; vertical-align:middle;}
.rbtlhor tbody td input[type=radio]{ vertical-align:middle; }
.rbtlhor tbody td label{ width: auto;text-align: left;margin-left:5px; vertical-align: middle;font-size:12px; }

.rbtlhorgen input[type=radio]{ vertical-align:middle;margin-left:5px; }
.rbtlhorgen label{ width: auto;text-align: left;margin-left:5px; margin-right:5px; vertical-align: middle;font-size:12px; }

/*end radiobutton list styles */

/* button styles */
.btn_primaryAction{color:#fff;background-color:#328DFF;font-size:14px;font-family:Arial; cursor:pointer; overflow:visible; height:25px;width:110px; border: 0 none;}
.btnprimarySmall{color:#fff;background-color:#328DFF;font-size:14px;font-family:Arial; cursor:pointer; overflow:visible; height:25px;width:50px; border: 0 none;}
.btn_secondaryAction, .btn_secondaryActionLarge{color:#fff;font-size:14px;background-color:#00718f;font-family:Arial;cursor:pointer; overflow:visible; height:25px;width:110px; border: 0 none;}
.btnsecaxnsmall{color:#fff;font-size:14px;background-color:#00718f;font-family:Arial;cursor:pointer; overflow:visible; height:25px;width:60px; border: 0 none;}
.btn_prime_nw{color:#fff;background-color:#328DFF;font-size:14px;font-family:Arial; cursor:pointer; overflow:visible; height:25px; border: 0 none;}
.btn_sec_nw{color:#fff;font-size:14px;background-color:#00718f;font-family:Arial;cursor:pointer; overflow:visible; height:25px; border: 0 none;}
.btn_prime_nwh{color:#fff;background-color:#328DFF;font-size:14px;font-family:Arial; cursor:pointer; overflow:visible;  border: 0 none;}
.btn_sec_nwh{color:#fff;font-size:14px;background-color:#00718f;font-family:Arial;cursor:pointer; overflow:visible; border: 0 none;}
.secondary_action_button_new{color:#ffffff;font-size:36px;background-color:#0ea4c3;font-family:Arial;cursor:pointer; overflow:visible; height:60px;width:60px; border-radius:10px;border:0 none;}
.secondary_action_button_new_one{color:#fff;font-size:36px;background-color:#60ab44;font-family:Arial;cursor:pointer; overflow:visible; height:60px;width:60px; border-radius:10px;border:0 none;}

.btn_primaryAction[disabled], .btnprimarySmall[disabled], .btn_prime_nw[disabled], .btn_prime_nwh[disabled]
{background-color:#84baff;}
.btn_secondaryAction[disabled], .btn_secondaryActionLarge[disabled], .secondary_action_button_new_one[disabled], .secondary_action_button_new_one,
.btn_sec_nwh[disabled], .btn_sec_nw[disabled], .btnsecaxnsmall[disabled]
{background-color:#77b1c1;}

/* end button styles */

/* padding styles */
div.CustomBody td{ padding-top:5px !important; }
.pad_rt_5{padding-right:5px !important;}
.pad_top_5 { padding-top:5px !important; }
.pad_btm_5 { padding-bottom:5px !important; }
.pad_top_10 { padding-top:10px !important; }
.pad_top_20 { padding-top:20px !important; }
.pad_top_25 { padding-top:25px !important; }
.pad_btm_10 {
  padding-bottom: 10px;
  !important;
}
.pad_lt_10 {
  padding-left: 10px;
  !important;
}
.pad_lt_5 {
  padding-left: 5px;
  !important;
}
.pad_lt_20 {
  padding-left: 20px;
  !important;
}
.pad_lt_45 {
  padding-left: 45px;
  !important;
}
.pad_lt_100 {
  padding-left: 100px;
  !important;
}
.pad_top_3 {
  padding-top: 3px;
  !important;
}
.pad_btm_3 {
  padding-bottom: 3px;
  !important;
}
.pad_3{
  padding: 3px;
}

/* end padding styles */

/* margin styles */
.margin_lt_10{ margin-left:10px;}
.margin_bottom_five{margin-bottom:5px;}
.margin_four{margin-right:4px;}
.mrt6{margin-right:6px;}
.margin_right{margin-right:4px;}
.margin_rt_3{margin-right:3px;}
.margin_negative{margin-top:-20px;}
.margin_btm_10{margin-bottom:10px;}
.margin_btn{margin-top:5px;margin-bottom:5px;}
.margin_top_5{margin-top:5px;}
.margin_btm_5{margin-bottom:5px;}
.margin_rt_1{margin-right:1px;}
.margin_rt_n6{margin-right:-6px;}
.margin_rt_10{margin-right:10px;}
.margin5{margin: 5px;}
.margin10{margin: 8px;padding:4px;}
.margin_lt_5{margin-left:5px;}
.margin_lt_2{margin-left:2px;}
.margin_rt_15{margin-right:15px;}
.margin_top_15{margin-top:15px;}
.margin_top_10{margin-top:10px;}
.margin_top_20{margin-top:20px;}
.margin_lt15{margin-left:15px;}
.margin_lt20{margin-left:20px;}
.margin_lt30{margin-left:30px;}
.marginbtn2{margin-top:2px; margin-bottom:2px;}
.margin_lt_45{margin-left:45px;}
.margin_lt_50{margin-left:50px;}
.margin_lt_55{margin-left:55px;}
.margin_lt_65{margin-left:65px;}
.margin_lt_99{margin-left:99px;}
.margin_lt_100{margin-left:100px;}
.margin_lt_400{margin-left:400px;}
.margin_lt_450{margin-left:450px;}
.margin_lt_neg2{margin-left:-2px !important;}
.margin_top_neg3{margin-top:-3px;}
.margin_lt_75{ margin-left:75px;}
.margin_top_50{margin-top:50px;}
.margin_left_large_gap{margin-left:290px;margin-top:30px;}
.margin_left_large_gap_one{margin-top:30px;margin-left:15px;}
.mngtv5{margin-right: -5px;}
.mngtv1{margin-right: -1px;}
/* end margin styles */

/* width styles */
.w40px{width:40px;}
.w45{width:55px;}
.w67{width:67px;}
.w75{width:75px;}
.w90{width:90px;}
.w95{width:95px;}
.w90px{width:90px }
.w100px{width:100px;}
.w120px{width:120px;}
.w135px{width:135px;}
.w150px{width:150px;}
.w180px{width:180px;}
.w190px{width:190px;}
.w195px{width:195px;}
.w200px{width:200px;}
.width200px{width:200px;}
.w260px{width:260px;}
.w270px{width:270px;}
.w300px{width:300px;}
.w310px{width:310px;}
.w330px{width:330px;}
.w440px{width:440px;}
.w560px{width:560px;}
.w580px{width:580px;}
.w660px{width:660px;}
.w675px{width:675px;}
.w680px{width:680px;}
.w840px{width:840px;}
.w844px{width:844px;}
.w856px{width:856px;}
.w860px{width:860px;}
.w870px{width:870px;}
.w893px{width:893px;}

.w10pct{width:10%}
.w12pct{width:12%}
.w13pct{width:13%}
.w14pct{width:14%}
.w15pct{width:15%}
.w18pct{width:18%}
.w19pct{width:19%}
.w20pct{width:20%}
.w24pct{width:24%}
.w25pct{width:25%}
.w30pct{width:30%}
.w31pct{width:31%}
.w33pct{width:33%;}
.width33pct{width:33%;}
.w34pct{width:33%;}
.w38pct{width:38%}
.w40pct{width:40%}
.w45pct{width:45%}
.w50pct{width:50%;}
.w55pct{width:55%}
.w60pct{width:60%}
.w66pct{width:66%;}
.w69pct{width:69%}
.w70pct{width:70%}
.w75pct{width:75%}
.w80pct{width:80%}
.w90pct{width:90%}
.w98pct{width:98%;}
.w99pct{width:99%;}

.btn_secondaryActionLarge{width:130px;}

/* end width styles */

/* height styles */

.minht82px{min-height:82px;}

.ht20px{height:20px;}
.rowht24{height: 24px;}
.ht30{height:30px !important;}
.ht40px{height: 40px;}
.ht50px{height: 50px;}
.ht80px{height: 80px;}
.ht100px{height: 100px;}
.ht120px{height:120px;}
.ht140px{height:140px;}
.ht150px{height:150px;}
.ht180px{height:180px;}
.ht200px{height:200px;}
.ht230px{height:230px;}
.ht250px{height:250px;}
.ht270px{height:270px;}
.ht280px{height:280px;}
.ht300px{height:300px;}
.ht325px{height:325px;}
.ht340px{height: 340px;}
.ht360px{height: 360px;}
.ht380px{height: 380px;}
.ht460px{height:460px;}

.ht100pct{height:100%;}

/* end height styles */

.button_leftAlign{border:none;float:left;margin-left:5px;margin-right:5px;}
.button_rightAlign{border:none;float:right;margin-right:5px;margin-left:5px;}
.inline_blk{display: -moz-inline-stack; display: inline-block; vertical-align: middle;zoom: 1;}
.error_message{ clear:both;color:red; font-size:12px; text-align:right; padding-top:5px; width:357px;}
.transParentOverlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index:14;display:none;}

.vertical_align_top{ vertical-align: top !important;}
.cssmsgtext{ clear:both;font-size:12px; font-weight:bold; text-align:left;}
.csserrmsg{font-size:12px;font-weight:bold;text-align:left;color:red !important;display:inline-block;}
.cssalerttext{font-size:12px;font-weight:bold;color:red;}
.cssalertlarge{font-size:15px;font-weight:bold;color:red;}
.csstitletext{font-size:18pt !important;font-weight:bold !important;color:black !important;}
/*common end*/ 

/*pager styles start*/
.pl0{height:23px;width:23px;background-position:-140px -176px;}
.pl0:hover{height:23px;width:23px;background-position:-140px -176px;}
.pl1{height:23px;width:23px;background-position:-31px -176px;}
.pl1:hover{height:23px;width:23px;background-position:-31px -176px;}
.pl2{height:23px;width:23px;background-position:-4px -176px}
.pl2:hover{height:23px;width:23px;background-position:-4px -176px}
.pl3{height:23px;width:23px;background-position:-4px -176px}
.pl3:hover{height:23px;width:23px;background-position:-4px -176px}
.pl4{height:23px;width:23px;background-position:-4px -176px}
.pl4:hover{height:23px;width:23px;background-position:-4px -176px}
.pl5{height:23px;width:23px;background-position:-4px -176px}
.pl5:hover{height:23px;width:23px;background-position:-4px -176px}
.pl6{height:23px;width:23px;background-position:-4px -176px}
.pl6:hover{height:23px;width:23px;background-position:-4px -176px}
.pl7{height:23px;width:23px;background-position:-4px -176px}
.pl7:hover{height:23px;width:23px;background-position:-4px -176px}

.pr0{height:23px;width:23px;background-position:-113px -176px;}
.pr0:hover{height:23px;width:23px;background-position:-113px -176px;}
.pr1{height:23px;width:23px;background-position:-58px -176px;}
.pr1:hover{height:23px;width:23px;background-position:-58px -176px;}
.pr2{height:23px;width:23px;background-position:-85px -176px}
.pr2:hover{height:23px;width:23px;background-position:-85px -176px}
.pr3{height:23px;width:23px;background-position:-85px -176px}
.pr3:hover{height:23px;width:23px;background-position:-85px -176px}
.pr4{height:23px;width:23px;background-position:-85px -176px}
.pr4:hover{height:23px;width:23px;background-position:-85px -176px}
.pr5{height:23px;width:23px;background-position:-85px -176px}
.pr5:hover{height:23px;width:23px;background-position:-85px -176px}
.pr6{height:23px;width:23px;background-position:-85px -176px}
.pr6:hover{height:23px;width:23px;background-position:-85px -176px}
.pr7{height:23px;width:23px;background-position:-85px -176px}
.pr7:hover{height:23px;width:23px;background-position:-85px -176px}
/*pager style ends*/

/*icons start*/
.username_icon{background-position: -276px -73px;width: 23px;height: 20px;display: inline-block;vertical-align: middle;}
.enabled_search_button{ text-indent: -9999px;background-position: -59px -149px;width: 23px;height: 23px;border:0 none; }
.enabled_search_button[disabled]{background-position: -86px -149px;cursor: pointer;}

.email_icon {background-position: -58px -42px;width: 16px;height: 11px;display: inline-block;margin-left: 5px; float:left; vertical-align:middle;}
.issue_icon {background-position: -177px -74px;width: 11px;height: 16px;display: inline-block;margin-left: 5px; float:left; vertical-align:middle;}

.asterisk{background-position:-18px -356px ;width: 9px;height: 9px;}
.edit_icon_one {background-position: -114px -73px;width: 19px;height: 19px;display: inline-block;margin-left: 5px; float:left; vertical-align:middle;}
.edit_icon_one[disabled] {background-position: -137px -73px;width: 19px;height: 19px;display: inline-block;margin-left: 5px; float:left; vertical-align:middle;}
.delete_icon_one {background-position: -160px -73px;width: 16px;height: 19px;display: inline-block;margin-left: 5px; float:left; vertical-align:middle;}
.delete_icon_one[disabled]{background-position: -30px -456px;width: 16px;height: 19px;display: inline-block;margin-left: 5px; float:left; vertical-align:middle;}
.green_dot_icon {background-position: -45px -21px;width: 10px;height: 20px;display: inline-block;margin-left: -11px;float:left;vertical-align:middle;}
.alaram_icon_one {background-position: -189px -73px;width: 15px;height: 19px;display: inline-block;margin-left: 5px; float:left; vertical-align:middle;}
.setting_icon_one {background-position: -208px -74px;width: 16px;height: 16px;display: inline-block;margin-left: 5px; float:left; vertical-align:middle;}
.exlametry_icon_one {background-position: -228px -73px;width: 19px;height: 20px;display: inline-block;margin-left: 5px; float:left; vertical-align:middle;}
.wheel_icon_one {background-position: -251px -74px;width: 20px;height: 18px;display: inline-block;margin-left: 5px; float:left; vertical-align:middle;}
.yellowIcon{ background-position:-24px -390px;width: 16px;	height: 16px; display:inline-block;}
.orangeIcon{ background-position:-64px -370px;width: 16px;	height: 16px; display:inline-block;}
.redIcon{ background-position:-44px -390px;width: 16px;	height: 16px;display:inline-block;}
.greenicon{ background-position:-4px -390px; width:16px; height: 16px;display:inline-block;}
.threewaygr{ background-position:-84px -390px; width:16px; height: 16px;display:inline-block;}
.threeway{ background-position:-24px -370px;width: 16px;	height: 16px; display:inline-block;}

.twoandthreewaygr{ background-position:-104px -390px; width:16px; height: 16px;display:inline-block;}
.twoandthreeway{ background-position:-124px -390px;width: 16px;	height: 16px; display:inline-block;}

.twoway{ background-position:-164px -410px;width: 16px;	height: 16px; display:inline-block;}
.lckIcon{ background-position:-4px -25px;width: 9px;	height: 11px;display:inline-block;vertical-align:baseline;}
.imglink{ background-position: -58px -55px; width: 11px;height: 15px; margin-right:5px;}
.document_icon{background-position: -58px -55px;width: 12px;height: 15px;}
.document_icon:focus{outline: 1px solid !important;}
.virtual_image{background-position: -90px -55px; width: 12px; height: 15px; margin-left: 2px;}
.discount_icon{width: 15px;height: 16px; background-position: -124px -54px;}
.date_icon{background-position: -4px -73px; width: 17px;height: 18px; display:inline-block; vertical-align:sub;}
.virtualimglink{ background-position: -90px -55px; width: 11px;	height: 15px; margin-right:5px;}
.due_less{ width: 9px;height: 10px; background-position:-17px -26px;}
.overdue_icon{width: 9px;height: 10px; background-position:-31px -26px;}
.due_greater{ background-position:-45px -26px; height:10px; width:9px;}
.schedule_icon{display:inline-block; background-position:-160px -98px;width: 19px;height: 19px; margin-left:6px; margin-right:5px;}
.schedule_icon[disabled]{display:inline-block; background-position:-4px -456px;width: 19px;height: 19px; margin-left:6px; margin-right:5px;}
.correctIcon {background-position: -185px -54px;width: 17px; height: 17px;display: inline-block;vertical-align: middle; margin-left:5px;}
.cancelIcon {background-position: -144px -54px;width: 16px;height: 16px;display: inline-block; vertical-align:middle; margin-left:2px;}
.warnstat{background-position:-145px -203px;width: 22px;height: 20px;}
.resize{background-position:-4px -121px;width: 24px;height: 24px;}
.resize[disabled]{background-position:-32px -121px;width: 24px;height: 24px;}
.closeicon{background-position:-144px -54px;width: 16px;height: 16px;}
.info{background-position:-228px -73px;width: 19px;height: 19px;}
.info[disabled]{background-position:-98px -456px;width: 19px;height: 19px;}
.holdstat{cursor:default;background-position:-104px -410px;width: 16px;height: 16px;}
.noteempty{background-position:-245px -203px;width: 20px;height: 20px;}
.note[disabled]{background-position:-269px -203px;width: 20px;height: 20px;}
.note{background-position:-245px -223px;width: 20px;height: 20px;}
.inactivestat{cursor:default;background-position:-84px -410px;width: 16px;height: 16px;}
.regstat{cursor:default;background-position:-4px -370px;width: 16px;height: 16px;}
.taxablestat{cursor:default;background-position:-44px -370px;width: 16px;height: 16px;}
.okstat{cursor:default;background-position:-185px -54px;width: 17px;height: 17px;}
.recycle{background-position:-46px -73px;width: 16px;height: 18px;}
.attach{background-position:-85px -73px;width: 11px;height: 18px;}
.redpendstat{cursor:default;background-position:-44px -410px;width: 16px;height: 16px;}
.yelpendstat{cursor:default;background-position:-24px -410px;width: 16px;height: 16px;}
.grnpendstat{cursor:default;background-position:-4px -410px;width: 16px;height: 16px;}
.orgpendstat{cursor:default;background-position:-64px -410px;width: 16px;height: 16px;}
.plus{cursor:default;background-position:-248px -57px; width: 12px;height: 12px;}
.minus{cursor:default;background-position:-269px -57px ;width: 12px;height: 12px;}
.newstat{cursor:default;background-position:-144px -410px;width: 16px;height: 16px;}
.dlgopen{background-position:-160px -98px;width: 19px;height: 19px;}
.downarrow{background-position:-4px -10px;width: 10px;height: 12px; position:relative; left:93px;}
/*icons end*/


/*menu start*/
.headerbar{float:left; width:100%; height:48px; background-image: url(../images/Header_BG.png);background-repeat:repeat-x;}
.headnav{ width:100%;  float:left;}
.logo{float:left; padding:6px 38px 10px 0; width:150px;}
.logo img{max-width:100%;}
.navigation ul{ position:relative; z-index:14;} 
.navigation ul ul {display: none;z-index:14;}
.navigation ul li:hover > ul { display: block;}
.navigation ul ul { position:absolute; top:46px;}
.navigation ul li{float:left;border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;}
.navigation ul ul li{ border-left:0 none; border-right:0 none;}
.navigation ul li a{padding:16px 17px;display:block; font-family:Arial; font-size:14px; color:#333333;}
.navigation ul li:hover a{color:white;background-color:#898b8c;}
.navigation ul ul li{float: none;border-bottom: 1px solid #9c9e9f;position: relative; background-color:#898b8c; width:190px;}
.navigation ul li:hover ul li ul{display: none;}
.navigation ul li:hover ul li:hover ul{display:block; position:absolute; left:190px; top:0;}
.expand_arrow{ float:right;position:relative;top:-20px;cursor:pointer;}

.onelinecontainer {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
}
.oneline {
  display:inline-block;
}

.navigation ul ul li a{ padding:6px;color:#fff; font-size:12px; }
.headermenu, .hdsubmenu, .welcomeText, .hdsubdivder {float:left; color:#e6e6e6;}
.welcomeText .userName{ font-weight:bold; margin-left:5px;padding-right:40px;}
.welcomeHeader{width:100%; float:left;  background-color:#333333;  padding-top:6px;}
.welcomeText span{padding-bottom:6px; display:block;float:left;}
.rightLinks{float:right;}
.headermenu, .hdsubmenu {border-right:1px solid #e6e6e6;padding-right:8px;padding-left:8px;position:relative;font-size:12px;font-family:Arial;}
.rightLinks li a{font-size:12px;color:#fff;font-family:Arial;padding-bottom:6px;display:block;}
.hdsubdivder{border-right:1px solid #e6e6e6;}

.rightLinks .welcomeText span{ font-family:Arial; font-size:12px; color:#fff;}
.rightLinks .hdsubmenu ul {display: none;z-index:15;}
.rightLinks ul li:hover > ul { display: block;}
.rightLinks ul ul { position:absolute; top:18px;right: 0; }
.rightLinks ul ul li{ border-left:0 none; border-right:0 none;}
.rightLinks ul ul li{float: none;border-bottom: 2px solid #9c9e9f;position: relative; background-color:#898b8c; padding-top:8px; width:130px;}

@media only screen and (max-width : 960px) /* for Desktops and laptops  SAN - Bug#12357 when you resize screen css styling disappears on top right of menu bar near Messages, Help and Logout. issue is with Headerbar and WelcomeHeader class.  */ 
{
  .headerbar{width:960px; height:48px; background-image: url(../images/Header_BG.png);background-repeat:repeat-x;}
  .welcomeHeader{width:960px; float:left;  background-color:#333333;  padding-top:6px;}
  .page_content{width:960px;}
  .headnav{width:960px;}
  }

/*menu end*/

/*scroll code starts here*/

.tbc
{
  overflow:hidden;
  margin:0px;
  padding:0px;
  clear:both;
  position:relative;
}

/*rail*/
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/*************** SCROLLBAR RAIL ***************/
 
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div,
.scrollbar-rail-owner > .scroll-element,
.scrollbar-rail-owner > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-rail > .scroll-element,
.scrollbar-rail-owner  > .scroll-element {
    background-color: #ffffff;
}
 
.scrollbar-rail > .scroll-element div,
.scrollbar-rail-owner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-rail > .scroll-element .scroll-element_size,
.scrollbar-rail-owner > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}
 
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size,
.scrollbar-rail-owner > .scroll-element .scroll-element_outer:hover .scroll-element_size{
    background-color: #c2c2c2;
    background-color: rgba(0, 0, 0, 0.5);
}
 
.scrollbar-rail > .scroll-element.scroll-x,
.scrollbar-rail-owner > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}
 
.scrollbar-rail > .scroll-element.scroll-y,
.scrollbar-rail-owner > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}
 
.scrollbar-rail > .scroll-element .scroll-bar,
.scrollbar-rail-owner > .scroll-element .scroll-bar {
    background-color: #c2c2c2;
 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
 
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
 
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar,
.scrollbar-rail-owner > .scroll-element .scroll-element_outer:hover .scroll-bar  {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
 
/* scrollbar height/width & offset from container borders */
 
.scrollbar-rail > .scroll-content.scroll-scrolly_visible,
.scrollbar-rail-owner > .scroll-content.scroll-scrolly_visible
{ left: -17px; margin-left: 17px; }

.scrollbar-rail > .scroll-content.scroll-scrollx_visible,
.scrollbar-rail-owner > .scroll-content.scroll-scrollx_visible
{ margin-top: 17px; top: -17px; }
 
.scrollbar-rail > .scroll-element.scroll-x .scroll-bar,
.scrollbar-rail-owner > .scroll-element.scroll-x .scroll-bar
{ height: 10px; min-width: 10px; top: 1px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar,
.scrollbar-rail-owner > .scroll-element.scroll-y .scroll-bar
{ left: 1px; min-height: 10px; width: 10px; }
 
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer,
.scrollbar-rail-owner > .scroll-element.scroll-x .scroll-element_outer
{ height: 15px; left: 5px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size,
.scrollbar-rail-owner > .scroll-element.scroll-x .scroll-element_size
{ height: 2px; left: -10px; top: 5px; }
 
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer,
.scrollbar-rail-owner > .scroll-element.scroll-y .scroll-element_outer
{ top: 5px; width: 15px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size,
.scrollbar-rail-owner > .scroll-element.scroll-y .scroll-element_size
{ left: 5px; top: -10px; width: 2px; }
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
.scrollbar-rail-owner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{ left: -25px; }

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
.scrollbar-rail-owner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{ top: -25px; }
 
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track,
.scrollbar-rail-owner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track 
{ left: -25px; }

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track,
.scrollbar-rail-owner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track 
{ top: -25px; }
/*scroll code ends here*/

/*Login start*/
.login_body{line-height: 1;color: black; background-image: url(../images/Catalyst_login_f.png); background-repeat:repeat-x;height: auto;overflow: hidden;}
.login_bg{ margin: 0 auto;width: 900px;overflow: hidden;}
.clientlogo { float: right;margin-right:5px;} 
.clientlogo img{margin:10px; max-height:80px; background-color:white; padding:5px;}
.loginpage{position: relative;left: 560px;width: 340px;top: 15px;}
.supporthelp{float: right;position: relative;right:4px;}
.supporthelp li{float:left;}
.login_hs, .login_hs_b{color: #fff;padding-right: 8px;padding-left: 8px;font-family: Arial;font-size: 13px; font-weight:bold;}
.login_hs a, .login_hs_b a{color:#fff;}
.login_hs_b{border-right: 1px solid #ffffff;}

.ie10 .login_label{ width:71px;}
.loginimg{margin-top: 10px;}
.required_field{float:right; font-size:11px;color:#fff;font-style:italic;margin: 0px 5px 5px; clear:both;}
.username_spriteImg{background-position:-209px -96px;width:21px;height:21px;position: absolute;left: 93px;top:11px;}
.password_spriteImg{background-position:-231px -97px;width:21px;height:21px;position: absolute;left: 93px;top:11px; display:block;}
.credentials_error{width:217px; float:right; margin-bottom:10px;border:1px solid #ff0000 !important;background-color: #fff;padding:3px;}
.invalid_img{background-position: -180px -75px;width: 5px;height: 15px;position: relative;left:10px; top:2px;}
.login_username{float:right;margin-top:10px;position: relative;}
.login_pass {
  float: right;
  margin-top: 10px;
  position: relative;
}
.login_info,.login_info_justified{float:right;margin-top:10px;width:100%;}
.login_info{text-align:center;}
.login_info_justified{text-align:justify;}
.login_clogobg_none {
  background: none !important;
}
.text_alignleft2 {margin-left:4px;}
.invalid_msg{font-size: 12px;font-family: arial;color: #ff0000;font-weight: bold; margin-left:15px; }
div.loginbtn {float:right; margin:0px 4px;}
input.loginbtn{padding: 0px 50px 0px 50px;height: 41px; margin-bottom:10px; overflow:visible;background-color:#328DFF}
.fgtpwd{color:#FFFFFF;font-size:12px;font-weight: bold;padding: 0;}
            
.textFormat{color: #FFFFFF;	font-size: 14px;	font-weight: normal;	padding: 0; margin-right:5px;}
.text_fontEleven{font-size:11px !important;}
.verticalpage{background-color: #fff;clear: both; position: absolute;top: 0px;width: 380px;min-height:100%;}
.catalystmain { position: relative; margin-top: 113px;}
.catalyst_logoimg img {margin:0px 0px 10px 30px}
.verticalpage_txt{margin-left:43px;}
.csslogintextblack {font-size: 12px;font-family: arial; color:#000;}
.newVendor{ margin-bottom:10px;}
.wordspace{width: 284px;display: block;word-spacing: 1px;}
.bottomtxt{margin: 25px 10px 0px 22px;}

.clearfix:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix{display: block;}
.align_bottom50{margin-bottom:50px;}
/*****Bottom DIV styling****/
.bottompage{height:220px;float: left; clear:both} /*height:227px\9;*/
@-moz-document url-prefix() {.bottompage { height:227px;} .verticalpage{height:670px;}}
/*Login end*/

@media only screen and (max-device-width: 800px) {
/* adjusted for mobile - Login start linear-gradient(180deg, #09009df0, #003ff1);*/
  .login_body {
    line-height: 1;
    color: black;
    background-image: linear-gradient(180deg, #03086e, #2d67ff);
    background-repeat: repeat-x;
    height: 1600px;
    overflow: hidden;
  }
.login_bg {margin:0 auto; width: 100%; overflow: hidden;}
.clientlogo {float: right;margin: 0px 5px 75px 0px;} 
.clientlogo img {margin:10px; max-height:80px; background-color:white; padding:5px;}
.loginpage {position:relative; width:100%; top:15px; left:5px;}
.supporthelp {display:none;}
.login_hs, .login_hs_b {color: #fff; padding: 0px 8px; text-align:left; font-family: Arial; font-size: calc(2vw); font-weight:bold;}
.login_hs a, .login_hs_b a {color:#fff;}
.login_hs_b {border-right: 1px solid #ffffff;}

.login_label{font-size:calc(2vw); width:auto;}
.inputTxt_format  {	background-position: 2% 50%;	padding: 16px 10px 10px 40px;	width: 80%;	border-radius: 25px;	margin-left:10px;	margin-bottom: 5px;	border: none;font-size:calc(4.25vw);font-family:Arial, Helvetica, sans-serif;  }  
.required_field {float:right; font-size:calc(2vw); color:#fff; font-style:italic; margin: 0px 5px 5px; clear:both;}
.username_spriteImg {background-position:-209px -96px;width:21px;height:21px;position: absolute;left: 115px;top:25px;}
.password_spriteImg {background-position:-231px -97px;width:21px;height:21px;position: absolute;left: 115px;top:25px; display:block;}
.credentials_error {width:217px; float:right; margin-bottom:10px;border:1px solid #ff0000 !important;background-color: #fff;padding:3px;}
.invalid_img {background-position: -180px -75px;width: 5px;height: 15px;position: relative;left:10px; top:2px;}
#divKeycloakLoginOptions {text-align:center;}
#dvCatalystLoginSection {text-align:center;}
.login_username {float:left; margin-top:10px; position: relative; width:90%;}
.login_pass {float:left; margin-top: 10px; position: relative; width:90%;}
.login_info,.login_info_justified {float:right;margin-top:10px;width:100%;}
.login_info {text-align:center;}
.login_info_justified {text-align:justify;}
.login_clogobg_none {background: none !important;}
.login_info span {float:left;}
.text_alignleft2 {margin-left:4px;}
.invalid_msg{font-size: 12px;font-family: arial;color: #ff0000;font-weight: bold; margin-left:15px; }
div.loginbtn {float:inherit; margin:0px; width:100%}
#socialLoginList button, input.loginbtn{height: calc(8vw); margin-bottom:10px; overflow:visible; background-color:#328DFF; color:#fff; font-size: calc(4.25vw); width: 90%; border-radius: 25px;}
.fgtpwd{display:none;}
.textFormat{color: #FFFFFF;	font-size: 14px;	font-weight: normal;padding: 0; margin-right:5px;}
.text_fontEleven{font-size:calc(2vw) !important;}
.verticalpage{display:none;}  /* vendor registration */
.catalystmain { position: relative; margin-top: 113px;}
.catalyst_logoimg img {margin:0px 0px 10px 30px}
.verticalpage{display:none;}
.csslogintextblack {font-size: 12px;font-family: arial; color:#000;}
.newVendor{ margin-bottom:10px;}
.wordspace{width: 284px;display: block;word-spacing: 1px;}
.bottomtxt{margin: 25px 10px 0px 22px;}

.clearfix:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix{display: block;}
.align_bottom50{margin-bottom:50px;}
/*****Bottom DIV styling****/
.bottompage{height:220px;float: left; clear:both} /*height:227px\9;*/
@-moz-document url-prefix() {.bottompage { height:227px;} .verticalpage{height:670px;}}
/*Login end*/
}


/*datacapture start*/
.midContainer{width:100%; background-color:#fff; padding-top:5px; float: left;}
.container{width:96%;margin:0 auto;}
.filters{width:100%; background-color:#fff;float:left;}
.row1{margin-bottom:5px;}
.row2{}

.ddl_bgyellow {background-color:lightyellow;}

.calendar_wrapper{display:inline-block;}
.date_input_text{ margin-right:0px;width:92px; padding: 3px 2px 3px 5px;border: 1px solid #cccccc;}
.filter_lbl{padding-right:5px;padding-left:5px; vertical-align:middle; display:inline-block; text-align:right; float:left; margin-top:5px;}
.actions{float:right;margin-top:5px;line-height:30px;}

/*datacatpure end*/

/*table start*/
table tr[data-link]:hover {
  cursor: pointer;
  background-color: #b8cce4 !important;
}

.tablediv {
  width: 100%;
  background-color: #f5f5f5;
  float: left;
}
.tableBg{ width:100%; float:left;}
.tableData{padding:5px 0 5px 0;}
.tableData table { border:1px solid #C2C2C2; background-color:#fff;}
.tdEmpty td {font-family:Arial; font-size:12px; color:#000; font-weight:bold; text-align: center; vertical-align:middle;height:20px;}
.OnlineForm td, .FlexEntry td{white-space:nowrap; padding-bottom:1px; padding-right:2px;} 

.hs {font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; vertical-align:middle; line-height:2; overflow:visible;}
.hs th{padding-left:1px;padding-right:1px;}
.hs a{ font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:1.5; overflow:visible;}
.hs span{ font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:1.5; overflow:visible;}
.rs td{ font-family:Arial; font-size:10px; color:#000; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;border:1px solid #6c6c6c;}
.rs td span{ font-family:Arial; font-size:10px; color:#000; vertical-align:middle;}
.srs td{ font-family:Arial; font-size:10px; color:#000; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;border:1px solid #6c6c6c;}
.srs td span{ font-family:Arial; font-size:10px; color:#000; vertical-align:middle;}
.ars td{ font-family:Arial; font-size:10px; color:#000; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;border:1px solid #6c6c6c;}
.ars td span{ font-family:Arial; font-size:10px; color:#000; vertical-align:middle;}
.fs td{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;border:0px;padding-top:1px;}
.fs .fs td{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;}
.fs td span{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle; border-style:none;}

/*Discount Profile*/
 .hs1{font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; vertical-align:middle; line-height:2; overflow:visible;}
 .hs1 th{padding-left:1px;padding-right:1px;}
 .hs1 a{ font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:1.5; overflow:visible;}
 .hs1 span{ font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:1.5; overflow:visible;}
/*start grid row with cell border grey*/

.rsb td{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;border:1px solid #C2C2C2;}
.rsb td span{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle;}
.srsb td{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;border:1px solid #C2C2C2;}
.srsb td span{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle;}
.arsb td{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;border:1px solid #C2C2C2;}
.arsb td span{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle;}

/* end grid row with cell border grey*/

/* for grid header inside grid */
.rsvt .hs td{ font-family:Arial; font-size:10px; color:#FFF; text-align: center; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;border:1px solid #6c6c6c;}
.arsvt .hs td{ font-family:Arial; font-size:10px; color:#FFF; text-align: center; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;border:1px solid #6c6c6c;}
/* end grid header inside grid */

/* for grid to have its items v-aligned to top */
.rsvt td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:top;height:20px;padding-left:1px; padding-right:1px;border:1px solid #6c6c6c; padding-top:3px;}
.rsvt td span{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle;}
.srsvt td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:top;height:20px;padding-left:1px; padding-right:1px;border:1px solid #6c6c6c;padding-top:3px;}
.srsvt td span{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle;}
.arsvt td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:top;height:20px;padding-left:1px; padding-right:1px;border:1px solid #6c6c6c;padding-top:3px;}
.arsvt td span{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle;}
/* end of grid v-align top */

/* for grid footer inside grid */
.rsvt .fs td{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;border-style:none;}
.rsvt .fs td span{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle; border-style:none;}
.arsvt .fs td{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;border-style:none;}
.arsvt .fs td span{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle; border-style:none;}
.srsvt .fs td{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;border-style:none;}
.srsvt .fs td span{ font-family:Arial; font-size:10px; color:#000; text-align: center; vertical-align:middle; border-style:none;}
/* end grid footer inside grid */

/* to remove borders for grid inside grid */
.rsvt .rs td{  font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:2px 1px 2px 1px;border-style:none;}
.arsvt .rs td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:2px 1px 2px 1px;border-style:none;}
.srsvt .rs td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:2px 1px 2px 1px;border-style:none;}
.rsvt .srs td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:2px 1px 2px 1px;border-style:none;}
.arsvt .srs td{font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:2px 1px 2px 1px;border-style:none;}
.srsvt .srs td{font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:2px 1px 2px 1px;border-style:none;}
.rsvt .ars td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:2px 1px 2px 1px;border-style:none;}
.arsvt .ars td{font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:2px 1px 2px 1px;border-style:none;}
.srsvt .ars td{font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:2px 1px 2px 1px;border-style:none;}
/* end remove borders for grid inside grid  */

/* favourites management: grid styles without td inside border */
.nwhsnb{font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:1.5; overflow:visible; font-weight:bold;border:1px solid #666;}
.nwhsnb th{padding-left:1px;padding-right:1px;}
.nwhsnb a{ font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:1.5; overflow:visible;}
.nwhsnb span{ font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:1.5; overflow:visible;}

.hsnb{font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:2.5; overflow:visible; font-weight:bold;border:1px solid #666;}
.hsnb th{padding:1px 2px 1px 2px;}
.hsnb a{ font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:1.5; overflow:visible;}
.hsnb span{ font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:1.5; overflow:visible;}
.rsnb {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;}
.rsnbt {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;}
.rsnb td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:1px 2px 1px 2px;}
.rsnbt td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:1px 2px 1px 2px;}
.rsnb td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;}
.rsnb td table {background-color:white;}
.rsnbt td table {background-color:transparent;}
.srsnb {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;}
.srsnb td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:1px 2px 1px 2px;}
.srsnb td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;}    
.srsnb td table {background-color:white;}                                      
.arsnb {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;background-color:#f0f0f0;}
.arsnbt {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;background-color:#dddddb;}
.arsnb td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:1px 2px 1px 2px; }
.arsnbt td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:1px 2px 1px 2px; }
.arsnb td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;}
.arsnb td table {background-color:#f0f0f0;}
.arsnbt td table {background-color:transparent;}
.fsnb td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;border-top:1px solid #C2C2C2; border-left:0px;border-right:0px;}
.fsnb td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle; border-style:none;}
.color1{background-color:#f0f0f0;}

.second_line_favt {width: 18px;float: right;height: 14px;padding-top: 8px;padding-bottom: 8px;font-family: arial;font-size: 12px;color:#00718F;padding-left: 9px;background-position: -107px -92px;}
.rowltrtbrdr{border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;}
.ersnb{border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;}
.bbtm{border-bottom:1px solid #C2C2C2;}
/* End: favourites management: end grid styles without td border */

/* grid rows without inside tb border and vertical align top */
.rsnbvt {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;}
.rsnbvt > td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:top;height:20px;padding:10px 2px 5px 2px;}
.rsnbvt > td > span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:top;}
.srsnbvt {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;}
.srsnbvt > td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:top;height:20px;padding:10px 2px 5px 2px;}
.srsnbvt > td > span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:top;}                                          
.arsnbvt {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;background-color:#f0f0f0;}
.arsnbvt > td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:top;height:20px;padding:10px 2px 5px 2px; }
.arsnbvt > td > span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:top;}
/* end grid rows without inside tb border and vertical align top */

.bw {
    max-width: 300px;
    overflow-wrap: break-word;
    -ms-word-wrap: break-word;
}

/* Contract detail header table (html table that is not generated by grid)  */
.tblgen{border:1px solid #C2C2C2; vertical-align:top;}
.rsgen {}
.rsgen td{border-left:1px solid #C2C2C2; border-right:1px solid #C2C2C2;border-top:1px solid #C2C2C2;border-bottom:1px solid #C2C2C2;}
.rsgen td span{ font-family:Arial; font-size:12px; color:#000; vertical-align:top;}
/* end Contract detail header table (html table that is not generated by grid)*/



/* Vendor addendum form */
.rsvaf {border:1px solid #C2C2C2; }
.rsvaf td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:top;height:20px;padding:10px 2px 5px 2px;}
.rsvaf td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:top;}
.srsvaf {border:1px solid #C2C2C2; }
.srsvaf td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:top;height:20px;padding:10px 2px 5px 2px;}
.srsvaf td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:top;}                                          
.arsvaf {border:1px solid #C2C2C2;background-color:#f0f0f0; }
.arsvaf td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:top;height:20px;padding:10px 2px 5px 2px; }
.arsvaf td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:top;}

.rsvaf .rsvaf {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2; border-bottom:1px solid #C2C2C2; }
.rsvaf .rsvaf td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:10px 2px 5px 2px;}
.rsvaf .rsvaf td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;}
.srsvaf .rsvaf {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;border-bottom:1px solid #C2C2C2; }
.srsvaf .rsvaf td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:10px 2px 5px 2px;}
.srsvaf .rsvaf td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;}                                          
.arsvaf .rsvaf {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;background-color:#f0f0f0;border-bottom:1px solid #C2C2C2; }
.arsvaf .rsvaf td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:10px 2px 5px 2px; }
.arsvaf .rsvaf td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;}

.rsvaf .arsvaf {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2; border-bottom:1px solid #C2C2C2; }
.rsvaf .arsvaf td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:10px 2px 5px 2px;}
.rsvaf .arsvaf td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;}
.srsvaf .arsvaf {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;border-bottom:1px solid #C2C2C2;background-color:#f0f0f0; }
.srsvaf .arsvaf td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:10px 2px 5px 2px;}
.srsvaf .arsvaf td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;}                                          
.arsvaf .arsvaf {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;background-color:#f0f0f0;border-bottom:1px solid #C2C2C2; }
.arsvaf .arsvaf td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:10px 2px 5px 2px; }
.arsvaf .arsvaf td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;}

.rsvaf .srsvaf {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2; border-bottom:1px solid #C2C2C2; }
.rsvaf .srsvaf td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:10px 2px 5px 2px;}
.rsvaf .srsvaf td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;}
.srsvaf .srsvaf {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;border-bottom:1px solid #C2C2C2; }
.srsvaf .srsvaf td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:10px 2px 5px 2px;}
.srsvaf .srsvaf td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;}                                          
.arsvaf .srsvaf {border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;background-color:#f0f0f0;border-bottom:1px solid #C2C2C2; }
.arsvaf .srsvaf td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:10px 2px 5px 2px; }
.arsvaf .srsvaf td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;}
 
.hsvaf{font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; overflow:visible; font-weight:bold;border:1px solid #666;}
.hsvaf tbody tr td{font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; overflow:visible; font-weight:bold;border:1px solid #666;}
.hsvaf th{padding:1px 2px 1px 2px;}
.hsvaf a{ font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:1.5; overflow:visible;}
.hsvaf span{ font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:1.5; overflow:visible; font-weight:bold;}

.fsvaf td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;padding-left:1px; padding-right:1px;border-top:1px solid #C2C2C2; border-left:0px;border-right:0px;}
.fsvaf td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle; border-style:none;}

.rsvaf .fsvaf { border-bottom:1px solid #C2C2C2; border-left:0px;border-right:0px;}
.arsvaf .fsvaf { border-bottom:1px solid #C2C2C2; border-left:0px;border-right:0px;}
.srsvaf .fsvaf { border-bottom:1px solid #C2C2C2; border-left:0px;border-right:0px;}

.rsvaf .hsvaf td { font-family:Arial; font-size:10px; color:#fff; text-align: left; vertical-align:top; font-weight:bold !important;}
.rsvaf .hsvaf td span{ font-family:Arial; font-size:10px; color:#fff; text-align: left; vertical-align:top; font-weight:bold !important;}
.arsvaf .hsvaf td { font-family:Arial; font-size:10px; color:#fff; text-align: left; vertical-align:top; font-weight:bold !important;}
.arsvaf .hsvaf td span{ font-family:Arial; font-size:10px; color:#fff; text-align: left; vertical-align:top; font-weight:bold !important;}
.srsvaf .hsvaf td { font-family:Arial; font-size:10px; color:#fff; text-align: left; vertical-align:top; font-weight:bold !important;}
.srsvaf .hsvaf td span{ font-family:Arial; font-size:10px; color:#fff; text-align: left; vertical-align:top; font-weight:bold !important;}

/* end vendor addendum form */


/* grid header style with no line height */
.hsnbnlh{font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; overflow:visible; font-weight:bold;border:1px solid #666;}
.hsnbnlh tbody tr td{font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; overflow:visible; font-weight:bold;border:1px solid #666;}
.hsnbnlh th{padding:1px 2px 1px 2px;}
.hsnbnlh a{ font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:1.5; overflow:visible;}
.hsnbnlh span{ font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:1.5; overflow:visible;}
/* end grid header style with no line height */

/* grid footer without height */
.fsnbnh td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;padding-left:1px; padding-right:1px;border-top:1px solid #C2C2C2; border-left:0px;border-right:0px;}
.fsnbnh td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle; border-style:none;}
/* end grid footer without height */

.gridPager th{ font-family:Arial; font-size:12px; color:#fff; padding-left:2px; vertical-align:middle; line-height:3; overflow:visible;}
.gridPager th a{ font-family:Arial; font-size:12px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:3; overflow:visible;}
.gridPager td{ font-family:Arial; font-size:12px; color:#000; text-align: center; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;}
.gridPager td span{ font-family:Arial; font-size:12px; color:#000; text-align: center; vertical-align:middle;padding:5px;}
.gridPager td a{ font-family:Arial; font-size:12px; color:#000; text-align: center; vertical-align:middle;padding:5px;text-decoration:underline;}
.gridPager, .gridPager table, .gridPager td{ border:0px !important;}
.gridPager table {background-color:#fff; margin-top:5px; margin-bottom:5px;}

.pagerTable {margin:0px auto;}
.goto_page_inputText{height:15px; width:43px; padding:3px 5px; border:1px solid #ccc;}
.goto_page{background-position:-113px -149px;width: 24px;height: 23px;text-indent:-99999px;border:0 none;margin-left:-5px;}

.pagerRecordsCount span{padding-left: 5px;}
/*table end*/

/*popup start*/
.popup_overlay{position: fixed; top: 0; left: 0; width: 100%;height: 100%;background: #000; opacity: 0.5;filter: alpha(opacity=50);	z-index:20;}
.popUp_main{ position:absolute; background:#fff; margin:0 auto; height:auto; width:100%; top:65px; left:280px; z-index:21;}
.popUp_pageContent{float:left; width:100%;font-family: arial;}
.popup_Info{width:100%;padding:5px 0px 5px 0px;margin: 0 auto;}
.popup_hd_txt{width: auto;overflow: hidden;vertical-align:top;font-size: 11px;color: #000;line-height: 1.3;margin-bottom: 3px;font-family: arial;margin-left:5px;margin-right: 130px;}
.popup_hd_txt span{font-size: 11px;}
.popup_logo{width:121px; float:right;vertical-align:top;margin-right:5px;}
.popup_logo img{border:0 none; max-width:100%; height:auto; float:right; padding-top:5px;}
.secondary_overlay{ position:absolute; top:0; width:100%; left:0; opacity:0.5;filter: alpha(opacity=50);z-index: 14; height:100%; background-color:#f5f2f2;visibility:visible;}
.load_img{ position:absolute; top:50%; left:50%; z-index:15;margin-right: -50%; transform: translate(-50%, -50%);visibility:visible;}

.popup_footer{width:100%; float:right; bottom:5px;right:10px; position:absolute;}
.popup_header{width:100%; text-align:center; font-size: 16px; color:#fff; background-color:#545454; height:30px; line-height:30px; position:relative;}
.popup_heading{height: 14px;padding-top: 8px;padding-bottom: 8px;font-family: arial;font-size: 14px;color: #ffffff;padding-left: 9px;font-weight: bold;}
.close_popup {display: inline-block;background-position: -183px -96px;width: 22px;height: 22px;position: absolute;right: 5px;top: 4px;cursor: pointer;}
.scrollbar-rail-owner {width:96%;overflow-y: auto; overflow:hidden;margin:0 auto;}
 
.popup_grd_itm{background-color:#ffffff;padding-left:3px;}
.popup_grd_alt_itm{background-color:#f0f0f0;padding-left:3px;}
.popup_grd_select_itm{background-color:#bacad4;padding-left:3px;}
.popup_grd_itm td{height: 25px;font-family: arial;font-size: 12px;color: #000000;vertical-align:middle;padding-left:3px;}
.popup_grd_alt_itm td{height: 25px;font-family: arial;font-size: 12px;color: #000000;vertical-align:middle;padding-left:3px;}
.popup_grd_select_itm td{height: 25px;font-family: arial;font-size: 12px;color: #00718F;vertical-align:middle;padding-left:3px;}

.grid_col_pad td {padding-right:5px;}
.grid_col_pad th {padding-right:5px;} 

.lookup_hd_lt_itms{width:272px;float:left;}
.lookup_hd_rt_itms{width:272px;float:right;}

/*popup end*/

/*popup createuser dialog start*/
.edit_item_header_items{width:100%;float:left;}
.audit_div_owner {width: 99%;float: left;border: 1px solid #c2c2c2;}

.popup_grd_hd {background-color: #7f7f7f; height: 25px;color: #ffffff;font-size: 12px;text-align: left;vertical-align:text-bottom;padding-left:3px;}
.popup_grd_hd th {vertical-align:middle;padding-left:3px;}
.usercreation-scrollbar-height {height: 315px;}


/*popup createuser dialog end*/

/*find user start*/
.finduser_lookUpcheck_frmGroup {margin-left: 2px;margin-top: 15px;float: left;font-size: 13px;}
/*find user end*/

/* popup heights & other styles */
.finduser_scrl_cust {height: 325px; }
.popupTiny_scrl_ht{height: 75px;}
.popupAbout_scrl_ht{height: 170px;}
.popupStd_scrl_ht {height: 320px } 
.popupBig_scrl_ht {height: 360px } 
.popupSmall_scrl_ht {height: 200px } 
.taskhistory_scrl_cust {height: 460px;margin-top:15px !important;} 
.taskmessage_scrl_cust {height: 210px;margin-top:15px !important;} 
.findcompany_frmGroup_label{width:75px !important; } 
.findcompany_scrl_cust {height: 280px;}
.roledetails_scrl_cust {height: 380px; width:755px; margin-left:10px;} 
.findvendor_scrl_cust {height: 300px } 
.findTrade_scrl_cust {height: 290px } 
.findCommodityRate_scrl_cust {height: 290px } 
.clear_dialog_scrl_cust {height: 100px } 
.findTemplate_scrl_cust {height: 240px } 
.findDocId_scrl_cust {height: 330px } 
.findPODialog_scrl_cust {height: 280px } 
.findProjAct_scrl_cust {height: 280px } 
/* end popup heights & other styles */

/* common additional start */
.popup_filter_container {width:96%;margin:0 auto;}
.popup_container {width:96%;margin:0 auto;}
.popup_row{ width:100%;float:left;margin-top:5px;}
.popup_button_row{ width:100%;float:left;margin-top:5px;}
.popup_filter_input_grp {margin-right: 10px;float: left;text-align:right; vertical-align:middle;}

.valign_mid{display: inline-block; display: -moz-inline-stack;zoom: 1; vertical-align:middle;}
.valign_top{display: inline-block; display: -moz-inline-stack;zoom: 1; vertical-align:top;}
.valign_btm{display: inline-block; display: -moz-inline-stack;zoom: 1; vertical-align:bottom;}

.page_desc{ width:100%; padding-top:10px;padding-bottom:5px;}
.page_row {width:100%; float:left;vertical-align:middle;}

/* common additional end */
/*dashboard start*/
.footerLinks{ padding:15px 0; font-size:12px; font-family:Arial; text-align: center }
.footerLinks span{ display:inline-block; vertical-align: middle; padding-right:5px;}
/*dashboard end*/

/*tab panel start*/
/*ajax tab panel style overrides*/
.atab .ajax__tab_outer, .atab .ajax__tab_inner, .atab .ajax__tab_tab, .atab .ajax__tab_header
{
    background-image: none !important;
}
.atab .ajax__tab_header
{
  height: 34px!important;
}
.atab .ajax__tab_tab, .atab .ajax__tab_tab span
{
    font-family:Arial !important; font-size:11px !important; font-weight:bold !important; color:#00718f !important; text-align:center !important;
}
.atab .ajax__tab_tab
{
    background-color: #d4e8ee;height:16px !important; line-height :20px !important; padding:3px !important;padding-top:8px !important;padding-bottom:2px !important; overflow:-moz-hidden-unscrollable !important;
}

.atab .ajax__tab_header span
{
  margin-left:2px;margin-right:2px;
}
.atab .ajax__tab_outer 
{
  margin-left:0px !important;margin-right:0px !important;
  height:0px !important;
}
.atab .ajax__tab_inner 
{
  margin-left:0px !important;margin-right:0px !important;
}

.atab .ajax__tab_outer
{
    padding: 0px !important;
}
.atab .ajax__tab_inner
{
    padding: 0px !important;
}
.atab .ajax__tab_active .ajax__tab_tab
{
    background-color: transparent !important;height:18px !important; padding:0px !important; padding-top:8px !important;padding-bottom:4px !important;
}

.atab .ajax__tab_active .ajax__tab_outer
{
    padding: 0px !important;
}
.atab .ajax__tab_active .ajax__tab_inner 
{
    border: 2px solid #00718f !important; border-bottom:2px solid #fff !important;z-index:100 !important; background-color:#fff !important; padding:0px !important;padding-left:2px !important; padding-right:2px !important;
}
/*
.atab a
{
  background-color: #d4e8ee;
}*/
.atab a.ajax__tab_disabled
{
    background-color:#d8d8d8 !important;
}

.atab .ajax__tab_disabled span
{
    font-weight:normal !important;
}

.atab .ajax__tab_body
{
    border:0px !important; border-top: 2px solid #00718f !important; padding-top:0px !important; padding-left:4px !important;font-size:inherit !important; 
}
.atab .ajax__tab_panel
{
    margin-top: -1px !important;
}
.horLine{height: 1px;width: 100%;position: relative;top: 36px;left: 0px;border-bottom: 2px solid #00718f;z-index: -1;}
.horznline{height: 1px;width: 100%;left: 0px;border-bottom: 2px solid #00718f;float:left; margin: 5px 0px 5px 0px;}
.hlinethin{
    float: left;
    width: 100%;
    border-bottom: 1px solid #CCC;
}
/*ajax tabpanel end*/
.tabContent{float:left; width:100%;margin-top:10px;}
.header_mid_div{width: 100%;background-color: #666666;height: 14px;padding-top: 8px;padding-bottom: 8px;color: #ffffff;font-size: 14px;text-align:center; font-weight:bold;}
.hdrtxt{color: #ffffff;font-size: 14px;text-align:center; font-weight:bold;}
.hclgrp{float:left; padding-bottom:10px;width:50%;}
.hcontr{width:49%;}
.hcontrfull{width: 100%;}
.wrapper{border:1px solid #ccc;}
.wrapperbtm{border-bottom:1px solid #ccc;}

/*tab panel end*/
.lstbox260{width:272px;padding:3px 5px;border:1px solid #cccccc; height: 65px;}
.bdytxt{font-family:Arial; font-size:12px;color:#000;}
/**discount profile maintenance**/

.green {background: none repeat scroll 0% 0% #C2D8C4;}
.blue {background: none repeat scroll 0% 0% #97D7E6;}

.grn {
  background: #C2D8C4 !important;
}
  .grn[readonly] {
    background: #C2D8C4 !important;
  }
  .grn[disabled] {
    background: #C2D8C4 !important;
  }

.even_row{background-color:#ffffff;}
.odd_row{background-color:#f0f0f0;}
/**discount profile maintenance ends**/
/*file upload start*/
.fld{font-size:10px;font-weight:normal;padding:0px;border-collapse:collapse;border:1px solid #ccc;background-color: #fff;}
.pdtp1{padding-top:1px;}
.nt{font-size:11px;font-weight:normal;padding:0px;border-collapse:collapse;color:#000;}
div .msg-success{border-color: #008c00;background-color: #daeed9;padding: 2px 0px 5px 0px;}
span .msg-error, div .msg-error{border-color: #d90000;background-color: #f8d9d9;padding: 5px 0 5px 0px;}
div .msg-success span, div .msg-error span{padding-left: 15px;}
/*file upload end*/
/** Document maintenance **/
.font12{font-size:12px !important;}
.link12{font-size:12px !important; text-decoration:underline;}
.brd0{border: 0 none !important;}
.trt{text-align:right !important;}

/** End Document maintenance **/

/** Email Template **/
.hclgrp33pct{float :left;width:33%; text-align:left; vertical-align:top; }
.hclgrp66pct{float :left;width:66%;text-align:left; vertical-align:top; }
.hclgrp100pct{float :left;width:100%;text-align:left; vertical-align:top;}
.hclgrp20pct{float :left;width:20%; text-align:left; vertical-align:top; }
.hclgrpnw{float :left; text-align:left; vertical-align:top; padding-right:10px;}

.ajax__html_editor_extender_texteditor {font-size  :13px; line-height:1.2;}

.bold {font-weight:bold;}
 
/** End Email template **/
/*Inquiry start*/
.add_icon{display:inline-block; margin-right:10px; background-position:-82px -95px;	width: 22px;	height: 22px; vertical-align:middle;border: 0 none !important;}
.add_icon_primary{display:inline-block; margin-right:10px; background-position:-134px -95px;width: 22px;height: 22px;vertical-align:middle;border: 0 none !important;}
.remove_icon{display:inline-block; background-position: -108px -95px;width: 22px;height: 22px; vertical-align:middle;border: 0 none !important;margin-top:2px;}

.trow td{padding-top:5px;}
/*.trow td input[type="image"]{margin-top:-1px;}*/
.it
{
  font-style:italic;
}
/*Inquiry end*/

/* role maintenance */
/* end role maintenance */
/*audit threshold start*/
.nb{border:0 none !important; }
.nw{white-space:nowrap;}
.w{white-space:normal; white-space: normal !important;}
.page_std_scrl_ht {height: 480px; }
.lineacc_scrl_ht {height: 450px; }
.atmers td{padding-right:2px;padding-top:2px;}
.valm{vertical-align:middle;}

.outer{padding:0px;margin:0px;clear:both;position:relative;}
.inner{overflow:auto;padding:0px;margin:0px;height:100%;}
.bt{font-weight:bold;}
.inner2{}
/*audit threshold end*/

/* vendor maintenance */
.lnht15{line-height:1.5;}
/* end vendor maintenance */

/*invoice entry start*/
.invoicenum{font-family:Arial; font-size:18px;color:#666666;}
.invsect{border-top:2px solid #ededed;}
.invrow { padding-top:5px !important; }
.bb{padding:0px 0px 2px 0px;border-bottom:solid 2px #3d9abc;}
.page_actdi_scrl_ht {height: 180px; }
.numberr {
  text-align: right;
}

.close_dialog_scrl_ht {height: 100px; }
.scroll{position:absolute;border:dotted 1px grey;overflow:auto !important;left:1px;right:1px;bottom:30px;}
.tblAddnInfo {margin-bottom:20px;}
.tblAddnInfo td{padding-top:5px !important;}
.verttop{vertical-align:top;}
.lnkbt{font-size:11px;text-decoration:underline;}
.useradd{background-position:-275px -73px;width: 20px;height: 20px;}
.useradd:hover {background-position: -275px -73px;width: 20px;height: 20px;}
.useradd:active{background-position:-275px -73px;width: 20px;height: 20px;}
.useradd[disabled]{background-position:-145px -455px;width: 20px;height: 20px;}

/*invoice entry end*/
/*popupalert start*/
.alert{float: left;margin:0px;padding:0px;position:absolute;display:none;text-align:left;z-index:15;width: 400px;border: 1px solid #c2c2c2;}
.alert .top{color:#fff; background-color:#545454;clear: none;height:26px; line-height:26px;}
.alert .top p{float: left;clear:none;margin:0px;padding-left: 2px;font-weight:bold;color:#fff;}
.alert .top .close{display: inline-block;background-position: -183px -96px;width: 22px;height: 22px;position: absolute;right: 5px;top: 2px;cursor: pointer;}
.alert .btm{background-color: #f1f1f1;color:Black; padding: 3px 2px 3px 2px;}
.alert ol{padding:0px;margin:0px;}
/*popupalert end*/

/* task Scheduler */
.brdrlt
{
 border-left:1px solid #C2C2C2;   
}
.brdrrt
{
 border-right:1px solid #C2C2C2;   
}

.brdr { border:  1px solid #C2C2C2; }
.brdrerrpage { border:  1px solid #545454; }

.hsnb0{font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c !important; padding-left:2px; vertical-align:middle; line-height:2.5; overflow:visible; font-weight:bold;border:1px solid #666;}
.hsnb0 th{padding:1px 2px 1px 2px;}
.hsnb0 a{ font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:1.5; overflow:visible;}
.hsnb0 span{ font-family:Arial; font-size:11px; color:#fff; background: #6c6c6c; padding-left:2px; vertical-align:middle; line-height:1.5; overflow:visible;}
.rsnb0 {border:0px;}
.rsnb0t {border:0px;background-color:#fff;}
.rsnb0c {border:0px;background-color:#edeacb;}
.rsnb0 td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:1px 2px 1px 2px;}
.rsnb0 td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;}
.srsnb0 {border:0px;background-color:#bacad4;}
.srsnb0 td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:1px 2px 1px 2px;}
.srsnb0 td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;}
.arsnb0 {border:0px;background-color:#f0f0f0;}
.arsnb0t {border:0px;background-color:#f0f0f0 !important;}
.arsnb0 td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding:1px 2px 1px 2px; }
.arsnb0 td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;}
.fsnb0 td{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle;height:20px;padding-left:1px; padding-right:1px;border:0px;}
.fsnb0 td span{ font-family:Arial; font-size:10px; color:#000; text-align: left; vertical-align:middle; border-style:none;}
.rsnb0t td{ font-family:Arial; font-size:10px; text-align: left; vertical-align:top;padding:1px 2px 1px 2px; }
.arsnb0t td{ font-family:Arial; font-size:10px; text-align: left; vertical-align:top;padding:1px 2px 1px 2px; }
.arsnb0t td table {background-color:transparent;}
.tbrdr td{vertical-align:middle; border:1px solid #C2C2C2;}
/* end task scheduler */

/* Comment list dialog */

.posbtm5
{
    position:absolute;
    bottom:10px;
}

/* End comment list dialog */

/*** -- Help - Privacy Statement/ Terms and conditions starts here ***/
.privcontainer{width:938px;margin:0 auto;border:1px solid #000; word-spacing: 1px;line-height: 1.3; margin-top:10px;}
.privcontainer p{ text-align:justify;}
.privintro{margin:20px 10px 27px;font-size:12px;color:#000;}
.privcontainer h2{font-size:18px; margin:0 10px 18px;}
.privcontainer h3{font-size:14px; margin:0 10px 10px;}
.general_text{margin:0 10px 20px;font-size:12px;color:#000;}
.privul{list-style:disc;margin:0 10px 17px 25px;}
.privul li{font-size:12px;color:#000;}
.privacyStatement_copyright{margin:0 10px 22px;font-size:11px;color:#000;}
/*** -- Help - Privacy Statement/ Terms and conditions ends here ***/

/* error page starts */
.font24{font-size:24px !important;}
.font16{font-size:16px !important;}
.font14{font-size:14px !important;}
.color2{ color:#666666;}
.justify{text-align:justify;}
/* error page ends */

/*start vendor registration*/
.topbotborder{border-left:0px none #C2C2C2 !important;border-right:0px none #C2C2C2 !important;border-top:1px solid #C2C2C2 !important;border-bottom:1px solid #C2C2C2 !important;}
.arowbgcol{background-color:#f0f0f0;}
.vndrcaptcha input[type="text"]{height:15px; padding:3px 5px; border:1px solid #ccc;}
/*end vendor registration*/
/* error page ends */

/*site offline starts here*/
.catalyst_window{width:750px;height:420px;border:2px solid #c2c2c2; margin:0 auto;margin-top:90px; border-radius:5px;}
.logo_big{float:left;width:150px;padding-top:50px;padding-left:149px;margin-bottom:40px;}
.logo_big img{width:450px;}
.normal_font_style{font-family:arial,regular;font-size:21px;color:#000000;float:left;width:100%;text-align:center;}
.full_width{float:left;width:100%;}
.normal_font_style_one{float:left;font-family:arial,regular;font-size:21px;color:#000000;margin-top:30px;margin-bottom:59px;margin-left:250px;}
.overflow_hide{overflow-y: hidden;}
/* site offline ends here*/
.lgncaptcha input[type="text"]{background-position: 2% 50%;	padding: 10px 5px 10px 5px;	width: 208px;	border-radius: 5px;	border: none;font-size:14px;font-family:Arial, Helvetica, sans-serif; width:75px;}
.lgncaptcha span{color:#ffffff; font-size:14px; letter-spacing: 0.75px;display: inline-block;word-wrap: break-word; margin-top:18px; text-align:center;}
.errtxtcolr{ color:#cc0000;}
/*SSO related begin*/
.loginOption
{
  margin-top:10px;width:100%;text-align:right;
}
.loginOption button
{
    height: 25px;	padding-right: 10px;color: #ffffff;text-decoration:underline;background-color: transparent;font-size: 16px;font-family: Arial;font-weight:bold; border: none;
}
/*SSO related end*/
.bb1
{
  padding:0px 0px 2px 0px;
  border-bottom:solid 1px black;
}
div.pgPrnt
{
  float:left;
  width:100%;
}
div.pl
{
  float:left;
  width:20%;
}
div.pgPrnt div
{
  height:27px;
}
div.pl
{
  float:left;
  height:27px;
  text-align: left;
}
div.pl span
{
  line-height:27px;
  vertical-align:middle;
}
.pgFDiv
{
  float:left;
}
.pgDirect{
  float:right;
}
/*
div.pgPrnt #content_dg_pagerDiv
{
  width:65%;
}
div.pl
{
  display: table-cell; 
  width: 220px;
}

div.pr
{
  display: table;
  width: 100%;
}
div.pr div 
{
  display: table-cell; 
}
div.pr #pagerFirstDiv{
  display: table-cell; 
  width: 150px; 
  min-width: 150px; 
  text-align: center;
}
div.pr #pagerDivDirect{
  text-align:right;
}
div.pr #pagerDiv{
  display: table-cell; 
  width: 100%; 
  min-width: 150px; 
  text-align: center;
}*/
div.pgPrnt span
{
  padding-left:5px;
  padding-right:5px;
  line-height:27px;
  vertical-align:middle;
}
div.pgPrnt a
{
 font-family:Arial; font-size:12px; color:#000; text-align: center; vertical-align:middle;padding:5px;text-decoration:underline;
}
div.pgPrnt input[type='text']
{
  padding-right:5px;
  text-align:right;
  width:30px;
  vertical-align:middle;
}
div.pgPrnt input
{
  vertical-align:middle;
}
.redrow span {color: #FF0000;}
.bluerow span {color: #0000FF;} 
/* Catalyst control console styles */
.visiblityhdn
{
  visibility: hidden;
}
.visiblityvis
{
  visibility: visible;
}

.widgetActionContainer
{
  float:right;
  width: 50px;
	height: 20px;
}

.widgetOptionsMenu
{
  background: url('../images/cat_console_widget_opt.png') no-repeat -9px -4px;
	width: 17px;
	float:right;
	margin-right:5px;
}

.header_mid_div2{width: 100%;background-color: #ccc;height: 14px;padding-top: 8px;padding-bottom: 8px;color: #000000;font-size: 14px;text-align:center; font-weight:bold;}

/* End of Catalyst control console styles */

/*media query styles to render style based on screen width generic error page*/
@media screen and (max-width: 799px) {
  .divErrCenter
  {
      border: 1px solid lightgrey;
      background: whitesmoke;
      display: inline-block;
      vertical-align: middle;
      padding-top: 10px;
	  padding-bottom: 10px;
  }
  .divErrOuter
  {
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translate(-50%, -50%);
	  text-align: center;
  }
}
@media screen and (min-width: 800px) {
  .divErrCenter
  {
      height: 100px;
      width: 500px;
      border: 1px solid lightgrey;
      background: whitesmoke;
      display: inline-block;
      vertical-align: middle;
      padding-top: 10px;
  }
  .divErrOuter
  {
      width: 100%;
      height: 700px;
      margin: auto;
      text-align: center;
      padding-top: 150px;
  }
}

/*SSO related styles - start*/

/*class to right align flex/online labels - start*/
.dynamic_label_td
{
    text-align: right;
    padding-right: 5px;  
}
/*class to right align flex/online labels - end*/

/* start Portlet */
div.portlet { margin: 0 0 20px; }
/* Header */
div.portlet div.portlet-header { overflow: auto; padding: 6px 10px 4px; background: #30476f url(../images/bg-section-header.png) repeat-x 0 50%; 
  color: #fff; text-align: right; border-bottom: solid 1px #405e92; line-height: 14px; }
div.portlet div.portlet-header a { margin: 0 4px; color: #b3d7f1; }
div.portlet div.portlet-header h3 span { display: inline; float: left; margin: 0; color: #fff; font-size: 16px; font-weight:normal; }

/* Content */
div.portlet-content { border: solid 1px #A7ABB4; border-top: none; background: #fff; padding: 10px }
div.portlet-content.full-width { padding: 0; }
.portlet-content:after { content: ".";display: block;height: 0; clear: both; visibility: hidden;}
* html .portlet-content { height: 1%; }
*:first-child+html .portlet-content{ min-height: 1px; }
div.portlet-content p { margin: 10px 0; }

div.portlet h3 a.collapse-toggler { float: left; display: inline; width: 16px; height: 16px; cursor:default; background-position:-269px -57px; text-align: left; text-indent: -9999px; margin: 0 4px 0 0; padding: 0; }
div.portlet.collapsed h3 a.collapse-toggler { cursor:default;background-position:-248px -57px; }
div.portlet.collapsed div.portlet-content { display: none; }
/* end Portlet */
/* this need to be last to ensure it overrides any previous display settings*/
.hide {
  display: none;
}


/*AutoComplete flyout */
.completionList {
  margin: 0px;
  padding: 0px;
  height: 200px;
  overflow: auto !important;
  background-color: #FFFFFF;
  min-width: 350px;
  border: 1px solid grey;
  list-style-type: none;
  text-align: left;
  z-index: 100000000000 !important;
  position: absolute;
  float: left;
}

.listItem {
  color: #1C1C1C;
  border: 1px solid #DDD;
  line-height: 25px;
}

.itemHighlighted {
  background-color: #77BACE;
  line-height: 25px;
  cursor: pointer;
}
/*-----------------------------------------------------
 * Reorder List
 *---------------------------------------------------*/
.dragHandle {
  width: 20px;
  height: 20px;
  background-image: url(../images/reorder-symbol.png);
  cursor: move;
  margin: 0px 25px 0px 50px;
}

.callbackStyle {
  border: thin blue inset;
}

  .callbackStyle table {
    background-color: #5377A9;
    color: #FFF;
  }

.reorderList li {
  list-style: none;
  background-image: url(../images/bg_nav.png);
  background-repeat: repeat-x;
  line-height: 30px;
}

.itemDisabled {
  background-image: url(../images/bg_disabled.png) !important;
}

.dragVisualContainer li {
  list-style: none;
  background-image: url(../images/bg-menu-main.png);
  background-repeat: repeat-x;
  color: #FFF;
}

.reorderList li a {
  font-weight: bold;
}

.reorderCue {
  border: dashed thin black;
  width: 100%;
  height: 20px;
}

.itemArea {
  margin-left: 15px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  text-align: left;
}

.noselect {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: move;
}

.selectable {
  cursor: default;
  width: 60px;
  text-align: center;
}

.successMargin {
  margin: 10px 0px 0px 50px;
}

.countTxtAlign {
  float: right;
  margin-top: 5px;
}

.gridx5 {
    /*display: grid;*/
    grid-template-columns: 120px 120px 120px 120px 120px;
    grid-template-rows: auto;
}

.cell {      
    border: 2px;
    padding: 10px;
    margin-right: 15px;
    float: left;
}

.mandatory::before {
    content: "*";
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    text-align: center;
    line-height: 1.25rem;
    font-weight: bold;
    color: #ea3326;
    z-index: 97;
    font-size: 0.8rem;
}