@charset "utf-8";
/*
 -------------------------------------------------
default css
 -------------------------------------------------
 */
 
 
@font-face {font-family: SegoeUI; src:url(../fonts/segoeui.ttf);}
*{margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
header, section, footer, .row, .top_header, .header, .top_footer, .copyright, .full {width: 100%;  float: left;}
body{font-family: SegoeUI; font-size:14px; color:#737373;  background:#f7f7f7;  overflow-x: hidden;  transition: transform .2s;  -webkit-transition: -webkit-transform .2s;}
#slidemenu {display:block;}	
#btnleft{display:none; width:100%; background:url(../images/menu_icon.png) 10px 10px no-repeat #3590AF; height:35px; color:#fff; text-align:right;   padding:0 3%;}
.container-outer {width: 100%; height: auto; }
.container-inner { width: 100%; }
.container-outer1 { overflow-y: auto; }
.container-inner1 { width:1400px; }
table.dataTable td {padding-right:1px !important;}

 .chnage_password{width:200px!important;}
/*
 -------------------------------------------------
header
 -------------------------------------------------
 */
.wrapper {width: 79%; float:left; margin-left:20%;}
.top_wrapper {width: 98%;float: left;margin: 0 1%;}
.wrapper1 {width: 100%; float:left; padding:0 ;  margin:70px 0 0;}
.top_header{  padding:5px 0; background:#fff;border-bottom: 1px solid #d1dbe8;  box-shadow: 0 0 2px rgba(0,0,0,.12);}
.logo{ float:left;}
.admin_heading{font-size:30px; color:#fff; padding:5px 0 ;  float:left; font-style:italic;}
.admin_icon{width:20px; float:left; margin-right:5px;}
.logout{float:right; width:20px; margin-top:12px; }
.admin_name{width:auto; float:right; font-size:12px; color:#fff; background:url(../images/user.png) 0 10px no-repeat; padding:13px 15px 0 23px; margin-top:0;}
.dtime { font-size:12px;  color:#fff; padding:15px 2% 0 35px; text-align:center; float:right; height:25px; background:url(../images/clock.png) 5px 10px no-repeat;}
.last_login{  font-size:12px;  color:#fff; width:100%; float:left; text-align:center; background:#969696;  padding:5px 0; margin-top:10px; }
.orange_color{color:#fff;}
.header {background-color:#ffffff;  border-bottom:1px solid #415464; padding:5px 0px;}
.header{ height:75px;}
.Role{ float:right; padding:12px 15px 0 0; }
.Role .role_heading{font-size:12px; color:#fff; padding:3px 5px; float:left;}
.Role select{width:auto; font-size:12px; padding:1px 5px; float:left; border:solid 1px #ccc; color:#737373; background:#fff;}
#left-panel-link{display:none;}
.custom-wrapper2{margin-top: 0;}
/*
 -------------------------------------------------
dashboard
 -------------------------------------------------
 */
.user_icon{width:100px; height:35px; margin-top:5px; padding-top:65px; border:solid 1px  #E2E2E2;  font-size:13px; font-weight:bold; text-align:center; color:#003D4B; background:url(../images/user_icon.png) 27px 16px no-repeat; float:left; font-family:Arial, Helvetica, sans-serif; margin-right:15px;}
.client_icon{ background:url(../images/client_icon.png) 33px 16px no-repeat;}
.blog_icon{ background:url(../images/blog_icon.png) 33px 16px no-repeat;}
.news_icon{ background:url(../images/news_icon.png) 33px 16px no-repeat;}
.client_admin{background:url(../images/client_admin_icon.png) 33px 16px no-repeat;}
.count_box{    width: 15%;
    display: flex !important;
    justify-content: space-between;
    float:left; background:#f7f7f7;  
    border-bottom:solid 3px #e4e1e1; 
    color:#000!important; 
    border-radius:1px; padding:.5% .5%;}
/*.count_box:hover, .count_box:focus{ background:#d4d4d4; border:solid 2px #fff;}*/
h1.activetab{color:#43b9f6 !important;}
h2.activetab{color:#fff !important;   
    background: #0262AF;
    border-radius: 50%;
    padding: 5px;
    margin-left: 10%;}
.count_box h1{font-size:13px;line-height:25px; text-align:left; }
.count{text-align:center; float:left; width:100%; font-size:16px; line-height:35px; color:#059DC1;}
.count_box .pic{width:16px; margin:0 auto; padding:5px 0;}
 .last{margin:0 0 5px 0; float:right;}
 /*.color-1{background:#00c0ef;}
 .color-2{background:#dd4b39;}
 .color-3{background:#00a65a;}
 .color-4{background:#f39c12;}
 .color-5{background:#8bc34a;}
 .color-6{background:#ffc107;}
 .color-7{background:#2196f3;}
 .color-8{background:#e91e63;}*/
  .color-1{background:#c9c9c9;}
 .color-2{background:#9c9c9c;}
 .color-3{background:#9c9c9c;}
 .color-4{background:#9c9c9c;}
 .color-5{background:#9c9c9c;}
 .color-6{background:#9c9c9c;}
 .color-7{background:#9c9c9c;}
 .color-8{background:#9c9c9c;}
 .active-color{ background:#0262af;}
 .icon{width:15%; float:left; padding: 0;}
 .count_box h2{   text-align: center;
    font-size: 14px;
    font-weight: normal;
    margin-left: 5%;
    background: #ccc;
    padding: 5px;
    border-radius: 50%;
       margin-top: 4px;
        line-height: .7;
    height: 40%;
    width: 60%;}
.tab-auction-style{display: flex; justify-content: space-between;}
/*
 -------------------------------------------------
right section
 -------------------------------------------------
 */
.right_part{width:100%; float:left;}
.progress_bar{width:99%; float:left; border-left:solid 1px #ccc;}
.active_stage{width:21%; float:left; background:#f1f1ef; border-top:solid 1px #ccc;  border-bottom:solid 1px #ccc; }
.active_right{width:22px; float:left; background:url(../images/active_right.png) no-repeat; height:45px;}
.inactive_right{width:22px; float:left; background:url(../images/inactive_right.png) no-repeat; height:45px;}
.active_first{background:url(../images/active_fst.png) no-repeat;}
.active_last{background:url(../images/active_right_last.png) no-repeat;}
.inactive_last{background:url(../images/inactive_right_last.png) no-repeat;}
.active_number{font-size:12px; float:left; color:#fff; padding:2px 7px; background:#059DC1; margin:11px 0 0 5px; border-radius:50%;}
.active_name{font-size:12px; float:left; padding:5px;text-align:center; color:#003744; line-height:33px;}
.inactive_stage{width:21%; float:left; background:#fafafa; border-top:solid 1px #ccc;  border-bottom:solid 1px #ccc; }
.inactive_number{font-size:12px; float:left; color:#fff; padding:2px 7px; background:#b5b5b5; margin:11px 0 0 5px; border-radius:50%;}
.inactive_name{font-size:12px; float:left; padding:5px;text-align:center; color:#b5b5b5; line-height:33px;}
.no_rgt_border{border-right:none;}
.row{ padding:5px 0;}
.one_fourth{width:25%; float:left; padding:5px 0;}
.one_fourth > label{text-align:right; font-size:13px; color:#087690;  padding-top:3px;  padding-right:1%; }
.form_bg{width:99.8%; float:left; padding:1% 0;  background:#fff; border:solid 1px #ccc;     margin-bottom: 10px;}
.form_bg1{width:99.8%; float:left; padding:1% 0;  background:#fff; border:solid 1px #ccc;    margin-bottom: 10px;}

.row > label{width: 25%;
    float: left;
    text-align: right;
    font-size: 14px;
    color: #1e1c1d;
    padding-top: 3px;
    padding-right: 1%; word-break: break-word;
    }
.row > input, .row > select, .row > textarea {border:solid 1px #ccc;  color:#737373; background:#fff;  font-size:12px; padding:6px 10px; width:48%;}
.row > select{width:50.6%;}
.red{color:#F00;}
.success_msg{width: 96%;float: left;color: #157D0B;  font-size: 13px; background:url(../images/icon_checkmark_small.png) left no-repeat #ccebc9;   text-align:left;padding: 0 1% 0 3%;     background-position: 4px 6px; line-height:30px;}
.error-auction{color:#000; font-size:12px; width:96%; float:left; background:#f78d8d; padding:0 2%; line-height:25px; }
/*.error{color:#000; font-size:12px; width:95%; border:solid 1px #bbb; float:left; background:#f78d8d; padding:0 2%; line-height:25px; }
.error1{color:#F00; font-size:12px; width:95%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:0 2%; line-height:25px; }*/
.checkbox {
    width: 15px!important;
    box-shadow: none!important;
    /*vertical-align: -webkit-baseline-middle;*/
	vertical-align: middle;
	
}
.checkbox_left{float:left; width:15px!important; vertical-align: middle;     margin-top: 3px!important;}
.module_heading{font-size:14px;  width:97%; border:solid 1px #003744; float:left; color:#fff;  padding:3px 1%;
background: #387C8C; /* 
background: -moz-linear-gradient(top, #5c89bc 0%, #507db1 47%, #436fa1 100%);
background: -webkit-linear-gradient(top, #5c89bc 0%,#507db1 47%,#436fa1 100%); 
background: linear-gradient(to bottom, #5c89bc 0%,#507db1 47%,#436fa1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c89bc', endColorstr='#436fa1',GradientType=0 );  */
}
.auto_width{width:auto!important; float:left;}
.captcha{width:80px; }
.btn {
    background: #0262af!important; /* Fallback */
    color: #ffffff!important; font-size:12px; transition:all ease 300ms;
     box-shadow:none!important; border:none!important;
    text-decoration: none; width:auto!important; padding:6px 20px!important; cursor:pointer;}
.btn:hover{ background:#000!important;}
fieldset { float: left; background:#fafafa;  padding: 1%; border:solid 1px #ccc; width:97%; color:#0287A7;  font-size:16px;  font-family:Arial, Helvetica, sans-serif;}
.inner_fieldset{background:#fff;  color:#000; margin-top:25px; font-size:14px; width:90%; float:left; }
.inner_fieldset label{font-size:12px; color:#666;}
.wid_20{width:20%; float:left;}
.edit1{width:17px; float:left; margin:0 0 0 5px;}
.edit2{width:25px; float:left; margin:0 0 0 5px;}
.view{width:17px; vertical-align:middle; margin:0 5px; }
.selected{width:30px; vertical-align:middle; margin:0 5px; float:right; }
.tp_adding{padding-top:25px!important;}
.flt_rgt_mrgn{float:right!important; margin-right:15px;}
/*
 -------------------------------------------------
datagrid table
 -------------------------------------------------
 */
.grid_border{width:98%; float:left; margin:0 1%;}
.grid_border1{width:98%; float:left; margin:1%;}
.link{text-decoration:none; color:#0262af; transition: all ease-in 100ms; font-size:12px;}
.link:hover, .link1:hover {
    text-decoration: none;
    color: #737373;
}
.link1 {
    text-decoration: none;
    color: #ff751d;
    transition: all ease-in 100ms;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 100%;
    padding: 5px 0 0 0;
}
.datagrid{width:99%; float:left; padding:.5% .5%; }
.full-wid{width:100%; float:left; padding:.5% 0; }
.datagrid h4{font-size:16px;  color:#13548a;  padding:10px 0 10px 1%; font-weight:normal; margin-bottom: 10px; border-bottom:solid 1px #ccc;  width:98%; float:left;}
.datagrid table { border-collapse: collapse; text-align:left; width: 100%; vertical-align:middle; border:solid 1px #ccc; } 
.datagrid {font-size: 14px; background: #fff; overflow: hidden;     border-radius: 5px;  }
.datagrid table td{ padding: 5px 5px; }
.datagrid table th { padding: 5px 5px; }
.datagrid table thead th {background-color:#B0CFF4; color:#333333;     word-wrap: break-word;     word-break: keep-all; font-size: 13px!important; font-weight: bold; border-left: 1px solid #ccc; vertical-align: middle; }
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #2b2b2b; border-left: 1px solid #ccc; word-break: keep-all; font-family:Arial; font-size: 13px!important;font-weight: normal; vertical-align: middle; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tbody tr:nth-child(even) { background: #fff;  color: #737373;}
.datagrid table tbody tr { border-top: solid 1px #ccc;background: #f9f9f9; }
.datagrid table tfoot td div { border-top: 1px solid #CECECE;   background: #f9fbff;} 
.datagrid table tfoot td{ margin:0; padding:0;} 
div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }
.btn-box-area{margin: 0px 0 20px;text-align: center;}
 -------------------------------------------------
breadcrump
 -------------------------------------------------
 */

#breadcrumb { float: left; display: block;  margin-bottom:15px; }
#breadcrumb ul{ list-style: none; }
.active{color:#000!important; font-weight:bold;}
.crumbs { display: block; }
.crumbs li {  display: inline;}
.crumbs li.first { padding-left: 8px; }
.crumbs li a, .crumbs li a:link, .crumbs li a:visited { font-family:Arial, Helvetica, sans-serif; color: #000; display: block; float: left; font-size: 12px;   padding: 5px 10px 5px 5px;  text-decoration: none;  background:url(../images/breadcrumb.png) center right no-repeat;  }
.last_child { background:none!important;}
.crumbs li a:hover { color: #333; cursor: pointer; }
.crumbs li a:active { color: #000;  }
.crumbs li.first a span { height: 29px; width: 3px;  position: absolute; top: 0px; left: 0px; }
.active_number1{font-size:12px; float:left; color:#fff; padding:1px 5px; background:#0262af; margin:-1px 2px 0 0; border-radius:50%;}
.grey1{background:#CACACA;}
.select{border:solid 1px #ccc; width:auto; padding:2px; font-size:12px;     color: #737373;}
.select_Auto{border:solid 1px #ccc; width:100px!important; padding:2px;    color: #737373;}
.checkbox_level{font-size:12px; }
.select_option_heading{font-size: 12px;
    color: #087690;
    padding-top: 3px;
    padding-right: 1%;
    font-family: Arial;
}
.select3{ width:97%  !important; border:solid 1px #ccc; padding:2px .5%; font-size:12px;  color: #737373;}
.select4{ width:150px!important; border:solid 1px #ccc; padding:2px;     font-size:12px;  color: #737373;}
.select5{ width:156px!important; border:solid 1px #ccc; padding:2px;     font-size:12px;  color: #737373;}
.select6{ width:100px!important; border:solid 1px #ccc; padding:2px;     font-size:12px;  color: #737373;}
.select7{ width:80px !important; border:solid 1px #ccc; padding:2px;     font-size:12px;  color: #737373;}
.select8 {
    width: 24.1%!important;
    border: solid 1px #ccc;
    margin-right: 1%;
    padding: 2px;
    font-size: 12px;
    float: left;
    background: #fff;
    color: #737373;
}
.auction-select{ width:80px!important; border:solid 1px #ccc; padding:5px 2px; font-size:14px;      color: #737373;}
.auction-select1{ width:auto!important; border:solid 1px #ccc; padding:5px 2px; font-size:16px; background: #ecf0f5;     font-weight: bold;      color: #2a3f54;}
/*
 -------------------------------------------------
searching
 -------------------------------------------------
 */
.search-area{float:left; padding-left:50px;}
.search-area label{color:#0287A7; font-size:12px; margin-left:10px;  padding:0 2px;}
.select1{border:solid 1px #ccc; padding:5px 5px; font-size:12px; color:#737373; background: #fff;}
.mrgn-right{margin-right:1%;}
/*

 -------------------------------------------------
form
 -------------------------------------------------
 */
.one_third{width:33.3%; float:left;}
.form_bg h1, .form_head_bg h1{ font-size:18px; color:#000; padding:5px 0;  font-weight:normal; float:left;}
.form_head_bg h2{ font-size:14px; color:#000; padding:5px 0;  float:left;}

.form_head_bg2 h1{ font-size:16px; color:#000;  font-weight:normal; float:left;}
.form_bg h2{ font-size:15px; color:#fff;  font-weight:normal; float:left;}
.form_head_bg{padding:3px 1% 3px 1%; float:left; width:98%; }
.form_head_bg2{padding:3px 1% 3px 1%; float:left; width:98%; color:#000; }
.form_head_bg1{ padding:3px 1% 3px 3%; margin:0 1% 5px 1%; float:left; width:94%; background:url(../images/expand1.png) 5px 8px no-repeat #42BBD8; cursor:pointer;}
.open  .form_head_bg1{ background:url(../images/expand2.png) 5px 8px no-repeat #42BBD8; }
.half{width:50%; float:left;}
.btn_row{text-align:right;  margin-top:10px;}
.btn_row1{text-align:right; padding:10px 0 0 0;  margin:10px 2%; width:96%;}
.label_61{width:69%!important;}
.wid_100{width:17%!important;}
.form-row{padding:1px 0; float:left; width:100%;}
.error-msg{color:#F00; font-size:12px;  width:60%; padding:3px 0 3px 38%;}
/*


/*
 -------------------------------------------------
left menu
 -------------------------------------------------
*/

.left_part{width:17%;  margin:1%; padding:2% 0 2% 0; top:70px; position:absolute; height:81%;  background:#425166;          }
.welcome{ font-size:20px; color:#fff; padding-left:5%;}
.user-name{font-size:13px; color:#fff; line-height:22px; padding-left:5%;}
/*.left_part ul{margin:10px 0; border-top:solid 1px #00bcd4; padding:10px 0 10px 2%;}
.left_part ul li{color:#fff; line-height:30px; padding-left:25px; font-size:12px;  border-left: solid 3px #222d32;}
.left_part ul li a{color:#b8c7ce; text-decoration:none;}
.active-side, .left_part ul li:hover{border-left: solid 3px #00BCD4!important; background:url(../images/icon-home.png) 5px 6px no-repeat #1a2226!important;}
.icon-home{background:url(../images/icon-home.png) 5px 6px no-repeat;}*/
#tooltip{
	position:absolute;
	border:1px solid #333; cursor:help;
	background:#f7f5d1;
	padding:2px 5px; font-size:12px;
	color:#333;
	display:none;
	}	
	.tooltip-anchor{width:17px;}
/*
 -------------------------------------------------
tabbed panel
 -------------------------------------------------
 */
 
.tabbed_panel{width:100%; float:left;} 
.tabbed_panel ul{float:left;}
.tabbed_panel  li{display:inline-block; padding:10px;  font-size:12px; color:#AFAFAF;}
.tabbed_panel .current{border-bottom:solid 2px; color:#0262af;}
.serachwidth{width:400px;}
.create{font-size:20px; margin: 10px 0 0 0;  padding: 0 10px 0 0; float:left; width:auto; border-right:solid 1px #000; color:#000; }
.create_nobdr{font-size:20px; margin: 10px 0 0 0; float:left; width:auto; color:#000; }
.norgtbdr{border:none;}
.create_icon{width:26px; float:left;  padding:7px 0 0 5px;}
.bdr_btm{border-bottom:solid 1px #000; margin-bottom:5px;}
.wrap_80{width:80%; float:left; padding-left:20px;}
.clear{width:100%; float:left; height:1px;}
.location_drop{min-width: 200px;float:left;}
#btnAdd{ width:20px; border:solid 1px #ccc; height:20px; background:url(../images/left.png) center center no-repeat; cursor:pointer; margin-top:15px; font-weight:bold;}
#btnRemove{ width:20px; height:20px; border:solid 1px #ccc; background:url(../images/right.png) center center no-repeat; cursor:pointer;  font-weight:bold;}
.arrowbtn{float:left; margin:10px;}
.arrowbtn1{float:left; margin:40px;}
.paddding15{margin-left: -5px;}
.gap{width: 12.2%;  float:left; text-align: right;  font-size: 12px;    color: #087690;    font-weight: bold;    padding-top: 3px;    padding-right: 1%;    font-family: Arial;}
.gap1{width: 20%;  float:left; text-align: right;  font-size: 12px;    color: #087690;    font-weight: bold;    padding-top: 3px;    padding-right: 1%;    font-family: Arial;}
.module_full{width:98%; float:left; padding:40px 1% 0 1%;}
.animate_bdr {display:inline-block;  text-decoration: none;}
.animate_bdr::after {content: ''; display: block;  width:0; height:2px;  background:#0262af; transition:width .3s;}
.animate_bdr:hover::after {width: 100%; transition:width .3s;}
.decpripor_label{width:100%; float:left; text-align:left; padding-bottom:10px;}
/*
 -------------------------------------------------
tooltip
 -------------------------------------------------
 */
.tooltip, .tooltip1{width:15px; vertical-align:sub; padding-left:3px;}


/*
 -------------------------------------------------
footer
 -------------------------------------------------
 */
footer{ background:#003744; display:none;  padding:5px 0; width: 100%;   float: left;}
footer p{ font-size:12px; color:#fff; text-align:center;}
footer a{ font-size:12px; color:#fff; text-decoration:none;}
footer .dtime{display:block!important;}

/*
 -------------------------------------------------
Indent
 -------------------------------------------------
 */

.module_name{font-size:18px; color:#ccc; vertical-align: middle;}
.profile li{display:inline-block; padding:13px 5px 0 5px; float:right;}
.profile li a{color:#fff; font-size:12px; text-decoration:none;}
.notofication{width:20px; vertical-align: middle;}
.user_name{width:auto; float:right; font-size:12px; color:#fff; background:url(../images/user1.png) 0 11px no-repeat; padding:15px 15px 0 23px; margin-top:0;}
.tabbed_panel li:hover{ color:#0262af;}
.tp_pdding{padding-top:3px;}
.pad{padding:6px 3px;}
.advanced_Search{color:#2a3f54; font-size:12px; margin-left:10px;  padding:0 2px; text-decoration:none;}
.searchBtn{width:28px; height:28px; background:url(../images/search_icon.png) center center no-repeat #0262af;  vertical-align:bottom; cursor:pointer; margin-left:-4px;}
.advanced_Search_section{width:97%; float:left; padding:10px 1%; margin:0 0 0 1%; border:solid 1px #DADADA; background:#F7F7F7; transition: all ease-in 1s;}
#advanced_Search_section_hide{width:96%; float:left; margin:0 0 30px 1%;}
.labelvalue{font-size:12px; padding:3px 1%; border:solid 1px #E8E8E8; width:50%; float:left;}
.labeldesc{width:80%;}
.txtarea{border:solid 1px #ccc;}
.quantity{border:solid 1px #ccc; padding:3px 5px; width:50px; color:#737373;}
.indent_summery{width:99%; float:left; color:#003D4B; background-color: #D6D6D6; padding:10px 0px 10px 1%;} 
.indent_summery li{display:inline-block; padding:0 15px 0 5px; border-right:solid 1px;}
.indent_summery li:first-child{ padding:0 15px 0 0;}
.indent_summery li:last-child{ border:none;}
.no_margin{margin:0!important;}
.bot_mrgn{margin-bottom:15px;}
.set_select{width:30px; border:solid 1px #ccc; padding: 2px; color:#737373;}
.nobtmbdr{margin-bottom:0;}

/*
 -------------------------------------------------
pagination
 -------------------------------------------------
 */

.paginate {
  text-align: center; float:right;  padding:5px 1%;  width:98%; }
  .paginate ul {
    list-style: none; float:right;
    margin: 0;
    padding: 0;
    text-align: right; }
  .paginate li {
    display: inline; }
  .paginate a {
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px;
    margin: 1px 2px;
    padding: 1px 7px;
    display: inline-block;
    border-top: 1px solid #fff;
    text-decoration: none;
    color: #717171;
    font-size: smaller;
    font-family: "Helvetica Neueu", Helvetica, Arial, sans-serif;
    text-shadow: white 0 1px 0;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: linear-gradient(top, #f9f9f9, #eaeaea);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea'); }
    .paginate a:first-child, .paginate a.first {
      margin-left: 0; }
    .paginate a:last-child, .paginate a.last {
      margin-right: 0; }
    .paginate a:hover, .paginate a:focus {
      border-color: #fff;
      background-color: #fdfdfd;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fafafa));
      background-image: -webkit-linear-gradient(top, #fefefe, #fafafa);
      background-image: -moz-linear-gradient(top, #fefefe, #fafafa);
      background-image: -ms-linear-gradient(top, #fefefe, #fafafa);
      background-image: -o-linear-gradient(top, #fefefe, #fafafa);
      background-image: linear-gradient(top, #fefefe, #fafafa);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#fafafa'); }
    .paginate a.more {
      box-shadow: 0 0 0 0 transparent;
      border: 0 none;
      background: transparent;
      margin-left: 0;
      margin-right: 0; }
    .paginate a.active {
      box-shadow: rgba(0, 0, 0, 0.75) 0 0 0 0 inset;
      border-color: #505050;
      color: #f2f2f2!important;
      text-shadow: black 0 1px 0;
      background-color: #676767;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#5c5c5c));
      background-image: -webkit-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: -moz-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: -ms-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: -o-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: linear-gradient(top, #5f5f5f, #5c5c5c);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5f5f', EndColorStr='#5c5c5c'); }

.paginate-dark a {
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
  border-top: 1px solid #62686d;
  text-shadow: rgba(0, 0, 0, 0.75) 0 1px 0;
  color: #fff;
  background-color: #4e5458;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#575e63), to(#3f4347));
  background-image: -webkit-linear-gradient(top, #575e63, #3f4347);
  background-image: -moz-linear-gradient(top, #575e63, #3f4347);
  background-image: -ms-linear-gradient(top, #575e63, #3f4347);
  background-image: -o-linear-gradient(top, #575e63, #3f4347);
  background-image: linear-gradient(top, #575e63, #3f4347);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#575e63', EndColorStr='#3f4347'); }
  .paginate-dark a:hover, .paginate-dark a:focus {
    border-color: #61788a;
    background-color: #4d6374!important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#566f82), to(#3e505e));
    background-image: -webkit-linear-gradient(top, #566f82, #3e505e);
    background-image: -moz-linear-gradient(top, #566f82, #3e505e);
    background-image: -ms-linear-gradient(top, #566f82, #3e505e);
    background-image: -o-linear-gradient(top, #566f82, #3e505e);
    background-image: linear-gradient(top, #566f82, #3e505e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#566f82', EndColorStr='#3e505e'); }
  .paginate-dark a.active {
    box-shadow: rgba(0, 0, 0, 0.75) 0 0 0 0 inset;
    border-color: #2d3035;
    background-color: #303338;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#303338), to(#2d3034));
    background-image: -webkit-linear-gradient(top, #303338, #2d3034);
    background-image: -moz-linear-gradient(top, #303338, #2d3034);
    background-image: -ms-linear-gradient(top, #303338, #2d3034);
    background-image: -o-linear-gradient(top, #303338, #2d3034);
    background-image: linear-gradient(top, #303338, #2d3034);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#303338', EndColorStr='#2d3034'); }


.radio{vertical-align: middle;}
.radio1{vertical-align: middle; width:15px!important; box-shadow:none!important;}
.cursor{cursor:pointer;}
.no_display{display:none!important;}
.row p{font-size:12px;     padding-top: 3px;}
.row {font-size:12px; }
/*
 -------------------------------------------------
custom file upload
 -------------------------------------------------
 */

 .inputfile {
    width: 0.1px!important;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 130px;
    font-size: 12px;
       vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}

.inputfile-4 + label {
    color: #545454;
}

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
    color: #000;
}

.inputfile-4 + label figure {
    width: 20px;
    height: 20px;
    border-radius: 50%; float:left;
    display: block; padding:2px 5px;
}

.inputfile-4:focus + label figure,
.inputfile-4.has-focus + label figure,
.inputfile-4 + label:hover figure {
    background-color: #ECECEC;
}

.inputfile-4 + label svg {
    width: 100%;
    height: 100%;
    fill: #0287A7;
}

 
/*
 -------------------------------------------------
pop up
 -------------------------------------------------
 */
 .well {
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        display:none;
        margin:1em; background:#fff; padding:0px;      border-radius: 5px;
    }
#fadeandscale_background {
    -webkit-transition: all 0.2s 0.2s;
       -moz-transition: all 0.2s 0.2s;
            transition: all 0.2s 0.2s; background:url(../images/overlay.png) repeat;
}

#fadeandscale {
    -webkit-transform: scale(0.8);  width:500px; margin:0 auto;
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.popup_visible #fadeandscale {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.custompopup_background , .popup_background{
    -webkit-transition: all 0.2s 0.2s;
       -moz-transition: all 0.2s 0.2s;
            transition: all 0.2s 0.2s; background:url(../images/overlay.png) repeat;
}

.custompopup {
    -webkit-transform: scale(0.8);  width:500px; margin:0 auto;
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.popup_visible .custompopup {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
   
/*.fadeandscale_close{position:absolute; width:22px; height:22px; top:-18px; right:-18px; cursor:pointer; background:url(../images/close.png) no-repeat;}
*/.popupclose{position:absolute; width:22px; height:22px; top:-18px; right:-18px; cursor:pointer; background:url(../images/close.png) no-repeat;}
.reg_form{width:96%; float:left; padding:2%;}
.reg_form h4{font-size:14px; color:#13548a; padding:3px 0 10px 1%; font-weight:normal; margin-bottom:10px; border-bottom:solid 1px #ccc; width:98%; float:left;}
.reg_form .per_info{font-size:14px; color:#13548a; padding:2px 1%; font-weight:bold; margin:5px 0; float:left;  width:98%;}
.red{color:#F00;}
.reg_form label{width:38%; font-size:12px;  float:left; text-align:left; padding:2px 1%;}
.reg_form input, .reg_form select{border:solid 1px #ccc; width:57%; float:left; font-size:12px;  padding:1px 1%; margin-bottom:10px; }
.reg_form select{width:59%!important;}
.clear{width:100%; float:left; height:1px;}
.radio_label{width:130px!important; font-weight:normal;}
.radio_btn{width:15px!important; font-weight:normal!important;}
.captcha{width:80px;}
 .reg_btn {
    margin:0 0 10px 0; width:auto!important; padding:5px 20px!important; cursor:pointer;
    background: #2876a7; /* Fallback */
    background: -moz-linear-gradient(#2876a7, #11528c);
    background: -ms-linear-gradient(#2876a7, #11528c);
    background: -o-linear-gradient(#2876a7, #11528c);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#2876a7), to(#11528c));
    background: -webkit-linear-gradient(#2876a7, #11528c);
    background: linear-gradient(#2876a7, #11528c);
    border: 1px solid #2876a7; color:#ffffff;  text-shadow:0 -1px rgba(0,0,0,0.3);  text-decoration:none;}
.reg_btn:hover {box-shadow:  inset 0 1px rgba(255,255,255,0.3), inset 0 20px 40px rgba(255,255,255,0.15);}
.upload_btn{ padding:5px!important; border-radius:0!important; font-size:12px!important;}

/*
 -------------------------------------------------
TMS
 -------------------------------------------------
 */

.mrgnauto{margin:0 auto; float:none;}
.tp_btm_padd{padding:15px 0;}
.no_flt{float:none!important;}
.popup_p{width:100%; float:left; font-size:11px; text-align:center;}
.wid_auto{width:auto!important;}
.top_padding{padding-top:15px;}
.top_padding1{padding-top:5px;}
.bottom_padding{padding-bottom:10px;}
.table_error_row{background:#ffcfcf; text-align:center;}
.table_heading_row{background:#F5F5F5!important; text-align:center;}
.table_heading_row1{background:#F5F5F5!important; color:#007996!important; border-top:solid 1px #E2E2E2;}
.grey_bg{background:#ECECEC!important; border-top:solid 1px #DADADA;}
.btn_mrgn{margin-right:10px!important; text-align:right;}
.wid60{width:50%!important;}
.wid40{width:40%!important;}
.wid30{width:30%!important;}
.flt_rgt{float:right!important;}
.flt_lft{float:left;}
.btmmrgn{margin:0 10px 10px 0;}
.wid70{width:70%!important;}
.center_align{text-align:center!important;}
.heading_row{background:#eaeaea;}
.where_am_i{float:right; padding:3px 5px 0 0; width:30px;}
/*
 -------------------------------------------------
upload button
 -------------------------------------------------
 */

.custom-file-upload-hidden {display:none; visibility:hidden; position:absolute; left:-9999px;}
.custom-file-upload {display:block; width:auto; font-size:12px;}
.custom-file-upload label {display:block;}
.file-upload-wrapper {position:relative;}
.file-upload-input {width:44%; color:##737373; font-size:12px; padding:0 0 0 2px ; height:24px;  border:none; background-color: #d4d4d4; text-align:left; text-wrap:!important; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;  float:left;  /* IE 9 Fix */}
.file-upload-input:hover, .file-upload-input:focus {background-color:#d4d4d4; outline:none;}
.file-upload-button {cursor:pointer; display:inline-block; color:#fff; font-size:20px; line-height:23px; width:30px; text-align:center; height:24px;   border: none; margin-left:-1px; background-color:#797979; float:left;  /* IE 9 Fix */  -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.file-upload-button:hover {background-color: #0262af;}

/*
 -------------------------------------------------
Details Page
 -------------------------------------------------
 */
.view_details dl{width:98%; float:left;   margin-left:1%; }
.view_details dt{display: inline-block;
    font-size: 14px;
    width: 22%;
    font-weight: bold;
    border-right: dashed 1px #ccc;
    color: #545454;
    float: left;
    padding:5px;
    line-height: 22px;}
	.required {
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    margin-top: -5px;
    float: left;
}
.view_details dd {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    width: 22%;
    float: left;
    padding: 5px;
    line-height: 22px;
    margin: 0 .5%;
}
.view_details .alt{background:#F7F7F7;}
.box-content { width:100%; float:left; border: 1px #ccc solid;}
.box-head{cursor:pointer; background:url(../images/expand.png) right no-repeat;}
.blue{color:#00C;}
.red{color:#F00 !important;}
.green{color:#060;}
.row .step_complete_msg{font-size:12px; color:#060; text-align:right; float:right; padding-right:10px;}
.tendertitle table{ background:#fff;}
.tendertitle thead tr th{font-size:12px; padding:5px 0; font-weight:normal; border-right:solid 1px #ccc; color:#00B4DF;}
.tendertitle thead tr th:last-child{border:none;}
.view_comments a{color:#028cad; }
/*
 -------------------------------------------------
profile dropdown
 -------------------------------------------------
 */


div.dropdown {color: #555; margin:3px 0 0 0; width: 143px; position: relative; height: 17px; text-align:left; float:right;}
div.submenu{background: #fff; position: absolute; top: 46px; z-index: 100; width: 135px; display: none; margin-left: 10px; padding: 0 0 5px;  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);}
.dropdown  li a {color: #737373; display:block; font-family:arial; font-size:12px;   padding:6px 15px; cursor:pointer;text-decoration:none;}
a.account span{color:#000; font-size:14px; background:url(../images/user.png) 0 0 no-repeat; padding-left:30px; height:30px; float:left;  padding-top: 5px;}
.dropdown li a:hover{background:#0262af; color: #FFFFFF;  text-decoration: none;}
 a.account {font-size: 11px; line-height: 16px; color: #6e6e6e;     right: 3px; position: absolute; z-index: 110; display: block; padding: 14px 0 0 20px; height: 28px;     width: 120px; text-decoration: none; background:url(../images/arrow1.png) right 20px no-repeat;cursor:pointer;}
.root{list-style:none; margin:0px; padding:0px; font-size: 11px; padding: 11px 0 0 0px; border-top:1px solid #dedede;}

/*
 -------------------------------------------------
fee table
 -------------------------------------------------
 */
.box{display: none;}
.fee_table{padding:0 1%;  width:80%; float:left;}
.fee_table table tr td{ padding:5px; border:solid 1px #f1f1f1; border-collapse:collapse; background:#f7f7f7; }
.rgt_txt{text-align:right!important; float:right; padding:0 3px; vertical-align:middle;}

/*
 -------------------------------------------------
Reports
 -------------------------------------------------
 */
.tbl_heading{ border-bottom:solid 1px #ccc; color:#000;} 
.pricebid  li{display:inline-block; width:33%; background:#DEDEDE; padding:5px 0; text-align:center; color:#13548A; margin-bottom:5px;}
.bot_border{border-bottom:solid 1px #ccc!important;}
.bot_border1{border-bottom:solid 1px #ccc!important; color:#007996!important; padding:10px 0!important;}
.print{width:25px; position:absolute; right:15px; top:5px;}

/*
 -------------------------------------------------
Rajesh CSS
 -------------------------------------------------
 */
 .input_brd{border: solid 1px #ccc; padding:5px 5px; font-size:12px;  color:#737373;}
.detail_box{width:96%; float:left;  box-shadow:2px 2px 10px #ccc; min-height:200px; background:#fff; padding:1% 2%;}
.detail_box1{width:92%; float:left; margin:2% 0 0 2%; box-shadow:2px 2px 10px #ccc; background:#fff; padding:1% 2%;}
.detail_box2{width:48%; float:left; margin:2% 1% 0 1%; box-shadow:2px 2px 10px #ccc; background:#fff; min-height:200px;}
.detail_box h1, .detail_box1 h1, .detail_box2 h1{ font-size:18px; color:#059DC1;  font-weight:normal; float:left; padding-top:2px;}
.detail_box_heading_bg{border-bottom: solid 1px #CACACA; padding:8px 1%; background: #F9F9F9; float:left; width:98%;  margin: 0 0 10px 0;}
.profile_edit{width:26px; float:right;}
.location_listing ul li{color: #545454;    font-size: 12px; font-family: Arial; list-style:none; width:24%; float:left; line-height:20px; padding:3px  0 3px 1%; }
.userimage{width:100px;}
.thumbimage{width:50px;}        
.blog-row{width:98%; float:left; background:#F9F9F9; margin-bottom:5px; padding:5px 1%;}
.bgwhite{background:#fff;}
.txtarea{width:50%; border:solid 1px #ccc;}
.detail_box1 > .half{width:48%; float:left; margin:0 1%;}
.h1icon{width:26px; vertical-align:sub; margin-right:2px;}
.location_listing1 ul{list-style:none; width:96%; float:left; margin:0px 10px; }
.location_listing1 h4{width:100%; float:left; margin:0px 10px 5px; color:#059DC1; font-weight:400; }
.location_listing1 ul li{color: #545454;    font-size: 12px; font-family: Arial; list-style:none; width:23%; float:left; line-height:20px; padding:2px 0px; }
.userlabel_details{color: #087690; font-size:12px; width:46%; float:left; font-family: Arial; padding:1% 2%;}
.userdetail_details{color: #545454; font-size:12px; padding:3px 0; width: 48%; float:left; font-family: Arial; padding:1% 1%;}
.userlabel_details span{text-align:right; display:block; width:1px; float:right; font-weight:bold;}
 .detail_boxRow{width:99%; float:left; margin:2% 1% 0 1%; box-shadow:2px 2px 10px #ccc; background:#fff; min-height:200px;}
.detail_boxRow h1{ font-size:18px; color:#059DC1;  font-weight:normal; float:left; padding-top:2px;}
/*
 -------------------------------------------------
Rajesh CSS END
 -------------------------------------------------
 */
.mrgn_rgt{margin-right:5px;}
.alt1{width:100%; float:left; background:#F1F1F1;}
.center_align1{text-align:center; color:#059DC1!important;}
.bg_white{background:#fff!important;}
.bg1{ background:#f1f1f1;}
#boxscroll3 {height:100px; overflow:auto; width:100%;}
#boxscroll {height:200px; overflow:auto; width:100%;}
#boxscroll2 {height:auto; width:100%;}
#my-soon-orange {background-color:#ffffff; float:right;}
#my-soon-orange .soon-reflection {background-color:#ffffff;background-image:linear-gradient(#ffffff 25%,rgba(255,255,255,0));}
#my-soon-orange {color:#059BBE;}
#my-soon-orange .soon-label {color:#059BBE;}
#my-soon-orange {}
#my-soon-orange .soon-ring-progress {background-color:#f1f1f1;}
#my-soon-orange .soon-ring-progress {border-top-width:5px;}
#my-soon-orange .soon-ring-progress {border-bottom-width:3px;}
.remaing_time{ float:right; font-size:14px; padding:0 5px 0 0; color:#09A0C3;}
.time{ height:20px; text-align:center; font-size:12px;color:#fff; margin:0 2px 0 2px; float:left;}
.time span{ background:#007B98; padding:5px  5px;}
.timer_bg{float:right; padding: 0 15px 0 0;}
.slectall{float:left; font-size:12px; padding:15px 0 0 2%; vertical-align:middle;}
.increbtn{width:20px;  padding:3px 0; cursor:pointer; background:url(../images/increment.png) center center no-repeat;}
.decrebtn{width:20px;  padding:3px 0; cursor:pointer; background:url(../images/decrement.png) center center no-repeat;}
.mrq{cursor:pointer;color:#059BBE; width:95%; }
.notification{float:right; width:25px; margin:0 1% 5px 0; }
.stages{padding:5px 0; margin-bottom:20px; float:left; width:100%;}
.stages table{ background:#fff; border-collapse:collapse; border:solid 1px #ccc;}
.stages thead tr th{font-size:12px; padding:5px 1%; text-align:left; font-weight:normal; background:#f1f1f1; border:solid 1px #ccc;  color:#000000;}
.stages thead tr th:last-child{border-right:none;}
.view_comments a{color:#028cad; }
.alpha ul, .alpha{float:left!important;}
.link td{color:#00B4DF!important;}
	  
	  .additem{width:20px; float:right; margin-right:10px;}
	  .one_third1{width:32%; float:left; padding:15px 0 0 0; text-align:right;}
	  .rank{padding:0 .5%; width:24%; float:left;}
	  .rank table{width:100%; border:solid 1px #ccc; border-collapse:collapse; cursor:pointer;}
	  .rank table thead tr th{ text-align:center; padding:3px 0; background:#ececec; font-size:14px; font-weight:normal; color:#007996;}
	   .rank table tbody tr td{ text-align:center; padding:3px 0; font-size:12px; }
	   .rank table thead tr th, .rank table tbody tr td { 
	   				-webkit-user-select: none;  /* Chrome all / Safari all */
					-moz-user-select: none;     /* Firefox all */
 					-ms-user-select: none;      /* IE 10+ */
 					user-select: none;          /* Likely future */  }
	   .rank .alt{background:#f1f1f1;}
	   .nopadding{padding-left:0;}
	 
	  .rank table:hover, .rank table:focus, .rank table:active{ border:solid 1px #00b4df; box-shadow:2px 2px 6px #ccc;}
	 .rank input[type=radio]{display:none;}
	 .tableactive{ border:solid 3px #00b4df; }
	 .tableainctive{ border:solid 1px #ccc;}
	 .rank input[type="radio"]:checked + table { border:solid 1px #00b4df;}
	 .rank input[type="radio"]:checked + table thead tr th { background:#00b4df; color:#fff;}
	 
	 
/*
 -------------------------------------------------
Tooltip
 -------------------------------------------------
 */	 
	 
.tooltips {position:relative;  display:inline; z-index:9999;}
.tooltips span {position:absolute; width:auto;  color:#737373; background:#f1f1f1; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:5px;
  line-height: 20px; border:solid 1px #003d4b; text-align:left; visibility:hidden; z-index:9999;}
.tooltips:hover span {  bottom: 100%; visibility: visible;  left: -1036%; margin-left: 0px; z-index: 9999;  min-width: 300px;}
.tooltip_icon{width:14px; margin-left:10px; cursor:help; vertical-align:middle;}
.full1{width:98%; float:left; padding:1%;}
.content-collapse .content {  display: none; padding:0 0 10px 0; }
.loadingfacor{float: right;  font-size: 12px;   color: #0B84A0;}
.Acceptance{padding: 6px 0 0 35px; font-size:12px; float:right; color:#333;}
.adnvace_padding{width:83.5%; padding:5px 0 5px 14.5%; float:left;}
.no-top-padding{padding-top:0;}
.row > .custom-label{width:auto; float:left; text-align:left; font-size:12px; color:#087690; padding:3px 1% 3px 2%; font-family:Arial; }
.hammer{width:25px;}
.jtab-ul{font-size:14px ;list-style-type:none;margin:0;padding:0}
.jtab-ul li{float:left;margin:0 -12px 0 0;}
.jtab-ul li a {
    /* border-bottom: 25px solid rgba(130,130,130,.65); */
    /* border-right: 12px solid #eceef2; */
    color: #fff;
    /* float: left; */
    height: 0;
    line-height: 28px;
    padding: 5px 10px;
    position: relative;
    text-decoration: none;
    margin-right: 16px;
    background: #ccc;
    z-index: 1;
    background: #a3a4a7;
    -moz-transition: border-bottom-color .4s ease;
    -o-transition: border-bottom-color .4s ease;
    -webkit-transition: border-bottom-color .4s ease;
    transition: border-bottom-color .4s ease;
}
.jtab-ul li a:hover,.jtab-ul li a:focus, .jtab-ul li a.jtab-filled:hover{border-bottom-color:rgba(255,132,34,0.65);outline:0}
.jtab-ul li a.jtab-filled{z-index:2;border-bottom-color:rgba(255,132,34,1);}
.jtab-content-list{font-family:Arial,Helvetica;font-size:small;background-color:#fff;border-top:2px solid rgba(1,1,1,0.75);padding:20px}
.jtab-content-list>div,.jtab-content-list .jtab-content{display:none;position:relative;z-index:2;min-height:210px}
.jtab-content-list>div:target,.jtab-content-list>div:last-of-type,.jtab-content-list .jtab-content:target,.jtab-content-list .jtab-content:last-of-type{display:block}
.jtab-content-list>div:target ~ div:last-of-type,.jtab-content-list .jtab-content:target ~ div:last-of-type{display:none;}
.padding10{padding:10px 1%;}
.error-msg,label.error{color:#F00; font-size:12px;  width:75%; padding:3px 0 0px 0;} 
label.error{background-color: transparent;border: none;}

/*========================================
tabbed panel
========================================*/

#tabs {overflow: hidden; width:100%; margin:0; padding:0; list-style:none;}
#tabs li {float: left;  margin:0 .5em 0 0;}
#tabs a {
  position: relative;
  background: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: -moz-linear-gradient(top, #fff, #ddd);
  background-image: -ms-linear-gradient(top, #fff, #ddd);
  background-image: -o-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  padding: .7em 1.5em;
  float: left;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}
#tabs a:hover, #tabs a:hover::after, #tabs a:focus, #tabs a:focus::after {background:#fff;}
#tabs a:focus {outline:0;}
#tabs a::after {
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: -moz-linear-gradient(top, #fff, #ddd);
  background-image: -ms-linear-gradient(top, #fff, #ddd);
  background-image: -o-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -ms-transform: skew(10deg);
  -o-transform: skew(10deg);
  transform: skew(10deg);
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;  
}

#tabs #current a {background:#ffffff; z-index:3;}
#tabs #current a::after {background:#ffffff; z-index:3;}
.current-stage{width:100%; float:left; color:#ff781c; font-size:18px; padding:10px 0 0 0;}
.current-stage .auction-details{font-size:14px; float:right; color:#F00; text-decoration:none;}
/* ------------------------------------------------- */
#content {background: #fff; padding:2em; height:220px; position:relative; z-index:2; -moz-border-radius:0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; -moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);  box-shadow:0 -2px 3px -2px rgba(0, 0, 0, .5);}
#content p{color:#0262af;  line-height:25px;}
#content li{color:#012b72;  line-height:25px; padding:3px 1%; background:#f1f1f1; list-style:none; margin-bottom:1px;}
#content li a{color:#222d32;}
.blck{color:#000!important;}
#content p a{color:#0262af; text-decoration:none;}
#content .btnrow{ padding:15px 0; }
#content .remainingtime{font-size:20px; font-weight:bold; padding:15px 0;     color: #000;}
/*=======================================
tabbed panel close
========================================*/
.tabbed-info{background:#ffe1d5; font-size:12px; padding:1%; color:#000;}
.tabbed-wrapper{width:100%; float:left; padding:1% 0;}
.top-mrgn{margin-top:15px;}
.toplink1{float:right;}
.toplink1 li{display:inline-block; font-size:14px; list-style:none; padding:5px 10px 2px 10px; margin-right:50px; color:#0262af;}
.toplink2{float:right;}
.toplink2 li{display:inline-block; font-size:14px; list-style:none; padding:5px 2px;}
/*========================================
Timer
========================================*/
/*#clockdiv{width:100%; float:left;color: #fff;display: inline-block;	font-weight: 100;	text-align: center;	font-size: 16px;}
#clockdiv > div{padding: 7px 15px;	border-radius: 3px;	background: #2a3f54; display: inline-block;}
#clockdiv div > span{padding: 9px;	border-radius: 3px;	background: #fff;	display: inline-block; color:#000; font-weight:bold;}
.smalltext{	padding-top: 5px;	font-size: 12px; color:#fff;}
*/
#clockdiv{width:100%; float:left;color: #fff;display: inline-block;	font-weight: 100;	text-align: center;	font-size: 16px;}
#clockdiv > div{padding: 7px 15px;	border-radius: 3px;	background: #e2e2e2; display: inline-block;     text-align: center;}
#clockdiv div > span{padding: 9px;	border-radius: 3px;	background: #2a3f54;	display: inline-block; color:#ecf0f5; font-weight:bold;}
.smalltext{	padding-top: 5px;	font-size: 12px; color:#000;}
.time-remaining{font-size:15px; float:left; clear:left; width:100%; text-align:center; padding-bottom:10px;  color:#000; font-weight:bold;}
.color-grn{color:#0262af!important;}
.color-ong{color:#2a3f54!important;}
.color-red{color:#0262af!important; font-weight:bold!important;}
.color1{color:#2a3f54!important; font-weight:bold!important;}
.view-details-link a{ float:right; color:#333; text-decoration:none; font-size:12px; padding-right:2%;}
.agreement{width:96%; float:left; padding:1%; margin:1%; border:solid 1px #ccc; background:#f7f7f7;}
.agreement p{font-size:12px;}
.enter-auction a{text-align:center; font-size:16px; padding:20px 0; color:#F00; text-decoration:none; float:left} 
.myrank{float:left; background:#0262af; padding:3px 0; float:left; text-align:center; width:25px; color:#fff; font-size:14px; font-weight:bold; }
.increbtn{width:18px; height:19px;  padding:3px 0; cursor:pointer; background:url(../images/increment.png) center center no-repeat;}
.decrebtn{width:18px; height:19px;  padding:3px 0; cursor:pointer; background:url(../images/decrement.png) center center no-repeat;}

.blck-h2{color:#000!important; border-bottom:solid 1px #ccc; margin-bottom:10px; width:100%; padding-bottom:5px;}
.or{font-size:16px; width:100%; padding:5px 0; text-align:center; float:left; background:#ecf0f5; color:#222d32;}


/*========================================
Accordian menu
========================================*/

.cd-accordion-menu {
  width: 100%; padding-top:20px;
        padding-bottom: 30px;
    background: #fff

}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
      list-style: none;
        margin-bottom: 2px;
	  
  
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 10px 18px 10px 64px;
  background: #3b495c; 
  color: #c7c7c7;
  font-size: 12px;
}
#left-panel .current {
    color: #fff!important;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: #52565d;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background-image: url(../images/folder.png);
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  left: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
  /* folder icons */
  left: 41px;
  background-position: -16px 0;
}
.cd-accordion-menu a::after {
  /* image icon */
  left: 36px;
  background: url(../images/folder.png) no-repeat -48px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  background: #425166;
   padding-left: 85px;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #3c3f45;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 95px;
}

.cd-accordion-menu ul>li>a {
    display: block;
    margin: 10px 20px;
    background: #fff;
    color: #010101;
    padding-left: 10px;
    border-left: 4px #fff solid;
}
.cd-accordion-menu ul>li>a:hover {
    display: block;
    margin: 10px 20px;
    background: #E7EEFF;
    color: #010101;
    padding-left: 10px;
    border-left: 4px #0262AF solid;
}


/*========================================
Comments section
========================================*/
.comment-section{width:40%; float:left;}
.comment-link-bg{width:96%; float:left; padding:15px 2%!important;}
.comment-link ul li {list-style:none; display:inline-block; padding-right:15px; padding-bottom:5px;}
.comment-area{width:96%; float:left; background:#f7f7f7; padding:2%;}
.comment-pic{width:40px; float:left; margin-right:5px;}
.comments{width:80%; float:left;}
.comment-time{color:#ccc; padding:5px 0 10px 0;}
.comments input{ width:72%;  border:solid 1px #ccc;   padding:6px 1%; font-size:12px;  color: #737373;}
.comments submit{ width:20%;  border:solid 1px #ccc;   padding:2px 1%; font-size:12px;  color: #737373;}
.flt-pad{float:left; padding-top:10px;}
.rating{width:101px; float:left; padding:9px 0 0 10px;}


.product-chain ul{width:100%; float:left;}
.product-chain ul li{width:25%; float:left; list-style:inside;}
.star{width:20px; float:left;}
#sliders table{width:100%; border-collapse:collapse;}
#sliders table tbody tr td{border:solid 1px #ccc; padding:5px 2px; vertical-align:middle;}
.totolproduct{width:98%; float:left; background:url(../images/graph-bg.jpg) center center no-repeat; height:70px; padding:10px 1%; position:relative;}
.totolproduct h2{font-size:25px; color:#f7ffa6; text-align:left;}
.totolproduct span{font-size:14px; color:#fff; padding-top:50px; position:absolute; bottom:10px;}
.go{width:30px; height:30px; background:url(../images/go.png) right center no-repeat; position:absolute; right:10px; bottom:10px; cursor:pointer; transition:all ease-in 300ms;}
.go:hover{ background-position:left;}
.border{border:solid 1px #ccc;}
.ticket-completed{background:#390; font-size:11px; padding:3px 15px; border-radius:3px; color:#fff; float:right;}
.ticket-inprocess{background:#09F; font-size:11px; padding:3px 15px; border-radius:3px; color:#fff; float:right;}
.ticket-pending{background:#ff9800; font-size:11px; padding:3px 15px; border-radius:3px; color:#fff; float:right;}
.ticket-rejected{background:#F00; font-size:11px; padding:3px 15px; border-radius:3px; color:#fff; float:right;}
.question-label{padding:0 1%!important; width:11%!important;}
.admin-dashboard{width:84%; background:url(../images/dashboard1.png) 5px center no-repeat #205488; color:#fff; padding:5px 1% 5px 15%; font-size:14px; margin-top:10px; transition:all ease-in 300ms; cursor:pointer;}
.admin-dashboard:hover{background:url(../images/dashboard1.png) right center no-repeat #205488;}
.graph-link{float:right; font-size:14px; color:#fff; background:#8bc34a; padding:2px 8px; text-decoration:none; transition:all ease-in 300ms;}
.graph-link:hover{background:#5c842d; border-radius:3px;}
.status-vendor{width:60px; text-align:center; padding:3px 0!important; float:none!important;}

.ticket-section{width:98%; float:left; background:#fff; padding:10px 1%;}
.ticket-number{color:#fff!important; border-radius:3px; font-weight:normal; font-size:16px!important; float:left; background:#03A9F4; padding:5px 15px; clear:both; margin-top:20px;}
.ticket-heading{color:#0055ab!important; font-size:16px!important; padding:5px 1%; background: #d0dfef; margin:5px 0;  clear:both; float:left;      width: 98%; }
.ticket-section p{font-size:12px; float:left;}
 .rpy{font-weight:bold; padding:10px 0; float:left; clear:both;}
.comments1{width:100%;}
.comment-time1 { color:#ccc;  padding: 5px 0 10px 45px;}
.comment-area1 {width:96%;  float: left;   background:#ffffff;  padding:1% 2%; margin-bottom:5px;}
.font-14{font-size:14px!important; padding-right:15px;}
.bdr_top{border-top:solid 1px #ccc!important;}
.addmore{width:21px; float:left; margin-left:5px; }

/*========================================
Detail Page
========================================*/
.listing-left{width:30%; float:left; font-size:14px; line-height:22px;  color:#999;  }
.listing-right{width:50%; float:left; font-size:14px; line-height:22px; color:#000;  }
.para{width:100%; float:left; padding:0 0 5px 0; font-size:12px;}

/*========================================
Rating section
========================================*/

.question-container{width:98%; float:left;    border-top: solid 2px #024180; padding:1%; margin-top:15px;}
.question{font-size:14px; width:100%; float:left; padding:10px 0 5px 0;}
.answer{width:100%; float:left; padding-bottom:15px; border-bottom:dotted 1px #ccc;}
.rating { height: 20px; padding:0px; margin:0px; }
.rating li { list-style: none; float: left; width: 20px; height: 20px; padding:0px; margin:0px;}
.rating li a { display: block; width: 20px; height: 20px; padding:0px; margin:0px; overflow: hidden; text-indent: -100px; background:url(../images/rating1.png); background-repeat: no-repeat; text-decoration:none; }
.rating li a:hover { background-color: transparent; text-decoration: none; }
.rating li .hover { background-position: 0px -20px; }
.rating li .full { background-position: 0px -40px; }

.Recipient{ padding:5px 10px!important;}
.productimg{width:90px;}
.wid25{width:30%!important;}
.wid23{width:23.4%!important;}
.wid19{width:18%!important;}

.wid19 .row > input, .row > select, .row > textarea{ font-size:11px;}

.wid15{width:9.7%!important;}
.row1{padding:5px 0;}
.row1 > label{width:25%; float:left; text-align:right; font-size:12px; color:#4a4a4a;   padding-right:1%; font-family:Arial; padding-top: 5px;}
.row1 > input, .row1 > select, .row1 > textarea {border:solid 1px #ccc; box-shadow:inset 1px 1px 10px #e4e4e4; color:#737373; background:#fff;  font-size:12px; padding:3px 1%; width:70%; font-family: Arial;}
.row1 > select{width:49.5%;}
.row1 .select2{width:72.5%;}
.popupclose{position:absolute; width:22px; height:22px; top:-18px; right:-18px; cursor:pointer; background:url(../images/close.png) no-repeat;}
.popuptableheading{font-size:17px; color:#13548a; padding:0 0 0 1%; font-weight:normal; margin-top:10px;   float:left;}
.wid_60{width:60%; padding:1%;}
.vendor-information-bg{width:58%; padding:0 2% 0 0; float:left;}

/*========================================
Comments section
========================================*/
.comment-section{width:40%; float:left;}
.wid_40{width:40%; padding:1%; text-align:center;}
.wid_40 table, .wid_40 table tbody tr td, .wid_40 table tbody tr{border:none;}
.comment-link-bg{width:96%; float:left; padding:15px 2%!important;}
.comment-link ul li {list-style:none; display:inline-block; padding-right:15px; padding-bottom:5px;}
.comment-area{width:96%; float:left; background:#f7f7f7; padding:10px 2%;}
.comment-pic{width:40px; float:left; margin-right:5px;}
.comments{width:80%; float:left;}
.comment-time{color:#ccc; padding:5px 0 10px 0;}
.comments input{ width:72%;  border:solid 1px #ccc;   padding:6px 1%; font-size:12px;  color: #737373;}
.comments submit{ width:20%;  border:solid 1px #ccc;   padding:2px 1%; font-size:12px;  color: #737373;}
.flt-pad{float:left; padding-top:10px;}
.warning-icon{width:17px; float:left; margin:0 10px 0 5px;}
.grid1 {background:#fff; float:left; padding:1%; width: 100%;}
.grid1 table{border:solid 1px #ccc; border-collapse:collapse;}
.grid1 table tr td{border:solid 1px #ccc; padding:5px 1%;}
.grid1 table thead tr th {padding:6px 5px; background-color: #B0CFF4;color: #000;font-size: 14px;}
.grid1 table tbody tr td {padding:5px; text-align: left;}

/*========================================
Profile-left
========================================*/
.profile-main{width:100%; float:left; padding:15px 0;}
.profile-left-bg{width:25%; float:left;}
.profile-pic{width:100px; height:100px; border-radius:50%; border:solid 3px #d2d6de; margin:0 auto; overflow:hidden;}
.upload-profile{ width:100px; height:50px; position:absolute; top:50%; left:10%;}
.company-logo{width:100px;  margin:0 auto; padding:1%;}
h1{font-size:18px; text-align:center; font-weight:normal; color:#000; padding:5px 0;}
.tag-line{font-size:12px; text-align:center; color:#5f5f5f; padding:5px 0;}
.about-section{background:#fff;  position:relative; width:100%; margin-bottom:20px; float:left; padding:1%; border-radius:3px; box-shadow:0 0 2px #ccc;}
.about-section h2{font-size:14px; padding:15px 1% 0 1%; font-weight:normal; color:#000;}
.about-section p{padding:5px 1%; line-height:20px;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.profile-right-bg{width:70%; float:left;  margin-left:3%; background:#fff;}
.profile-right-bg-inner{width:98%; float:left; padding:0 1%; background:#fff; border-radius:3px;}
.create_icon1{width:20px; float:right;  padding:2px 0 0 5px;}
.edit{width:20px; position:absolute; right:5px; top:5px; padding:5px 0 0 5px;}
#content table{ border-collapse:collapse;}
#content table td{ padding:5px 1%;}
#content table tr:nth-child(2n){ background:#f5f5f5;}
.mail{width:25px;}
.resp-tabs-container dl {width:100%;  padding:5px 0;}
.resp-tabs-container dl dd{width:38%; float:left; text-align:right; padding:0 2% 0 0; line-height:22px; font-family:Arial, Helvetica, sans-serif; font-size:12px;   color: #000;}
.resp-tabs-container dl dt{width:60%; float:left; line-height:22px;    color: #000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.create1{font-size:14px; margin: 5px 0 5px 0;  padding: 0 10px 0 0; float:left; width:auto; color: #000000;    font-weight: bold; }
.vendor-logo{width:80px;}
.checkbox1{width:15px!important; box-shadow:none!important; margin-top:5px;}
.radio2{width:15px!important; box-shadow:none!important; margin-top:5px;}
.profile-page-heading{width:98%; font-size:14px; float:left; font-weight:bold; height:25px;    line-height: 25px;   padding:0 1%; color:#000;background: #f2f2f2;}
.no-top-padding{padding-top:0;}
.disabled{background:#e2e2e2!important;}
.bold{font-weight:bold!important;}
.no-padding{padding:0!important;}
.notification1{width:20px;  cursor:pointer;}
.welcome ul {padding:3px 1% 3px 12%;}
.welcome ul li:first-child{font-weight: bold;}
.welcome ul li{display:inline-block; color:#000;font-size:12px; padding:0 5px; border-right:solid 1px #000; }
.welcome ul li:last-child{border:none;}
.notification-list li{width:80%; padding:5px 0;}
.notification-list li a{ color:#000!important;}
#nav{list-style:none;margin: 0px; z-index:99999; padding-top:22px; float:right;margin-right: 58px;}
#nav li {float: right; margin-right: 10px; font-size: 12px;}
#nav li a{color:#fff;text-decoration:none;}
#nav li a:hover{color:#fff;text-decoration:none}
.notification_li{position:relative;}
.notificationContainer {
background-color: #fff;
border: 1px solid rgba(100, 100, 100, .4);
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
overflow: visible;
position: absolute;
top: 34px;
margin-left: -98px;
width: 200px;
z-index: 99;
display: none;
}
.notificationContainer:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
color: transparent;
border: 10px solid black;
border-color: transparent transparent white;
margin-top: -20px;
margin-left: 95px;
}
.notificationTitle {
z-index: 1000;
font-weight: bold;
padding: 8px 2%;
font-size: 13px;
background-color: #ffffff;
width: 96%;
border-bottom: 1px solid #dddddd;
}
.notificationsBody {
padding: 0 0px 0px 0px !important;
min-height:75px;
}
.notificationFooter {
background-color: #ff7a1b;
text-align: center;
font-weight: bold;
padding: 8px;
font-size: 12px;
border-top: 1px solid #dddddd;
}
/*
.notification_count, .notification_count1 {
padding: 3px 6px 3px 6px;
background: #d24f00;
color: #ffffff;
margin-left: 14px;
border-radius: 50%;
position: absolute;
margin-top: -11px;
font-size: 12px;
}
*/

.notification_count, .notification_count1 {

	padding: 2px 6px 3px 6px;
	/*background: #d24f00;*/
	color: #ffffff;
	border-radius: 25px;
	font-size: 12px;
	display: inline-block;
	min-width: 10px;
	text-align: center;
	margin-left: 5px;
	position: absolute;
    top: -8px;
    left: 78px;

}
.bold td{background:#ecf0f5; font-weight:bold!important;}
/*
 -------------------------------------------------
searching
 -------------------------------------------------
 */
 
.search-area1{float:right; padding-right:2%; margin-top:12px;}
.search-area1 label{color:#0287A7; font-size:12px; margin-left:10px;  padding:0 2px;}
.searchBtn1{width:28px; height:28px; background:url(../images/search_icon.png) center center no-repeat #0262af;  vertical-align:bottom; cursor:pointer; margin-left:-4px;}
.center_align{text-align:center;}
.about-section canvas{text-align:center; width:120px;}
.white_border{border:solid 1px #f60;}
.about-section h1{background: #fe6d1c; color:#fff;}
.about-section h3{color:#000;}

/*
 -------------------------------------------------
icon description
 -------------------------------------------------
*/
.icon-meaning{width:50%; float:left; padding:10px 0; margin-top:10px; }
.icon-meaning h3{width:98%; float:left; padding:5px 1%; font-size:14px; color:#fff; font-weight:normal; background:#9c9c9c;}
.icon-meaning table {border:solid 1px #ababab; font-size:12px;  border-collapse:collapse;}
.icon-meaning table thead th{ background:#ececec; color:#000; font-weight:bold; padding:5px 1%; text-align: left;}
.icon-meaning table thead th:first-child{border-right:solid 1px #9a9a9a;}
.icon-meaning table tbody tr td{ border:solid 1px #ababab; vertical-align:middle; color:#737373; padding:2px 1%; }
.icon-meaning table tbody tr:nth-child(even) {background:#ececec!important; }
.icon-meaning table tbody tr:nth-child(odd) {background:#fff; }
.create-icon{width:26px;}
.thumbnail-custom{width:40px;}
.enddata{width:97.8%; float:left; text-align:center; font-size:14px; color:#000; padding:5px 0; background: #eeffee; margin:1%;  border:dashed 1px #c1c1c1;}
.company-name{width:96%; float:left; font-size:14px; font-weight:bold; color:#00b4df; padding:5px 1%; background:#f1f1f1; margin:1% 1%;}
.name{color:#5a5a5a;}
.black{color:#000;}
.select-dept{font-size:12px; font-weight:bold;}
.top-bottom-border{border-bottom:solid 1px #000; border-top:solid 1px #000;}
.readonly, .changed{background:#fbffe9!important;}
.line{width:100%; float:left; height:1px; border:dashed 2px #868686; margin:15px 0;}
.stamp{width:99%; float:left; padding:5px 1% 0 0; margin-top:3px;}
.stamp ul li{font-size:12px; list-style:none; padding:0 7px; display:inline-block; border-right:solid 1px #f16000; color:#f16000;}
.stamp ul li:last-child{border:none;}
.info {font-size: 12px; padding:5px 1% 15px 1%; float:left; width:96%; line-height:20px; margin:0 1% 10px 1%; background:#F9F9F9;}
.label{width:15%; float:left; font-size:13px; color:#000;     font-weight: bold;}
.label_msg{width:85%; float:left; font-size:12px; color:#000;}
.row2{width: 97%; margin:0 .5%;
    float: left;
    padding: 5px 1% 5px 1%;
    margin-bottom: 5px;
    background: #f3f3f3;}
	
	.space-left{ float:right;
    font-size: 14px;
    list-style: none;
    padding: 5px 0 2px 0;
    color: #0262af;
}
.purchase_qty{font-size:14px; list-style:none; padding:5px 0 0 0; float:right; color:#0262af;}
.v_middle{vertical-align:middle;}
.createpo {
    font-size: 11px;
    background: #0262af;
    color: #fff;
    padding: 2px 5px;
    text-decoration: none;
    border: solid 1px #b34800;
    margin-left: 5px;
    border-radius: 2px;
}
.createpo:hover {
    color: #000;
    background: #f7f5d1;
}

.itemdecription{width:92%; float:left; font-size:12px; clear:left;color:#000; padding-bottom:5px;}
.wid45{width:8%; min-width:55px; text-align: right; }
.readmore{float:right; width:auto; display:inline-block; text-decoration:none;}
.showmore{background:url(../images/expand3.png) #d24f00 -5px -16px no-repeat; width:18px!important; height:17px!important;     border-radius: 2px;}
.showless{background:url(../images/expand3.png) #d24f00 -5px 2px no-repeat; width:18px!important; height:17px!important;     border-radius: 2px;}




.view_details1 dl{width:98%; float:left;   margin-left:1%; }
.view_details1 dt{display: inline-block;
    font-size: 14px;
    width: 14%;
    font-weight: bold;
    border-right: dashed 1px #ccc;
    color: #000;
    float: left;
    padding: 0 1%;
    line-height: 22px;}
    .required {
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    margin-top: -5px;
    float: left;
}
.view_details1 dd {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    width: 14%;
    float: left;
    padding: 0 1%;
    line-height: 22px;
    margin: 0 .5%;
}
.view_details1 .alt{background:#F7F7F7;}
.comdetails{width:100%; float:left;}
.comdetails table{width:100%; float:left; border-collapse:collapse;}
.comdetails table th{font-size:16px; background:rgba(0, 0, 0, 0.38); padding:3px 5px;  color:#fff; }
.form_head_bg h3{ font-size:16px; color:#000; padding:5px 0;  font-weight:normal; float:left;}
.border-right-tbl{border-right:solid 2px #fff;}

#quote .doc_size {
    margin-left: 38%;
    margin-top: 3px !important;
} 

/* By rajesh */
.newLogo{width: 8%;color: #000;float: left;padding: 0 1% 0 0;}
/* By rajesh */
.newLogo img{width: 83px;}
.custom-wrapper3{margin-top: 10px!important;}