/* New code for workcenter */
:root {
    --workcenter-primary-color: #000000 !important;
    --workcenter-primary-text-color: #ffffff !important;
	--workcenter-primary-text-color: #fff!important;
    --workcenter-secondary-text-color: #ff8e53!important;
    --smarthomepage-secondary-text-color: #000 !important;
    --mainsitefont:"Roboto", sans-serif!important;
} 
/* end */
#searchResultsSearchFieldsDiv .controldiv {
   /* border: 1px solid #000000;*/
   /* margin-left: 10px;*/
    /*margin-top: 5px;*/
   /* max-height: 84px !important;*/
    /*overflow: auto;*/
}
#body1 .no-height
{
     height:10px !important;
    min-height: 10px !important;
}
.businessunitdiv, .mappingdiv {
border: 0px solid black;
background: transparent;
}

#PageContent {
margin-top: 10px;
margin-left: 5px;
}

#Email, #Cc1, #Cc2, #Cc3, #Instructions, #ContactBusinessName, #ContactInfoName, #ContactEmailAdd, #ContactPhone {
width: 235px;
}

.section_headers div > span {
background-image:none ;
}

.instructions {
padding-left: 0px;
}

.DeliveryFormContainer {
position: relative;
right:400px;
top:-325px;
}

.ToolTipHeader {
color: #ffffff!important;
font-weight: bold;
}

.RadToolTip .rtWrapper td.rtWrapperContent {
background:#000000!important;
}

.breadCrumbContainer {
/*display: none!important;*/
background: transparent;

}

.breadCrumbs, #lblPrimarySearch, #BreadCrumbContainer_SearchField1, #BreadCrumbContainer_SearchField2, #BreadCrumbContainer_SearchField3, #BreadCrumbContainer_SearchField4, #BreadCrumbContainer_SearchField5, #BreadCrumbContainer_SearchField6 {
display: none!important;
}

/*#btnSubmit {
position: relative;
top: -767px;
left: 197px;
}*/

/*#btnClear {
position: relative;
top: -767px;
left: 195px;
}*/

/*#searchResultsSearchDiv {
display: none;
}*/

.page_title {
/*float: left;*/
font-weight: bold;
}

#lblInstructions {
/*float: left;*/
padding-top: 15px;
padding-bottom: 15px;
}


/*#divOrderButton1 {
display: none;
}*/


p {
font-color: #ffffff!important;
}

#btnAssetDownload {
width: 172px;
}

#btnViewAll{
color: #000000!important;
}

.searchResultsButtons {
float: none;
padding: 2px;
}

span[disabled=disabled] label
{
color: grey;
/*display: none;*/
}

/*
span[disabled=disabled]
{
color: grey;
display: none;
}*/

#hlCancel, .hLinkReset {
color: #444444!important;
}

/* a {
    color: #FFFFFF !important;
} */

.PageHeaderLoginDisplay a:link {
    text-decoration: underline;
}

.results_title, .divTextItemValue {
font-size: 20px;
}

#rdblTemplates_0 {
font-size: 12px;
padding-bottom: 5px;
}

.JobCenterSearchIcon {
float: left;
/*margin-right: 10px;*/
position: relative;
top: 50%;
/*margin-top: -24px;*/
margin-right: 10px;
padding-right: 10px;
/*margin-left: -15px;*/
cursor: pointer;
}

.JobCenterSavedSearch {
float: right;
position: relative;
top: 50%;
margin-top: -8px;
margin-right: 28px;
}

.JobCenterSearchTab {
background-image: url('/skinning/Luxco/locales/en/images/tab-background_1px.png');
background-repeat: no-repeat;
width: 505px;
height: 1px;
padding-left: 15px;
}

#searchResultsTitleDiv {
padding-top: 10px;
}



.totaldiv.viewDetails .labeldiv {
padding: 0px!important;
}

#updatePanel {
padding-left:1%;
padding-top: 1%;
}

#divAddToDownloadsChk {
display: none;
}

#btnDetails {
/*background-image: url(/Skinning/Luxco/Locales/en/images/DetailsButton.jpg); */
color: #000000!important;
}

.ResultCellHeader {
  font-size: 16px;
  font-weight: bold;
  background-color: #565455;
  min-height: 20px;
  padding: 8px;
}



#searchResultsSearchFieldsDiv .controldiv {
margin-left: 0px!important;
/*width: 235px;*/
}

#searchResultsInstructionsDiv {
padding-bottom: 2%;
font-size: 14px;
width: 90%!important;
}

/*

#searchResultsSearchFieldsDiv .labeldiv {
padding-left: 4%;
}

#searchResultsKeywordDivTop {
padding-left: 4%;
}
*/

.multilistbox input
{
    color: #000000;

}


.hLinkReset {
   float: right;
   color: #287cd2;
}

#imgThumbnail {
  max-height: 250px;
  max-width: 235px;
}

#btnAddToDownloads1 {
display: none;
}

#btnDownloadNow1 {
display: none;
}

/* Page Header Display
----------------------------------------------------------*/
.HeaderLeftBanner
{
    position: absolute;
    left: 0px;
    height: 100px;
}
.HeaderCenterBanner
{
    position: absolute;
    left: 40%;
    height: 100px;
}
.HeaderRightBanner
{
    position: absolute;
    right: 0px;
    height: 100px;
}
#PageHeader
{
    background-color: #ffffff;
    background-image: url(../Images/l_topbanner.png);
    overflow: hidden;
    height: 100px;
    clear: both;
}
.PageHeaderLoginDisplay
{
   color:#ce1e16;
}
.PageHeaderLoginDisplay a:visited
{
   color:#ce1e16;
}

/* Telerik drop down menu styling */
#mainMenu
{
    font-family: Arial;
    background-color: #2f2f2f;
    background-image:none;
    border:0px;
}
#mainMenu a
{
    color: #dadada;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 3px;
    text-decoration: none;
}
#mainMenu a.clickable
{
    cursor: pointer;
}
#mainMenu a:hover
{
    background-color: #2f2f2f; 
    color: #ae1d16;
    
}

.menu
{
    color: #fff;
    background-color: #2f2f2f;
    position: absolute;
    visibility: hidden;
    opacity: 0.90;
    filter: alpha(opacity=90);
}
.menu li a
{
    color: #fff;
    background-color: transparent;
    display: block;
    line-height: 1.75em;
    text-decoration: none;
}
.menu li a span
{
    color: #fff;
}
.menu li a:hover
{
    background-color: #e6e7e8;
    color: white;
}
.menu li a:hover span
{
    color: #ae1d16;
}

/* Page Footer Display
----------------------------------------------------------*/
#PageFooter
{
    overflow: hidden;
    background-color:#000;
    float: right;
    width: 500px;
    margin: 10px 0 10px 0;
    position: relative;
    bottom: 0;
    width: 100%;
    height: 80px;
    z-index: 10;
}

/* Default for all corps...Beam needs this for floating footer */
.footerHeight
{
    margin-top: 0px;
}

#FooterCopyright
{
    font-size: 9pt;
    margin-top: 12px;
    margin-left: 194px;
    text-align: center;
}
#FooterLinks
{
    font-size: 9pt;
    margin-left: 194px;
    text-align: center;
}
#FooterLogo
{
    float: right;
    margin-right: 50px;
    margin-top: 3px;
}
#FooterRuler
{
    background-color: #000000;
    margin: auto;
    height: 1px;
    width:100%;
}
.footerText
{
    color:#fff; 
}
.footerText a
{
    color:#ae1d16;
}
.footerText a:hover
{
    color:#ae1d16;
}
.footerText a:visited
{
    color:#ae1d16;
}
#MainContent_btnKeywordSearchGoTop
{
    background-image: url (/Skinning/luxco/Locales/en/images/MagnifyingGlass.png);
}

/* Delivery Forms
----------------------------------------------------------*/

.totaldiv.section_headers .controldiv {
    background-image: none;
    padding-left: 0px;
}
.totaldiv.section_headers {
    background-color: transparent;
    color: #000000;
    padding-left: 0px;
}

.ebrochureDelOptionInput {
width: 235px;
}


#MainContent_adBuilderControlPanel_jobNameLink {
/*display: none;*/
color: red !important;
}

#hlk_URL {
color: black !important;
}

.JobCenterHyperLinkContainerDiv a {
color: blue !important;
}


#oldURL {
  margin-top: 39px;
}


#oldURL::before {
  background-color: #C9CACC;
  content: "Select an existing link below to update with your new brochure. PLEASE NOTE: This option will DELETE the current e-brochure hosted on this link and replace it with your new file.";
  display: block;
  margin-top: -9px;
  width: 1300px;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 15px;
margin-left: 36px;
height: 21px;
}

#newURL::after {
 content: "OR";
 display: block;
  margin-top: 5px;
  width: 25px;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 15px;
}

.tabHeader {
  display: block;
  height: 20px;
  width: 100%;
  background-color: #C9CACC;
  cursor: pointer;
  padding: 4px 20% 4px 3px;
  margin: 10px 0px;
  text-align: left;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  color: Black;
  font-weight: bold;
  margin-left: 38px;
}

.JobCenterDeliveryOptionsImageButtonDiv {
Display: none;
}

.rblist {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  width: 100%;
  color: black;
}


/* megamenu/header required css */
#lbReport {
  color: black !important;
}

#smartLandingPage-MenuList > ul > li > a {
    font-size: 12px;
    color: #333333 !important;    
}
.smartLandingPage-userprofile>div:hover #MegaMenu_firstlastletter{color: #ffffff !important;}
.smartLandingPage-child>a, .smartLandingPage-subSubMenu>li>a{
    font-family: 'Roboto';
    font-size: 12px;
    text-transform: capitalize;
    font-weight: normal;
	color:#000 !important;
}
/* -- **** -- */
.web-notification .label {
    display: none !important;
}
span.unread-count {
    background-color: #000 !important;
    color: #fff !important;
}
/* 16-MAY-2025 */


#smartLandingPage-MenuList > ul > li > a {
    font-size: 14px;
    color: #333333;
}

.smartLandingPage-buttons {
  margin-top: 0 !important;
  top: 50% !important;
  transform: translate(0, -50%);
  position: absolute;
  right: 0;
  width: 3.5%;
}

.shp-template-recommendation-header{
    margin-top: 0;
}
.carousel-inner{
    height: auto;
}
.smartLandingPage-section-widgets {
  top: 30px !important;
}
@media screen and (min-width: 1400px) {
  .carousel-inner {
    height: auto !important;
}
  .smartLandingPage-section-widgets {
    top: 30px !important;
  }
}
@media screen and (max-width: 1700px){
    .carousel-item > iframe {
        height: 370px;
    }
}
@media screen and (max-width: 1400px){
    .carousel-item > iframe {
        border: none;
        width: 100%;
        height: 370px;
    }
    .smartLandingPage-section-widgets {
        top: 0px;
    }
    
}
@media screen and (min-width: 1150px) and (max-width: 1365px) {
  .carousel-item > iframe {
    height: 350px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1149px) {
  .carousel-item > iframe {
    height: 290px;
  }
}
@media (min-device-width: 768px) and (max-device-width: 1024px) {
  .carousel-inner {
    height: 217px !important;
  }
  #smartLandingPage-PageContent .carousel-item > iframe {
    height: 260px !important;
  }
}
@media (min-device-width: 300px) and (max-device-width: 767px) {
  .smartLandingPage-buttons {
    height: 220px !important;
    width: 7% !important;
  }
  #smartLandingPage-PageContent .carousel-item > iframe {
    height: 260px !important;
  }
  .smartLandingPage-section-widgets{
    padding-top: 20px;
  }
}
/*  warehouse-quantity removed  */
.warehouse-quantity, .warehouse-quantity-single, input#MainContent_btnAddItemToOrder1{display:none;}
 /* SSKIN-12762 */
.OrderManagementProductSelection #PageContent{min-height: 800px;}
/*16-MAY-202 5 */
/* 20-May-25 */
.pageBodyWrapper.smartLandingPage-PageBodyWrapper, .searchdefault #pageBodyContainer .pageBodyWrapper{
    padding: 0px 0px !important;
}
.MyAccountUser #pageHeaderContainer,
.MyAccountSearchUser #pageHeaderContainer {
    display: block !important;
    font-family: var(--sitesecondryfont);
    margin-bottom: 0px;
}
 
.MyAccountUser #pageHeaderContainer h1,
.MyAccountSearchUser #pageHeaderContainer h1 {
    font-family: var(--sitesecondryfont);
    margin-bottom: 0px;
    color:var(--CTAlinkcolor)
}
 
.MyAccountUser .pageHeaderWrapper,
.MyAccountSearchUser .pageHeaderWrapper {
    padding: 0px 42px;
}
 
.MyAccountUser .businessunitdiv {
    width: 100%;
}
 
.pageBodyWrapper {
    padding: 10px 42px !important;
}
.MyAccountCreateLocation .pageBodyWrapper {
    padding: 10px 42px !important;
}
.search-header .product-card-header .create-design-btn{
background: var(--workcenter-primary-color) !important;
}
/* ------- */
/* PLP/PDP -- 23/May/25 */
.clearLinkContainer a, .expand-link-container a{
    color: var(--workcenter-primary-color) !important;
}
.AdminTemplateToolkitSearchPropertySetManagementInternalAdmin .button{
    background: var(--workcenter-primary-color);
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}
.search-property-details .property-value a{
    color: var(--workcenter-primary-color) !important;
}
.searchdefault .wishlist-heart-group input[type="checkbox"]:checked + label svg #heart-path {
    stroke: var(--workcenter-primary-color) !important;
    fill: var(--workcenter-primary-color) !important;
}
.searchdefault .wishlist-heart-group input[type="checkbox"] + label:hover svg #heart-path {
    stroke: var(--workcenter-primary-color) !important;
}
.searchdefault .page-circle.selected{
    color: var(--workcenter-primary-text-color) !important;
    background: var(--workcenter-primary-color) !important;
}
.AdminTemplateToolkitSearchPropertySetManagementInternalAdmin #pageBodyContainer {
  padding: 10px 0px;
}
.search-config-form .btn{
    background: var(--workcenter-primary-color)!important;
    color: var(--workcenter-primary-text-color) !important;
    border: 0;
}
.search-config-form .delete-link{
    color: var(--workcenter-primary-color) !important;
}
.product-detail-admin .admin-metset-attributes .adminAttributesHeader{
    font-weight: 700 !important;
    font-size: larger;
    color:#262626 !important;
}
.searchdefault #pageBodyContainer {
    padding: 10px 0px;
}
.listView-product-card .user-count-rating{
    font-size: 14px;
    font-weight: 500;
}
.admin-tool-inner-container .right .button-container .btn{
    background: var(--workcenter-primary-color) !important;
    color: var(--workcenter-primary-text-color) !important;
    border: 0;
}
.admin-tool-inner-container .right .button-container .delete-link {
    color: var(--workcenter-primary-color) !important;
}
.searchdefault .quantity-selection .price-details a{
    color: var(--workcenter-primary-color) !important;
}
.searchdefault .product-card-quick-view:hover{
    color: var(--workcenter-primary-text-color) !important;
}
.searchdefault #PageContent{
    padding: 0 !important;
}
.product-card-quick-view{
    color: var(--workcenter-primary-color) !important;
}
.searchdefault #PageContent, .SearchDefault #PageContent{
    padding: 0 !important;
}
.quick-search-tab-list .list-item.active a{
    color: var(--workcenter-primary-text-color);
}
.admin-metaset-list .template-title.selected-sps{
    border: 1.5px solid var(--workcenter-primary-color) !important;
}
.quantity-selection .singleitem-quantity-selection .price-details a{
    color: var(--workcenter-primary-color) !important;
}
.quantity-selection .quantity-selection-header a{
    color: var(--workcenter-primary-color) !important;
}
.AdminTemplateToolkitSearchPropertySetManagementInternalAdmin .page_title{
    color: #000 !important;
    font-size: 22px !important;
    font-size: 21px !important;
}
.search-property-details .property-value a.PrimaryActionButton{
    color: var(--workcenter-primary-text-color) !important;
}
.AdminTemplateToolkitSearchPropertySetManagementInternalAdmin #PageContent {
    padding: 0 !important;
}
.searchdefault #PageContent{
    overflow: inherit;
}
/* PLP/PDP */
.MyAccountCreateLocation .buttonsContainer {
    margin-top: 10px;
}
/* ------- */
/* 24-JUNE-2025 */
#imgProcessingImage {
    padding-left: 0px;
}
.processingContainer span {
    padding-left: 0px;
    display: block;
}
/* ------- */
/* 7th Jul 25*/
.smartLandingPage-child>a, .smartLandingPage-subSubMenu>li>a, li.smartLandingPage-subChildWithNoChild.smartLandingPage-subChildList a 
{font-family: 'Roboto'; font-size: 14px; text-transform: capitalize; font-weight: normal;}
/* ------- */
/* 15 Jul 25 */
#templateRecommendation .template-image, .templatesFamilyName, .templatesFamilyName>a>p
{
    height: auto !important;
}
.templatesFamilyName
{
    margin: 0px auto;
    text-align: center;
}
/* -- BBNCI-11159-- */
.workcenter-buttonToggleContainer, .workcenterdefault .toggle {
    display: none;
}


/* Responsive Media query for high resolution */

@media screen and (min-width:1921px) and (max-width:5120px) {
    .smartLandingPage-PageBodyWrapper .carousel-item>iframe {
        height: 28vw;
    }
    .smartLandingPage-PageBodyWrapper .carousel-inner {
        height: 100% !important;
    }
    .recommendations-container-wrapper .templatesFamilyName{
        flex-basis: 10%;
    }
}

@media screen and (min-width: 1900px) {
    .smartLandingPage-section-widgets {
        top: 30px !important;
    }

    #templateRecommendation .template-image {
        width: 152px !important;
    }

}

/* @media screen and (min-width: 1400px) {
    .carousel-inner {
        height: 53vh !important;
    }
} */

@media screen and (min-width: 1200px) {
    /* .smartLandingPage-buttons {
      margin-top: 4.5% !important;
    } */
}

@media screen and (min-width:1367px) and (max-width:1700px) {

    /* .smartLandingPage-buttons {
        height: 20vh;
    } */
    .smartLandingPage-PageBodyWrapper .carousel-item>iframe {
        height: 445px;
    }

    .smartLandingPage-PageBodyWrapper .carousel-inner {
        height: auto !important;
    }
}

@media screen and (min-width:1367px) and (max-width:1499px) {
    #templateRecommendation .template-image {
        width: 140px !important;
    }
}

@media screen and (min-width:1025px) and (max-width:1201px) {
    #templateRecommendation .template-image {
        width: 12vw !important;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    #templateRecommendation .template-image {
        width: 10vw !important;
    }

    div#MegaMenu_V5DebugControl_pnlConfig a {
        display: flex;
    }

    a#MegaMenu_V5DebugControl_lbDebugConfig {
        margin-top: 15px !important;
    }
}

@media screen and (max-width:1366px) {
    /* .smartLandingPage-buttons {
        height: 14vh;
    } */
    /* .smartLandingPage-PageBodyWrapper .carousel-item > iframe{
        height: auto;
    }*/
}

@media screen and (min-width:1270px) and (max-width:1366px) {
    .smartLandingPage-slide-content .smartLandingPage-left-content {
        padding-right: 55px;
        padding-left: 15px;
    }

    .smartLandingPage-PageBodyWrapper .carousel-item>iframe {
        height: 350px !important;
    }

    .smartLandingPage-PageBodyWrapper .carousel-inner {
        height: auto !important;
    }

    .smartLandingPage-slide-content .smartLandingPage-group-buttons {
        padding: 10px 0 0;
    }

    #templateRecommendation {
        gap: 11px !important;
    }

    #templateRecommendation .template-image {
        width: 153px !important;
    }

    /* #templateRecommendation .template-image {
        -webkit-width: 153px !important;
        -moz-width: 153px !important;
        -moz-border-radius: 10px 5px;
    } */


}

@media screen and (max-width:1269px) {
    .smartLandingPage-PageBodyWrapper .carousel-item>iframe {
        border: none;
        width: 100%;
        /* height: auto; */
    }

    .smartLandingPage-PageBodyWrapper .smartLandingPage-buttons {
        margin-top: 1.5%;
    }

    .smartLandingPage-PageBodyWrapper .carousel-inner {
        height: auto;
    }
}

@media screen and (max-width:1149px) {
    .smartLandingPage-PageBodyWrapper .smartLandingPage-buttons {
        margin-top: 0;
    }

    /* .smartLandingPage-PageBodyWrapper .carousel-item > iframe {
        height: auto;
    } */
    .smartLandingPage-PageBodyWrapper .smartLandingPage-section-widgets {
        position: relative;
        top: 20px;
    }

    .smartLandingPage-PageBodyWrapper .smartLandingPage-buttons {
        margin-top: 3%;
        margin-right: 9px !important;
    }

    .smartLandingPage-PageBodyWrapper .smartLandingPage-widgets-bar {
        gap: 10px;
    }

    .smartLandingPage-PageBodyWrapper #smartLandingPage-widgetsList>li {
        text-align: center;
        flex-basis: 20%;
    }
}

@media screen and (min-width:1025px) and (max-width:1269px) {
    .smartLandingPage-PageBodyWrapper .carousel-item>iframe {
        height: 307px;
    }

    .smartLandingPage-PageBodyWrapper .smartLandingPage-buttons {
        margin-top: 2.5% !important;
    }
}

@media screen and (max-width:991px) {
    .smartLandingPage-PageBodyWrapper .smartLandingPage-buttons {
        height: 17vh;
    }

    .smartLandingPage-PageBodyWrapper .smartLandingPage-buttons {
        margin-top: 2% !important;
        margin-right: 4px !important;
    }

    /* .smartLandingPage-PageBodyWrapper .carousel-item > iframe {
        height: auto;
    } */
    .recommendations-container-wrapper .templateToggle>#template-left-control,
    .recommendations-container-wrapper .templateToggle>#template-right-control {
        margin-top: -110px;
    }
}

/* Responsive Media query for high resolution */