:root {
    --success: #20c997;
    --info: #2c99ff;
    --warning: #fa8b0c;
    --danger: #ff4d4f;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px;
/*    border-bottom: 1px solid #111;*/
    border-bottom: 0;
}

/**/
/*.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: #EBF0F4;
}*/

table.dataTable.no-footer {
    border-bottom: 0;
}

/*table.dataTable tbody>tr>td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

table.dataTable tbody>tr>td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}*/

/*notification box*/
.color-success, .badge.badge-transparent.badge-success, .avatar.avatar-success.avatar-transparent, .avatar .avatar-badge-wrap .badge-icon.badge-icon-success, .card-overview-progress .card-progress__bar .progress-upword strong, .feature-cards6 .card-short .card-short-checkbox .checkbox-text, .atbd-notification-box.notification-success .atbd-notification-box__icon svg, .performance-stats__up strong sub, .revenue-chart-box__Icon.order-bg-opacity-success svg, .modal-info-body .modal-info-icon.success svg, .atbd-pop-message.message-success .atbd-pop-message__icon i,
.atbd-pop-message.message-success .atbd-pop-message__icon svg,
.atbd-pop-message.message-success .atbd-pop-message__icon span, .atbd-tag.tag-success.tag-transparented, .statistics-item.statistics-success .statistics-item__number, .product-details__availability .title span.stock, .select-cupon .select2-container--default .select2-selection--single .select2-selection__placeholder, .select-cupon .select2-container .select2-selection--single .select2-selection__rendered, .wizard10 .payment-success-modal .modal-icon span, .pricing__features ul li span.fa-check {
    color: var(--success);
}

.color-info, .badge.badge-outlined.badge-info, .badge.badge-transparent.badge-info, .btn.btn-link, .avatar.avatar-info, .avatar .avatar-badge-wrap .badge-icon.badge-icon-info, .atbd-breadcrumb__item a:hover,
.atbd-breadcrumb__item span:hover, .atbd-breadcrumb__item:first-child a:hover span, .atbd-notification-box.notification-info .atbd-notification-box__icon svg, .table-social a, .table-social a:hover, .modal-info-body .modal-info-icon svg, .atbd-tag.tag-info.tag-transparented {
   color: #2c99ff;
}

.color-warning, .badge.badge-outlined.badge-warning, .badge.badge-transparent.badge-warning, .avatar.avatar-warning.avatar-transparent, .avatar .avatar-badge-wrap .badge-icon.badge-icon-warning, .atbd-notification-box.notification-warning .atbd-notification-box__icon svg, .revenue-chart-box__Icon.order-bg-opacity-warning svg, .modal-info-body .modal-info-icon.warning svg, .atbd-pop-message.message-warning .atbd-pop-message__icon i,
.atbd-pop-message.message-warning .atbd-pop-message__icon svg,
.atbd-pop-message.message-warning .atbd-pop-message__icon span, .atbd-tag.tag-warning.tag-transparented, .todo-list__right li a.active svg,
.todo-list__right li a.active i, .stars-rating .star-icon.active, .stars-rating span.active, .mailbox-list__single .star-toggle.stared i.lar, .contact-list .table-actions a.active .feather-star {
    color: #fa8b0c;
}

.color-danger, .badge.badge-outlined.badge-danger, .avatar .avatar-badge-wrap .badge-icon.badge-icon-danger, .card-overview-progress .card-progress__bar .progress-downword strong, .atbd-notification-box.notification-danger .atbd-notification-box__icon svg, .performance-stats__down strong sub, .modal-info-body .modal-info-icon.danger svg, .mobile-nav-wrapper .nav-close, .atbd-pop-message.message-danger .atbd-pop-message__icon i,
.atbd-pop-message.message-danger .atbd-pop-message__icon svg,
.atbd-pop-message.message-danger .atbd-pop-message__icon span, .atbd-tag.tag-danger.tag-transparented, .statistics-item.statistics-danger .statistics-item__number, .atbd-upload__file li.danger .file-name i,
.atbd-upload__file li.danger .file-name svg,
.atbd-upload__file li.danger .file-name span,
.atbd-upload__file li.danger .file-name img, .atbd-upload__file li .btn-delete, .like-icon button .icon.las, .product-cart .table-hover tbody tr:hover .actions button i, .upload-media-area__btn button svg, .atbd-mail-sidebar .mailbar-cross svg,
.atbd-mail-sidebar .mailbar-cross i {
    color: #ff4d4f;
}

.color-dark, .atbd-message, .chartjs-tooltip table tbody td, .daterangepicker.single .calendar-table tbody td, .strikingDash-top-menu > ul > li .megaMenu-wrapper.megaMenu-wide > li .mega-title, .dynamic-badge-block .atbd-button-group .btn-icon svg, .badge.badge-transparent.badge-danger, .atbd-comment-box__content .cci__author-info, .atbd-notification-box__close svg,
.atbd-notification-box__close img, .atbd-empty__text, .device-pieChart-wrap .pie-chart-legend span, .revenue-chart-legend__data span, .revenue-chart-box__data, .crm .deals-table-wrap .table--default td, .crm .table-selling-content .title, .sales-target__progress-bar .total-count, .ap-product .table thead tr th, .edit-profile__body .form-group label, .signUp-admin-right .card .card-header h6, .atbd-notice__content .notice-list__text, .users-list-body__title span span, .user-social-profile .edit-profile__body label, .media-ui .user-group-progress-top p, .userDatatable-inline-title h6,
.userDatatable-content, .new-member-modal .form-group label, .form-basic label, .timeline-box--3.basic-timeline .timeline li .timeline-single .timeline-single__days span, .atbd-submenu .submenu-title, .atbd-submenu li a, .atbd-pop-message__text p, .atbd-steps__text, .statistics-item__number, .statistics-countdown__time, .page-title__left .title-text, .page-info__single span, .atbd-drawer__header .drawer-title, .atbd-drawer__body p, .area-drawer-wrapper h1,
.area-drawer-wrapper h2,
.area-drawer-wrapper h3,
.area-drawer-wrapper h4,
.area-drawer-wrapper h5,
.area-drawer-wrapper h6, .atbd-drawer .profile-info__label, .atbd-tab .nav-link, .drag-drop-wrap .item_title h6 a, .date-picker__calendar .ui-datepicker-header .ui-datepicker-title span, #full-calendar .fc-toolbar-chunk .fc-toolbar-title, .fc-listMonth-view .fc-list-day th, .c-event-dialog .modal-header .modal-title, .e-info-modal .e-info-list li .list-line .list-meta, .product-item__body .card-title a, .stars-rating__point, #price-range .price-value, .product-details__availability .title p, .product-details .product-details-brandName span, .quantity .input, .product-cart__header th, .Product-cart-title .media p, .order-summery .total > div span, .checkout-progress div.step, .checkout-progress div.step.current span:nth-of-type(2), .checkout-progress div.step.completed span:nth-of-type(2), .wizard10 .checkout-progress3 .step span:first-child, .wizard10 .select2-container .select2-selection--single .select2-selection__rendered,
.wizard10 .select2-container--default .select2-selection--single .select2-selection__placeholder, .wizard10 .payment-method-card .select2-container .select2-selection--single .select2-selection__rendered,
.wizard10 .payment-method-card .select2-container--default .select2-selection--single .select2-selection__placeholder, .wizard9 .checkout-progress2 .step.current span:last-child, .wizard9 .checkout-progress2 .step.completed span:last-child, .payment-method-card .card-body label, .payment-method-paypal .form-control, .check-review__contact p, .crc__method, .payment-invoice-logo span, .payment-invoice-address__area address, .payment-invoice-qr__number .display-3, .payment-invoice-qr__number p, .payment-invoice-qr__code p, .payment-invoice-qr__address p, .payment-invoice-table.userDatatable table thead tr th, .orderDatatable-title, table.table-basic tr td, table.table-rounded tr th,
table.table-rounded tr td, .table5 .pagination-total-text, .add-product__body .form-group label, .file-upload__label, .file-upload__label:hover, .upload-media-area__title p, .add-product-status-radio .custom-radio input[type="radio"]:checked + label, .icon-list i,
.icon-list svg, .search-content .keyword-searching, .gc__title p, .application-faqs .panel-title a, .ai-list-item span.active, .counting-area .number, .v-num, .changelog-history__title, .testimonial-slider-global .author-thumb p, .fileM-sidebar .fileM-types .sidebar__menu-group ul.sidebar_nav li.menu-title span, .fileM-wrapper__title, .fileM-card .fileM-excerpt, .knowledgebase__more a, .knowledgebase-adv__card .knowledgebase__list li a, .knowledgebase-adv__card .knowledgebase__list li .knowledgebase__list-collapsed, .post-pagination p a, .kb__categories li p, .kanban-list .list-title, .kanban-modal__header .modal-title, .kanban-modal__form label, .kanban-modal__research h6, .task-card .card-header, .task-card__header .custom-checkbox input[type="checkbox"] + label, .task-modal .modal-header h5, .mailbox-list__single:hover .mail-authorBox .auhor-info .author-name, .mailbox-list__single:hover .mail-content__top .mail-title a, .mailbox-list__single:hover .time-meta, .add-contact .add-new-contact label, .contact-list .contact-item .contact_title a, .contact-card .cp-info__title {
    color: #272b41;
}

.atbd-notification-box {
    position: relative;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    max-width: 400px;
    min-width: 200px;
    padding: 15px;
    background-color: #fff;
}

.atbd-notification-box:not(:last-child) {
    margin-bottom: 20px;
}

.atbd-notification-box__icon {
    margin-right: 15px;
}

.atbd-notification-box__text h1,
.atbd-notification-box__text h2,
.atbd-notification-box__text h3,
.atbd-notification-box__text h4,
.atbd-notification-box__text h5,
.atbd-notification-box__text h6 {
    margin-bottom: 15px;
}

.atbd-notification-box__close {
    position: absolute;
    top: 10px;
    right: 15px;
}

.atbd-notification-box__close svg,
.atbd-notification-box__close img {
    max-width: 20px;
}

.notification-wrapper {
    position: fixed;
    z-index: 9999;
}

.notification-wrapper.top-left {
    top: 20px;
    left: 20px;
}

@media only screen and (max-width: 479px) {
    .notification-wrapper.top-left {
        left: 10px;
    }
}

.notification-wrapper.top-right {
    top: 20px;
    right: 20px;
}

@media only screen and (max-width: 479px) {
    .notification-wrapper.top-right {
        right: 10px;
    }
}

.notification-wrapper.bottom-left {
    bottom: 20px;
    left: 20px;
}

@media only screen and (max-width: 479px) {
    .notification-wrapper.bottom-left {
        left: 10px;
    }
}

.notification-wrapper.bottom-right {
    bottom: 20px;
    right: 20px;
}

@media only screen and (max-width: 479px) {
    .notification-wrapper.bottom-right {
        right: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-login { display: block !important; }
    .mobile-signup { display: block !important; }
}

.invalid-feedback-recaptcha {
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    color: #dc3545;
}

.custom-table tr td:nth-child(1) {
    border-right: 1px solid var(--bs-border-color);
    vertical-align: middle;
}

.custom-table tr td ul {
    margin-left: 20px;
}

.custom-table tr td ul li {
    list-style: disc;
}

.backorderTable tr th:nth-child(5), .backorderTable tr td:nth-child(5) {
    display: table-cell !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 9px 24px !important;
}

.dropcatchcontainer .items:nth-child(even) .container{
    flex-direction:row;
}

.dropcatchcontainer .items .content{width:100%;}

.dropcatchcontainer .yoursearchresult.backorderTable {
    padding-right: 0 !important;
}

.dropcatchcontainer .container {
    max-width: 1599px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

.tableHeaderView{
    display: none;
}

@media (max-width:767px) {
    .dropcatchcontainer .table-resposive {
        padding-top: 20px;
    }
    .dropcatchcontainer .yoursearchresult tr td:nth-child(3) {
        top: 0 !important;
    }
    .dropcatchcontainer .yoursearchresult tr th:nth-child(4),  .dropcatchcontainer .yoursearchresult tr td:nth-child(4) {
        display: block !important;
        width: 100%;
    }
    .dropcatchcontainer .yoursearchresult .table tbody tr {
        width: 45% !important;
        text-align: -webkit-center;
    }
    .dropcatchcontainer .yoursearchresult .table tbody tr:not(:last-child) {
        margin-right: 15px;
    }

    .tableHeaderView{
        display: inline-block;
    }
}

@media (max-width:479px) {
    .dropcatchcontainer .yoursearchresult .table tbody tr {
        width: 100% !important;
    }
}

.main-container .days-left{
    font-size: 34px;
    line-height: 51px;
    color: rgb(0 0 0 / 80%);
    text-align: center;
}