* {
    box-sizing: border-box
}

:root {
    --app-height: 100vh;
    --color-1: red;
    --color-2: green;
    --color-3: #397d36
}

body {
    max-height: var(--app-height)
}

#root {
    height: 100%
}

#root>main {
    padding: 0px;
    max-width: 100%
}

form.ant-form {
    justify-content: center;
    max-width: 100%
}

.ant-btn-primary {
    background: var(--color-3) !important;
    border-color: var(--color-3) !important
}

.isomorphicSidebar .logo,
.isomorphicSidebar .isoDashboardMenu .ant-menu-item,
.isomorphicSidebar .ant-menu-submenu-inline,
aside.ant-layout.ant-layout-has-sider [data-rtl=ltr],
aside.ant-layout-sider.isomorphicSidebar {
    background: #397d36 !important
}

[this-page=signin] form.ant-form>div {
    background-color: #ccc
}

[this-page=signin] form.ant-form .title__img {
    padding: 5px 15px;
    background: #fff;
    border-radius: 12px
}

[this-page=signin] form.ant-form .endOfForm {
    display: none
}

[this-page=signin] form.ant-form>div {
    margin-right: 0 !important
}

[this-page=signin] .ant-form .header {
    justify-content: center;
    color: var(--color-2)
}

[this-page=signin] .ant-form .header span {
    display: none
}

[this-page=signin] .title span {
    color: var(--color-1) !important
}

#main_side_bar {
    height: 100%;
    max-height: unset
}

.row:after {
    content: "";
    display: table;
    clear: both
}

.ant-modal {
    padding-bottom: 5px !important
}

.ant-table-tbody {
    min-height: 200px
}

.dashboard-wrapper {
    overflow: auto
}

.dashboard-wrapper #dashboard-charts .charts-head {
    border: none;
    align-items: unset !important;
    margin-left: 0 !important;
    margin-bottom: 10px
}

.dashboard-wrapper #dashboard-charts .charts-head .titleWrapper {
    margin: 0 !important
}

.dashboard-wrapper #dashboard-charts .charts-head .titleWrapper .range-picker {
    width: 100%
}

.dashboard-wrapper #dashboard-charts .charts-head .titleWrapper>h3 {
    margin: 0;
    width: 100%
}

.dashboard-wrapper #dashboard-charts .charts-head .btn-div {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.dashboard-wrapper #dashboard-charts .charts-head .btn-div .inner {
    display: flex;
    gap: 10px
}

.dashboard-wrapper #dashboard-charts .charts-head .col {
    margin: 0px
}

.dashboard-wrapper #dashboard-charts .chart-box {
    padding: 20px
}

.dashboard-wrapper #dashboard-charts .chart-box .box {
    height: 100%;
    min-height: 300px;
    max-height: 300px
}

.modal-report-01,
#tmp-div {
    --content-margin-top: 16px;
    width: 100% !important;
    height: calc(100vh - 2*var(--content-margin-top));
    top: 0;
    padding: 0 !important;
    margin: 16px auto
}

.modal-report-01 .ant-modal-content,
#tmp-div .ant-modal-content {
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    display: flex;
    flex-direction: column
}

.modal-report-01 .ant-modal-content .ant-modal-body,
#tmp-div .ant-modal-content .ant-modal-body {
    flex-basis: 100%;
    overflow-x: hidden
}

.modal-report-01 .ant-modal-content .ant-modal-body p,
#tmp-div .ant-modal-content .ant-modal-body p {
    background-color: #ccc;
    margin-top: 10px;
    padding: 10px 20px;
    min-height: 100px
}

.modal-report-01 .ant-modal-content .ant-modal-body .report-div,
#tmp-div .ant-modal-content .ant-modal-body .report-div {
    padding-bottom: 10px
}

.ant-table-wrapper.table table tr>th,
.ant-table-wrapper.table table tr>td,
.ant-table-wrapper.table table tfoot>tr>td {
    overflow-wrap: unset
}

.ant-table-wrapper.orders_list .order-no {
    min-width: 200px;
    max-width: 220px
}

.ant-table-wrapper.orders_list .order-receive-name {
    min-width: 200px
}

.ant-table-wrapper.orders_list .shipping-partner {
    min-width: 150px
}

.ant-table-wrapper.orders_list .order-amount {
    min-width: 150px
}

.ant-table-wrapper.orders_list .order-status {
    min-width: 120px
}

.ant-table-wrapper.orders_list .order-access-by-user {
    min-width: 150px
}

.ant-table-wrapper.orders_list .order-actions {
    min-width: 130px
}

.ant-table-wrapper.orders_list .order-actions .dropdown-menu.show {
    border: 2px solid rgba(204, 204, 204, .5);
    padding: 12px 5px
}

.ant-table-wrapper.orders_list .order-actions .dropdown-menu.show .action-buttons {
    gap: 8px;
    display: flex;
    flex-direction: column
}

.ant-table-wrapper.orders_list .order-actions .dropdown-menu.show .action-buttons .action-btn-full-width {
    width: 100%
}

.container-order-list .ant-form-item {
    margin-bottom: 15px
}

.container-order-list .action-btn {
    display: flex;
    justify-content: flex-end
}

.container-order-list .action-btn .dropdown .dropdown-menu {
    gap: var(--bs-dropdown-padding-y);
    flex-direction: column;
    padding: var(--bs-dropdown-padding-y)
}

.container-order-list .action-btn .dropdown .dropdown-menu.show {
    display: flex
}

.container-order-list .action-btn .dropdown .dropdown-menu li {
    display: flex;
    justify-content: flex-end;
    flex: unset
}

.container-order-list .ant-table {
    padding: 0
}

.component-order-details {
    width: 100%;
    padding-bottom: 0px !important;
    overflow: hidden;
    margin: 10px;
    max-width: calc(100% - 20px) !important;
    height: calc(100% - 20px)
}

.component-order-details .ant-modal-content {
    height: 100%
}

.component-order-details .ant-modal-content .ant-modal-header {
    height: calc(1*46px)
}

.component-order-details .ant-modal-content .ant-modal-body {
    padding: 12px !important;
    height: calc(100% - (46px) - 0px);
    overflow-x: hidden;
    overflow-y: auto
}

.component-order-details .ant-modal-content .ant-modal-body .order-details-right-col--- {
    float: left;
    width: 25%;
    position: unset;
    right: 0
}

.component-order-details .ant-modal-content .ant-modal-body .order-details-main-row {
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden
}

.component-order-details .ant-modal-content .ant-modal-body .order-details-main-row .accordion {
    margin-top: 0;
    margin-bottom: 0
}

.component-order-details .ant-modal-content .ant-modal-body .order-details-main-row .accordion .accordion-item {
    padding: 0;
    margin: 0 calc(var(--bs-gutter-x)*.5);
    max-width: calc(100% - 2*var(--bs-gutter-x)*.5)
}

.component-order-details .ant-modal-content .ant-modal-body .order-details-main-row .accordion .accordion-item .accordion-header {
    height: 65px
}

.component-order-details .ant-modal-content .ant-modal-body .order-details-main-row .accordion .accordion-item .accordion-header .accordion-button {
    background-color: rgba(17, 123, 199, .1) !important
}

.component-order-details .ant-modal-content .ant-modal-body .order-details-main-row .accordion .accordion-item .accordion-body>div {
    margin-bottom: 15px
}

.component-order-details .ant-modal-content .ant-modal-body .order-details-main-row .accordion .accordion-item .accordion-body .ant-form-item {
    padding: 0 !important;
    margin: 0 !important
}

.component-order-details .ant-modal-content .ant-modal-body .order-details-main-row .info-div {
    margin: 0
}

.component-order-details .ant-modal-content .ant-modal-body .order-details-main-row .ant-table-wrapper {
    margin-bottom: 0;
    min-height: unset !important
}

.component-order-details .ant-modal-content .ant-modal-body .order-details-main-row .ant-table-wrapper .ant-table {
    padding: 0;
    border: 1px solid #397d36 !important;
    border-radius: 5px 5px 0 0
}

.component-order-details .ant-modal-content .ant-modal-body .order-details-main-row .order-action-btn>div {
    justify-content: center
}

.component-order-details .ant-modal-content .ant-modal-body .order-details-main-row .no-label .ant-form-item-label {
    display: none
}

#tmp-div {
    border: 3px solid green
}

@media(min-width: 576px) {
    .dashboard-wrapper #dashboard-charts .charts-head {
        justify-content: flex-start
    }

    .dashboard-wrapper #dashboard-charts .charts-head .titleWrapper {
        padding-right: 15px
    }

    .dashboard-wrapper #dashboard-charts .charts-head .btn-div {
        justify-content: flex-start
    }

    .component-order-details .ant-modal-content .ant-modal-body {
        padding: 12px 20px !important
    }

    .component-order-details .ant-modal-content .ant-modal-body .order-details-main-row .accordion .accordion-item {
        border-radius: 0;
        margin: 0;
        max-width: unset;
        padding-left: calc(var(--bs-gutter-x)*.5);
        padding-right: calc(var(--bs-gutter-x)*.5);
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: none;
        padding-bottom: calc(var(--bs-gutter-x)*.5)
    }

    .component-order-details .ant-modal-content .ant-modal-body .order-details-main-row .accordion .accordion-item .collapse:not(.show) {
        display: block
    }

    .component-order-details .ant-modal-content .ant-modal-body .order-details-main-row .accordion .accordion-item .accordion-header .accordion-button {
        border-radius: 0px !important;
        pointer-events: none
    }

    .component-order-details .ant-modal-content .ant-modal-body .order-details-main-row .accordion .accordion-item .accordion-header .accordion-button::after {
        display: none
    }
}

@media(min-width: 768px) {
    .container-order-list .ant-form-item {
        margin-bottom: 22px
    }

    .container-order-list .action-btn .dropdown {
        width: 100%
    }

    .container-order-list .action-btn .dropdown button.dropdown-toggle {
        display: none
    }

    .container-order-list .action-btn .dropdown .dropdown-menu {
        display: flex;
        position: relative;
        flex-direction: row;
        padding: 0;
        justify-content: flex-end;
        border: none
    }

    .container-order-list .action-btn .dropdown .dropdown-menu li {
        flex: 0 0 0
    }
}

@media(min-width: 992px) {

    .modal-report-01,
    #tmp-div {
        max-width: 800px
    }
}



.ant-image-preview-operations-icon {
    font-size: 28px;
    color: red;
    font-weight: bold;
}

.ant-image-preview-operations-progress{
    font-size: 28px;
    color: red;
    font-weight: bold;
}

.ant-image-preview-switch-right  {
    font-size: 28px;
    color: red;
    font-weight: bold;
}

.ant-image-preview-switch-left {
    font-size: 28px;
    color: red;
    font-weight: bold;
}
/*# sourceMappingURL=style.css.map */