/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/react-horizontal-scrolling-menu/dist/styles.css ***!
  \******************************************************************************************************************************************************************************************************************/
.react-horizontal-scrolling-menu--scroll-container{display:flex;height:max-content;overflow-y:hidden;position:relative;width:100%}.react-horizontal-scrolling-menu--scroll-container.rtl{direction:rtl}.react-horizontal-scrolling-menu--inner-wrapper{display:flex;overflow-y:hidden}.react-horizontal-scrolling-menu--wrapper{display:flex;flex-direction:column}.react-horizontal-scrolling-menu--footer,.react-horizontal-scrolling-menu--header{width:100%}.react-horizontal-scrolling-menu--arrow-left,.react-horizontal-scrolling-menu--arrow-right{display:flex}
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./styles.css ***!
  \****************************************************************************************************************************************************************/
.p-btn {
    padding: 12px 32px;
}

.rounded-10 {
    border-radius: 10px;
}

.text-gray-900 {
    color: var(--gray-gray-900, #35393f);
}

.switch-btn {
    border-radius: 100%;
    padding: 0;
    display: flex;
    background-color: #ffd9df;
}

.table-header {
    padding: 24px 16px !important;
    height: 96px;
    background: var(--primary-primary-light, #dc2c46) !important;
    border-right: none !important;
    border-bottom: none !important;
}

.table[role="grid"] {
    display: grid !important;
}

.table-header>div {
    font-family: Archivo;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #fff;
    text-align: start !important;
    white-space: normal !important;
}

.p-8-16 {
    padding: 8px 16px !important;
}

.p-24-16 {
    padding: 24px 16px !important;
}

.table-cell>div {
    font-family: Archivo;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.5px;
    white-space: normal !important;
}

.inactive-tab,
.active-tab {
    display: flex !important;
    align-items: center;
    gap: 8px;
    /* border-radius: 10px; */
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    min-width: 240px;
    white-space: nowrap;
    justify-content: center;
}

.inactive-tab {
    background: var(--gray-gray-200, #ededed) !important;
}

.active-tab {
    background: var(--primary-primary, #c81832) !important;
}

.grid-item:last-child:nth-child(2n),
.grid-item:first-child:nth-last-child(2n) {
    border-bottom-right-radius: 10px;
}

.grid-item:last-child:nth-last-child(2n),
.grid-item:first-child:nth-child(2n) {
    border-bottom-right-radius: 10px;
}

.border-br-10 {
    border-bottom-right-radius: 10px !important;
}

table::-webkit-scrollbar {
    /* background-color: red; */
}

table :where(th, td) {
    min-width: auto !important;
}

.shadow-table {
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.08);
}

.react-horizontal-scrolling-menu--scroll-container {
    gap: 4px;
    /* justify-content: center; */
    padding-left: 32px;
}

.react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar {
    display: none;
}

.react-horizontal-scrolling-menu--scroll-container {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

@media (max-width: 1200px) {
    .react-horizontal-scrolling-menu--scroll-container {
        justify-content: start;
    }
}

@media (min-width: 767px) and (max-width: 769px) {

    .inactive-tab,
    .active-tab {
        min-width: 200px !important;
    }
}

@media (max-width: 768px) {
    .table-header {
        padding: 16px !important;
    }

    .table-header>div {
        font-size: 16px;
        text-align: center;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.2px;
    }

    .text-13-md>div {
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0.65px;
    }

    .text-16-md>div {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.2px;
    }

    .react-horizontal-scrolling-menu--scroll-container {
        padding-left: 10px;
    }

    .text-15-md {
        font-size: 15px !important;
    }

    .w-16-md {
        width: 16px !important;
        height: 16px !important;
    }
}

.cell-bg-secondary {
    background-color: var(--primary-primary-lighter, #ffd9df) !important;
}

/*# sourceMappingURL=index.css.map*/