
.cart_delete_from_cart_btn {
  cursor: pointer;
  float: right;
  border: none;
  background: none;
  font-size: 20px;
}

.cart_delete_from_cart_btn:hover {
  color: var(--accent-hover);
}

.uk-offcanvas-bar {
    background: var(--base-ultra-light) !important;
    color: black !important;
    border-right: 1px solid #b1b8bc;
    padding-left: 20px !important;
    padding-right: 20px !important;
}


.uk-offcanvas-bar hr {
    color: black;
    border: 1px solid #b1b8bc;
}


.uk-offcanvas-bar .uk-checkbox:checked {
    background-color: #f18700 !important;
    border: 1px solid black !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23ffffff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important;

}

.uk-offcanvas-bar .uk-checkbox {
    background-color: white !important;
    border: 1px solid black !important;
    margin-right: 5px;
}

.cart_item_qty {
    width: 40px;
    text-align: center;
    /* height: 30px !important;
    color: black !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    */
}

.cart_item_thumbnail {
    vertical-align: middle;
    width: 80px; 
    min-width: 80px; 
    padding-left: 5px;
    padding-right: 5px;
}



.cart_unit_price {
    color: green;
    vertical-align: middle;
    text-align: right;
    padding-right:10px;
}

.cart_row_sum {
    vertical-align: middle;
    text-align: right;
    padding-right:10px;
}

.cart_tr_input_field {
    margin-top: 5px;
    margin-bottom: 5px;
}

.cart_item_optional_checkbox {
    border: 1px solid black;
}

.cart_export {
    width: 100%;
    color: black;
    background-color: white;
}

@media all and (max-width: 799px) { 
 
    .cart_item_thumbnail {
        vertical-align: middle;
        width: 100px; 
        min-width: 80px; 
        padding-left: 5px;
        padding-right: 5px;
    }

  }

#quickadd_feedback, #quickadd_feedback2, #quickadd_feedback3, #quickadd_feedback4 {

    padding: 10px;
    margin-top: 10px;

}

.msg_placeholder {
    /* height: 70px; */
}

#save_cart_feedback {

    padding: 10px;
    margin-top: 10px;

}

.form_feedback_msg {

    padding: 10px;
    margin-top: 10px;

}

.message_red {
    border: 1px solid #FF0000;
    background-color: #FF000010;
}

.message_orange {
    border: 1px solid #f18700;
    background-color: #f1870010;
}

.message_green {
   border: 1px solid #008000;
   background-color: #00800010;
}

.message_blue {
  border: 1px solid #0000ff;
  background-color: #0000ff10;
}

 .input_warning {
    border: 2px dashed #f18700 !important;
 }

.new_sidemenu_hint {
      border: 1px solid #f18700;
      background-color: #f1870010;
      padding: 10px;
      margin-top: 10px;
      width: 456px;
      text-align: center;
}

.saved_cart_project_box {
    padding: 10px;
    margin-bottom: 10px;
}

.fixed-cart-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 40px;
    height: 100vh;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #b1b8bc;
    z-index: 20;
  }

  .fixed-cart-sidebar:hover {
    color: #f18700;
  }


.sidemenu-icon {
    position: relative;
    z-index: 1;
}

.sidemenu-icon {
    position: relative;
    z-index: 1;
}

#cart_clear_cart {
    border: 1px solid red;
}

#latest_saved_carts {
    /* padding: 5px; */
    /* border: 1px solid #b1b8bc; */
    margin-bottom: 10px;
}

#add_separator_input {
    color: black;
}

.cart_quickadd_input, .cart_quickadd_input2 {
    color: black !important;
}

.add_below_hint {
    padding-left: 20px;
    color: #f18700;
}

#add_below_title {
    margin-bottom: 0px;
}

.add_below_did_you_mean {
    margin-left: 30px;
    margin-top: 30px;
    border: 1px solid #b1b8bc;
    padding: 20px;
}

@media (min-width: 801px) {

    .add_below_modal_trigger {
        cursor: pointer;
    }
    
    .add_below_modal_trigger img:hover {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Schatten */
        border: 2px solid #f18700;
    }

}


#add_below_related_products {
    margin-left: 30px;
    margin-top: 30px;
    border: 1px solid #b1b8bc;
    padding: 20px;
}

#add_below_module_lists {
    margin-left: 30px;
    margin-top: 30px;
    border: 1px solid #b1b8bc;
    padding: 20px;
}

#add_below_module_lists_results {

    margin-top: 30px;

}
  
  .tr-odd2 {
     background-color: var(--base-ultra-light);
  }
  .tr-even2 {
     background-color: var(--neutral-ultra-light);
  }

  .extra-info-content {
    padding: 10px;
    margin: 10px;
    /* border: 1px solid #b1b8bc; */
  }

  .last_added_item td {   /* highlighter */
    border-bottom:#f18700 1px solid;
    border-top: #f18700 1px solid;
  }

  #moduleListSelect, #moduleListSelect2 {
    color: black !important;
    line-height: inherit;
    width: 250px;
  }

.td_heading_quote {
  font-weight: bold;
  width: 150px;
  max-width: 150px;
 }

 .eks_quote_input {
    color: black !important;
 }

  .guest_quote_input {
    color: black !important;
 }

 #guest_quote_country,  #guest_quote_distributor {
    border: 1px solid lightgrey;
    font-size: 14px;
 }

  .checkbox_label {
    padding-left: 10px;
    user-select: none;  
 }

 #guest_quote_privacy_container {
    margin-bottom: 15px;
 }

 .dhd-address-card {
    border: 1px solid #eceff0;
 }

 .cart_pos_no_input_field {
    width: 45px;
 }

 .uk-modal-container {
    z-index: 10000 !important;
 }

 #eks_quote_submit_btn, #guest_quote_submit_btn {
    display: block;
 }

 #guest_quote_country, #guest_quote_distributor {
    line-height: inherit;
 }

 .distributor_details {    /* distributor info box in request quote form */
    border: 1px solid #4c5255;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.uk-checkbox {
    padding: 0px !important;
}

.uk-checkbox:checked {
    background-color: var(--base-ultra-dark) !important;
}

.dhd_listview3 {
  border-left: 1px solid var(--base-light);
  border-right: 1px solid var(--base-light);
  border-bottom: 1px solid var(--base-light);
  border-collapse: collapse;
}

.dhd_listview3 th {
  background-color: var(--base-light) !important;
  padding:var(--space-xs,.5rem);
  white-space:nowrap;
  font-size:var(--text-xs,.8rem);
  text-transform:uppercase;
  letter-spacing:.03em;
}

.dym_thumb_td {
    vertical-align: middle;
    padding-left: 2px;
}

.dym_thumb_td img {
    display: inline-block;
}

/* Guest Quote Country Search */
.dhd_gqc_wrap {
    position: relative;
    display: block;
}

.dhd_gqc_input {
    width: 100%;
    box-sizing: border-box;
}

.dhd_gqc_results {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 260px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 3px 3px;
    z-index: 9999;
    box-shadow: 0 4px 8px rgba(0,0,0,.15);
}

.dhd_gqc_item {
    padding: 7px 12px;
    cursor: pointer;
    font-size: .9em;
}

.dhd_gqc_item:hover {
    background: #f0f0f0;
}

.dhd_gqc_item.dhd_gqc_active {
    background: #1e87f0;
    color: #fff;
}

