/* Membership ------------------ */
[class*="secondary_member_table"]{border: 1px solid #efefef;}
[class*="secondary_member_table"] .table tr td{border-bottom: 0;}
[class*="secondary_member_table"] .table tr td .form-select{padding-right: 1.2rem; background-position: right 0.35rem center;}
.renew_menbership_subtotal{max-width: 410px;}
.renew_menbership_subtotal span,
.renew_menbership_subtotal .w-250px{width: 250px;}

[class*="secondary_member_table"] .table tr td .field_input{line-height: normal;}
[class*="secondary_member_table"] .table tr td .field_input .errror{font-size: 0.85em; line-height: 1em;}
.membership_payment_box div#card-container {margin-top: 0 !important;}
.membership_payment_box button#checkout {margin-top: 0;}

.img_gallery.product_detail_gallery [class*="slick_"]{background: rgb(223 224 225);}
.product_detail_gallery .slider-nav .slick-list .slide_img{width: 100%;}
.product_detail_gallery .slider-nav .slick-list .slide_img img{margin: 0 auto;}
.overflow_box{max-height: 600px; overflow-y: auto; overflow-x: hidden;}

/* Header ------------------ */
.mini_cart .dropdown-menu{transform: inherit !important; inset: 100% 0 auto auto !important; margin-top: -2px !important;}
.cat_links {padding: 0 15px; height: 46px;}
.cat_links a:not(.btn):hover,
.cat_links a.active-cat:hover,
.cat_links a.active-cat{color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;font-weight: 500;}
.mini_cart .btn {appearance: none !important;}

/* Cart ------------------ */
td.product-thumbnail a{width: 35px; height: 35px; display: inline-flex; align-items: center; flex: 0 0 35px; justify-content: center;}
td.product-name {min-width: 180px;}
td.product-quantity .quantity {min-width: 90px;}
th.product-remove,
td.product-remove{width: 45px;}

.btn_close_box{z-index: 5;margin: 0; right: -10px; top: -10px; width: 1.8em; height: 1.8em; padding: 7px; display: inline-flex; align-items: center; border-radius: 5px;}
#autorenew_membership .shadow.modal-content{margin-top: 28px;}

/* select2 Dropdown ------------------ */
.select2-container--default .select2-selection--single{background-color: #efefef !important; padding: .2rem 1.45rem .2rem .75rem; border: none !important;}
.select2-container .select2-selection--single .select2-selection__rendered{font-size: 0.8rem; padding: 0 !important; line-height: 1.6 !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{width: 26px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-size: 16px 12px !important;
    background-position: right 0.45rem center !important;
    background-repeat: no-repeat;
    border: none !important;
    width: auto !important; height: auto !important;
    appearance: none;
    padding: 13px 13px;
    top: 3px !important; left: 7px !important;
}
.select2-results__option{font-size: 0.9rem !important;padding: 3px 5px !important;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background: var(--bs-primary) !important;}
.select2-dropdown{border-radius: 0 !important; border: 1px solid rgb(193 193 193 / 75%) !important;}

.order_list_table{max-width: 1145px; margin-left: auto; margin-right: auto;}
.order_list_table .order_filter{gap: 12px;}
.order_list_table .order_filter [class*="ol_filter_"] .form-control{min-height: 37.17px; line-height: normal;}
.order_list_table .order_filter .ol_filter_daterange{max-width: 355px;}
.order_list_table .order_filter .ol_filter_select{max-width: 230px;}
.order_list_table .order_filter .ol_filter_search{max-width: 310px;}
.order_list_table .order_filter .ol_filter_daterange span.input-group-text{background: #d3d3d3; border: none;}
.order_list_table .order_filter .ol_filter_search span.input-group-text{background: #efefef; border: none;}
.order_list_table .order_filter .ol_filter_search a.input-group-text{border: none;}
.order_list_table .order_filter .ol_filter_search a.input-group-text:hover{color: var(--bs-primary);}
.order_list_table .pagination{margin-right: 1px;}
.order_list_table .pagination > *{
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-right: -1px;
}
input[type="date"]::-webkit-calendar-picker-indicator{}

.order_list_table .pagination > strong,
.order_list_table .pagination > a:hover,
.order_list_table .pagination > strong:hover {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
}
.order_list_table .order_filter > * {align-items: flex-end; align-self: flex-end;}

.order_detail_table .order_table_col_1{width: 20%;}

.new_member_details span.attende_name_error_message{font-size: 14px;}

/* Checkout ------------------ */

.date_picker{background-image: url(../../assets-new/images/datepicker-icon.svg); background-repeat: no-repeat; background-size: 22px; background-position: right center; padding-right: 25px;}

.cartaddajax .variable_options > label{width: 160px; margin-right: 10px;}
.cartaddajax .variable_options .attende_name_error_message {font-size: 14px; left: 170px; position: relative;}
.cartaddajax .stock_status{margin-top: 10px;}
.cartaddajax_loader{background: url(../../images/loader.gif) 50% 50% no-repeat rgb(249,249,249);opacity: .8;position: absolute;left: 0px;top: 0px;right: 0;bottom: 0;z-index: 9999;}

.search_group_field i{background: rgba(var(--bs-primary-rgb),1); width: 47px; color: var(--bs-white); cursor: pointer;}
.search_group_field i:hover{background: #efefef; color: rgba(var(--bs-primary-rgb),1);}

/* Media Query ------------------ */
@media (min-width: 768px){
    .new_member_details .type_col,
    .new_member_details .dob_col{width: calc(8.35% + 3%);}
    .new_member_details .gender_col{width: 10.633333%;}
    .new_member_details .email_col{width: 18.666667%;}    
}

@media (min-width: 992px){
    .cate_links_parent{max-width: calc(100% - 72px); height: 46px; flex-wrap: wrap; align-items: center;line-height: 1.6;}
}

@media (max-width: 991px){
    .cate_links_parent .dropdown-toggle{margin-top: 0 !important;}

    .dropdown-menu.dropdown-menu-end:before{top: 41px; left: 13px;}
}

@media (max-width: 768px){
    [class*="secondary_member_table"] .table tbody tr td .form-control{height: 42px; line-height: 1.4;}
    [class*="secondary_member_table"] .table,
    [class*="secondary_member_table"] .table tbody,
    [class*="secondary_member_table"] .table tbody tr,
    [class*="secondary_member_table"] .table tbody tr td{display: flex; flex-direction: column;}
    [class*="secondary_member_table"] .table thead{display: none;}
    [class*="secondary_member_table"] .table tbody tr td.remove_icon_td{text-align: left;}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td{background: transparent; padding-left: 0; position: relative; flex-direction: row; justify-content: space-between;}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td:before{word-break: break-word; white-space: normal; color: var(--bs-table-color); font-weight: 700; display: flex; align-items: center; padding-left: 8px;}
    [class*="secondary_member_table"] .table tbody tr.mem_renew:nth-child(odd) td{background: var(--bs-table-bg);}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td:before{order: 0;}
    [class*="secondary_member_table"] .table tr td .field_input{width: 100%; max-width: calc(100% - 115px); order: 2;}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td:after{color: #F00; flex: 1; align-self: center; padding-left: 5px; display: none;}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td:nth-child(2):before{content: attr(data-label-fn);}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td:nth-child(2):after{content: "*"; display: inline-flex;}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td:nth-child(3):before{content: attr(data-label-ln);}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td:nth-child(3):after{content: "*"; display: inline-flex;}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td:nth-child(4):before{content: attr(data-label-em);}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td:nth-child(5):before{content: attr(data-label-db);}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td:nth-child(5):after{content: "*"; display: inline-flex;}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td:nth-child(6):before{content: attr(data-label-gn);}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td:nth-child(6):after{content: "*"; display: inline-flex;}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td:nth-child(7):before{content: attr(data-label-pr);}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td:nth-child(7):after{content: "*"; display: inline-flex;}
    [class*="secondary_member_table"] .table tbody tr.mem_renew td:nth-child(8):before{content: attr(data-label-pr)}

    table.mobile_table_wrapper,
    table.mobile_table_wrapper tbody,
    table.mobile_table_wrapper tbody tr,
    table.mobile_table_wrapper tbody tr td {display: flex; flex-direction: column; width: 100% !important;}
    table.mobile_table_wrapper tbody tr{border: none !important;}
    table.mobile_table_wrapper tbody tr td.label_td {color: var(--bs-table-color); font-weight: 700; flex-direction: row;}   

    .btn_close_box{width: 1.6em; height: 1.6em; right: -8px; top: -8px;}
}

@media (max-width: 520px){
    .renew_menbership_subtotal span,
    .renew_menbership_subtotal .w-250px{width: 205px;}

    .offcanvas{width: calc(100% - 40px) !important;}
    .offcanvas .offcanvas-body a.nav-link{padding: 9px 0;}

    .order_list_table .order_filter [class*="ol_filter_"] {max-width: 100%;}

    .cartaddajax .variable_options .variable_options{display: flex; flex-wrap: wrap;}
    .cartaddajax .variable_options .variable_options label{width: 100%; margin-bottom: 5px;}
    .cartaddajax .variable_options .attende_name_error_message{left: 0;}
}

.search_group_field{
    margin-left:auto !important;
}

  

  

  @media (max-width: 768px) {
    .tdprim {
      
        flex-direction: column  !important;
    }
}