.header-bar .links-grey a {color: #fff;}

/* My Wallet */
.woocommerce-page button, .woocommerce-page input[tupe="submit"] {transition: all ease-in-out 0.3s;}
.woocommerce-woo-wallet .woo-wallet-my-wallet-container {border-color: rgba(255, 255, 255, 0.1);}
.woocommerce-woo-wallet .woo-wallet-my-wallet-container .woo-wallet-sidebar {background-color: var(--darkColor); padding: 20px;}
.woocommerce-woo-wallet .woo-wallet-sidebar-heading a {color: var(--colorMain);}
.woocommerce-woo-wallet h3 {font-size: 24px;}
.woocommerce-woo-wallet .woo-wallet-sidebar ul {display: flex; flex-direction: column; gap: 20px;}
.woocommerce-woo-wallet .woo-wallet-sidebar ul li.card {border-color: #2b2b2b; margin: 0px; border-radius: 0px;}
.woocommerce-woo-wallet .woo-wallet-sidebar ul li.card:hover {border-color: var(--colorMain);}
.woocommerce-woo-wallet .woo-wallet-sidebar ul li.card a {background-color: var(--darkgreyColor); display: inline-flex; padding: 15px 20px; width: 100%; gap: 5px; align-items: center; text-transform: capitalize;}
.woocommerce-woo-wallet .woo-wallet-sidebar ul li.card a p {margin-inline: 0px;}
.woocommerce-woo-wallet .woo-wallet-my-wallet-container .woo-wallet-content-heading * {color: #fff;}
.woocommerce-woo-wallet .woo-wallet-my-wallet-container .woo-wallet-content hr {border: none; border-bottom: 1px solid #2b2b2b;}
.woocommerce-woo-wallet .woo-wallet-my-wallet-container label {color: #fff; text-transform: capitalize;}
.woocommerce-woo-wallet .woo-wallet-my-wallet-container .woo-wallet-balance-to-add, .woocommerce-page .woocommerce-MyAccount-content input:not([type='submit']), .woocommerce-page .woocommerce-MyAccount-content textarea,
.woocommerce-page .woocommerce-MyAccount-content input:not([type='radio']), .woocommerce-page .woocommerce-MyAccount-content input:not([type='checkbox']) { border: 1px solid rgba(255, 255, 255, 0.1); background-color: var(--darkColor); padding: 12px; width: 100%; color: var(--fontColor); font-size: 14px; border-radius: 0; box-shadow: none; outline: none;}
.woocommerce-woo-wallet .woo-wallet-my-wallet-container .woo-wallet-balance-to-add:focus, .woocommerce-page .woocommerce-MyAccount-content input:not([type='submit']):focus, .woocommerce-page .woocommerce-MyAccount-content textarea:focus,
.woocommerce-page .woocommerce-MyAccount-content input:not([type='radio']):focus, .woocommerce-page .woocommerce-MyAccount-content input:not([type='checkbox']):focus {border-color: rgba(255, 255, 255, 0.2);}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {background-color: var(--colorMain); border-color: var(--colorMain);}
.woocommerce-page input[type='radio'], .woocommerce-page input[type='checkbox'] {width: auto; padding: 0px; height: 0px; width: 0px; position: absolute; opacity: 0;}
.woocommerce-page label:has(input[type="checkbox"]) {padding-left: 25px; position: relative; margin-bottom: 10px;}
.woocommerce-page label:has(input[type="checkbox"])::before {content: ''; width: 18px; height: 18px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border: 1px solid var(--colorMain); background-position: center; background-repeat: no-repeat; background-size: 10px;}
.woocommerce-page label:has(input[type="checkbox"]:checked)::before {background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1404_670)"><path d="M13.6747 2.28809C13.2415 1.85435 12.5381 1.85463 12.1044 2.28809L5.03702 9.35576L1.89587 6.21463C1.46213 5.78089 0.759044 5.78089 0.325304 6.21463C-0.108435 6.64837 -0.108435 7.35146 0.325304 7.7852L4.25157 11.7115C4.46831 11.9282 4.7525 12.0368 5.03672 12.0368C5.32094 12.0368 5.6054 11.9285 5.82213 11.7115L13.6747 3.85863C14.1084 3.42519 14.1084 2.7218 13.6747 2.28809Z" fill="%23E0006C"/></g><defs><clipPath id="clip0_1404_670"><rect width="14" height="14" fill="white"/></clipPath></defs></svg>');}


/* Buttons */
.woocommerce-woo-wallet .woo-wallet-my-wallet-container .woo-add-to-wallet, .woocommerce-woo-wallet .woo-wallet-field-container input[type='submit'], .zego-btn { background-color: var(--colorMain); border-color: var(--colorMain); font-size: 14px; line-height: 1; text-transform: uppercase; letter-spacing: 0; padding: 12px 30px; font-weight: 700; border-width: 1px; border-style: solid; border-radius: 0; color: #fff;}

/* Wallet Transaction */
.woo-wallet-content .woo-wallet-transactions-items {max-height: 560px; overflow: hidden auto;}
.woo-wallet-content .woo-wallet-transactions-items li {padding: 10px !important; border-bottom: 1px solid #333333; background-color: var(--darkColor); display: flex; align-items: start; justify-content: space-between; gap: 10px; align-items: start;}
.woo-wallet-content .woo-wallet-transactions-items li>div {float: unset;}
.woo-wallet-content .woo-wallet-my-wallet-container p {color: #fff; line-height: normal;}
.woo-wallet-content .woo-wallet-transactions-items li div:last-child {font-weight: 600;}


/* Data Table */
.dataTables_wrapper {margin-top: 10px;}
.dataTables_wrapper table {padding-top: 15px; font-size: 12px;}
.dataTables_wrapper table.dataTable>thead>tr>th, .dataTables_wrapper table.dataTable>thead>tr>td{background-color: var(--darkColor); color: #fff;}
.dataTables_wrapper table tbody tr td:first-child {color: #fff;}
.dataTables_wrapper table.dataTable.no-footer {border-bottom: 1px solid #333;}
.dataTables_paginate .paginate_button {border: none; background: var(--darkColor); transition: all ease-in-out 0.3s;}
.dataTables_paginate .paginate_button:hover, .dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button:not(.disabled):hover {color: #fff !important; background: var(--darkColor) !important;}
.dataTables_length label , .dataTables_filter label, .dataTables_info {text-transform: capitalize;}
.woocommerce-page .dataTables_wrapper .dataTables_filter input {border: 1px solid rgba(255, 255, 255, 0.1); background-color: var(--darkColor); padding: 7px; color: var(--fontColor); font-size: 12px; border-radius: 0; box-shadow: none; outline: none;}
.woocommerce-page .dataTables_wrapper .dataTables_length select { border-radius: 0px; padding: 5px; border-color: #333; outline: none; cursor: pointer;}
.woocommerce-account .woocommerce-MyAccount-content p:has(+ #wc-wallet-transaction-details_wrapper) {color: #fff; text-transform: capitalize;}


/* Select2 CSS */
.select2-container .select2-selection--single {border: 1px solid rgba(255, 255, 255, 0.1); background-color: var(--darkColor); padding: 0 24px 0 12px;; width: 100%; color: var(--fontColor); font-size: 14px; color: var(--fontColor); border-radius: 0; box-shadow: none; outline: none;}
.select2-container .select2-selection--single .select2-selection__rendered {color: #fff; background-color: var(--darkColor); height: 40px;}
.select2-container .select2-selection--single .select2-selection__arrow {filter: invert(1);}
.select2-container .select2-dropdown {background-color: var(--darkColor);}
.select2-container .select2-dropdown .select2-search__field {padding: 8px 10px; background: var(--darkgreyColor); border: 1px solid rgb(255 255 255 / 20%); font-size: 12px; line-height: normal;}

/* Date Picker */
.dataTables_wrapper .daterangepicker {background-color: var(--darkColor);  border-radius: 0px;}
.dataTables_wrapper .daterangepicker, .dataTables_wrapper .daterangepicker.show-ranges.ltr .drp-calendar, .dataTables_wrapper .daterangepicker .drp-buttons {border-color: #333 !important;}
.dataTables_wrapper .daterangepicker .ranges li.active {background-color: var(--colorMain);}
.dataTables_wrapper .daterangepicker .ranges li:hover {background-color: var(--darkgreyColor); color: #fff;}
.dataTables_wrapper .daterangepicker .calendar-table {background-color: var(--darkgreyColor); border: none; border-radius: 0px;}
.dataTables_wrapper .daterangepicker .calendar-table th.prev:hover , .dataTables_wrapper .daterangepicker .calendar-table th.next:hover {background-color: var(--darkColor);}
.dataTables_wrapper .daterangepicker .calendar-table .next span, .dataTables_wrapper .daterangepicker .calendar-table .prev span {border-color: #fff;}
.dataTables_wrapper .daterangepicker .calendar-table th, .dataTables_wrapper .daterangepicker .calendar-table td {border-radius: 0px !important;}
.dataTables_wrapper .daterangepicker td.available:hover, .dataTables_wrapper .daterangepicker th.available:hover {background-color: var(--darkColor); color: #fff;}
.dataTables_wrapper .daterangepicker td.off, .dataTables_wrapper .daterangepicker td.off.in-range, .dataTables_wrapper .daterangepicker td.off.start-date, .dataTables_wrapper .daterangepicker td.off.end-date {background-color: #333; color: #fff;}
.dataTables_wrapper .daterangepicker td.active, .dataTables_wrapper .daterangepicker td.active:hover, .dataTables_wrapper .daterangepicker td.in-range.active {background-color: var(--colorMain); color: #fff;}
.dataTables_wrapper .daterangepicker td.in-range {background-color: var(--darkgreyColor); color: var(--colorMain);}
.dataTables_wrapper .daterangepicker .drp-buttons button {padding: 8px 15px; background-color: var(--colorMain); border-color: var(--colorMain); }
.dataTables_wrapper .daterangepicker .drp-buttons button:hover {color: var(--colorMain); background-color: transparent;}
.dataTables_wrapper .daterangepicker:after {border-bottom: 6px solid var(--darkColor);}
.dataTables_wrapper .daterangepicker:before {border-bottom: 7px solid #333;}


/* Video Call */
.woocommerce-MyAccount-content-video-call h2 {font-size: 30px; line-height: normal; color: var(--colorMain); font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid ;}
.woocommerce-MyAccount-content-video-call h3 {font-size: 24px; color: #fff; margin-bottom: 10px;}
.zego-field-row {margin-bottom: 10px;}
.zego-field-row label {font-size: 14px;}
.zego-field-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.woocommerce-account .woocommerce-MyAccount-content.zego-video-call-area {width: 100%;}
.zego-btn {margin-top: 20px;}
.innerdatazego {padding: 20px; background-color: var(--darkColor);}
.innerdatazego:not(:last-child) {margin-bottom: 20px;}
.zego-request-list>div {padding: 15px; background-color: var(--darkgreyColor); border: 1px solid #333;}
.zego-request-list button {padding: 8px 15px; background-color: var(--colorMain); border: 1px solid var(--colorMain); box-shadow: none; outline: none; color: #fff; margin-top: 10px;}
.zego-request-list button:hover {color: var(--colorMain); background-color: transparent;}


/* Scroll Bar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);  border-radius: 10px; }
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 1200px) and (min-width: 768px) {
    .woocommerce-woo-wallet .woo-wallet-sidebar ul li.card a {flex-direction: column;}
}
@media screen and (max-width: 991px) {
    .woocommerce-woo-wallet.woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-woo-wallet.woocommerce-account .woocommerce-MyAccount-content{float: unset; width: 100%;}
    .woocommerce-woo-wallet.woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom: 30px;} 
}
@media screen and (max-width: 767px) {
   .woocommerce-woo-wallet .woo-wallet-my-wallet-container {flex-direction: column;}
   .woocommerce-woo-wallet .woo-wallet-my-wallet-container>div {width: 100%;}
   .woocommerce-woo-wallet .woo-wallet-sidebar ul {gap: 10px;}
}
@media screen and (max-width: 576px) {
   .woocommerce-woo-wallet h3 , .woocommerce-MyAccount-content-video-call h3{font-size: 20px;}
   .woocommerce-woo-wallet .woo-wallet-my-wallet-container .woo-add-to-wallet, .woocommerce-woo-wallet .woo-wallet-field-container input[type='submit'] {padding-inline: 15px; min-width: 150px;}

   /* Wallet Transaction */
    .woo-wallet-content .woo-wallet-transactions-items li {font-size: 12px;}
    .woocommerce-MyAccount-content-video-call h2 {font-size: 24px;}
}