.is-checkout-avoid [class*="col-"] {
      width: initial; 
      padding-left: initial;
      padding-right: initial;
      float: initial;
      position: initial ;
  }
  
  .is-checkout-avoid .button:disabled, .is-checkout-avoid button:disabled {
      color: #fff;
  }
  
  .is-checkout-avoid .checkout-review .main-content-column.column-container {
      width: 100%;
  }
  
  .is-checkout-avoid .checkout-review .main-content-column.column-container.flyout-open .flyout {
      width: 100% !important;
  }
  
  #order-date-picker {
      border: 1px solid black
  }
  
  .main-header{
      padding-left: 20px;
      font-size: 20px;
  }
  
  .profile-button{
      float: right;
      font-size: small;
  }
  
  .profile-button a, .profile-button a:hover, .profile-button a:focus{
      background: #4c4c4c;
      text-decoration: none;
      color:#fff;
  }
  
  .wd-75{
      width: 75%
  }
  
  .account-btn{
      display: inline-block;
      padding: 7px;
      margin-right: 10px;
      font-size: medium;
  }
  
  .csr .payment-method{
      height:143px;
  }
  
  .payment-label{
      margin-top: -10px;
  }
  
  .bagging-sec{
      margin-top:18px;
  }
  
  .bagging-label{
      margin-top:-8px;
  }
  
  .csr-radio{
      margin-left:25px;
  }
  
  .form-select select{
      padding:0px 25px 0px 15px;
  }
  
  .form-select fieldset{
      padding-left:0px;
      margin-top:0px;
  }
  
  .geocode-btn{
      margin-left: 10px;
      display: inline-block;
      padding: 7px;
  }
  
  /* .geocode-btn:disabled, .geocode-btn[disabled], button[disabled]{
      color: white;
      background: grey;
  } */
  
  .main-section .success-message{
      position: relative;
      background: #4CAF50;
      border-radius: 3px;
      margin: 0px 25px 20px;
      color: white;
      overflow: hidden;
      -webkit-transition: max-height 0main-section .25s, padding 0main-section .25s, margin 0.25s;
      transition: max-height 0.25s, padding 0.25s, margin 0.25s;
      margin-bottom: 20px;
      padding: 20px;
      text-align: left;
  }
  
  .main-section .error-message{
      position: relative;
      background: #f44336;
      border-radius: 3px;
      margin: 0px 25px 20px;
      color: white;
      overflow: hidden;
      -webkit-transition: max-height 0.25s, padding 0.25s, margin 0.25s;
      transition: max-height 0.25s, padding 0.25s, margin 0.25s;
      margin-bottom: 20px;
      padding: 20px;
      text-align: left;
  }
  
  .main-section .warning-message {
      position: relative;
      background: #17a2b8!important;
      border-radius: 3px;
      margin: 0px 25px 20px;
      color: white;
      overflow: hidden;
      -webkit-transition: max-height 0.25s, padding 0.25s, margin 0.25s;
      transition: max-height 0.25s, padding 0.25s, margin 0.25s;
      margin-bottom: 20px;
      padding: 20px;
      text-align: left;
  }
  
  .error-message img, .success-message img
  {
  position: relative;
  bottom: 5px;
  float:left;
  }
  
  .required-field{
  color:red;
  }
  
  .err-msg {
      float: none !important;
      text-align: center;
      color: red;
      font-size: 15px;
  }
  
  .suc-msg {
      float: none !important;
      text-align: center;
      color: green;
      font-size: 15px;
  }
  
  input[type=text], select, textarea, input[type=number],input[type=email],input[type=tel],input#password-input-box {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    font-size: 14px;
    background-color: #fff!important;
  }
  
  input[disabled], select[disabled], textarea[disabled]{
      background-color:#eee !important
  }
  input[type="text"][readonly] {
    background: #ebebe4 !important;
    color: #20211f !important;
}
  /* .is-disabled {
      color: #eee!important;
      cursor: not-allowed;
  } */
  
  .smallInput{
      width: 50px !important;
  }
  
  .smallSelect{
      width: 70px;
      float: right;
  }
  
  .pageRowSize{
      float: right !important;
  }
  
  form-field-error-message ~ input[type=text]{
      border: 1px solid red;
  }
  
  .main-section  .date{
  width:20%!important;
  }
  
  .main-section  .month{
  width:40%!important;
  }
  
  .main-section  .year{
  /* width:38%!important; */
  }
  
  .main-section  .isBusinessUser{
  margin-bottom:10px
  }
  
  .main-section  select:focus {
      background: #fff;
      }
  
  .main-section label {
      font-weight: 100;
      padding: 12px 12px 12px 0;
      display: inline-block;
      font-size: 14px;
  }
  
  .main-section .sec-heading{
      margin-top: 20px;
      margin-bottom: 10px;
  }
  
  .checkbox-csr{
      margin-top: 12px;
  }
  
  .inline-text{
      font-size:small;
      margin-top:10px;
      display:block;
  }
  
  input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: left;
  margin-top: 30px;
  }
  
  input[type=submit]:hover {
  background-color: #45a049;
  }
  
  .actionDropdown.active{
      display: block;
  }
  
  .actionDropdown_csr {
      box-shadow: none;
      right: 3px;
      width: 180px;
  }
  
  
  element.style {
  }
  .actionDropdown.active {
      display: block;
  }
  .actionDropdown_csr {
      box-shadow: none;
      right: 3px;
      width: 180px;
  }
  .actionDropdown {
      border: 1px solid #bfbfbf;
      border-radius: 5px;
      -webkit-box-shadow: -5px 5px 20px -6px rgb(0 0 0 / 75%);
      -moz-box-shadow: -5px 5px 20px -6px rgba(0,0,0,.75);
      box-shadow: -5px 5px 20px -6px rgb(0 0 0 / 75%);
      position: absolute;
      z-index: 10;
      background: whitesmoke;
      right: 5%;
      display: none;
      position:absolute;
  }
  
  .actionDropdown, .skuAddSearch {
      margin-top: -2px;
      font-size: 12px;
  }
  
  
  
  .main-section .container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
  }
  
  .main-section .col-20 {
  float: left;
  width: 20%;
  margin-top: 6px;
  }
  
  .main-section  .col-60 {
  float: left;
  width: 60%;
  margin-top: 6px;
  }
  
  .main-section  .col-30{
      width: 50%;
      margin-right: 20px;
  }
  
  .main-section  .col-25 {
      width: 25%;
      display: inline-block
  }
  
  .main-section  .col-75 {
      width: 74%;
      display: inline-block
  }
  
  .main-section  .col-40 {
      width: 40%;
      display: inline-block;
      vertical-align: top;
  }
  
  .main-section  .col-50 {
      width: 50%;
      display: inline-block
  }
  
  .main-section  .col-49 {
      width: 49%;
      display: inline-block
  }
  
  .main-section  .col-geocode{
      float: right;
      text-align: right;
      margin: 10px 0;
  }
  
  .main-section .full-row{
      width: 100%;
      margin-bottom: 10px;
  }
  
  .full-row-coupon{
      width: 100%;
      margin-bottom: 10px;
  }
  .main-section form .full-row{
      display: flex;
  }
  .float-left{
      float: left;
  }
  .float-right{
      float: right;
  }
  .top-pad10{
      padding-top: 10px !important;
  }
  
  .small-container {
      padding: 5px;
  }
  
  .main-section .col-margin-10 {
      margin-bottom: 10px;
      margin-top: 10px;
      margin-right: 15px;
  }
  
  .main-section .mar-top-0{
      margin-top: 0 !important;
  }
  
  .main-section .mar-top-10 {
      margin-top: 10px;
  }
  
  .main-section .mar-top-25{
      margin-top: 25px;
  }
  
  .main-section .mar-left-0 {
      margin-left: 0;
  }
  
  .wd-125{
      width:125px;
  }
  
  .center-align {
      text-align: center;
  }
  
  .no-float{
      float: none !important;
  }
  
  .address-list {
      list-style-type: none;
      padding: 0;
      overflow: auto;
      text-align: center;
  }
  
  .address-list>li {
      padding: 4px 0;
      cursor: pointer;
  }
  
  .address-selected {
      background: #1016d4;
      color: #fff;
  }
  
  .rows-count{
  margin:20px 0;
  }
  
  .fullWidth{
      width:100%;
  }
  .content-column-inside .button-dark {
      background: #4c4c4c;
      font-weight: 400;
  }
  .search-btn{
      display: inline-block;
      float: left;
      margin-right: 10px;
      margin-top: 20px;
  }
  
  .action-btn{
      margin: 10px 10px 10px 0;
      background: #fff;
      padding: 10px;
      box-shadow: none;
      border-radius: 20px;
      min-width: 80px;
      font: 700 16px/1.6 Arial,"Helvetica Neue",Helvetica,sans-serif;
  }
  
  .wd-auto{
  width:auto;
  }
  
  .searchlist{
      margin-top:0px;
      margin-right: 10px;
  }
  
  .addressList {
      border: 1px solid #ccc;
      min-height: 100px;
      min-width: 100px;
      overflow: auto;
  }
  
  table {
  font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
  border-collapse: collapse;
  width: 100%;
  }
  
  td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px 5px;
  width: 10%!important;
  font-size:12px;
  }
  
  .wd-30{
      width:30px;
  }
  
  .text-center{
      text-align:center;
  }
  
  .is-error{
      border: 1px solid red;
  }
  
  .no-record{
      margin-left: 20px;
      margin-top: 35px;
      font-weight:600
  }
  
  tr:nth-child(even) {
  background-color: #dddddd;
  }
  
  .register-submit{
      margin-top: 30px;
      margin-left: 290px
  }
  
  .isactive{
      color: black;
      text-decoration: underline;
      font-weight: bold;
  }
  
  #footer{
  text-align:inherit;
  }
  
  
  
  
  
  /* Pagination CSS */
  .pagination-wrapper {
      padding-left: 0px;
      padding-right: 20px;
  }
  
  .page-rows-count {
      margin: 20px 0;
      float: right !important;
  }
  
  .pagination-description {
      margin-right: 10px;
  }
  
  .record-set, .record-total {
      font-weight: 700;
  }
  
  .current-page-num {
      margin: 0 10px;
      font-weight: 700;
  }
  
  /* Modal CSS */
  
  .customer-profile-add-address-modal .modal-card {
      display: none;
      position: fixed; /* Stay in place */
      z-index: 3; /* Sit on top */
      padding-top: 40px; /* Location of the box */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  .customer-profile-add-address-modal .modal-card.show {
      display: block;
  }
      
  .customer-profile-add-address-modal .modal-content{
  width: 60%;
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  border-radius: 5px;
  background-color: #FFFFFF;
  min-height: 0;
  }
  .customer-profile-add-address-modal .modal-content-50{
      width: 50%  !important;    
      padding-left: 5% !important;
  }
  .customer-profile-global-comments-modal .modal-content{
      width: 80%;
  }
  
  .customer-profile-add-address-modal .modal-content .close-modal {
      margin-bottom: 10px;
      text-align: center;
      position: relative;
  }
  
  .customer-profile-add-address-modal .modal-content .close-modal .modal-heading {
      font-size: 18px;
      font-weight: 700;
  }
  
  .customer-profile-add-address-modal .modal-content .close-modal .cross-modal {
      font-size: 25px;
      position: absolute;
      right: 0;
      bottom: 0px;
      cursor: pointer;
  }
  
  .customer-profile-add-address-modal .modal-header>* {
      float: left;
  }
  
  .customer-profile-add-address-modal .modal-header>.icon-wrapper {
      padding: 10px 7.68px 10px 0px;
      
  }
  .customer-profile-add-address-modal .modal-header>.icon-wrapper svg.icon {
  position: static;
  
  }
  
  .customer-profile-add-address-modal .modal-header>.icon-wrapper svg.icon.icon-bagging{
      margin-top: -5px;
      height: 26px;
      width: 22.45px;
  }
  .customer-profile-add-address-modal .modal-header>h2 {
      margin: 6px 0px;
      color: #000000;
      font-family: "Source Sans Pro";
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 23px;
  }
  
  .customer-profile-add-address-modal .modal-header>h2>span{
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  }
  
  
  .trolley-item-detail-modal .modal-content{
      width: 90%;
  }
  
  .trolley-item-detail-modal .detail-heading {
      font-weight: 700;
      margin: 10px 0 5px 0;
      font-size: 16px;
      text-decoration: underline;
  }
  
  .trolley-item-detail-modal .detail-row {
      margin-bottom: 5px;
  
  }
  
  .trolley-item-detail-modal .detail-row .label {
      display: inline-block;
      font-size: 14px;
      font-weight: 600;
  }
  
  .trolley-item-detail-modal .detail-row .value {
      display: inline-block;
      font-size: 14px;
  }
  
  .header-logout-modal .modal-content {
      width: 30%;
  }
  
  .profile-Coupon-button {
      /* float: right; */
      font-size: 12px;
      /* padding-right: 20px; */
      margin-top: 35px;
      float: revert;
  }
  
  .profile-Coupon-button a{
      background: #4c4c4c;
      text-decoration: none;
      color: #fff;
  }
  .profile-Coupon-button a:hover, .profile-Coupon-button a:focus {
      background: #888888;
      text-decoration: none;
      color: #fff;
  }
  
  .cb-coupon-model{
      background: #4c4c4c;
      text-decoration: none;
      color: #fff !important;
      font-size: 17px;
      padding: 8px 14px 8px 14px;
      border: 1px #CAC8C8 solid;
      border-bottom-color: #9b9b9b;
      border-radius: 6px;
      -webkit-box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%);
      box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%);
      display: inline-block;
      position: relative;
  }
  .cb-coupon-model-disable{
      background: #aaa6a6 !important;
      text-decoration: none;
      color: #fff !important;
      font-size: 17px;
      padding: 8px 14px 8px 14px;
      border:none;
      border-bottom-color: #9b9b9b;
      border-radius: 6px;
      -webkit-box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%);
      box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%);
      display: inline-block;
      position: relative;
  }
  
  .col-23 {
      width: 23%;
      display: inline-block;
  }
  
  .order-summery-first-description{
      font-size: 12px;
      background: #dddddd;
      padding: 6px;
      border-radius: 6px;
  }
  .order-summery-first-description .full-row{
      margin-bottom: 5px;
  }
  
  .order-summery-comment-div{
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    font-size: 14px;
    background-color: #dddddd;
    height: 265px;
    float: right;
    overflow: auto;
  }
  /* .order-summery-first-description .full-row .col-50{
      display: inline;
  }  */
  .order-summery-second-description .full-row .col-25 , .order-summery-second-description .full-row .col-47 {
      display: inline-grid;
  }
  
  .order-summery-second-description{
      font-size: 12px;
      padding: 6px;
  
  }
  .col-47{
      width: 47%;
  }
  .col-47 .full-row{
  margin-bottom: 0px;
  }
  .d-i-flex-summary{
      display: inline-flex;
  }
  
  .color-brown{
      color: brown;
  }
  
  .colrs-datepicker-font{
      font-size: initial!important;
  }
  
  .cursor-pointer{
  cursor: pointer;
  color: blue;
  }
  
  .return-link-diasble{
      pointer-events: none;
  }
  .scroll{
      overflow: auto;
      position: relative;
  }
  .nowrape{
      white-space: nowrap;
  }
    .fixed_header tbody{
      display:block;
      overflow:auto;
      height:400px;
    }
    .fixed_header thead tr{
      display:block;
    }
  
  .credit-body .full-row{
      width: 100%;
      margin-bottom: 10px;
  }
  
  .credit-body .full-row .key{
      width: 40%;
      display: inline-block;
      text-align: left;
      font-size: 18px;
      vertical-align: top;
  }
  
  .credit-body .full-row .value{
      width: 59%;
      display: inline-block;
      text-align: left;
      font-size: 18px;
  }
  
  .credit_buttons {
      width: 100%;
      margin-top: 20px;
  }
  
  .credit_buttons button {
      width: 30%;
  }
  
  .credit_buttons button:nth-of-type(2) {
      margin: 0 10px;
  }


  /* Global styles for B2B landing  */
  

/* used in es1  */
.b2b_h1 {
    font-size: 2em;
    margin: 0.67em 0;
    font-family: inherit;
}
/* Used in es2,es3,es4 */
.b2b_h2 {
  color: inherit !important;
  font-size: revert !important;
}

.b2b__h4 {
    font-size: 20px;
    line-height: 28px;
    color: #3D3D3D;
}

.b2b__h6 {
    font-size: 14px;
    line-height: 20px;
    color: #6F6F6F;
    letter-spacing: 0.16px;
    margin-top: 5px;
}

/* used in es1,es2,es3  */
.b2b__button {
    font-family: "Source Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #6e6e6e;
    background-color: white;
    display: inline-block;
    padding: 8px 22px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 1px solid #6e6e6e;
    outline: none;
    cursor: pointer;
    position: relative;
    box-sizing: content-box;
    text-align: center;
    text-decoration: none;
    min-width: 40px;
    overflow: visible;
}
.b2b_header_login_red{    
    text-decoration: none !important;
}
.b2b-btn-login-margin {
    margin-top:-5px;margin-right: -250px;
}
.b2b-btn-getstarted-margin {
    margin-right: 115px;
}
#btn-b2b-landing-login:before {
    display: block;
    position: absolute;
    content: "";
    top: -6px;
    left: -6px;
    bottom: -6px;
    right: -6px;
    border: 3px solid transparent;
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 26px;
}

#btn-b2b-landing-login:focus:before,#btn-b2b-landing-login:hover:before {
    border:3px solid #20211f;
}
.b2b__button.b2b__button--primary:before,
.b2b__button.b2b__button--login:before,.b2b__button--secondary:before,
.b2b__button--email:before,.b2b__button.b2b__button--primary-light:before {
 display: block;
 position: absolute;
 content: "";
 top: -6px;
 left: -6px;
 bottom: -6px;
 right: -6px;
 border: 3px solid transparent;
 border-top-left-radius: 26px;
 border-top-right-radius: 26px;
 border-bottom-left-radius: 26px;
 border-bottom-right-radius: 26px;
}
.b2b__button--primary-white {
    color: #20211f;
    background-color: #fff;
    border-color: #fff;
}
.b2b__button--primary-white:before {
    display: block;
    position: absolute;
    content: "";
    top: -6px;
    left: -6px;
    bottom: -6px;
    right: -6px;
    border: 3px solid transparent;
 
   }
.b2b__button--primary:focus:before,.b2b__button--primary:hover:before,.b2b__button--login:focus:before,.b2b__button--login:hover:before,.b2b__button--secondary:focus:before,.b2b__button--secondary:hover:before,.b2b__button--email:focus:before,.b2b__button--email:hover:before,.b2b__button--primary-light:focus:before,.b2b__button--primary-light:hover:before,.b2b__button--primary-white:focus:before,.b2b__button--primary-white:hover:before
{
    border:3px solid #20211f;
    text-decoration: none !important;
}

#mainB2bStartedContainer a:focus,#mainB2bStartedContainer a:hover,#mainB2bStartedContainer button:focus,#mainB2bStartedContainer button:hover
{
    text-decoration: none !important;
}

/* used in es1,es2,es3 */
.b2b_ul {
    margin-bottom: 48px;
}

/* used in es4 */
.b2b__a {
    position: relative;
    display: inline-block;
    text-decoration: underline;
    outline: none;
    color: #20211F;
}

/* used in es1,es3 */
.b2b__button--primary-light {
    color: #20211f;
    background-color: #fff;
    border-color: #fff;
}

/* used in es1,es2,es3  */
.b2b__button--primary {
    background-color:#212121;
    color: #FFFFFF;
    border-color: #212121;;
}

.b2b__button--primary:hover
{
    background: rgb(61, 61, 61);
}

.b2b__button--secondary {
    background: #E01A22;
    color: #FFFFFF;
    border-color: #E01A22;
    margin-right: 15px;
}

.b2b__button--email {
    background: #E0E0E0;
    color: #20211F;
    border: 1px solid #212121;
    margin-right: 15px;
}

.b2b__button--login {
    background: #FFFFFF;
    color: #20211F;
    border: 1px solid #212121;
    margin-left: 15px;
}

.b2b__accessibility {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


/* Hero section  */
/* used in es1  */
.b2b__hero-banner {
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E01A22;
    flex-direction: column;
}

/* used in es1  */
.b2b__hero-banner__content {
    padding: 20px;
}

/* used in es1  */
.b2b__hero-banner__title {
    font-size: 40px;
    line-height: 54px;
    color: #FFFFFF;
}

/* used in es1  */
.b2b__hero-banner__buttons-wrapper {
    float: left;
}

/* Main container */

.b2b__main-container{
    margin: 0 auto; 
}

/* .column-container {
    padding: 20px;
} */

/* used in es1 */
.b2b__delivery-container {
    width:100%;
}

/* used in es2  */
.grey--clr {
    background: #F5F5F5 !important;
}  

/* used in es1, es2, es3 */
.b2b_image-wrapper {
    width: 50%;
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


/* used in es1.es2,es3  */
.b2b__column-items {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 40px 20px 0px 20px;
}

/* Benefits section  */

/* used in es2  */
.b2b__benefits {
    display: flex;
    justify-content: center;
    width: 100%; 
}

/* used in es2  */
.column-right {
    background: #F5F5F5;
    padding: 50px 20px 50px 20px;
    width: 50%;
}

/* used in es2  */
.column-right .b2b__benefits-item,
.column-left .b2b__benefits-item {
    margin: 40px 0px 0px 40px;
}

.b2b__benefits-item ul {
    width: 90%;
}

/* .b2b__column-container__button{
    padding-bottom: 30px;
} */

/* used in es2 */
.b2b__prod-spc {
    margin-top: 88px;
}

/* used in es2 */
.b2b__prod-btn {
    margin-bottom: 128px;
}

/* used in es2  */
.column-left {
    background: #212121;
    color: #FFFFFF;
    padding: 50px 20px 50px 20px;
    flex-grow: 1;
    width: 50%;
}

/* Used in es2  */
.b2b__prod-container {
    background: #F5F5F5;
}

.productive_column {
    background-color: #F5F5F5;
}

/* used in es2 */
.comming-soon-text {
    font-size: 18px;
    font-weight: bold;
}

/* b2b sign up  */

/* used in es3 */
.b2b__sign-up__content {
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E01A22;
    flex-direction: column;
}


/* Terms and Conditions  */

/* used in es4 */
.b2b__terms {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 40px 0px 0px 40px;
    padding: 20px;
}

/* used in es4 */
.b2b__terms-main-text {
    margin: 0;
}

/* used in es4 */
.b2b__conditions {
    max-width: 1096px;
}

/* used in es4 */
.b2b__terms-sub-text {
    font-size: 14px;
    line-height: 19px;
}

/* Styles for business page  */

.b2b__hero-banner__items{
    padding: 20px;
    max-width: 800px;
}

.b2b__more-info__content {
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E0E0E0;
    flex-direction: column;
}

.b2b__more-info__content.white--clr  {
    background: #fff;
}


.b2b__more-info__main-text {
    padding: 0px 20px 0px 20px;
    text-align: center;
}

.b2b__more-info_sub-text {
    display: inline;
    color: #20211F;

}

.b2b__more-info__buttons-wrapper {
    margin-top: 30px;
}

/* b2b options finder  */
.b2b__options-finder {
    margin-top: 100px;
    margin-bottom: 0px !important;
    text-align: center;
    padding: 0px 20px 0px 20px;
}

.b2b__options-finder__wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
}
.btn_GetStarted_size{
    width: 382px;
}

.b2b__options-finder__wrapper .b2b__finder-option {
     display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 16px;
    padding: 24px 16px;
    /* flex-basis: 100%; */
    cursor: pointer;
    text-align: left;
    border-radius: 0;
    border: 1px solid #898D8E;
}

.b2b__finder-option.active {
    border: 3px solid #007a1f;
}

.b2b__finder-option.active > .b2b__h4 {
    color: #007a1f;
}

.b2b__finder-option.active:after {
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    top: -12px;
    right: -12px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url("../img/B2BLanding/check.svg");
    background-size: contain;
}


@media only screen and (min-width: 0px) and  (max-width: 480px) {

    .get-in-touch iframe {
        width: 350px !important;
    }
    .hide_header_content_desktop{
        display: none !important;
    }
   
}

/* Extra small devices (phones) */
@media only screen and (max-width: 600px) {
    .btn_GetStarted_size{
        width: 80% !important;
    }
    .b2b__hero-banner__content {
        margin-bottom: 30px;
    }

/*used in es2, es3  */
    .b2b__column-container {
        padding: 0;
    }

/* used in es2,es4  */
    .column-right .b2b__benefits-item,
    .column-left .b2b__benefits-item,
    .b2b__terms {
        margin: 0; 
    }
}

/* Medium devices (tablets) */
@media only screen and (max-width: 768px) {

/* used in es2, es3, es4 */
    .b2b_h2{
        font-size: 30px !important;
    }
    
    .btn_GetStarted_size{
        width: 690px;
    }

/* used in es1  */
    .b2b__delivery-container {
        height: auto;
        flex-direction: column-reverse;
        padding: 0;
        margin-bottom: 64px;
    }

/* used in es1,es2,es3  */
    .b2b__column-container__button {
        margin-bottom: 64px;
    }

/* used in es2  */
    .b2b__prod-spc {
        margin-top: 10px;
    }

/* used in es2  */
    .b2b__prod-btn {
        margin-bottom: 96px;
    }

/* used in es2 */
    .b2b__prod-img {
        margin-top: 96px;
    }

/* used in es2,es3  */
    .b2b__column-container,
    .b2b__prod-container,
    .b2b__benefits{
        height: auto;
        flex-direction: column;
    }

/* used in es1,es2,es3  */
    .b2b__column-items {
        width: 100%;
        padding: 0px 50px 0px 50px;
    }

/* used in es2  */
    .column-right, .column-left {
        width: 100%;
    }

/* used in es1, es2, es3 */
    .b2b_image-wrapper {
        width: 100%;
        height: 280px;
        max-height: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .b2b__hero-banner__items{
        max-width: 500px;
    }

    .b2b__main-container section {
        margin-top: 64px;
        margin-bottom: 0px;
    }

    .column-right .b2b__benefits-item, .column-left .b2b__benefits-item {
        margin: 0px 50px 0px 50px;
    }
    

}
@media only screen and (min-width: 50em) {
    .b2b__options-finder__wrapper {
        flex-flow: row wrap;
        justify-content: center;
        margin-top: 32px;
    }
    .b2b__finder-option:nth-of-type(2n),
    .b2b__finder-option:nth-of-type(3n) {
        margin-left: 16px;
    }
}

#fsReferralBadge{
    display: none;
}

#iframeContainer{
    display: flex;
    align-items: center;
    justify-content: center;
}
.b2b_content_center{
    display: flex;
    align-items: center;
    justify-content: center;
}

#mainB2bContainer{
    background: #FFF;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; 
    line-height: 1.875 !important;
    color: #20211F;
}
#mainB2bStartedContainer{
    background: #FFF;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; 
    line-height: 1.875 !important;
    color: #20211F;
}
.get-in-touch iframe {
    width: 100%;
    border: none;
    /* margin-top: 50px; */
    height: 1100px;
    position: relative;
  }
  .get-in-touch iframe body{
      height: 100%;
  }
 .b2b_section_container{
     margin-bottom: 128px;
     margin-top: 128px;
 }
 
/* used in es1,es3 */
  .column-wrapper_getstarted{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width:1254px;
    margin: 0 auto;
    background-color: white;
}
.aus-img {
    background-image: url("../img/B2BLanding/LandingPageImg1-592x444.svg");
}

.prod-img {
    background-image: url("../img/B2BLanding/LandingPageImg2-592x444.svg");
}

.shop-img {
    background-image: url("../img/B2BLanding/LandingPageImg3-592x444.svg");
}

.sust-img {
     background-image: url("../img/B2BLanding/LandingPageImg4-592x444.svg"); 
}

.b2b__column-items ul {
    margin-top: -21px;
}

/* used in es1,es2,es3  */
.b2b__column-main__text {
    font-size: 28px !important;
    line-height: 32px;
    margin: 0;
    padding: 0;
    color: #20211F !important;
}

/* Used in es2  */
.column-right .b2b__benefits-main__text {
    font-size: 28px !important;
    line-height: 32px !important;
    color: #20211F !important;
}

/* used in es2  */
.column-left .b2b__benefits-main__text {
    font-size: 28px !important;
    line-height: 32px;
}

/* Used in es1,es2,es3 */
.b2b_ul {
    margin-top: -21px;  
}

/* used in es3 */
.b2b__sign-up__main-text {
    color: #FFFFFF !important;
    padding: 0px 20px 20px 20px;
    line-height: 35px;
    text-align: center;
}

#getStarted{
    margin-right: 115px;
}
.rocket__navbar__item--active::before {
    background-color: #E01A22 !important;
    bottom: -3px !important;
  }
.li-style-none{
    list-style-type: none;
}  
.b2b__more-info{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
@media only screen and (min-width: 0px) and  (max-width: 767px) {
    .b2b-btn-login-margin {
        margin-top: -5px;
        margin-right: 0px;
    }
}
body.page-full-width, body.is-dss,b2b-parent-header {
    background: #ffffff !important;
  }
body.page-full-width, header.hide_header_content_desktop {
    min-height: 100px !important;
}
.gcomment-csr-td{
    width:30% !important;
    word-break: break-word;
}
.ncomment-csr-div{
    word-break: break-word;
}
.bulkcan-help-text {
    padding-top: 12px;
    font-size: 13px;
}

.csr-left-nav {
	line-height:20px !important; 
	min-height: 50px !important; 
	padding: 3px 5% !important;
}
.csr-normal-font {
	font-weight: normal;
}
.csr-customer-id-div {
	width: 60%; 
	padding: 10px; 
	border: 1px solid #ccc; 
	border-radius: 4px; 
	resize: vertical;
	font-size: 14px;
	background: #ebebe4 !important;
}
.smallSelect-csr {
	width: 170px;
	float: right;
}
.csr-rosie-details {
	border: 1.1px solid;
}
.csr-oos-container{
    display:table;
    width:90%;
    border-collapse: collapse;
    color:#262626;
    max-width:none !important;
    }
.csr-oos-heading{
     font-weight: bold;
     display:table-row;
     background-color:#262626;
     text-align: center;
     line-height: 25px;
     font-size: 14px;
     font-family:georgia;
     color:#fff;
 }
.csr-oos-table-row{  
     display:table-row;
     text-align: center;
 }
.csr-oos-col{ 
    display:table-cell;
    border: 1px solid #CCC;
 }
 .csr-oos-div-scroll{ 
    overflow-y:auto;
    max-height: 200px;
 }