@import url("wurth-fonts-css.css");
@font-face {
    font-family: 'wuerthbook';
    src: url('../fonts/wuerthbook_webfont.eot');
    src: url('../fonts/wuerthbook_webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/wuerthbook_webfont.woff2') format('woff2'), url('../fonts/wuerthbook_webfont.woff') format('woff'), url('../fonts/wuerthbook_webfont.ttf') format('truetype'), url('../fonts/wuerthbook_webfont.svg#wuerthbook') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'wuerthbold';
    src: url('../fonts/wuerthbold_webfont.eot');
    src: url('../fonts/wuerthbold_webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/wuerthbold_webfont.woff2') format('woff2'), url('../fonts/wuerthbold_webfont.woff') format('woff'), url('../fonts/wuerthbold_webfont.ttf') format('truetype'), url('../fonts/wuerthbold_webfont.svg#wuerthbold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Wuerthicons';
    src:  url('../fonts/icon/Wuerthicons.eot?heiu07');
    src:  url('../fonts/icon/Wuerthicons.eot?heiu07#iefix') format('embedded-opentype'),
      url('../fonts/icon/Wuerthicons.ttf?heiu07') format('truetype'),
      url('../fonts/icon/Wuerthicons.woff?heiu07') format('woff'),
      url('../fonts/icon/Wuerthicons.ttf') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }

.wuerthbook {
    font-family: 'wuerthbook';
}

.wuerthbold {
  font-family: 'wuerthbold';
}

.wuerthextra_bold_cond {
   font-family: "wuerthextra_bold_cond";
}


:root {
    --lg-font: 'wuerthbold';
    --sm-font: 'wuerthbook';
    --red: #CC0000;
    --brown: #DEDEDE;
    --primary: #CC0000;
    --secondary: #605D5C;
    --bs-green: #4BB543;
    --bs-gray: rgba(0, 0, 0, 60%);
    --bs-gray-dark: rgba(0, 0, 0, 0.8);
    --bs-primary: #0d6efd;
    --bs-secondary: rgba(0, 0, 0, 0.8);
    --bs-success: #BBDFB8;
    --bs-info: #0dcaf0;
    --bs-danger: #CC0000;
    --bs-light: #ffffff;
    --bs-dark: #000000;
    --btn-secondary:#0093DD;
}

body {
    font-family: var(--sm-font);
    color: rgba(0, 0, 0, 0.8);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
    font-family: 'wuerthbold';
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
}

h1 {
    font-size: 2.8rem;
}

h2 {
    font-size: 2.4rem;
}

h3 {
    font-size: 2rem;
}

h4 {
    font-size: 1.6rem;
}

.h6, h6 {
    font-size: 1rem;

}

strong {
    font-family: 'wuerthbold';
    color: inherit !important;
}

section {
    padding: 0 60px;
}
.bordered-column {
    border: 1px solid #ccc;
    padding: 10px;
  }
  .border-box {
    border: 1px solid rgba(0, 0, 0, 4%) !important;
    background: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
 .border-box-none-shadow {
   /* border: 1px solid rgba(0, 0, 0, 12%) !important;*/
    background: #ffffff;
}
.dividers {
    border-top: 1px solid rgba(0, 0, 0, 12%);
}
.border-boxs {
    border: 1px solid rgba(0, 0, 0, 12%);
    background: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.table-content td {
    vertical-align: text-top;

}
.modal-header {
    border-bottom:none;
}
.modal-body {
    padding: 0 1rem 1rem 1rem;
}

/*My profile start */
table.table-content tr td {
    border: none;
    padding: 5px 0px;
}
table.table-content a {
    color: #007ab7;
}
table.table-content a:hover {
     text-decoration:none;
 }

.h-85 {
    height: 90%!important;
}
.lh-16{
line-height:28px;
min-height: 100px;
}
.btn-shipping{
position:relative;
bottom: -10px;
}
.btn-password{
position:absolute;
bottom:7px;
}
.margin-country-label{
margin-top: 6px;
}
.margin-text-state {
font-size: 1.12rem;
margin-top:0px !important;
}
.margin-state-label{
margin-top: 8px;
}

/*My profile page end */

/* Remove focus-visible border for all Bootstrap elements */
.btn:focus,
button,
select,
.form-control:focus,
.nav-link:focus,
.dropdown-toggle:focus {
    outline: none;
    box-shadow: none;
}

/* button */
.bg-primary {
    background-color: var(--red) !important;
}


.bg-brown {
    background-color: #e2e2e2;
    color: rgba(0, 0, 0, 0.8);
}

.bg-white {
    background-color: var(--bs-light);
}
.btn-primary {
    background-color: var(--red) !important;
    color: #ffffff !important;
    font-family: 'wuerthbold';
    font-size: 16px;
    line-height: 160%;
}
.btn-secondary {
    background-color: #007ab7 !important;
    color: #ffffff !important;
    font-family: 'wuerthbold';
    font-size: 16px;
    line-height: 160%;
}

.bg-sky {
    background: rgba(0, 147, 221, 0.1);
}
.text-secondary{
    color: var(--bs-gray) !important;
    font-size:16px;
}

.wusa-setdefult{
	margin-bottom: 0px;

}
.delete-card{
    color: rgba(0, 0, 0, 80%);
}
.wusa-setdefult strong{
	color: #CC0000;
}

.text-secondary a {
    color: rgba(0, 0, 0, 80%);
}
.required {
    color: #CC0000;
}
table.dataTable.table-striped>tbody>tr.odd {
    background: rgba(0, 147, 221, 0.05);
}
table.dataTable tr td {
    vertical-align: middle;
    padding: 0 0.5rem;
}
.table>:not(caption)>*>* {
    border-bottom-width: 0px;
}
table#order-history-table button {
    border-radius: 20px;
    width: 86px;
    margin: 10px 0px;
    height: 26px;
}
table.dataTable tr th {
    font-family: 'wuerthbold';
}
table.w-th-2 tr {
    height: 36px !important;
}
.w-nmt {
    margin-top: -60px;
}
#lk-col{
color: #0077b3;
}
.nav-link,
.text-dark,
.text-muted {
    color: rgba(0, 0, 0, 0.8) !important;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.8);
    font-family: 'wuerthbold';
}

.btn:not(.nav-btns button) {
    background-color: #fff;
    color: rgba(0, 0, 0, 80%);

}


/* text color */
.text-primary {
    color: var(--red) !important;
}


.nav-link:hover {
    color: var(--red) !important;
}
 .bi-icons-red{
        font-size:28px;
        color:#CC0000;
    }
  .wusa-checked {
      background-image: url('/_ui/responsive/theme-wurthusa/images/checked.png');
      width: 20px;
      height: 21px;
      display: inline-block;;
    }
/* footer */
footer .brand {
    font-family: var(--lg-font);
    letter-spacing: 2px;
}

footer a {
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color:rgba(0, 0, 0, 80%);
}

footer a:hover {
    color: var(--red) !important;
}

.dropdown-hover:hover>.dropdown-menu {
    display: inline-block;
}

.dropdown-hover>.dropdown-toggle:active {
    pointer-events: none;
}

#back_top {
    bottom: 90px;
    display: none;
    height: 40px;
    position: fixed;
    right: 10px;
    width: 40px;
    line-height: 2;
    z-index: 9999;
    cursor: pointer;
    text-align: center;
    background-color: #CC0000;
    color: #fff;
    border-radius: 100%;
    border: 1px solid;
    margin-right: 25px;
}

#back_top:hover {
    background: #CC0000;
    border-color: #CC0000;
    border: 1px solid;
    color: #fff !important;
}
a#back_top:before {
 content: "\eb4f";
 font-family: 'wuerthicons';
 font-size: 22px;
 font-weight: 700;
 margin-left:3px;
}

#back_top span {
    display: none;
}

#back_top .fa-arrow-up{
display: none;
}

.wusa-right-wrappert {
    float: right;
}
.bi-person,
.bi-cart {
    font-size: 24px;
}
i.fas.fa-bars {
    color: rgba(0, 0, 0, 80%);
}
.list-unstyled li {
    padding-right: 10px;
}

i.bi.bi-key-fill.w-key-icon{

 display: inline-block;
 transform: rotate(125deg);
 transition: transform 0.3s;
 margin-right: 5px;
}
i.w-plus.fa.fa-plus {
    margin-right: 5px;
}

/* Section: Breadcrum start */

.wusa-breadcrumb {
      display: flex;
      flex-wrap: wrap;
      padding: 0 0;
      margin-bottom: 1rem;
      list-style: none;
      font-size: 14px;
}

.breadcrumb-item {
  display: inline-block;
  color: rgba(0, 0, 0, 60%);
  padding-left: 0px !important;
}

.breadcrumb-link {
  text-decoration: none;
  color: rgba(0, 0, 0, 60%);
}

.breadcrumb-separator {
 /* margin: 0 5px; */
  margin: 0 10px 0px 0px;
  color: #aaa;
}

.breadcrumb-separator::before {
  padding-left: 0.5rem;
  content: ">";
}

.breadcrumb-item+.breadcrumb-item::before {
    color:rgba(0, 0, 0, 60%);
    font-family: 'bootstrap-icons';
    padding-right: 0px;
    margin-left: 0px;
    content: none;

}

/*.breadcrumb-item.breadcrumb-item {
    padding-left: 0.5rem;
}*/

/* Section: Breadcrum end */
/*  Section: My account nav start */
.dashboardMenu {
    border-bottom: 1px solid rgba(0, 0, 0, 12%);
    }

.dashboardMenu ul.links li a {
    font-family: 'wuerthbook';
    font-size: 16px;
    color: rgba(0, 0, 0, 80%);
    padding-bottom: 11px;
}

.dashboardMenu ul.links li a.active {
    color: #CC0000;
    border-bottom: 4px solid #CC0000;
}

.dashboardMenu ul.links li a:hover {
    color: #CC0000;
    border-bottom: 4px solid #CC0000;
}

nav.greedys {
    position: relative;
    display: flex;
    align-items: center;
   height: 45px;
}

nav.greedys button {
    align-self: stretch;
    transition: all .4s ease-out;
    color: #000000;
    border: none;
}

nav.greedys button.hidden {
    transition: none;
    border-right: none;
    width: 0;
    padding: 0;
    overflow: hidden;
}

nav.greedys button::after {
    display: inline-flex;
    font-size: 14px;
    margin-left: 1rem;
   font-family: 'bootstrap-icons';
      content: "\f282";
}

ul.links {
    display: flex;
    justify-content: flex-start;
    flex: 1;
    margin: 0;
    padding: 0;
    align-items: center;
}

ul.links li:first-child {
    padding-left: 0;
}

ul.links li {
    flex: none;
    padding: 1rem;
}

ul.links li a {
    font-family: 'wuerthbook';
    font-size: 18px;
    color: rgba(255, 255, 255, 0.87);
}

ul.hidden-links {
    position: absolute;
    background: #CC0000;
    right: 0;
    padding: 0;
    top: 90%;
    z-index: 99;
}

ul.hidden-links li a {
    padding-right: 1rem;
    font-family: 'wuerthbook';
    font-size: 18px;
    color: #ffffff;
}

ul.hidden-links.hidden {
    display: none;
}

ul.hidden-links li:first-child {
    padding-top: 10px;
}

ul.hidden-links li {
    padding: 0 5px 0 10px;
}

nav select {
    display: none;
}

ul.links li a {
    position: relative;
}

a.current:after {
    content: '';
    height: 16px;
    width: 16px;
    position: absolute;
    left: 50%;
    transform: rotate(-135deg);
    bottom: -18px;
    background: #0093dd;
}

a.wcb-current:hover:after {
    content: '';
    height: 16px;
    width: 16px;
    position: absolute;
    left: 50%;
    transform: rotate(-135deg);
    bottom: -18px;
    background: #0093dd;
}
table.wusa-table tr td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    vertical-align: middle;
}
.pt-sm-0{
        padding-top: 0px !important;
    }
}
/* search popup */
#ui-id-1{
    background: #ffffff;
    -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
    list-style: none;
}
#ui-id-1 li a{
 display: inline-flex;
    align-items: center;
    color: rgba(0, 0, 0, 80%);
}

#ui-id-1 li a:hover{
background: none;
}
.name:hover {
    background: none;
}
.ui-menu .ui-menu-item:hover {
    background: rgba(0, 0, 0, 8%);
}


.thumb {

    height: auto;
    display: block;
    }
.thumb img{
 width: 100%;
 height: inherit;
 padding-right: 10px;
}

.search-img {
    height:45px;
    width:45px;
}

.search-img img {
    height: inherit;
    padding: 5px 10px 5px 0px;
}

.error-message {
  color: red; /* You can adjust the color to your preference */
  font-size: 14px; /* You can adjust the font size to your preference */
  margin-top: 5px; /* You can adjust the margin to create spacing */
}
span.fas.fa-calendar-alt.wusa-calender {
    position: absolute;
    top: 43px;
    right: 20px;
}

/*  Section: My account nav end */

/*  Section: My account nav end */
.account-section .account-section-content .help-block {

	color: #cc0000;
}
.error-message{
color:#cc0000;
}

.po-validate-message{
color:#cc0000;
font-size: 15px;
}

.readonly-select {
 pointer-events: none;
 background-color: #eeeeee;
 opacity: 1;
}

.wusa-company{
color: rgba(0, 0, 0, 80%);
 font-family: "wuerthbook";
 padding-left:10px;
}


.deleteTableOption{
	text-align:left !important;
	cursor:pointer;
}
.wusa-pp-img {
    height: 60px;
    width: 60px;
    text-align: left;
    display: inline-flex;
    align-items: center;
}

.input-group-addons{
  position:relative;
}
span.fas.fa-calendar-alt {
    position: absolute;
    top: 43px;
    right: 10px;
}
.btn-gray {
    background-color: var(--bs-gray-dark) !important;
    color: #ffffff !important;
    font-family: 'wuerthbold';
    font-size: 16px;
    line-height: 160%;
}
.myCompanyLinksHeader{
    color: rgba(0, 0, 0, 80%);
    font-family: "wuerthbook";
    padding:5px 10px;
}

.wusa-shopping-image{
    width: 60px;

    display: block;
}
form#wishlistDetailsForm tr td {
    vertical-align: middle;
}
/*  CSS For: Payment methods page start */
.payment-methods {
    min-height: 100px;
}
.payment-methods.selected {
  height: 200px;
  background: rgba(0, 147, 221, 0.1);
}
#default.payment-methods.selected {
  height: 100px;
  background: rgba(0, 147, 221, 0.1);
}
.checkbox-style {
  position: relative;
}

.checkbox-style input[type="radio"] {
  opacity: 0;
  position: absolute;
}

.checkbox-style input[type="radio"] + .form-check-label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #adb5bd;
  border-radius: 3px;
  background-color: #fff;
  margin-right: 0.5rem;
}

.checkbox-style input[type="radio"]:checked + .form-check-label::before {
  background-color: #0093dd;
    border-color: #0093dd;
    content: '\F26E';
    font-family: 'bootstrap-icons';
    color: #fff;
	display: flex;
	align-items: center;
}

.checkbox-style input[type="radio"]:focus + .form-check-label::before {
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}
.form-check {
    position: relative;
}
label.form-check-label {
    position: absolute;
    right: 5px;
    top: 1px;
}
/*  CSS For: Payment methods page end */
.text-blue {
    color: #0093DD !important;
}
.alert-success {
    background-color: #ebf1fb;
    border-color: #b6d4fe;
}

/*  CSS For: order approval  detail page start*/
.wusa-green {
     background: #198754 !important;
}
table tr.wusa-green td {
    color: #ffffff;
}
.wusa-red {
   background: #CC0000 !important;
}
table tr.wusa-red td {
   color: #ffffff;
}

.rejectbuttoncolour {
        color:#ffffff;
    }
div#cboxLoadedContent {

     overflow-x: hidden !important;

 }
/*  CSS For: order approval  detail page end*/
@media (max-width: 480px) {
    .dashboardMenu ul.links {
        display: none;
    }
      .w-mt-5{
           margin-top:10px;
        }

    .dashboardMenu {
        background: none;
    }

    .dashboardMenu nav.greedys {
        align-items: center;
        background: none;
        margin: 0px;

    }

    .dashboardMenu nav ul {
        display: none;
    }

    .dashboardMenu button.more {
        display: none;
    }

    .dashboardMenu nav select {
        display: inline-block;
        width: 100%;
        height: 38px;
        font-family: 'wuerthbook';
        font-size: 16px;
        background: #ffffff;
        color: #000000;
    }
    .pt-3 {
            padding-top: 1rem!important;
        }

  .btn .badge {
       top: 0px;
  }

  .btn-shipping, .btn-password{
     position:unset;
  }
}

@media (max-width: 590px) {
  .btn-shipping, .btn-password{
     position:unset;
  }
  }

@media screen and (min-width: 992px) {
    .modal-dialog {
        max-width: 724px;
    }
}

@media screen and (max-width: 992px) {

  .dashboardMenu {
       border-bottom: none;
  }
 .wusa-order-last {
        order: 6;
    }
    section {
        padding: 0 15px
    }
    .logo-wrapper {
        display: flex;
    }

    a.logo {
        width: 100%;
        height: 100%;
        margin-left: 15px;
    }

    img.wusa-log {
        width: auto;
        height: 20px;
        margin: 0 0 0 20px;
    }

    i.fas.fa-bars {
        font-size: 22px;
    }

    .wusa-right-wrappert {
        display: inline-flex;
        float: right;
        vertical-align: middle;
        align-items: center;
    }

    .bi-icons-red{
        font-size:28px;
        color:#CC0000;
    }
    .table-striped>tbody>tr:nth-of-type(odd) {
        background: rgba(0, 147, 221, 15%);
    }
    .h-85 {
        height: 90%!important;
    }

table#recently-purchased-table td {
        display: grid;
        grid-template-columns: minmax(9em, 55%) 1fr;
    }
    table#recently-purchased-table tbody > tr td[data-th]:before {
        font-family: 'wuerthbold';
        padding-right: 10px;
        content: attr(data-th) ': ';
        display: inline-block;
        color: #000000;
    }
    table#recently-purchased-table tbody > tr td[data-th]:nth-child(-n+2):before {
        content: attr(data-th) ' ';
    }
    thead.wusa-first-row {
        display: none;
    }
    table#recently-purchased-table tr td {
        vertical-align: middle;
        padding: 10px;
    }
    table#recently-purchased-table tr td:last-child {
        border-bottom: none;
    }
    table#recently-purchased-table tr td {
        border-bottom: none;
    }
     /*  Recently purchased product start end*/



         table.wusa-table td {
             display: grid;
             grid-template-columns: minmax(9em, 55%) 1fr;
         }
         table.wusa-table tbody > tr td[data-th]:before {
             font-family: 'wuerthbold';
             padding-right: 10px;
             content: attr(data-th) ' ';
             display: inline-block;
             color: #000000;
         }
         table.wusa-table tbody > tr td[data-th]:nth-child(-n+2):before {
             content: attr(data-th) ' ';
         }
         thead.wusa-first-row {
             display: none;
         }
         table.wusa-table tr td {
             vertical-align: middle;
             padding: 10px;
         }
        /* table.wusa-table tr td:last-child {
             border-bottom: 1px solid rgba(0, 0, 0, 0.12);
         }*/
         table.wusa-table tr td {
             border-bottom: none;
         }
         .w-nmt {
             margin-top: 0px;
         }
}