/*-----------------------------------------------
Generated by BlueCherryB2B - theme sandeep07022021
----------------------------------------------- */
/* copy of bytogether-09032020 with display none entries commented out */
/* further changes by sandeep */

@import url('https://fonts.googleapis.com/css2?family=Khula:wght@300;400;600;700;800&family=Yrsa:wght@300;400;500;600;700&display=swap');

body {
    font: 11.7px/1.5 'Khula', sans-serif;
    background: #fdfef9;
}



ul.main li a {
    height: 18px;
}
ul.nav li.secondary{
  left: 26%;
}

body>#wrapper {
background: #fdfef9;
}

#content {
    margin-bottom: 50px;
}




/* Enable Presentation Mode set to display: none; */
.hidePresentataion {
   display:none;
}



.carousel {
    margin-bottom: -100px;
    margin-top: -40px;
}

a {
    color: #222;
}

#branding {
background: linear-gradient(to bottom, #e7e9ef 33px, #fdfef9 0%);
}

#header {
    background: transparent; 
    padding-top: 0px;
    position: relative;

}


#header #logo
{
width: 100%;
}

#header #logo a img{
    display: none;
}


#header #logo a{
    background: transparent url('/imageAssets/By Together Wholesale logo') center top no-repeat;
    background-size: 420px auto;
    background-position: center center;
    display: block;
    height: 100px;
    width: 500px;
    margin: auto;
}

#search {
    margin: 50px 0 0 20px;
}

#search .search-input {
    width: 130px;
}

.login-wrapper, .register-wrapper {
    border: none;
}

#login {
    max-width: 40%;
    width: 100%;
    margin: 25% 9%;
}

#register {
    max-width: 40%;
    width: 100%;
    margin: 5% 9%;
}

.box {
background: #fff;
}







/* LOGIN PAGE */

div#login h3 {
    display: none;
}

#login {
    width: 480px;
    margin: 6%;
}

#login, #register {
    max-width: 60%;
}

#login.box {
    background-color: rgb(255,255,255,0.4);
    border-radius: 9px;
}

.color-lable {
    /* display: none; */
}


.login_main {
    border-right: none;
}


#login fieldset.table {
    background: transparent;
    box-shadow: none;
    border: none;
}


.session-status {
   /* margin-top: 33px; */
}

#main {
   border-top: none;
   background: #fdfef9;
}

#main div#nav2 {
margin-top: 18px;
}






/* MAIN NAVIGATION BAR */

div.session-status.style.browse a {
     font: 11.7px/1.5 'Khula', sans-serif;
}

div.session-status.style.browse {
     font: 11.7px/1.5 'Khula', sans-serif;
}

div#current-location.clearfix.style.browse {
    font: 11.7px/1.5 'Khula', sans-serif;
    margin-bottom: -10px;
    margin-top: -10px;
}

a.style-organize-link {
    font: 11.7px/1.5 'Khula', sans-serif;
}

#navigation {
    height: 28px;
    line-height: 43px;
    font-size: 16px;
    color: #555;
    letter-spacing: 0;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Yrsa', serif;
    vertical-align: top;
    background: #fdfef9;
    border-bottom: 1px solid #e7e9ef;
}

ul.nav li a {
    font-weight: normal;
    line-height: 1.2em;
}

ul.nav {
    height: 18px;
    margin-bottom: 0;
}

ul.main li a {
    height: 18px;
    color: #4A4D52; 
}

ul.main li ul li a {
    width: 9em;
    line-height: 1.2em;
    height: 1.2em;
    text-align: left;
    color: #222;
    border: none;
    background: #eee;
}

ul.nav li ul {
top: 18px;
}

ul.main li:hover a:active {
background: #fff;
color: #222;
}

.home #navigation ul li.menu_home > a, .style #navigation ul li.menu_style > a, .catalog #navigation ul li.menu_catalog > a, .customer #navigation ul li.menu_customer > a, .order #navigation ul li.menu_order > a, .contact #navigation ul li.menu_contact > a, .reports #navigation ul li.menu_report > a, .account #navigation ul li.menu_account > a, .config #navigation ul li.menu_config > a, .site #navigation ul li.menu_site > a, .worksheet #navigation ul li.menu_worksheet > a, .search #navigation ul li.menu_search > a {
    background: #fdfef9;
    color: #4260A6;
}





/* Focus */

ul.nav li:hover a, ul.nav li a:hover, ul.nav li a:focus {
    color: #555 !important;
    background: #fefefe;
border-left: 1px solid #eee;
}

ul.main li ul li a:hover {
    color: #555;
    background: #eee !important;

}

ul.nav li.secondary:hover a {
    background: #fefefe;
}




/* SITE SECTIONS */

.parallax {
    height: 360px;
    background-position-y: 160px;
    background-attachment: initial;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: -215px;
}






/* BUTTONS AND CONTROLS */

.inputsubmit, .jeditable {
    text-transform: uppercase;
    padding: 2px 15px 4px;
    background-color: #4261a6;
    height: 28px;
    font-weight: 600;
}

.fancybox-dialog .fancybox-dialog-header {
    color: #555;
    text-transform: capitalize;
}

.fancybox-skin {
    background: #fff;
}

.closeBtn {
    border-radius: 22px;
    width: 60%;
    height: 60%;
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    margin: 7px;
    background-color: #555;
}


#worksheet-count {
top: -0.1em;
color: #222;
background: #F3F0EB;
}

div#nav2 {
margin-top: 5px;
background: transparent;
border: none;
border-top: 2px solid #EEE;
font-weight: bold;
text-transform:uppercase;
}

div#nav2 ul.tab li {
top: 0px;
}

div#nav2 .selected {
border: none;
background: #666;
background-image:
     -webkit-gradient(linear, left top, left bottom, color-stop(0, #777), color-stop(1, #444));
     -moz-linear-gradient(top, #777 0%, #444 100%);
     linear-gradient(to bottom, #777 0%, #444 100%);
color: #fff;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

div#nav2 .selected a {
border: none;
background: #666;
background-image:
     -webkit-gradient(linear, left top, left bottom, color-stop(0, #777), color-stop(1, #444));
     -moz-linear-gradient(top, #777 0%, #444 100%);
     linear-gradient(to bottom, #777 0%, #444 100%);
color: #fff;
}

/* IMAGE CORRECTIONS */

#order-details .image img {
    height: auto;
}




img.small-image_section {
    width: 100px;
    height: auto;
    padding-bottom: 0px;
}

.small_image_section_icon_div {
    height: 35px;
    background-color: #fff;
    margin-bottom: 2px;
    padding-bottom: 8px;
    color: #FFFFFE;
}


#hierarchy.style.browse {
    background: transparent;
    border: none;
    //position: fixed;
    top: 200px;
    font-family: 'Khula',sans-serif;
    font-size: 13px;
}

div#hierarchy_container.style.browse {
    margin-left: 80px;
}

#hierarchy li.root {
color: #333;
letter-spacing: 1px;
padding-left:10px;
line-height:1.7em;
font-size: 14px;
font-family: 'Khula',sans-serif;
}

.hierarchy-tree {
    margin-bottom: 15px;
    line-height: 26px;
}

#hierarchy li.root a {
/ *color: #eee; */
} 

#hierarchy li.category {
margin-left: 10px;
    font-family: 'Khula',sans-serif;
    font-size: 13px;
    padding-left: 7px;
}

#hierarchy li.category a {
margin-left: 10px;
    font-family: 'Khula',sans-serif;
    font-size: 13px;
    padding-left: 7px;
    color: #666;
}

#hierarchy li.sub-category {
margin-left: 10px;
    font-size: 13px;
    font-family: 'Khula',sans-serif;
    padding-left: 7px;
}

#hierarchy li.category-selected a.category-selected {
    color: #666;
    margin-left: 27px;
    font-size: 13px;
    font-family: 'Khula',sans-serif;
    padding-left: 7px;
    font-weight: 400;
    text-decoration: underline;
}

#hierarchy li.sub-category-selected a.sub-category-selected {
    color: #666;
    margin-left: 27px;
    font-family: 'Khula',sans-serif;
    font-size: 13px;
    padding-left: 7px;
    font-weight: 400;
    text-decoration: underline;
}

div#discount_price span {
color: #C69D0A;
font-size: 14px;
}





/* WORKSHEET 

div.style-ats.style-availability-info.worksheet {
    display: none;
}

*/





/* STYLE BROWSE */

div.toolbar.left-col.clearfix.style {
    font: 11.7px 'Khula', sans-serif;
    color: #666;
}

div.style {
    font: 11.7px/1.5 'Khula', sans-serif;
}

strong.name-lable {
    font: 11.7px/1.5 'Khula', sans-serif;
}

span.name-value {
    font: 11.7px/1.5 'Khula', sans-serif;
}

span.style-availability.availabile-immediatly {
    font: 11.7px/1.5 'Khula', sans-serif;
}

div.style-color-info style {
    font: 11.7px/1.5 'Khula', sans-serif;
}

div#color-name.block color-name.style {
    font: 11.7px/1.5 'Khula', sans-serif;
}

div#style-info.style-tags-desc.style {
    font: 11.7px/1.5 'Khula', sans-serif;
}

divhtml_description.style {
    font: 11.7px/1.5 'Khula', sans-serif;
}

div.style Sub-Header {
    font: 11.7px/1.5 'Khula', sans-serif;
}

div.style {
    font: 11.7px/1.5 'Khula', sans-serif;
}

.style-view .style-tags-desc .Sub-Header span {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Khula', sans-serif;
}



div.paginator.style.browse {
    font: 11.7px/1.5 'Khula', sans-serif;
    color: #666;
    margin-left: -12px;
}


div.pagination_bar.style.browse {
    margin-bottom: -10px;
}


div#currencymessage.info.block.style.browse {
    font: 11.7px/1.5 'Khula', sans-serif;
    color: #666;
    margin-left: 1px;
}

/* .msrp_view {
    display: none;
}
*/

.style-hidden-images-more-colors a {
    width: 15px;
    height: 15px;
}

/*
.addtoworksheet {
    display: none;
}
*/

li.selected.By.Together.section_position {
    font: 11.7px/1.5 'Khula', sans-serif;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-size: 100%;
}

* {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
* {
    margin: 0;
    padding: 0;
}
a {
    color: #222;
}
a {
    color: #666666;
    text-decoration: none;
    cursor: pointer;
}

#search-content .style-list {
    position: relative;
    font-size: 11px;
    margin: 10px 0 0 0;
    padding: 0;
    width: 253px;
    min-height: 360px;
    text-align: left;
    border: none;
}
#search-content .style-item img {
   
    margin-left: revert;
 
}

body {
    font: 11.7px/1.5 'Khula', sans-serif;
    background: #fdfef9;
}
body {
    font: 11.7px/1.5 'Khula','Semibold';
}
body {
    background: #fff;
    color: #333;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
}
body {
    line-height: 1;
}


#search-content .style-item {
    width: 250px;
    height: 375px;
    margin-bottom: 3px;
}

#search-content .style-item img {
    width: 250px;
    height: auto;
}

#search-content .moreImages {
    height: 40px;
    margin: 3px 0 12px 0;
}

.style-hidden-images-more-colors:after {
    content: '\2807';
    position: absolute;
    font-size: 36px;
    margin: 2px 0px 0px 2px;
    text-shadow: 0px 0px 5px white;
}






.box {
background: transparent;
padding: 10px 10px 1px 10px;
border: none;
}

#footer {
color: #666;
background: transparent;
}

#footer a {
color: #999;
}

.ui-dashboard-widget .ui-dashboard-header,
div#nav2 .selected {
background: transparent;
border: none;
color:#333;
border-top: 0px solid #EEE;
margin-top: 0px;
}

.ui-dashboard-widget .ui-dashboard-header h5 {
color: #333;
text-transform: uppercase;
}

.dashboard-left-col .ui-dashboard-content {
border-right: none;
}

#buyer-group-list .selected {
background: #EEE;
color: #222;
}

#contact-data tbody td.selected {
background: #EEE;
color: #222;
}

.fancybox-dialog .fancybox-dialog-header {
background: #E9E9E9;
border-bottom: 1px solid #BBB;
}

.jCalMo .invday {
background: #FF9A94;
}

.order-item-container .zero {
background: #FF9A94;
}

.order-item-container .low {
background: #FFD3A8;
}

.order-item-container .avg {
background: #F7F3AE;
}

.order-item-container .good {
background: #D5F3AB;
}

.order-item-container .full {
background: #A1E3A1;
}

/* Style Browse */


div.subtitle.price-code.price-level .style {
   /* display: none; */
}


table.style-pricing .price-level {
    margin-bottom: 0px;
}


div.style-availability-info.style.browse {
     /* display: none; */
}

.style-list .caption .subtitle {
    font-size: 16px;
    font-family: 'Yrsa', serif;
    color: #555555;
    font-weight: 500;
}

span.tagOrStyleNo.style-name {
    font-size: 16px;
    font-family: 'Yrsa', serif;
    color: #555555;
    font-weight: 500;
    line-height: 20px;
}

span.tagOrStyleNo.style-no {
    font-size: 16px;
    font-family: 'Yrsa', serif;
    color: #555555;
    font-weight: 500;
    line-height: 20px;
}

span.tagOrStyleName {
    font-size: 16px;
    font-family: 'Yrsa', serif;
    color: #555555;
    font-weight: 500;
    line-height: 20px;
}

.paginator {
    margin: 12px 0px;
    background: #fdfef9;
} 

div#style-image {
border: none;
}

img.swatch-color {
    width: 15px;
    height: 15px;
    border: 2px solid #ccc;
    border-radius: 14px;
    clip-path: circle(14px at center);
}

.swatch-image-highlight > img {
    width: 15px;
    height: 15px;
    clip-path: circle(18px at center);
    border: 2px solid #444;
    border-radius: 15px;
}


/* Quantity Pop Up */

ul.order-item-deliveries {
    width: 100%;
    }

.order-item-data {
    width: 100%;
    overflow: auto;
    background: #fff;
}

#order-style-summary {
    background: transparent;
}


.style-more-colors-fancybox-all-swatch-images {
    /* clip-path: circle(30px at center);
    width: 50px; */
    height: 50px;
    border: 2px solid #ccc;
    border-radius: 30px;
}


/* STYLE DETAIL PAGE */

div#order-form.box.style {
     /* display: none; */
}


.addtoworksheetStyleview {
    /* display: none; */
}

#Sticky-Bar {
     /* display: none; */
}

#backtotop, #backtodown {
    /* display: none; */
}


.style-view .style-side-nav-img img.tiny-image {
    width: 60px;
    height: 90px;
}

div.image-wrapper {
    height: 720px;
}

#style-image .fancybox-image {
    border: none;
}

#style-image .fancybox-image img {
    max-width: 100%;
    height: 720px;
}

.image-wrapper .grid_2 {
    height: 580px;
}

div#style-title {
    color: #555;
    font-size: 32px;
    font-family: 'Yrsa',sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
}

.thumbnail-list img, .color-list img {
    border: 1px solid #fff;
}

.color-thumbnails > img.tiny-color {
    font-weight: 400;
    width: 42px;
    height: 42px;
    border: 2px solid #ccc;
    margin-top: 4px;
    border-radius: 26px;
    clip-path: circle(26px at center);
}

.color-thumbnails > img.tiny-color.thumb_selected {
    width: 48px;
    height: 48px;
    border: 2px solid #222;
    margin-top: 0px;
}

div#style-tags .tag-list {
    margin: -20px 0 15px -5px;
    font-size: 1.6em;
}

a.add-delivery.inputbutton {
    /* display: none; */
}

.name-value {
    font-size: 1.3em;
}

div.style_attribute.style a {
    font-size: 1.2em;
}

div#style-tags h2 {
     /* display: none; */
     }

.thumbnail-list img, .color-list img {
border: none;
}

div#style-info div.html_description {
    margin: 10px 0;
    font-size: 1.3em;
}

/*Edit Images */
.image-item {
    text-align: center;
    width: 212px;
    height: auto;
}

img.small-image {
    width: 212px;
    height: auto;
}


/* ORDER ENTRY */

#order-style-summary td.image img {
    width: 89px;
    height: auto;
}


#remarks {
    width: 192px !important;
    vertical-align: -webkit-baseline-middle !important;
    height: 78px;
}

input#reviewOrder.input-save {
    /* display: none; */
}

input#saveAsDraft.input-save {
   /* display: none; */
}



.order-items-bottom-actions {
    position: static;
    width: 100%;
    border: none;
    border-bottom: 1px solid #cccccc;
}

/* Pencil opacity */
.ui-icon-pencil {
opacity: 1;
}

#order-style-summary .order-item.selected>td {
background: #fff;
}

table.size-quantity-grid .data-row td {
width: 50px;
}

.order-item-deliveries table.delivery-grid input {
width: 50px;
}

.order-item-deliveries table.delivery-grid {
background:
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

fieldset {
background:
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}


.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

.ui-tabs-widget .ui-widget-header {
background-image:
     -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(1, #333));
     -moz-linear-gradient(top, #888888 0%, #333333 100%);
     linear-gradient(to bottom, #888888 0%, #333333 100%);
border-bottom: none;
}

#style-tabs.ui-state-default {
background: transparent;
}

#style-tabs li.ui-state-default {
background: rgba(0, 0, 0, 0);
}

#catalog-group-tabs.ui-state-default {
background: transparent;
}

#catalog-group-tabs li.ui-state-default {
background: rgba(0, 0, 0, 0);
}

#dash-catalog-email-stats {
    margin-top: -28px;
    margin-right: 160px;
}

.slick-header-column.ui-state-default {
background: #666;
}

div#slick-size-grid .slick-header-row {
background: #666;
}

#style-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border: .5px solid #AAA;
border-bottom: none;
background: #fff;
}

#catalog-group-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border: .5px solid #AAA;
border-bottom: none;
background: #fff;
}



.toolbar {
margin: 10px 0 20px 0;
}

new.toolbar ul a {
border: solid 1px #999;
background: #EEE;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #DDD));
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
color: #222!important;
padding: 4px 15px;
cursor: pointer;
border-radius: 10px;
margin: 20px 0;
}

.box h2 {
background-image:
     -webkit-gradient(linear, left top, left bottom, color-stop(0, #777), color-stop(1, #444));
     -moz-linear-gradient(top, #777 0%, #444 100%);
     linear-gradient(to bottom, #777 0%, #444 100%);
border-radius: 4px;
}

#nav2 .left-col {
width: 750px;
}

#nav2 .right-col {
width: 150px;
}

.right-arrow {
margin-right: 6px;
}

table .order-total {
font-size: 19px;
}

#select_buyer #contact_search_input {
width: 420px;
}

.fancybox-dialog .fancybox-dialog-header {
background-image:
     -webkit-gradient(linear, left top, left bottom, color-stop(0, #777), color-stop(1, #444));
     -moz-linear-gradient(top, #777 0%, #444 100%);
     linear-gradient(to bottom, #777 0%, #444 100%);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

#select_buyer_link  {
border: solid 1px #999;
background: #eee;
background-image:
     -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #DDDDDD));
     -moz-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%);
     linear-gradient(to bottom, #FFFFFF 0%, #DDDDDD 100%);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
color: #222!important;
padding: 3px 15px;
height: 22px;
cursor: pointer;
border-radius: 10px;
}

a.change_address_link  {
border: solid 1px #999;
background: #eee;
background-image:
     -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #DDDDDD));
     -moz-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%);
     linear-gradient(to bottom, #FFFFFF 0%, #DDDDDD 100%);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
color: #222!important;
padding: 3px 15px;
height: 22px;
cursor: pointer;
border-radius: 10px;
}

table.data>thead>tr>th.table-head {
background: #666;
background-image:
     -webkit-gradient(linear, left top, left bottom, color-stop(0, #777), color-stop(1, #444));
     -moz-linear-gradient(top, #777 0%, #444 100%);
     linear-gradient(to bottom, #777 0%, #444 100%);
}


table .order-total {
font-size: 19px;
}

.sticky {
    background-color: #FFF;
}

.filter-scroller-inner {
    border-radius: 0;
}


/*REPORTS */
.maindattablepage {
    border-top: 2px solid #EEE;
}

.ui-tabs-widget .ui-tabs-nav .ui-state-default {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.filter-scroller-container {
    margin-top: 18px;
}

.GroupByAttribute {
    left: 20px;
}

.sticky {
    background-color: #FFF;
}


/* HOME PAGE */

.home #content {
    padding-top: 14px;
    max-width: 100%;
}
    
.ui-dashboard-widget .ui-dashboard-content {
    padding: 0px;
}

#ui-dashboard-content-footer {
    padding-left: 3%
}

/* RSW 3/3/21
.clearfix .home h5 {
	display:none;
}
	
.clearfix .home .right	{
	display:none;
}
*/


#activity-log.home {
    padding-left: 3%;
    padding-top: 10px;
}

#featured-styless {
    padding-top: 10px;
}


.acitvity {
    height: 820px;
    overflow: hidden;
}


.slider {
    width: 100%;
}

.slider:before {
    background-color: #fff;
}

#atsSlider-handle-lower, #atsSlider-handle-upper, #priceSlider-handle-lower, #priceSlider-handle-upper, #costSlider-handle-lower, #costSlider-handle-upper {
width: 40px;
}
#atsSlider-handle-upper {
    width: 60px;
}

.sticky {
    background-color: #FFF;
}

.slider:before {
    width: 0px;
    }

.slider {
    width: 100%;
}

.slides .caption {
    height: 10px;
}

#color-name .note {
    font-size: 10px;
    margin-left: 5px;
    /* display: none; */
}

/* Hide color-no by default */
div.style-color span.color-lable:last-of-type {
   /* display: none; */
}

div.style-color br {
 /* display: none; */}


#select_buyer_link {
  padding: 1px 15px;
}

a.change_address_link {
  padding: 1px 15px;
}

.filterheaderdiv {
    float: left;
    text-transform: uppercase;
    text-transform: capitalize;
}

#featured-catalogs .slides_container {
    padding-top: 10px;
    border-bottom: none;
}

div#configurator-style-info h4 {
    /* display: none; */
}

/* .allBasicComponentWithOrder {
    margin-top: 30px !important;
}
*/



#email-stats-cover-image {
    float: right;
    margin-right: 40px;
}

li.filtertab.styleFilter{
    /* display: none; */
}

.filtertab span {
    width: 100%;
    text-transform: uppercase;
}

.removeBackgroundSection {
    background: transparent;
}

#apply-link {
    border: none;
    padding: 4px 8px;
    border-radius: 12px;
    background: #FBF0C4;
    border-radius: 12px;
}

.color-count-lable, .add-all-colors-checkbox {
    margin-right: 3px;
     /* display: none; */
}

/* Responsive Video */
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* NOT LOGGED IN VIEW */
div#onscreen-help .help-wrapper {
    background: transparent;
}

div#onscreen-help {
    margin-bottom: 10px;
    font-size: 12px;
    text-align: left;
    border: none;
    background: transparent;
    color: #585C46;
}

div#onscreen-help a {
    text-decoration: none;
    color: #000;
    font-weight: 900;
    text-decoration: underline;
}


/* div#nav2 .left-col {
    width: 56%;
}
*/

/* div#nav2 .right-col {
    float: left;
}
*/

#catalog-style-image {
    border: none;
}


.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus  {
border: 1px solid #999999;background: #444444;font-weight: normal;color: #ffffff;
}

#ui-dashboard-content-footer {
    border-top: none;
    padding: 0px;
}


img#review {
	display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(http://awsr.s3.amazonaws.com/reference-list-icon.png) no-repeat;
    height: 140px;
    background-repeat: no-repeat;
    /* background-size: cover; */
    padding-left: 150px;
    background-size: 75% 100%;
}

/*-----------------CUSTOM CSS-------------------*/

.home .grid_12.alpha.dashboard_custom_content, .home .grid_4.omega.featuredstyles {
	display:none;
	}
	
	
.bt-col-3 {
	width: 25%;
	}
	
.bt-col-5col {
	width: 18.333%;
	}
	
	
	/*#wrapper .login {
		background-color: #000 !important;
		}
	
	
	.login #main {
    background-color: transparent!important;
}


	

	
#content.login-wrapper {
	background-color:transparent!important;
	}*/	
	
	body>#wrapper.account {
    #background: #333 url(/imageAssets/bt-homepage-thrive-image) no-repeat top center;
    background-size: cover;
}

body.reset-password-from>#wrapper.account, 
body.activate-confirmation>#wrapper.account,
body.reset-password-confirmation>#wrapper.account 
{
     background: none;
   }

.login #main {
    background-color: transparent;
	width: 100%;
	float:none;
}

.login_main {
	margin-bottom: 30px;
}



#header.account, .homeContentFooterCss.account  {
    display:none;
}
	
	#login.box {
    background-color: #fff;
    margin: auto;
    margin-top: 12%;
    padding: 30px;
    border-radius: 0px;
	
	
}

#login_main input{
	background-color: #e8f0fd;
    font-size: 1.3em;
    border: solid 1px #bbb;
    padding: 3px;
    width: 98%;
    margin-bottom: 10px;
    height: 30px;
}

#login_main .inputsubmit {
	background-color: #4462a3;
	width: 100%;
	height: 40px;
	font-size: 1em;
	}
	
.login #content {
    width: 100%;
}

 

.account h6 {
	text-align: center;
	font-size: 24px;
	margin: 10px 0px 30px 0px;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
	
#registration_main h6 {
	font-size: inherit;
	}
	
/* RSW 030321
.fa-eye {
    display: none;
}

#main div#nav2 {
    display:none;
}
*/


#register {
    max-width: 30%;
    padding: 2% 2% 2% 2%;
    border: 1px solid;
    margin: 6% auto !Important;
}

.box h2 {
    background-image: none;
    border-radius: 4px;
    background-color: #fff;
    color: #333;
    text-align: center;
    font-size: 24px;
}

#register .table  {
    padding: 5% 10% 5% 10%;
    box-shadow: none;
}

#register fieldset.table th {
    text-align: right;
    width: 0px;

}

fieldset.table > ol {
    padding-left: 14px;
    padding-top: 10px;
    padding-bottom: 15px;
}

form p.notice {
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
}



body>#wrapper.register {
	color: #333;
	}
	
/* RSW 030321
.search-dropdown {
    display: none;
}
*/
/* footer css start here */
       .social-links{
        background-color: #EDF4FA;
        border: 1px solid rgba(51, 51, 51, 0.31);
        border-radius: 100px;
        display: inline-block;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 34px;
        font-size: 13px;
        color: #5F5151;
        margin-right: 15px;
       }

        .social-links.margin-none{
            margin: 0px;
        }
        .social-links:hover{
            background-color: #4054B2;
            opacity: .9;
            color: #fff;
        }
        .social-links .fa{
            display: inline-block;
            width: 12px;
        }
       .social-links .fa.fa-facebook{
          width: 7px;
       }
/* footer css end here */
.buyer-registration-form #main .registration_heading#nav2,
.activate-confirmation #main .activate_heading#nav2,
.reset-password-confirmation #main .account#nav2
{
  max-width: 501px;
    padding-bottom: 15px !important;
  border-bottom: 1px solid #f0f1ec;
}
.reset-password-confirmation #main .account#nav2{
    margin-top: 73px !important;
}
.buyer-registration-form #branding{
       background: none;
}
.buyer-registration-form fieldset {
box-shadow:none !important;
}
.buyer-registration-form #navigation{
    display:none;
}
.buyer-registration-form #registration-buyer-basic-info,
.buyer-registration-form #registration-notice-contactInfo,
.buyer-registration-form #registration-notice-showconfiramtion,
.buyer-registration-form #content .contact-input-group
 {
    font-weight: normal;
    font-family: 'Khula',sans-serif;
}
.buyer-registration-form #content .contact-input-group
{
  line-height: 23px;
}
.buyer-registration-form #content .contact-input-group input[type="checkbox"]{
    width: 15px;
    margin: auto 5px auto 0px !important;
    vertical-align: middle;
    height: 20px;
}
.buyer-registration-form #content .contact-input-group input[type="checkbox"]#sameMailAddress{
    -webkit-appearance: auto;
    margin-bottom: 3px !important;
}
.buyer-registration-form #buyer-registration-email,
.buyer-registration-form .contact-company-info{
   font-weight: 600;
   font-family: 'Khula',sans-serif;
   color: #1c1c1a;
   padding-left: 3px;
}
.buyer-registration-form #content .contact-company-info{
   margin: 30px 0px 22px;
   line-height: 23px;
}
.buyer-registration-form #content .contact-input-group label{
    line-height: 25px;
    padding-top: 5px;
}
.buyer-registration-form #content .contact-input-group input{
   max-width: 327px;
   height: 34px;
   padding: 0px 10px;
   -webkit-appearance: inherit;
}
.buyer-registration-form div.input-group .input-cellphone {
    margin-left: 34px;
}
.buyer-registration-form div.input-group .input-password {
    margin-left: 13px;
}
.buyer-registration-form #register {
   border: 0px solid !important; 
   margin-top: 0px !important;
   margin-bottom: 50px !important;
}
.buyer-registration-form #content .registration-country-dropdown{
  width: 349px !important;
  height: 36px;
  border: solid 1.2px #dddddd;
  background: transparent;
}

.buyer-registration-form #registration_options_ol{
  font-family: 'Khula',sans-serif;
  list-style-position: inside;
  padding: 0px;
}
.buyer-registration-form .input-group{
font-family: 'Khula',sans-serif;
margin-bottom: 8px;
}

.buyer-registration-form #registration-buyer-notice {
font-weight: normal;
margin-top: 12px;
margin-bottom: 20px;
font-family: 'Khula',sans-serif;
}

.buyer-registration-form  #register .table  {
    padding: 0% 0% 0% 0%;
    box-shadow: none;
}

.buyer-registration-form #register fieldset.table th {
    text-align: left;
    width: 0px;
    padding: 0px;
}

.buyer-registration-form #register fieldset.table td{
    padding: 0px;
}
.buyer-registration-form .registration_heading#nav2 h4,
.activate-confirmation .activate_heading#nav2 h4,
.reset-password-confirmation .account#nav2 h4
 {
    font-family: 'Khula',sans-serif;
    font-size: 22.5px;
    color: #1c1c1a;
    margin: auto;
    font-weight: normal !important;
    text-align: center;
}
.buyer-registration-form .inputsubmit{
    width: 110px;
    height: 37px;
    margin-top: 4px;
    border: 0px;
   -webkit-appearance: button;
    border-radius: 0px;
}
.buyer-registration-form .input-group input {
    width: 348px;
    height: 34px;
    border: solid 1.3px #dddddd;
    background-color: #fdfef9;
    padding: 0px 10px;
    -webkit-appearance: inherit;
}
.buyer-registration-form #buyer-registration-basic .input-button,
.buyer-registration-form #buyer-registration-basic .input-group .error
{
  padding-left: 141px;
}

.buyer-registration-form #buyer-registration-basic .input-group input {
    width: 281px;
    height: 36px;
    border: solid 1.3px #dddddd;
    background-color: #fdfef9;
    margin-left: 0px;
    -webkit-appearance: inherit;
}
.buyer-registration-form #buyer-registration-basic .input-group strong{
    padding-bottom: 15px;
    display: inline-block;
}

.buyer-registration-form #buyer-registration-basic .input-group{
   margin: auto;
   margin-bottom: 8px;
}

.buyer-registration-form #buyer-registration-basic .inputsubmit{
    margin-top: 15px;
    padding: 0px;
    line-height: 33px;
    border: 0px;
    margin-right: 8px;
}
.buyer-registration-form #buyer-registration .confirmation-input-group{
   font-size: 17.5px;
   font-family: 'Khula',sans-serif;
   color: #555555;
   line-height:45px;
}
.buyer-registration-form #buyer-registration .confirmation-checkbox-group,
.buyer-registration-form #buyer-registration .acceptTerms-checkbox-group{
   font-family: 'Khula',sans-serif;
   margin: auto;
   line-height: 35px;
}
.buyer-registration-form #buyer-registration .confirmation-input-group label{
   font-weight: 600;
   color: #1c1c1a;
}
.buyer-registration-form #buyer-registration #mail-shipping-addrs{
     padding-left: 145px;
    vertical-align: top;
    line-height: 16px;
}
.buyer-registration-form #content .contact-input-button {
    padding-left: 175px;
}

.buyer-registration-form #buyer-registration-basic .input-group label{
    width: 137px;
    display: inline-block;
}

.buyer-registration-form div.contact-input-group input {
    max-width: 349px;
    width: 100%;
    height: 36px;
    border: solid 1.2px #dddddd;
    background-color: #fdfef9;
    font-weight: normal;
    -webkit-appearance: inherit;
}
.buyer-registration-form #buyer-registration .confirmation-checkbox-group{
    
}
.buyer-registration-form #buyer-registration .confirmation-checkbox-group #confirmInformation,
.buyer-registration-form #buyer-registration .acceptTerms-checkbox-group #acceptTerms
{
    vertical-align: top;
    margin-right: 10px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 8px;
}
.buyer-registration-form #register #buyer-registration{
   border: none !important;
}

.buyer-registration-form #buyer-registration #registration-comfirmation-table{
   margin-top: 20px;
}

.buyer-registration-form .contact-content,
.buyer-registration-form .show-confiramtion-content{
   border-top: 1px solid #f0f1ec;
}
.buyer-registration-form .complete-registration-content #registration-complete-message,
.buyer-registration-form .complete-registration-content .registration-complete-message-li{
  font-family: 'Khula',sans-serif;
}
.buyer-registration-form .complete-registration-content{
  margin-bottom:50px;
}
.buyer-registration-form #registration-comfirmation-table .default{
 /* display: none; */
}

@media only screen and (max-width: 767px) {
  .buyer-registration-form .registration_heading#nav2 h4{
     font-size: 20px;
  }
  .buyer-registration-form #main{
     padding: 0px 10px;
  }
  .buyer-registration-form .input-group input{
     width: 328px;
  }
  .buyer-registration-form #registration-buyer-notice, 
  .buyer-registration-form #registration_options_ol,
  .buyer-registration-form .input-group
  {
     font-size: 14px;
     margin-bottom: 10px;
  }
  .buyer-registration-form #buyer-registration-basic .input-group label{
     width: 100%;
  }
  .buyer-registration-form #buyer-registration-basic .input-group input{
     width: 328px;
  }
  .buyer-registration-form #buyer-registration-basic .input-group .fa-eye{
     position: absolute;
    right: 5px;
    top: 32px;
    margin: auto;
    z-index: 9;
  }

  .buyer-registration-form #buyer-registration-basic .input-button,
   .buyer-registration-form #content .contact-input-button
   {
     text-align: center;
   }
  .buyer-registration-form #buyer-registration-basic .input-button, 
  .buyer-registration-form #buyer-registration-basic .input-group .error,
  .buyer-registration-form #content .contact-input-button
   {
      padding-left:0px;
   }
   .buyer-registration-form #registration-buyer-basic-info{
     width: 100%;
   }
   .buyer-registration-form #main .registration_heading#nav2{
     margin-top: 50px;
   }
   .buyer-registration-form #registration-buyer-basic-info, 
   .buyer-registration-form #registration-notice-contactInfo, 
   .buyer-registration-form #registration-notice-showconfiramtion, 
   .buyer-registration-form #content .contact-input-group,
   .buyer-registration-form #buyer-registration-email, 
   .buyer-registration-form .contact-company-info,
   .buyer-registration-form #buyer-registration .confirmation-input-group,
   .buyer-registration-form .complete-registration-content #registration-complete-message, 
   .buyer-registration-form .complete-registration-content .registration-complete-message-li
   {
     font-size: 14px;
   }
   .buyer-registration-form #buyer-registration #mail-shipping-addrs{
     padding-left: 116px;
   }
   .buyer-registration-form #buyer-registration .confirmation-checkbox-group, 
   .buyer-registration-form #buyer-registration .acceptTerms-checkbox-group{
     line-height: 22px;
     font-size: 14px;
   }
   .buyer-registration-form #buyer-registration .confirmation-checkbox-group #confirmInformation, 
   .buyer-registration-form #buyer-registration .acceptTerms-checkbox-group #acceptTerms{
     margin-right: 4px;
     margin-top: 1px;
   }
}

/* top header hide css*/
.top-header-inner{
   display: none;
}
/* Login Custom CSS start here */
.login .nav.account, .buyer-registration-form .nav, 
.reset-password-from .nav.account,
.reset-password-confirmation .nav.account{
  border-bottom: 1px solid #e9eae5;
}
#resetPassWordClass, #header #quick-menu li#brandingHelpButton, #header #quick-menu li.separator{
 display: none;
}
#header #quick-menu li#brandingNewRegisterationButton{
  display: block;
  margin-left: 22px;
}
#header.account, .buyer-registration-form #header{
 display: block;
 background-position: 50% 25px;
 max-width: 1400px;
}
body.login >#wrapper.account, body.reset-password-confirmation #branding{
 background: none;
}
.login.backgroundImage, body.reset-password-from,
body.activate-confirmation, body.reset-password-confirmation{
 background: #fdfef9;
} 
#login.box{
 margin-top: 50px;
 padding: 0px;
 background: #fdfef9;
}
#header #quick-menu{
  margin-top: 11px;
   position: absolute;
    right: 0;
}
#header #quick-menu a{
 font-family: 'Yrsa', serif;
 font-size: 14px;
 color: #606060;
 text-transform: none;
}
.account #login_main h6, .account #registration_main h6{
   font-size: 0px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.account #login_main h6::before, .account #registration_main h6::before{
  content:'LOGIN';
  font-size: 30px;
  font-family: 'Khula',sans-serif;
  color: #1c1c1a;
  font-weight: normal;
  display: block;
  text-align: center;
}

.login_main .account tr{
    max-width: 345px;
    display: block;
    margin: auto;
}
.login_main .account tr:first-child{
    max-width: 100%;
}
.login_main .account tr td{
    width: 100%;
    display: block;
    position: relative;
}
.login_main .account tr td i{
   position: absolute;
    top: 15px;
    right: 15px;
    margin: auto;
}
#login_main input{
    max-width: 343px;
    padding: 2px 3px;
    border-radius: 3.7px;
    border: solid 1.2px #dddddd;
    background-color: #fdfff9;
    margin-bottom: 16px;
}
#login_main .inputsubmit{
  max-width: 345px;
  height: 45px;
  line-height: 45px;
  border-radius: 0px;
  font-weight: normal;
  font-family: 'Khula',sans-serif;
  margin-bottom: 20px;
  font-size: 0px;
  border: 0px;
}
#login_main .inputsubmit::before{
  content:'MEMBER LOG IN';
  font-size: 16px;
}
#login #login_main a{
    font-family: 'Khula',sans-serif;
    color: #4261a6;
    font-size: 13.5px;
    display: block;
    text-align: center;
    width: 115px;
    margin: auto;
    text-decoration: underline;
}
#login_main{
    border-bottom: 1px solid #dddddd;
    padding-bottom: 45px;
    margin-bottom: 45px;
}
.account #registration_main h6{
   border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 24px;
}
.account #registration_main h6::before{
  content:'REGISTRATION';
}
.account #registration_main h6::after{
  content:'Welcome! It’s quick and easy to set up an account';
  font-size: 13.5px;
  color: #555555;
  font-family: 'Khula',sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 1.08px;
    display: inline-block;
    margin-top: 15px;
}
#registration_main #registerButton a{
    border: 1px solid #dddddd;
    background: #fffffc;
    color: #555555 !important;
    width: 345px;
    height: 44px;
    display: block;
    margin: auto;
    line-height: 45px;
    font-size: 0;
    margin-bottom: 40px;
    padding: 0px;
    font-family: 'Khula',sans-serif;
}
#registration_main #registerButton a::before{
    content: 'NEW ACCOUNT REGISTRATION';
    font-size: 12.5px;
}
@media only screen and (max-width: 1400px) {
 #header.account, .buyer-registration-form #header{
        max-width: 1170px;
 }
}
@media only screen and (max-width: 1200px) {
 #header.account, .buyer-registration-form #header{
        max-width: 970px;
 }
}
@media only screen and (max-width: 991px) {
 #header.account, .buyer-registration-form #header{
    max-width: 760px;
 }
}
@media only screen and (max-width: 767px) {
   .login #wrapper .nav.account{
      display: none;
    }
    body.login >#wrapper.account {
    #background: #333 url(/imageAssets/bt-homepage-thrive-image) no-repeat top center;
    background-size: cover;
    }
    #login_main{
       margin: auto;
       margin-bottom: 40px;
       max-width: 345px;
       float: none;
    }
    #header.account, .buyer-registration-form #header{
    max-width: 100%;
    background-size: 200px auto;
        background-position-y: 17px;
    height: 50px;
    padding: 0px 15px;
 }
 .login .nav.account #branding{
   height: 50px;
 }
 #header #quick-menu{
     display:none;
  }
  #login.box{
     margin-top: 0px;
     max-width: 100%;
     width: 100%;
     padding-top: 50px;
  }
  .account #login_main h6{
    border: 0px;
    padding: 0px;
    margin-bottom: 40px;
  }
.account #registration_main h6{
   border: 0px;
    padding: 0px;
    margin-bottom: 25px;
}
  #login fieldset.table {
    text-align: left;
  }
  .login_main .account tr td{
        padding: 0.2em 0px;
  }
  #registration_main{
    padding-top: 0px;
    float:right;
  }
 .account #registration_main h6::after{
     font-size: 12.5px;
     letter-spacing: 1px;
  }
}
/* Login Custom CSS end here */

/* Reset password Custom CSS start here */
 .reset-password-from #main #nav2, .reset-password-from #main #nav2{
    max-width: 421px;
    width: 100%;
    margin: auto;
    text-align: left;
    margin-top: 73px;
}
.reset-password-from #main #content,
.reset-password-confirmation #main #content{
   max-width: 427px;
    width: 100%;
    margin: auto;
}
.reset-password-confirmation #main #content fieldset{
   box-shadow: none;
}
.reset-password-from .box{
    padding: 0px;
}
.reset-password-from p{
    font-family: 'Yrsa', serif;
    font-size: 18px;
    line-height: 30px;
    color: #1c1c1a;
    margin-top: 15px;
    max-width: 95%;
}
.reset-password-from #branding{
   background: none;
}
.reset_heading h4, .reset-password-from #nav2 h4{
  font-size: 30px;
    font-family: 'Khula',sans-serif;
    color: #1c1c1a;
    font-weight: normal;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 0px;
    padding-bottom: 15px;
}
.reset-password-from #registration-notice-reset{
      font-family: 'Yrsa', serif;
    font-size: 18px;
    max-width: 88%;
    line-height: 30px;
    color: #1c1c1a;
    margin: 10px 0px 0px 0px;
}
.reset-password-from .input-group-reset{
   margin: 5px 0px 14px 0px;
}
.reset-password-from .input-group-reset input{
      font-family: 'Khula',sans-serif;
    padding: 0px 5px;
    width: 100%;
    max-width: 80%;
}
.reset-password-from .reset-submit-button{
   width: auto;
   margin-bottom: 50px;
   border: 0px;
}
.reset-password-from .reset-cancel-button{
   margin-left: 15px;
}
.homeContentFooterCss{
       margin: auto;
     }
.homeContentFooterCss #ui-dashboard-content-footer{
   padding-left:0px;
}
@media only screen and (max-width: 767px) {
  .reset-password-from #main{
      padding: 0px 15px;
      width: auto;
      text-align: left;
   }
  .reset-password-from #nav2 h4{
     font-size: 24px;
    text-align: center;
   }
   .reset-password-from #registration-notice-reset{
      max-width: 100%;
      font-size: 16px;
      line-height: 26px;
   }
   .reset-password-from #main #nav2{
      margin-top: 50px !important;
   }
   .footer-container{
      flex-wrap: wrap !important;
      padding: 0px 15px;
    }
    .homeContentFooterCss{
       margin: auto;
     }
    .homeContentFooterCss #ui-dashboard-content-footer{
       padding: 0px;
    }
   .homeContentFooterCss .mobile-column{
      flex: 0 0 100%;
      max-width: 100%;
      padding: 10px 0px !important;
    }
}

#hide_CreateCustomerFromErp, #hide_CreateCustomerFromErpEnd {
 display:block;
}

/* Reset password Custom CSS end here */

#hide_CreateCustomerInBC{
    display: block;
}
.relatedStyleContent {
display:inline-block;
}

.footer-web-view{
   display: block;
}
.footer-mobile-view{
   display: none;
}

@media only screen and (max-width: 767px) {
   .footer-web-view{
      display: none;
   }
   .footer-mobile-view{
      display: block;
   }

#custom-footer a{
        letter-spacing: 1.5px;
    }
    #custom-footer h2{
        font-family: "YrsaRegular";
        font-size: 24px !important;
        margin-bottom: 10px !important;
        margin-top: 10px;
    }
    #custom-footer .footer-mobile-container{
        background: #f6f7f2 !important;
        border-color: #d4d4d4 !important;
        padding-top: 20px !important;
    }
    #custom-footer .mobile-column{
        flex: 0 0 100%;
        max-width: 100%;
    }
    #custom-footer .mobile-column .social-links{
        background-color: #f8f9f4;
    }
    #custom-footer .mobile-column .download-app{
        display: none;
    }
    #custom-footer .copy-right-mobile{
        background: #f6f7f2 !important;
    }
    #custom-footer .copy-right-mobile a{
        width: 100%;
        display: inline-block;
        margin: 0px auto 10px !important;
    }
    #custom-footer .copy-right-mobile .externalLink{
        width: auto;
        padding: 0px 15px;
    }
    #custom-footer .copy-right-mobile span{
        width: 100%;
        display: inline-block;
        margin: auto !important;
        letter-spacing: 1.5px;
    }
    #custom-footer .footer-container{
        flex-wrap: wrap !important;
    }
    .social-links img{
       display: none;
    }
}
.activate-confirmation #registration-notice-activate,
.reset-password-confirmation fieldset,
.reset-password-confirmation #content h3{
    font-family: 'Khula',sans-serif;
    font-size: 14.5px;
    line-height: 20px;
    color: #555555;
    margin: 15px auto;
}

.activate-confirmation #registration-notice-activate a{
    text-decoration: underline;
}

.reset-password-confirmation #content .inputsubmit{
    width: 100px;
    font-size: 12px;
    border: none;
    margin: 15px auto;
}
.reset-password-confirmation fieldset.table > ul{
    margin-bottom: 15px;
}
.reset-password-confirmation fieldset.table th{
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
.reset-password-confirmation fieldset.table .input input {
   width: 250px;
   height: 36px;
   border: 1.3px solid #ddd;
   background: #fdfef9;
   padding: 0px 10px;
   margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
   .reset-password-confirmation fieldset.table th{
      width: 125px;
   }
   .reset-password-confirmation fieldset.table .input input{
     width: 210px;
   }
.reset-password-confirmation #header,
.activate-confirmation #header,
.reset-password-confirmation #activation,
.activate-confirmation #main{
    padding: 0px;
 }
 .reset-password-confirmation #main #content fieldset,
.reset-password-confirmation #content h3{
   padding: 0px 15px;
  }


.buyer-registration-form #content{
  max-width: 350px !important;
}
.buyer-registration-form #buyer-registration-basic .input-group{
   position: relative;
}

}

#registration-notice-activate a {
color: #4261a6;
font-weight: bold;
}
#message.info, #local-message.info, .message-wrapper .message.info{
 line-height: 18px;
}

.account {
width:100%;
}

/* Hide Order Stats. RSW 02022022 */
#dash-order-stats > table {
    display: block;
}

.ssologin {
display: none !important;
}
div#onscreen-help .help-wrapper.catalog{
	padding: 0px 10px;
    line-height: 30px;
}

.notice a {
    color: blue;
border-bottom: 1px solid blue;
}

.buyer-registration-contact-us {
    display: block;
}
.buyer-registration-form #registration-buyer-notice-password{
		font-family: 'Khula',sans-serif !important;
		font-size: 14.5px !important;
	}

#header.account {	
    height: 100px;	
}


/* password rules screwed up CSS so fixing them with below */

.buyer-registration-form #content {
    width: 437px !important;
    margin: auto !important;
}

.row.home {
display: initial !important;
}

input#limitedStyleAccess {
    display: none;
}

/* MA */
#order-details .grid-container-vertical .style-image img{
    max-width: 100px;
    height: auto;

}