.header-refer-btn {
    color: #fc6823 !important;
    font-weight: 600;
    margin-right: 10px;
}

.dropdown__notification_separator {
    border-right: 1px solid #cecece !important;
}

.header-right-icon {
    font-size: 20px;
    position: relative;
    /* margin-right: 10px; */
}

@media screen and (max-width: 991px) {
    .header-right-icon {
        margin-right: 10px;
    }
}

.header-right-icon .badge {
    position: absolute;
    bottom: -7px;
    left: 11px;
}

.text-align-left {
    text-align: left !important;
}

.spacing-between-arrow {
    margin: 0 15px;
}

.dashboard-top-title-1 {
    font-weight: 600;
    font-size: 23px;
    margin-bottom: 30px !important;
}

.dashboard-top-title-2 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}

.dashboard__top-box-wrapper {
    margin-bottom: 35px;
}

.dashboard__top-box-wrapper > div > span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.dashboard__top-box {
    border: 1px solid #e6e0e0;
    border-radius: 8px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    flex-direction: column;
    padding: 15px 15px 20px 20px;
    position: relative;
}

.dashboard__top-box-top, .dashboard__top-box-body {
    margin-bottom: 15px;
}

.dashboard__top-box-top i {
    color: #A0A0A0;
    font-size: 25px;
}

.dashboard__top-box-body {
    font-size: 35px;
    font-weight: 500;
}

.dashboard__top-box-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.dashboard__top-box-bottom span:nth-child(1) {
    font-size: 13px;
    font-weight: 500;
    font-style: italic;
    color: #9C9C9C;
}

.dashboard__top-box-bottom span:nth-child(2) {
    font-size: 13px;
    font-weight: 700;
}

.dashboard__top-box-bottom span:nth-child(2).increase {
    color: #09BE78;
}

.dashboard__top-box-bottom span:nth-child(2).decrease {
    color: red;
}

.dashboard__top-box-bottom a {
    text-decoration: underline;
    text-underline-offset: 1px;
    font-size: 15px;
    cursor: pointer;
}

/*.dashboard-report-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    margin-bottom: 15px;
}

.dashboard-report-left-wrapper {
    display: flex;
}

.dashboard-report-left-wrapper > div {
    flex-direction: column;
}

.dashboard-report-left-wrapper-label {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.dashboard-report-left-wrapper-radio {
    height: 18px;
    width: 18px;
    margin: 0 15px 0 !important;
    cursor: pointer;
}

.dashboard-report-left-wrapper-text {
    font-size: 15px;
    font-weight: 500;
    margin-right: 20px;
}

.dashboard-report-left-wrapper-separator {
    border: 1px solid black;
    margin: 0 18px;
    height: 100%;
}

.dashboard-report-right-wrapper {
    color: #fc6823;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    align-items: flex-end;
}

.dashboard__top-right-icon {
    position: absolute;
    right: 16px;
    top: 0;
    font-size: 65px;
    color: #A0A0A0;
    opacity: 0.1;
}*/

.dashboard__purchase-history-chart-wrapper, .dashboard__notification-wrapper, .dashboard__top-promotion-wrapper {
    /*border: 1px solid #e6e0e0;
    border-radius: 8px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    height: 500px;
    padding: 25px;
    width: 100%;*/
    position: relative;
    margin-bottom: 20px;
}

.dashboard__purchase-history-chart-top, .dashboard__notification-top, .dashboard__top-promotion-top {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    padding: 0 25px;
    top: 25px;
    z-index: 1;
}

.dashboard__purchase-history-chart-top span, .dashboard__notification-top span, .dashboard__top-promotion-top span {
    font-size: 16px;
    font-weight: 600;
}

.dashboard__notification-top span > .notification__badge {
    font-weight: 500;
    color: #fc6823;
    background: #FFE7DC;
    padding: 5px 15px;
    border-radius: 6px;
    margin: 0 5px;
}

.dashboard__purchase-history-chart-top a, .dashboard__notification-top a, .dashboard__top-promotion-top a {
    color: #fc6823;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 1px;
}

.dashboard__purchase-history-chart-middle {
    position: absolute;
    top: 65px;
    z-index: 1;
    margin-left: 31px;
    font-size: 16px;
    font-weight: 600;
}

.canvasjs-chart-canvas {
    border: 1px solid #e6e0e0;
    border-radius: 8px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.dashboard__notification, .dashboard__top-promotion {
    border: 1px solid #e6e0e0;
    border-radius: 8px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    height: auto;
    padding: 78px 5px 25px 35px;
    width: 100%;
    overflow-x: auto;
}

.chart-tooltip {
    padding: 5px 10px;
    height: auto;
    width: 170px;
}

.chart-tooltip .chart-tooltip-top {

}

.chart-tooltip .chart-tooltip-title {
    color: #000;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.chart-tooltip .chart-tooltip-body {
    display: flex;
    flex-direction: column;
}

.chart-tooltip .chart-tooltip-body div {
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin: 5px 0px;
}

.chart-tooltip .chart-tooltip-body span {
    display: block;
    letter-spacing: 1px;
}

.chart-tooltip .chart-tooltip-body div > span:nth-child(1) {
    color: #939393;
    width: 40%;
}

.chart-tooltip .chart-tooltip-body div > span:nth-child(2) {
    text-align: right;
    width: 60%;
}

.dashboard__notification {
    height: 550px;
    overflow: hidden;
}

.dashboard__notification > div {
    height: 100%;
    overflow-y: scroll;
    padding-right: 20px;
}

.dashboard__notification > div::-webkit-scrollbar {
    width: 5px;
}

.dashboard__notification > div::-webkit-scrollbar-thumb {
    background: #f2f2f2;
    border-radius: 10px
}

.dashboard__notification-container {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.dashboard__notification-container-left > span:nth-child(1) {
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

.dashboard__notification-container-left > span:nth-child(2) {
    font-size: 13px;
    font-weight: 500;
    display: block;
}

.dashboard__notification-container-right > span:nth-child(1) {
    font-size: 14px;
    color: #A3A3A3;
    font-weight: 400;
    display: block;
    margin-bottom: 5px;
    text-align: right;
}

.dashboard__notification-container-right > span:nth-child(2) {
    font-size: 13px;
    color: #fc6823;
    font-weight: 600;
    display: block;
}

#topPromotion table tbody tr {
    height: 70px;
}

#topPromotion table thead th {
    font-size: 15px;
    font-weight: 600;
}

#topPromotion table tbody td {
    font-size: 13px;
    vertical-align: middle;
}

.promo-code-input-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    border: none;
    width: 135px;
}

.promo-code-input-wrapper input {
    border: 1px solid #fc6823;
    background-color: #fff !important;
    cursor: unset;
}

.promo-code-input-wrapper span {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fc6823;
    border-radius: 4px;
    position: absolute;
    right: 0;
    cursor: pointer;
    width: 34px;
    height: 100%;
}

.promo-code-input-wrapper span i {
    color: white;
}

.empty-dataset {
    color: #615d5d;
    position: absolute;
    top: 0;
    text-align: center;
    height: 100%;
    width: 100%;
    border: 1px solid #e6e0e0;
    border-radius: 8px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advance-filter-left-wrapper > select {
    width: 125px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    height: 40px;
}

.advance-filter-left-wrapper > div {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

.advance-filter-left-wrapper > div > input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 40px;
}

.advance-filter-left-wrapper > div > i {
    position: absolute;
    right: 0;
    margin-right: 20px;
    color: #737373;
    font-size: 18px;
    cursor: pointer;
    border-radius: 20px;
    padding: 5px;
}

.animated {
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;

}

.advance-filter-left-wrapper > div > i::before {
    background:transparent;
}

.advance-filter-right-wrapper {
    justify-content: flex-end;
}

.advance-filter-right-wrapper > div:nth-child(2) {
    display: flex;
}

.advance-filter-right-radio {
    height: 18px;
    width: 18px;
    margin: 0 10px 0 !important;
    cursor: pointer;
}

input.advance-filter-right-radio {
    display: none;
}

input.advance-filter-right-radio + *::before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    height: 18px;
    width: 18px;
    margin: 0 10px 0 !important;
    border-radius: 50%;
    border-style: solid;
    border-width: 0.1rem;
    border-color: gray;
}

input.advance-filter-right-radio:checked + *::before {
    background: radial-gradient(black 0%, black 40%, transparent 50%, transparent);
}

input[type="radio"]:checked {
    color: teal;
}

.advance-filter-right-wrapper span {
    font-size: 14px;
    cursor: pointer;
}

.advance-filter-right-wrapper span:nth-child(2) {
    margin-right: 10px;
}

.d-flex-aligns-center {
    display: flex;
    align-items: center;
}

.advance-filter-separator {
    margin: 30px 0;
    height: 1px;
    background: #e0dddd;
}

.order-table-wrapper {
    padding-top: 0 !important;
}

.order-table thead tr.main {
    height: 80px;
}

.order-table thead th {
    background: #fff !important;
}

.order-table th:nth-child(2) ~ th:not(.text-left), .order-table td:nth-child(2) ~ td:not(.text-left) {
    text-align: center !important;
    vertical-align: middle !important;
}

.order-table tbody tr td.primary {
    padding: 18px 15px !important;
}

.primary {
    white-space: nowrap;
}

.order-table tbody tr:last-of-type td {
    border-bottom: none !important;
}

.download-invoice-btn {
    border: 1px solid #fcc5ac;
    border-radius: 4px;
    height: 40px;
    padding-right: 25px;
    padding-left: 25px;
    background: #fff;
    cursor: pointer;
}

.download-invoice-btn {
    height: 45px;
    width: 178px;
    text-align: center;
    font-size: 13px;
}

.download-invoice-btn.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.make-payment-btn {
    border: 1px solid #fc6823;
    border-radius: 4px;
    height: 45px;
    width: 178px;
    background: #fc6823;
    color: #fff;
    cursor: pointer;
    text-align: center;
}

.show-detail-btn {
    cursor: pointer;
    font-size: 20px;
}

.show-detail-child .table-responsive {
    padding: 0 !important;
    border: none;
}

.show-detail-child .table-responsive .table {
    margin: 0;
}

.show-detail-child {
    padding: 0 !important;
}

.show-detail-child table tr {
    height: 60px;
}

.child-header-divider {
    border-bottom: 1px solid #cecece;
    border-bottom-style: dashed;
}

.show-detail-child table td {
    background: #F6F6F6 !important;
}

.previouspostslink, .nextpostslink {
    border: none !important;
}

.previouspostslink > i, .nextpostslink > i {
    font-size: 18px;
}

.pagenavi-holder > .pagenavi.cf > span.current, .pagenavi-holder > .pagenavi.cf > .page.larger {
    color: #000;
    border: none;
    border-radius: 15px;
}

.pagenavi-holder > .pagenavi.cf > span.current {
    background: #fc6823;
    color: #fff;
}



@-webkit-keyframes glowing {
    0% { -webkit-box-shadow: 0 0 3px #6d6d6d; }
    50% { -webkit-box-shadow: 0 0 40px #6d6d6d; }
    100% { -webkit-box-shadow: 0 0 3px #6d6d6d; }
}

.shipping-info-disabled {
    opacity: 0.3;
}



.vertical-separator {
    margin: 0 20px;
    width: 1px;
    height: 40px;
    background: #e6e0e0;
}

#form__filter.question .advance-filter-right-wrapper > span {
    margin-right: 20px;
}

.retailer-profile-wrapper, .retailer-interest-wrapper, .retailer-bank-wrapper, .custom-invoice-wrapper {
    border: 1px solid #e6e0e0;
    border-radius: 8px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    font-size: 15px;
}

.retailer-profile-header, .retailer-interest-header, .retailer-bank-header, .custom-invoice-header {
    font-weight: 600;
    padding: 20px 25px;
    border-bottom: 1px solid #E4E4E4;
}

.retailer-profile-body, .retailer-interest-body, .retailer-bank-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #979797;
}

.retailer-profile-body > span:nth-child(1) {
    margin-top: 30px;
}

.retailer-profile-img {
    width: 150px;
    height: 150px;
    margin-top: 20px;
    border-radius: 12px;
}

.retailer-profile-body > span:nth-child(3) {
    margin-top: 15px;
}

.upload-retailer-profile-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 20px;
}

.upload-retailer-profile-btn {
    border: 1px solid #fc6823;
    color: #fc6823;
    border-radius: 4px;
    height: 40px;
    padding: 10px 36px;
    background: #fff;
    cursor: pointer;
    z-index: 2;
}

.upload-retailer-profile-btn:focus {
    outline: 0;
}

.upload-retailer-profile-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.upload-retailer-profile-btn:hover {
    color: #fc6823;
}

.retailer-profile-body > span:nth-child(5) {
    margin-bottom: 5px;
}

.retailer-profile-details, .custom-invoice-details {
    padding: 30px 40px;
}

.retailer-profile-details > div, .retailer-interest-details, , .custom-invoice-details > div {
    margin-bottom: 25px;
}

.retailer-profile-details > div span:nth-child(1),
.custom-invoice-details > div span:nth-child(1) {
    color: #979797;
}

.retailer-profile-details > div span:nth-child(1) span,
.custom-invoice-details > div span:nth-child(1) span {
    color: red;
}

.retailer-profile-details > div > div {
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-invoice-details > div > div {
    margin-top: 30px;
}

.retailer-profile-details > div > div:nth-child(2) > input, 
.retailer-profile-details > div > div:nth-child(2) > textarea {
    font-weight: 500;
    border: none;
    pointer-events: none;
    resize: none;
    width: 350px;
    background-color: #ffffff;
}

.retailer-profile-details > div > div > input.active, 
.retailer-profile-details > div > div > textarea.active,
.custom-invoice-details > div > div > input.active, 
.custom-invoice-details > div > div > textarea.active {
    border: 1px solid #66afe9;
    pointer-events: unset;
    width: 350px;
}

.retailer-profile-details > div > div > a,
.custom-invoice-details > div > div > a {
    text-decoration: underline;
    text-underline-offset: 1px;
    color: #fc6823;
    cursor: pointer;
}

.retailer-bank-wrapper {
    margin-top: 30px;
}

.retailer-bank-details {
    padding: 30px 40px;
}

.retailer-bank-details > div {
    margin-bottom: 25px;
}

.retailer-bank-details > div span:nth-child(1) {
    color: #979797;
}

.retailer-bank-details > div span:nth-child(1) span {
    color: red;
}

.retailer-bank-details > div > div {
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.retailer-bank-details > div > div:nth-child(2) > input,
.retailer-bank-details > div > div:nth-child(2) > textarea {
    width: 100%;
    font-weight: 500;
    border: none;
    pointer-events: none;
    resize: none;
    padding-left: 0;
}

.retailer-bank-details > div > div > input.active, .retailer-bank-details > div > div > textarea.active {
    border: 1px solid #66afe9;
    pointer-events: unset;
    width: 300px;
    padding-left: 8px;
}

.retailer-bank-details > div > div:nth-child(2) > select {
    font-weight: 500;
    border: none;
    pointer-events: none;
    resize: none;
    box-shadow: none;
    appearance: none;
    padding-left: 0;
}

.retailer-bank-details > div > div:nth-child(2) > select.active {
    border: 1px solid #66afe9;
    pointer-events: unset;
    width: 300px;
    appearance: auto;
    padding-left: 6px;
}

.retailer-bank-details > div > div > a {
    text-decoration: underline;
    text-underline-offset: 1px;
    color: #fc6823;
    cursor: pointer;
}

.company-address-wrapper, .shipping-address-wrapper {
    display: flex;
    flex-direction: column;
}

.company-address-wrapper > input, .company-address-wrapper > select, .shipping-address-wrapper > input, .shipping-address-wrapper > select {
    margin-bottom: 20px;
    border: 1px solid #66afe9;
}

.shipping-address-wrapper > select {
    margin-bottom: 10px;
    width: 300px;
}

.retailer-interest-wrapper {
    margin-top: 30px;
}

.retailer-interest-details {
    padding: 30px 40px;
}

.retailer-interest-details > div span:nth-child(1) {
    font-weight: 500;
}

.retailer-interest-details > div:nth-child(2), .retailer-interest-details > div:nth-child(3) {
    color: #979797;
    font-size: 14px;
}

.retailer-interest-details > div:nth-child(1) ~ div > span:nth-child(1) {
    margin-bottom: 10px;
    display: block;
}

.nav-item.dropdown .nav-link {
    cursor: pointer !important;
}

.nav-item.dropdown .dropdown-menu {
    text-align: center;
    padding: 12px 0;
}

.nav-item.dropdown .dropdown-menu a {
    display: block;
    border: none !important;
}

.nav-item.dropdown .dropdown-menu a.inactive {
    color: #333436 !important;
}

.shipping-setting-wrapper {
    border: 1px solid #e6e0e0;
    border-radius: 8px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    font-size: 15px;
    margin-bottom: 20px;
}

.shipping-setting-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px;
    border-bottom: 1px solid #E4E4E4;
}

.shipping-setting-header > div:nth-child(1) {
    font-weight: 600;
}

.shipping-setting-header > div:nth-child(2) {
    display: flex;
    align-items: center;
}

.shipping-setting-header > div:nth-child(2) a.btn-edit {
    text-decoration: underline;
    text-underline-offset: 1px;
    margin-right: 10px;
    cursor: pointer;
}

.shipping-setting-header > div:nth-child(2) a.btn-save {
    border-radius: 8px;
    background: #fc6823;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin-right: 10px;
}

.shipping-setting-header > div:nth-child(2) span {
    color: #979797;
}

.shipping-setting-details {
    padding: 25px;
}

.shipping-setting-details > div {
    display: flex;
    justify-content: space-between;
}

.shipping-setting-details > div:nth-child(1) span:nth-child(1) {
    font-weight: 600;
}

.shipping-setting-details > div:nth-child(1) span:nth-child(2) {
    color: #979797;
}

.shipping-setting-details textarea {
    font-weight: 400;
    font-size: 14px;
    border: none;
    pointer-events: none;
    resize: none;
}

.shipping-setting-details input.active, .shipping-setting-details textarea.active {
    border: 1px solid #66afe9;
    pointer-events: unset;
    width: 300px;
}

.edit-info .edit-info-label {
    font-weight: 400 !important;
    font-size: 14px;
    color: #979797;
    display: block;
    margin-bottom: 5px;
}

.edit-info .edit-info-label span {
    color: red;
}

.edit-info > input {
    margin-bottom: 10px;
}

.new-shipping-btn {
    margin-top: 10px;
}

.toggle {
    display: inline-block;
    width: 50px;
    cursor: pointer;
    margin-left: 10px;
}

.toggle-input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.toggle-input:active + .toggle-track .toggle-control {
    right: 14px;
}

.toggle-input:checked + .toggle-track {
    transition: box-shadow 180ms ease-out;
    box-shadow: inset 0 0 0 20px var(--active);
    background: #40AD65;
}

.toggle-input:checked + .toggle-track .toggle-control {
    right: 0;
    left: 25px;
}

.toggle-input:checked:active + .toggle-track .toggle-control {
    left: 14px;
    right: 0;
}

.toggle-track {
    position: relative;
    height: 23px;
    border-radius: 16px;
    transition: box-shadow 200ms ease-in;
    background: #8E8E8E;
    box-shadow:
            inset 0 0 0 0px var(--active),
            inset 0 0 0 2px var(--inactive-border);
}

.toggle-control {
    position: absolute;
    top: -1px;
    left: 0;
    right: 20px;
    height: 20px;
    width: 20px;
    margin: 2px;
    background-color: white;
    border-radius: 26px;
    box-shadow:
            0 0 1px 1px rgba(0, 0, 0, 0.15),
            0 4px 4px rgba(0, 0, 0, 0.2);
    transition: 200ms cubic-bezier(0.65, 1.15, 0.75, 1.25);
}

.sidebar-company-profile-wrapper {
    display: flex;
    align-items: center;
    margin-left: 16px;
    font-size: 13px !important;
    margin-bottom: 20px;
}

.sidebar-company-profile-wrapper > div:nth-child(2) {
    display: flex;
    flex-direction: column;
}

.sidebar-company-profile-wrapper > div:nth-child(2) span {
    text-align: left;
}

.sidebar-company-profile-wrapper > div:nth-child(2) span:nth-child(1) {
    font-weight: 600;
}

.sidebar-company-profile-wrapper > div:nth-child(2) span:nth-child(2) {
    font-size: 12px;
    color: #979797;
    cursor: pointer;
}

.sidebar-company-logo {
    width: 50px;
    height: 50px;
    border-radius: 8px;
}

.retailer-header-dropdown {
    display: flex;
    flex-direction: column;
    border: none !important;
}

.retailer-header-dropdown > a > span:nth-child(2) {
    font-weight: 600;
}

.retailer-header-dropdown i {
    position: relative !important;
    right: 0 !important;
    margin-right: 15px;
    width: 20px;
}

.retailer-header-dropee-credit {
    display: flex;
    flex-direction: column;
    font-size: 13px !important;
    align-items: center;
}

.retailer-header-dropee-credit > div {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 197px;
}

.retailer-header-dropee-credit span:nth-child(1) {
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 10px;
}

.retailer-header-dropee-credit span:nth-child(2) {
    font-size: 12px;
    margin-bottom: 25px;
}

.retailer-header-dropee-credit > a {
    font-size: 13px !important;
    background: #fc6823;
    border: 0 !important;
    padding: 10px 30px !important;
    border-radius: 4px;
    font-weight: 600 !important;
}

.retailer-header-dropee-credit > a:hover {
    background: #fff !important;
    color: #fc6823 !important;
    border: 1px solid #fc6823 !important;
}

.border-0 {
    border: none !important;
}

.retailer-header-dropdown .links {
    padding: 0 51px !important;
}

.retailer-header-dropdown .links li > a {
    font-size: 13px !important;
    cursor: pointer;
}

/*@-moz-keyframes glowing {
    0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
    0% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }
    50% {
        background-color: #FF0000;
        box-shadow: 0 0 40px #FF0000;
    }
    100% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }
}*/

@media screen and (max-width: 1199px) {
    .advance-filter-right-wrapper {
        margin: 15px 0;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 722px) {
    #form__filter.question {
        flex-direction: column;
        align-items: flex-start;
    }

    .vertical-separator {
        display: none !important;
    }

    #form__filter.question .advance-filter-left-wrapper > div > input {
        width: 100% !important;
    }


}

@media screen and (max-width: 550px) {
    .advance-filter-right-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .advance-filter-right-wrapper > div {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 455px) {
    .download-invoice-btn {
        margin-top: 10px;
    }

    .make-payment-btn {
        margin-left: 0 !important;
        margin-top: 10px;
    }
}

.dispute-chip{
    padding: 8px 20px;
    border-radius: 100vw;
    color: white;
}

.dispute-chip.draft{
    background-color: #CBD5E1;
    color: #303030;
}

.dispute-chip.seller-review{
    background-color: #1797FE;
}

.dispute-chip.rejected{
    background-color: #EF4444;
}

.dispute-chip.approved{
    background-color: #10B981;
}

.dispute-chip.reimbursed{
    background-color: #FFFBB0;
    color: #303030;
}

.dispute-chip.shipped{
    background-color: #6988E1;
}

.dispute-chip.completed{
    background-color: #64748B;
}

.chip-pre-order{
    background-color: #BBFAA4;
    border-radius: 100vw;
    padding: 5px 13px;
    font-size: 11px;
    color: #221F1E;
    display: inline-block;
    font-weight: 500;
}

.stock-count{
    color: #777777;
    font-size: 14px;
}

.product-out-of-stock{
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 3px 15px;
    border: 1px solid #FE5454;
    border-radius: 100vw;
    width: fit-content;
}

.product-out-of-stock img{
    width: 17px;
    height: auto;
}

.product-out-of-stock p{
   color: #A4A4A4;
   font-size: 13px;
   font-weight: 500;
}

#bank_details {
  cursor: pointer;
}