html, body{margin:0;padding:0;}
.pull-left{float:left}
.pull-right{float:right}
.clearfix{clear:both}
hr{color:#fefefe;margin:0;}
small{color:#ccc}
.main-body{min-height:500px;}
textarea {
    resize: none;
}
.field-user_data_subscription .required{
	color: #000000;
}
.list-product-image-medium {
    height: auto;
    max-height: 150px;
    max-width: 150px;
    width: auto;
}

.sidebar, .sidebar:before { width:210px; }
.main-content { margin-left:210px; }

.navbar-header .gray  { padding: 10px; background: #555; position: relative; top:45px; color: #FFF; }
#navbar .gray  { padding: 10px; background: #555; position: relative; top:45px; color: #FFF; }
/*Search block*/
#search-panel .search-box-col1{width:30%;float:left;}
#search-panel .search-box-col2{width:70%;float:left;}
#search-panel .search-box-col2 #search_query{width:84%;float:left;margin-right:0.5%;}
#search-panel .search-box-col2 .search-box-col3 {width:15%;float:left;margin-top:3px;}
.ui-menu-item img{max-height:50px;max-width:50px;width:auto;height:auto;}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {border-width:1px;}
.product-color div.color{width:25px;height:25px;display:block;float:left;margin-right:5px;}
.list-product-image-container{background-color:#fff !important;vertical-align:middle !important;}
.list-product-image-medium {max-height:150px;max-width:150px;height:auto;width:auto;}
span.required {color:red;}
#search-panel .search-box-col2 .search-box-col3{margin-top: 0;}
#search_query{width: 100%;}
.search-box-col3{float: right;}
.leftdiv {
    float: left;
    width: 100px;
    margin:6px 0 0 0;
}
.centdiv {
    left: 115px;
    position: absolute;
    right: 175px;
}
.rightdiv {
    float: right;
    text-align: right;
    width: 167px;
}
.srch_block {
    float: right;
    position: relative;
    width: 53%;
}
.leftdiv1 {
    float: left;
    margin-right: 1%;
    width: 6%;
}
.leftdiv1 select {
    height: 30px;
    width:100%
}
.centdiv1 {
    float: left;
    left: 0;
    margin-right: 1%;
    position: relative;
    width: 16%;
}
.rightdiv1 {
    float: left;
    text-align: center;
    width: 26%;
}
/*
.leftdiv2 {
    float: left;
    margin-right: 1%;
}
*/
/* change by 4488 hardik*/
.Searchbox {
    float: right;
}
.action_icons { width:130px; }
.action_url { word-break: break-all; display: block; width:100%; }
.leftdiv2 {
    float: left;
    margin-right: 5px;
}
.leftdiv2 #company_search_searchText{
	padding:6px 4px;
}
.rightdiv2 {
    float: right;
    text-align: left;
    width: 107px;
}
.fr .rightdiv2 { width:107px; }
.fr .nav-tabs a { padding:8px 5px; }
.fr .quote .nav-tabs a { padding:10px 5px; }
/* .fr .quote .nav-tabs a.submit-btn { font-size:13px; } */
.backlistwidth
{
	width: 233px;
}
.centdiv2 {
    float: left;
    left: 0;
    margin-right: 5px;
    position: relative;
    width: 270px;
}
.backlist
{
	float: right;
    margin-right: 5px;
}

/*--- Admin Lang start --*/
.admin_header_right { width:250px; }
.admin_header_right ul {float:right; }
.admin-lang { padding: 16px 0 0 0; display: inline-block; }
.admin-lang, .admin-lang a{ color:#FFF; }
.admin-lang a { padding: 0 5px; }
/*--- Admin Lang End --*/

.nav-tabs.tab-color-blue>li>a, .nav-tabs.tab-color-blue>li>a:focus { padding:6px 4px; }

#showconsultants { margin:0 5px 15px 0; }

/*
.rightdiv2 {
    float: left;
    text-align: left;
    width: 14%;
}
.centdiv2 {
    float: left;
    left: 0;
    margin-right: 1%;
    position: relative;
    width: 38%;
}
*/
/* change end*/
.action_button_center {
    width: 100px;
}
.nav-tabs.padding-12 {
    padding-left: 0;
}
.nav-tabs.background-blue {
    background-color: #fff;
    border: 0 solid #fff;
}
.commonUtilityButton{float:left;padding:0px 10px 0px 0px;margin-top:3px}
.commonSearch{margin-left:10px;padding-left:10px;margin-right:10px;float:left;font-size:15px;padding-top:5px;color:#707070;}
.date {/*width: 100%;*/ float: left;}

.datepicker-months table, .datepicker-years table { width:100%; }

#flyerown #datetimepicker1 .cal { height:34px !important; }

.treeview .collapsable ul li > div { width:100%; }
@media all and (-ms-high-contrast:none)
    {
    .treeview .collapsable ul li > div { float:left; } /* IE10 */
    *::-ms-backdrop, .treeview .collapsable ul li > div { float:left } /* IE11 */
    }


.status_check {
    height: 13px;
}
.rule-value-container input {
    height: 30px;
}

/*
changes 10px to 0px;
*/
.step-pane .col-lg-4{
	margin: 0px 0px;
}

/*--- My Account Module Css Start---*/
.main_box 
{
    height: 200px;
    overflow-y: scroll;
    overflow:auto;
}

.main_box > input 
{
    clear: both;
    float: left;
    margin-right: 8px;
}

.main_box > label 
{
    float: left;
    width: 90%;
}
.half
{
	float: left;
	width: 45%;
}
.half .col-lg-4
{
	width:70%;
}

.popup .modal-content{
	position:relative;
	background-color:#fff;
	border:1px solid #999;
	border:1px solid rgba(0,0,0,0.2);
	border-radius:6px;outline:0;
	-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);
	box-shadow:0 3px 9px rgba(0,0,0,0.5);
	background-clip:padding-box;
}
.popup .modal-footer{
    border-top: 1px solid #e5e5e5;
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    background: none;
}
.marT20{ margin-top: 20px; }
/*--- My Account Module Css End---*/


/***    Prioritize Ecatalogue and Supplier             ******/

.catalog_box {border:1px solid #dadada; padding:35px 0 35px 35px; margin-top:20px; overflow-y:scroll; height:580px;}

.catalog_box .droptrue {list-style:none;margin:0;padding:0;}

.catalog_box .droptrue .ui-state {margin-bottom:10px; overflow:hidden; border-bottom:1px solid #dadada; }

.catalog_box .droptrue .ui-state{ float:left; font-family: 'Open Sans', sans-serif; font-size: 14px; color:#808080; padding:6px 0 8px 15px; width:99%; float:left; margin-right:15px; float:left; cursor:pointer;}

.catalog_box .droptrue .ui-state .txtoutput { float:right; width:45px; height:auto; border:1px solid #dadada; margin-right:15px; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight:600; color:#434343; text-align:center; cursor:pointer; padding:6px 0;}

.catalog_box .droptrue .ui-state:hover,.catalog_box .droptrue .ui-state:hover .txtoutput {background:#438eb9; color:#fff;}


.catalog_box .droptrue .ui-state span.orderIcons{    padding: 10.5px 0px; }
.catalog_box .droptrue .ui-state span.textTitle{ float: left; width: 90%;  padding: 5px 0px;}
.blueText{ color: #2679b5; }
.search_box{ float: left; margin: 20px 0px 0px; }
.search_box .nav-pills{ margin: 0; }

.flyer-adj-datepicker{display: table;}
/*-- Customize Design CSS Start --*/

.cus_left { background:#fff; -webkit-box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.11); -moz-box-shadow:3px 0px 6px 0px rgba(0, 0, 0, 0.11); box-shadow:3px 0px 6px 0px rgba(0, 0, 0, 0.11);}

.cus_title {line-height:42px; height:42px; padding:0 0 0 20px; color:#fff; font-size:15px; background:#92c018; margin:0; font-weight:600; font-family: 'Open Sans', sans-serif;}

.left_box {padding:10px 15px;}

.defaultP {  margin-bottom: 5px; }

.c_boder {  border-bottom: 1px solid rgb(235, 232, 232); }

.cus_comn {  overflow: hidden;   padding: 10px 0; }

.cus_com1 {  float: left;  margin: 0; }

.cus_text {  color: #7b7b7b;  font-family: 'Open Sans', sans-serif;   font-size: 15px;   margin: 0; font-weight:600; display: block;}

.cus_checkbox { margin-left:15px; }

.cus_itlc {  color: #63b3e0; font-size: 12px; font-style: italic;  margin: 0; font-family: 'Open Sans', sans-serif; }

.cus_comn img {  float: right; }

.banner-images-box .banner {  margin: 5px;  width: 95%; }

.cus_comn .banner_img { float:none; margin: 0 0 0 8px;  padding-bottom: 10px;}

.c_boder2 {  border-bottom: 1px solid #8eb914; padding:0 0 15px 0;}

.mar_text {margin-left:10px;}

.cus_comn2 {  padding:10px 0 0 0; }

.cus_padding {padding:0 5px;}

.select_img_box {border: 1px solid #ebebeb; float: left;  margin-left: 18px;  margin-top: 2px;  padding: 5px; }

.icon-theme-box {margin:5px 0 0 0; list-style:none; display:inline-block;}

.icon-theme-box li {margin:10px 5px 0px 6px; float:left;}

.color_box { height:28px; width:28px; float:right; }

.color_name1 {background:#4e4c4d;} 

.color_name2 {background:#fff;}

.color_name3 {background:hsl(76, 73%, 46%);}

.color_name4 {background:hsl(76, 78%, 42%);}

.color_name5 {background:#fff;}

.color_name6 {background:#8ebf0a;}
.color_name7 {background: #7da808;}
.color_name8 {background: #fff;}  

.mar_text2 {margin-top:4px;}


.select-wrappers {  float: right; }

.select-wrappers select.form-control 
{
    /*-moz-appearance: none;*/
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dcdcdc;
    border-radius: 0px;
    box-shadow: none;
    padding: 0 8px; 
    color: #636262;
    font-family: 'Open Sans', sans-serif;   font-size: 13px;
    cursor: pointer;
    outline: medium none;
    line-height:23px;
    width:150px;
    height:28px;
}

.padding_none1 {padding-left:0 !important; }

.padding_none2 {padding-right:0 !important; }

.width20 { width: 20%;}

.col-lg-16  { 
	width: 80%;
	min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    float:left;
}


*:before, *:after {
    box-sizing: border-box;
}
*:before, *:after {
    box-sizing: border-box;
}
img {
    vertical-align: middle;
}
img {
    border: 0 none;
}
* {
    box-sizing: border-box;
}
body {
    color: #333333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.42857;
}
html {
    font-size: 62.5%;
}
html {
    font-family: sans-serif;
}
#customize_design_frame {
    height: 1100px;
    overflow: hidden;
    width: 100%;
}

/*-- Customize Design CSS End --*/


/*
Customize Design 
Date:21 jan 2015
By:4488
*/
.toppadding
{
	padding-top: 10px;
	padding-left: 30px;
}
.colorgr.fa.fa-trash-o {
    color: #555;
    cursor: pointer;
}
.quote-prod-info .top-title.prodinfo {
    background: none repeat scroll 0 0 #438eb9;
    color: #fff;
    font-size: 18px;
    padding: 5px 10px;
    width: 100%;
}
.restbtn
{
	font-size: 15px;
	border-width: 1px;
	
}
.btn .restbtn
{
	border: 2px solid #fff;
	border-width: 1px;
}
.linedesc {
    height: 20px;
    overflow: hidden;
}
.quote-prod-info .top-title .modal-title {
    color: #999999;
}

.quote-prod-info .top-title .modal-title {
    color: #999999;
}
.pagination a:hover, .pagination .active a
{
	color:#2a6496;
}
.pagination a
{
	color:#2a6496;
}

/*
changes Made on date of 29/01/2015
for pagination add to tag searching product
*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    #search-modal-box #product_search_result_box .row {
     height:500px;
    }

    /* Safari only override */
    ::i-block-chrome,#search-modal-box #product_search_result_box .row {
     height:480px !important;
    }
}

/*---- PAGINATION START -----*/
.pagination ul { margin: 20px 0 20px 0; padding: 0; list-style: none; width: 100%; text-align: center; }
.pagination ul li { display: inline-block; width: auto; padding: 0;  }
.pagination ul li a { padding: 3px 10px; color: #438eb9; border: #ccc 1px solid; }
.pagination ul li a:hover, .pagination ul li:hover { background: #e6e6e6; color: #333;}
.pagination ul li.active a { background: #438eb9; color: #FFF; }
.pagination ul .prev { background: url(../images/arrow2_hover.png) no-repeat; display: inline-block; width: 6px; height: 11px; }
.pagination ul .prev:hover {background: url(../images/arrow2.png) no-repeat;  }

#product_list_container .pagination ul li { margin-bottom:20px; } 



/*---- PAGINATION END -----*/
#sample-table-1 td {vertical-align: middle;}

/*
pagination Total Record weight 

*/
.fontw
{
	font-weight: bold;
}
.totalwrap { white-space:nowrap; }
.bodybgurl > input {
    width: 100%;
}
.statusactive
{
	background-color: #669900;
	color:#FFF;
}
.statusdeactive
{
	background-color: #d15b47;
}

/*----- Modal Popup -----*/
.custom_design_popup .modal-content { border-radius:0; }
.custom_design_popup .modal-content .modal-header { background:#438eb9; color:#FFF; }
.custom_design_popup .modal-header .close { margin-top:-6px; color:#FFF; text-shadow:0 1px 0 #000; opacity:0.7; }
.custom_design_popup .modal-footer { background:#f0f0f0; padding:10px 20px 10px; }
.fileUpload2 {
	position: relative;
	overflow: hidden;
	margin: 0 0 10px;
}
.fileUpload2 input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.parts { margin-top:10px;  }
#output {
    color: #d41600;
}
.existProduct
{
	display:none;
}
.add_new_branch_popup .close_class{cursor:pointer;}
#form_banner .tooltip { white-space:nowrap;}
.tooltip-inner { max-width:inherit !important; }
.chkbx .tooltip { white-space:normal !important; }
.product-conted .right-box .qunt-main .qunt-text .tooltip-inner {white-space: normal;width: 250px;}


.skuhead{font-weight: bold;}

#flyerown_validUntilDate { width:83%; float:left; }
/* #datetimepicker1 .cal { height:28px; padding:5px 12px; } */
#flyerown .error { display:none; }
.js_close_window { color: #333;float: right;font-style: normal;font-weight: 600;padding-right: 10px;right: 10px;}
#ownflyer .form-actions { margin-bottom:0; }
.icon-calendar{cursor: pointer;}

.pro_title_name {min-height:35px;} 

.file-input img { margin-top:5px; }
input#user_search_searchText { height:31px; }
table .Searchbox button.btn.btn-info.btn-sm { height:31px; margin-top:-3px; }

#search_form .Searchbox .rightdiv2 button.btn.btn-info.btn-sm { margin-top:0; }

.image_overlay,
.quote-prod-info .cont-part .product-conted .left-box .tproduct-box-part {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  top:0;
  left:0;
}
.image_sub {  margin-top: 45%; text-align: center;vertical-align: middle;}
.image_sub button, .image_sub button:hover { background:#438EB9 !important; color:#FFFFFF; border-color: #438EB9; font-size: 20px;  padding: 10px 40px;}
.image_overlay {
  background: rgba(0,0,0,0.7);
  filter: Alpha(Opacity=50, Style=0); 
  -moz-opacity: 50%; 

  position: absolute;
  text-align: center; 
  display:none;
}
.tproduct-box-part:hover .image_overlay{display:block;}
.cursorinit{cursor: default !important;}
.advance_search_box {
    background: url("../../images/main/fea_pro_bor.png") repeat-x scroll center top #01b1ea;
    position: absolute;
    right: 0;
    top: 48px;
    width: 100%;
    z-index: 1;}
.btn-wid{width:24px;}


.input-container input[type="radio"] { margin-left:5px; }
#step-container label { display:inline !important }
.alert { left:0; right:0; margin:0 auto; width:650px; display:inline-block; }
.alert .close{ font-size:26px; margin-top:-3px;}

.css_productlisting{max-height: 435px;overflow: auto;}

.product_gallery_admin:hover .pro_gallery_hover_close { display:block; }
.product_gallery_admin { position:relative; margin-bottom:20px; margin-right: 75px; width:200px; } 
.pro_gallery_hover_close { display:none; position:absolute; width:200px; height:200px; z-index:2; background: rgba(0,0,0,0.5); text-align:center; padding-top:87px; }
.pro_gallery_hover_close #gallery-img { margin-bottom:0; height:auto; width:auto; }
.bootstrap-datetimepicker-widget.dropdown-menu.bottom {z-index:9999; }

.cke {visibility: hidden;}
.nav-list li a i.fa {
    color: #666;
    font-size: 20px;
    margin-right: 10px;
    width: 25px;
    text-align: center;
    margin-top: 8px;
    float: left;
}

.nav-list li a:hover i.fa { color:#2b7dbc }

.notecustomdesign{margin-top: 5px;font-size: 14px;}
#bodybackgroundpanel { border-bottom: medium none navy;}
.csr {cursor: default;
}


#flyerown #datetimepicker1 .form-control-tool-tip { width:auto !important; float:left !important; }
.input-group-addon, .input-group-btn { width:auto !important; }
 /* #datetimepicker1 .input-group-addon.cal, #datetimepicker2 .input-group-addon.cal { height:29px !important; } */

#datetimepicker1 .input-group-addon  { font-size:auto; padding:auto;  }

/* 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    Safari only override
    ::i-block-chrome, #flyerown #datetimepicker1 .cal {
    height:22px !important;
    }
    
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    Safari only override
    ::i-block-chrome, #datetimepicker1 .input-group-addon.cal { height:26px !important; padding:0px 12px !important; width:auto !important; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    Safari only override
    ::i-block-chrome, #datetimepicker2 .input-group-addon.cal { height:26px !important; padding:0px 12px !important; width:auto !important; }
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    Safari only override
    ::i-block-chrome, #datetimepicker1 .cal { height:14px !important; }
}
 */


/*
changes cal height for starttime and endtime calander icon
date:29 jan 2015
By 4488
height: 34px;
*/
.cal{height: 28px;width: 30px;}

.orcls {text-align: center;}

.iconw
{
	width:25px !important;
}

#header_back select {
    border: 1px solid hsl(0, 0%, 80%);
    padding: 0;
    font-size: 14px;
}
#bodypopup select {
    border: 1px solid hsl(0, 0%, 80%);
    padding: 0;
    font-size: 14px;
}

#header_back #imgvalid, #logo #imgvalid, #bodypopup #imgvalid{
	text-align: center;
	color:red;
	margin:0 0 0 60px;
}

.orclass {
    margin-left: 60px;
    margin-top: -26px;
    text-align: center;
    padding-bottom: 4px;
}
.bodyimagepreview {
    float: right;
    margin-bottom: 16px;
    margin-top: -30px;
}
.bannershow
{
	margin-left:15px;
}
.bannererr
{
	text-align: left;
	margin-left: 45px;
}
.srnowrap
{
	white-space:nowrap;
}
.css_searchfr
{
	width:200px;
}

.fontw.totalwrap {
    white-space: nowrap;
}
.restorethememsg
{
   left: 0;
    margin: 0 auto;
    right: 0;
    width: 650px;
    border-radius: 0;
    font-size: 14px;
    position: absolute;
    top: 0;
    z-index: 10000;
    background-color: hsl(103, 44%, 89%);
    border-color: hsl(93, 44%, 85%);
    color: hsl(121, 32%, 40%);
}
#datetimepicker1, #datetimepicker2 { display:table; }
#datetimepicker1 .col-lg-12 , #datetimepicker2 .col-lg-12  { padding-right:0; display:block; float:none;}
.quote-search-block .onlyme{
	color:#000; text-align: left; font-size: 16px; margin-bottom:5px;
}
.videobtn { margin-top:-5px; font-size:17px; background:#438EB9 !important; border:#438EB9 5px solid; }
.videobtn i { font-size:24px; float:left; }
.notecustomcategory
{
	float:right;
	margin-right:10px; 
}
#errormessage
{
	text-align: center;
	color:red;
	margin-bottom: 20px;
}
.selectall_cls
{
	margin-bottom: 10px;
}
#selectallproduct #addAll,#selectallproduct #deleteAll
{
	padding: 0px 10px;
}
#officebrain_bundle_roasteronlinebundle_companyinfo_nameEn{
    text-transform: uppercase;
}
.viewsupplier
{
	background: none repeat scroll 0 0 hsl(202, 47%, 49%);
	color: hsl(0, 0%, 100%);
    float: right;
    font-size: 18px;
    height: 40px;
    padding: 7px 10px 8px;
    cursor: pointer;
}
#zoom_img .close, #zoom_img .close:hover {
    background: none repeat scroll 0 0 hsl(208, 56%, 53%);
    border-radius: 50%;
    color: hsl(0, 0%, 100%);
    margin: -20px -20px 0 0;
    opacity: 1 !important;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
}
.modal-dialog .modal-content .quick_view_title {
    border-bottom: 1px solid hsl(0, 0%, 87%);
    color: hsl(0, 0%, 25%);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    padding-bottom: 8px;
    text-transform: uppercase;
    width: 100%;
}
.spplier_block > a {
    color: hsl(208, 56%, 53%) !important;
}
.spplier_block > a:hover {
    color: hsl(208, 56%, 53%);
}
.searchSupplierInfo_js.quickViewBox:hover{
    color: hsl(208, 56%, 38%);
}
.searchSupplierInfo_js.quickViewBox{
    color: hsl(208, 56%, 38%);
}
.searchSupplierInfo_js.quickViewBox.setcol:hover{
    color: #FFF;
    
}
.searchSupplierInfo_js.quickViewBox.setcol{
    color: #FFF;
    
}
.hwnote
{
	color: hsl(208, 56%, 38%);
}
.pppc_no {
    color: hsl(0, 71%, 46%);
    display: block;
    font-size: 16px;
}
supplier_title {
    color: hsl(0, 0%, 0%);
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0;
    text-transform: uppercase;
}
.quick_view_right .aling_center {
    text-align: center;
}
.supplier_add {
    color: hsl(0, 0%, 0%);
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0 15px;
}
.supplier_contact {
    color: hsl(0, 0%, 0%);
    display: block;
    font-size: 14px;
    line-height: 22px;
}