.select2-container {
    width: 100% !important;
}

.table thead th {
    white-space: nowrap;
}

/* Custom css for production */
.order-datepicker {
    background-position: center right 10px;
}

.order-listing-table .datatables {
    width: 100% !important;
}

.order-listing-table .datatables tr {
    cursor: pointer;
    border-radius: 8px;
}

.order-listing-table .datatables .details-control {
    width: 10px;
    padding: 10px;
    padding-left: 25px;
    font-size: 18px;
}

.order-listing-table .datatables td {
    font-size: 14px;
    vertical-align: middle;
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    color: #000;
}

.order-listing-table .datatables td:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.order-listing-table .datatables td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.order-listing-table .datatables .details-control::after {
    font-weight: 900;
    content: "\F105";
    font-family: "Font Awesome 5 Free";
    transition: all 100ms ease-in-out;
    transform: rotate(0);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
}

.order-listing-table .datatables .shown .details-control::after {
    transform: rotate(90deg);
}

.order-listing-table .datatables tr td {
    white-space: nowrap;
}

.order-listing-table .datatables .shown td:first-child {
    border-bottom-left-radius: 0;
}

.order-listing-table .datatables .shown td:last-child {
    border-bottom-right-radius: 0;
}

.order-listing-table .datatables tbody tr td:first-child::before {
    box-shadow: none !important;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    z-index: 1;
}

.order-listing-table .datatables .shown td:first-child::before {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.order-listing-table .datatables .order_number {
    font-weight: bold;
    position: relative;
}

.order-listing-table .datatables .order_number::after,
.order-listing-table .datatables .order_date::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    width: 1px;
    background: #fff;
}

.order-listing-table .datatables .order_date {
    width: 240px;
    text-align: center;
    position: relative;
}

.order-listing-table .datatables .order_date::before {
    font-weight: 900;
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    display: inline-flex;
    color: #00d289;
    margin-right: 10px;
}

.order-listing-table .datatables .delivery_date::before {
    font-weight: 900;
    content: "\f0d1";
    font-family: "Font Awesome 5 Free";
    display: inline-flex;
    color: #00d289;
    margin-right: 10px;
}

.order-listing-table .datatables .delivery_date {
    min-width: 280px;
}

.order-listing-table .datatables .delivery_time {
    min-width: 320px;
}

.datatables.no-header thead,
.datatables.no-shorting thead th:before,
.datatables.no-shorting thead th:after {
    display: none !important;
}

.datatables thead th {
    border-top: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
}

.datatables thead th.border-left {
    border-left: 1px solid #cccccc !important;
}

.datatables thead th:first-child {
    border-left: 1px solid #cccccc !important;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.datatables thead th:last-child {
    border-right: 1px solid #cccccc !important;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.order-listing-table .datatables .details-row {
    position: relative;
    top: -9px;
}

.order-listing-table .datatables tr.details-row td::before {
    display: none !important;
}

.order-listing-table .datatables .details-row > td {
    border-radius: 8px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border: 1px solid #e6e6e6;
    border-top: 0;
    padding: 20px;
    border-spacing: 0px 8px;
    background: #f1f1f1;
}

.order-listing-table .datatables .innerDatatable .table {
    margin: 0;
    border-radius: 8px;
    border-collapse: separate;
    border-spacing: 0px 3px;
}

.order-listing-table .datatables .innerDatatable.show-head .table thead {
    display: table-header-group !important;
}

.order-listing-table .datatables .innerDatatable.show-head .table thead tr {
    display: table-row !important;
    background: #eeeeee;
}

.order-listing-table
    .datatables
    .innerDatatable.show-head
    .table
    thead
    tr
    th
    i {
    color: #000;
    margin: 0;
}

.order-listing-table .datatables .innerDatatable .table tr {
    background: transparent;
}

.order-listing-table .datatables .innerDatatable .table tr td {
    border-radius: 0 !important;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    tr:first-child
    td:first-child {
    border-top-left-radius: 8px !important;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    tr:first-child
    td:last-child {
    border-top-right-radius: 8px !important;
}

.order-listing-table .table.arrow-tbl tbody > tr > td:first-child {
    padding-right: 25px;
}

.order-listing-table
    .table.arrow-tbl
    tbody
    > tr
    > td
    .innerDatatable
    .dataTitle
    .heading {
    padding: 0 !important;
}

.order-listing-table
    .table.arrow-tbl
    tbody
    > tr
    > td
    .innerDatatable
    .dataTitle
    .heading::after {
    left: 0;
    right: 0;
    margin: auto;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    tr:nth-last-child(2)
    td:first-child {
    border-bottom-left-radius: 8px !important;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    tr:nth-last-child(2)
    td:last-child {
    border-bottom-right-radius: 8px !important;
}

.order-listing-table .datatables .innerDatatable .table td {
    border-top: 1px solid #e6e6e6;
    border-bottom: 0;
    border-left: 1px solid #e6e6e6;
    height: 60px;
}

.order-listing-table .datatables .innerDatatable .table td:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.order-listing-table .datatables .innerDatatable .table td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-right: 1px solid #e6e6e6;
}

.order-listing-table .datatables .innerDatatable .table tr .heading {
    position: relative;
    padding-left: 40px !important;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.order-listing-table .datatables .innerDatatable .table tr .heading span {
    font-weight: normal;
}

.order-listing-table .datatables .innerDatatable .table .dataTitle > td {
    border-bottom: 1px solid #e6e6e6;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .dataTitle[aria-expanded="false"]
    .heading::after {
    font-weight: 900;
    content: "\F105";
    font-family: "Font Awesome 5 Free";
    transition: all 100ms ease-in-out;
    transform: rotate(0);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 10px;
    top: 19px;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .dataTitle[aria-expanded="true"]
    .heading::after {
    font-weight: 900;
    content: "\F105";
    font-family: "Font Awesome 5 Free";
    transition: all 100ms ease-in-out;
    transform: rotate(90deg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 10px;
    top: 19px;
}

.order-listing-table .datatables .innerDatatable .table tr .heading .btn {
    margin-left: auto;
    margin-left: 20px;
    border-radius: 5px;
    padding: 1px 10px;
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.order-listing-table .datatables .innerDatatable .table tr .heading .btn i {
    margin-right: 4px;
    font-size: 11px;
}

.order-listing-table .datatables .innerDatatable .table tr .qty {
    text-align: center;
}

.order-listing-table .datatables .innerDatatable .table td > i {
    color: #00d289;
    margin-right: 10px;
    display: inline-flex;
}

/*Before Status*/

.order-listing-table .status {
    width: 100px;
    position: relative;
    font-size: 11px;
}

.order-listing-table .status::before {
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #c0c0c0;
    display: inline-flex;
    margin-right: 5px;
}

.order-listing-table .status.active::before {
    background: #3aa73f;
}

.order-listing-table .status.waiting::before {
    background: #9e9e9e;
}

.order-listing-table .status.ready::before {
    background: #aed581;
}

.order-listing-table .status.in_progress::before {
    background: #ffa900;
}

.order-listing-table .status.hold::before {
    background: #c2c2c2;
}

.order-listing-table .status.cancelled::before {
    background: #ed5959;
}

.order-listing-table .status.finalize::before {
    background: #3aa73f;
}

/*End Before Status*/

.order-listing-table .datatables .innerDatatable .table .status {
    width: 75px;
    min-width: 75px;
    position: relative;
    font-size: 11px;
    padding-right: 15px;
}

.order-listing-table .datatables .innerDatatable .table .status::after {
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #c0c0c0;
    display: inline-flex;
    margin-right: 5px;
    margin-top: 3px;
    float: left;
}

.order-listing-table .datatables .innerDatatable .table .status.active::after {
    background: #3aa73f;
}

.order-listing-table .datatables .innerDatatable .table .status.waiting::after {
    background: #9e9e9e;
}

.order-listing-table .datatables .innerDatatable .table .status.ready::after {
    background: #aed581;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .status.in_progress::after {
    background: #ffa900;
}

.order-listing-table .datatables .innerDatatable .table .status.hold::after {
    background: #c2c2c2;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .status.cancelled::after {
    background: #ed5959;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .status.finalize::after {
    background: #3aa73f;
}

.order-listing-table .datatables .innerDatatable .table .tblAccordian {
    top: -5px;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .tblAccordian
    .card-body {
    padding: 20px;
    background: #fff;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .tblAccordian
    .card-body
    .table
    td {
    height: 64px;
    background: #f8f8f8 !important;
    border-radius: 0 !important;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .tblAccordian
    .card-body
    .table
    tr
    > td:first-child {
    padding-left: 45px;
    position: relative;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .tblAccordian
    .card-body
    .table
    .accordion-toggle
    td:first-child::after {
    font-weight: 300;
    content: "\f0fe";
    font-family: "Font Awesome 6 Free";
    transition: all 100ms ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .tblAccordian
    .card-body
    .table
    .accordion-toggle[aria-expanded="true"]
    td:first-child::after {
    content: "\f146";
    font-family: "Font Awesome 6 Free";
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .tblAccordian
    .card-body
    .table {
    border-collapse: separate;
    border-spacing: 0px 0px;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .tblAccordian
    .card-body
    .table
    td.hiddenRow {
    height: auto;
    padding: 0 !important;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .tblAccordian
    .card-body
    .table
    td.hiddenRow
    .accordian-body {
    padding: 15px;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .tblAccordian
    .card-body
    .table
    td.hiddenRow
    .accordian-body
    .table
    td {
    padding: 6px 20px;
    height: auto;
}

select.form-control {
    background-position: calc(100% - 0.7em) center;
}

.table .btn {
    font-size: 14px;
}

/* Resource listing table */
.resource-listing-table .datatables tbody tr td {
    height: 30px;
    font-size: 14px;
}

.resource-listing-table .datatables td.order_number {
    display: flex;
    align-items: center;
    min-height: 51px;
}

.resource-listing-table .datatables td .custom-control {
    display: inline-flex;
    margin-right: 10px;
}

.resource-listing-table .datatables td i {
    color: #00d289;
    margin-right: 10px;
    display: inline-flex;
}
.resource-listing-table .datatables td a.download-pdf i {
    font-size:18px;
}

.resource-listing-table .datatables td.swimlane-check {
    width: 10px;
    padding-right: 0;
}

.resource-listing-table .datatables td.swimlane-check .custom-checkbox {
    margin: 0;
    padding-left: 30px;
    padding-right: 0;
    padding-top: 1px;
}

.resource-listing-table
    div.table-responsive
    > div.dataTables_wrapper
    > .tableRow {
    margin: 30px 0 90px !important;
}

.resource-listing-table .datatables td.status {
    font-size: 11px;
}

.resource-listing-table .datatables .order_number::after {
    display: none;
}

.resource-listing-table .datatables .action-btns {
    padding-right: 10px;
    max-width: 200px;
}

.resource-listing-table .datatables .action-btns .btn {
    margin-left: 6px;
    border-radius: 5px;
    padding: 0.25rem 10px;
}

.resource-listing-table .datatables .action-btns .btn i {
    color: #fff;
    margin-right: 5px;
}

.resource-listing-table .datatables .action-btns .fa-stopwatch {
    color: #000;
    margin-right: 5px;
    margin-top: -2px;
}

.resource-listing-table .datatables .details-row > td {
    background: #fff;
}

.resource-listing-table .datatables .details-row .table {
    border-spacing: 0px 0;
}

.resource-listing-table
    .datatables
    .details-row
    .innerDatatable
    .tblAccordian
    .table
    * {
    background: transparent;
}

.resource-listing-table
    .datatables
    .details-row
    .innerDatatable
    .tblAccordian
    .table
    tr
    td {
    border-radius: 0 !important;
    background: transparent;
    border-bottom-width: 0;
}

.resource-listing-table
    .datatables
    .details-row
    .innerDatatable
    .tblAccordian
    .table
    tr:last-child
    td {
    border-bottom-width: 1px;
}

.resource-listing-table .datatables tr.shown {
    background: #f5f5f5;
}

.filter-input {
    width: 170px;
}

/* Table Checkbox Switch */

.tbl-switch {
    margin: 0 auto;
    font-size: 11px;
    font-weight: normal;
}

.tbl-switch .custom-switch {
    padding-left: 49px;
}

.tbl-switch .custom-control-label::before {
    background-color: #b7b9cc;
}

.tbl-switch .custom-switch .custom-control-label::after {
    background-color: #fff;
}

.dataTitle .baseHeading {
    width: 250px;
    display: inline-flex;
    margin-right: 20px;
}

.dataTitle .baseHeading strong {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    max-width: 100%;
    margin-right: 5px;
}

.detailsPanel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.detailsPanel > div {
    border: 1px solid #e6e6e6;
    margin-top: -1px;
    padding: 6px 10px;
}

.detailsPanel > div > i {
    color: #00d289;
    margin-right: 10px;
    display: inline-flex;
    width: 20px;
    justify-content: center;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.listing-container .table tbody tr td:first-child:before {
    box-shadow: none !important;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
}

.date-col {
    line-height: 25px;
}

.table thead th.sorting {
    white-space: nowrap;
    padding-right: 30px !important;
}

/* Sidebar collapsable arrow */
.sidebar .nav-item .nav-link::after {
    margin-left: auto;
    transition: all 0.15s ease-in-out;
    transform: rotateX(0deg);
}

.sidebar .nav-item .nav-link[data-toggle="collapse"].collapsed::after {
    content: "\F107";
}

.sidebar .nav-item .nav-link[aria-expanded="true"] {
    background: rgba(0, 0, 0, 0.15);
}

.sidebar .nav-item .nav-link[aria-expanded="true"]::after {
    content: "\F107";
    transform: rotateX(180deg);
}

.sidebar.toggled .nav-item .nav-link {
    text-align: center;
    padding: 16px 1rem;
    width: auto;
    white-space: nowrap;
}

.sidebar .nav-item .nav-link {
    width: 100%;
}

.sidebar .nav-item .nav-link span {
    white-space: nowrap;
}

.sidebar-dark .nav-item .nav-link:active,
.sidebar-dark .nav-item .nav-link:hover {
    background: rgb(0 0 0 / 20%);
}

.sidebar .sub-category a {
    background: #242a38 !important;
}

.sidebar .nav-item .nav-link i {
    font-size: 18px !important;
    margin-right: 0 !important;
}

.sidebar-dark .nav-item .nav-link figure {
    min-width: 24px;
    min-height: 24px;
}

.sidebar #sidebarToggle {
    margin-bottom: 0;
}

/* -- Sidebar fixed customization */

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.15s ease-in-out;
    padding-bottom: 20px;
    z-index: 999;

    /* Sidebar Scrollbar */
    scrollbar-width: thin;
    scrollbar-color: #171b25 #2b3347;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.sidebar::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.sidebar::-webkit-scrollbar-track {
    background: #2b3347;
}

.sidebar::-webkit-scrollbar-thumb {
    background-color: #171b25;
    border-radius: 0px;
    border: 0px solid #171b25;
}

/* End Of Sidebar Scrollbar */

.sidebar.hover {
    width: 14rem !important;
}

.sidebar.hover .nav-item .nav-link span {
    font-size: 0.85rem;
    display: block;
}
.shippingType {
    display:none;
    position: absolute;
    top: 10px;
    right: 6px;
    background: #00d289;
    color: white;
    padding: 6px 12px;
    /* transform: rotate(45deg); */
    transform-origin: top right;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
    white-space: nowrap;
    font-size: 12px;
    border-radius: 40%;
}


@media (min-width: 1281px) {
    .sidebar.toggled:hover .nav-item .nav-link[data-toggle="collapse"]::after {
        display: block !important;
    }

    .sidebar.toggled .nav-item .nav-link[data-toggle="collapse"]::after {
        display: none !important;
        width: 1rem;
        text-align: center;
        border: 0;
        font-weight: 900;
        content: "\F107";
        font-family: "Font Awesome 5 Free";
        color: rgba(255, 255, 255, 0.5);
    }
}

.sidebar hr.sidebar-divider {
    margin: 1rem 1rem;
}

#content-wrapper {
    min-height: 100vh;
    padding-left: 14rem;
    padding-top: 80px;
    transition: all 0.15s ease-in-out;
}

.sidebar-toggled #content-wrapper {
    padding-left: 65px;
}

.sidebar.toggled .nav-item .collapse {
    position: initial;
}

.sidebar .nav-item .sub-category li a {
    color: rgba(255, 255, 255, 0.8) !important;
    padding: 10px !important;
    padding-left: 45px !important;
}

.sidebar .nav-item .sub-category li a:hover,
.sidebar .nav-item .sub-category li a:hover i {
    color: #00d289 !important;
}

.sidebar .nav-item .sub-category a figure i {
    font-size: 18px !important;
}

.sidebar .nav-item .sub-category a span {
    padding: 2px 0 0 10px !important;
}

.sidebar .active li .nav-link.active {
    color: #00d289 !important;
}

/* -- End of Sidebar fixed customization ----------- */

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #bbbbbb #eeeeee;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: #eeeeee;
}

*::-webkit-scrollbar-thumb {
    background-color: #bbbbbb;
    border-radius: 0px;
    border: 0px solid #bbbbbb;
}

/* -- End of Scrollbar CSS ----------- */

/* States bg changes with multiple classes*/

.order-listing-table .datatables tbody > tr {
    background: #f8f8f9;
}

#orders-list tr.priority td,
.order-listing-table .datatables tr.priority td {
    background: red;
}

.order-listing-table .datatables tr.priority + .details-row > td,
.order-listing-table .datatables tr.priority + .details-row td {
    background: #fef3f3;
}

/*-------------------------------------------------------------*/

.order-listing-table .datatables .innerDatatable .table tr:last-child td {
    border-bottom: 1px solid #e6e6e6;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    tr[aria-expanded="true"]
    td:first-child {
    border-bottom-left-radius: 0 !important;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    tr[aria-expanded="true"]
    td:last-child {
    border-bottom-right-radius: 0 !important;
}

.order-listing-table .datatables .innerDatatable .table tr + .tblAccordian td {
    border-radius: 8px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .tblAccordian
    .card-body {
    background-color: #fff !important;
}

.order-listing-table
    .datatables
    .innerDatatable
    .table
    .tblAccordian
    .card-body
    .table
    td {
    border-left-width: 2px;
}

.order-listing-table .datatables .innerDatatable .table tr {
    background: #f1f1f1;
}

.order-listing-table .datatables .innerDatatable tr td {
    background: #e3f2ed !important;
}

/* .order-listing-table .datatables tr.delayed + .details-row .innerDatatable .table tr {
    background: #fff7ec !important;
} */

.order-listing-table .datatables .innerDatatable .priority td {
    background: #e3f2ed !important;
}

.order-listing-table .datatables .innerDatatable .table tr.priority {
    background: #fef3f3;
}

.order-listing-table .datatables tr td {
    background: #fff;
}

.order-listing-table .table tbody tr.rowDataControl td {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.order-listing-table .table tbody tr.rowDataControl + tr.details-row td {
    border-top: 1px solid #e6e6e6;
}

.order-listing-table .table tbody tr.rowDataControl td:first-child {
    border-left: 1px solid #e6e6e6;
}

.order-listing-table .table tbody tr.rowDataControl td:last-child {
    border-right: 1px solid #e6e6e6;
}

.order-listing-table .datatables .innerDatatable .table tr,
.order-listing-table .datatables .details-row > td {
    background: #fff;
}

.listing-container .table tbody tr td:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.listing-container .table tbody tr td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* Topbar changes ------------------*/
.topbar {
    margin: 0;
    padding: 0.5rem 1.5rem;
    position: fixed;
    top: 0;
    z-index: 999;
    background: #f8f8f9;
    right: 0;
    max-width: calc(100% - 14rem);
    width: 100%;
}

.sidebar .sidebar-brand {
    height: 4.25rem;
}

.navbar .navbar-nav > li:last-child a {
    padding-right: 0;
}

/* End of Topbar changes ------------------*/

/* Datatable result number and pagination ------------------*/
.dataTables_wrapper .resultNumRow,
.dataTables_wrapper .paginationRow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: calc(100% - 50px);
    margin: auto !important;
    padding: 17px 0 !important;
    z-index: 1;
}

.date-col {
    width: 170px;
}

.date-col .order-resync {
    margin-left: 10px;
}

.dataTables_wrapper .paginationRow {
    top: auto;
    bottom: 45px;
}

div.table-responsive > div.dataTables_wrapper > .tableRow {
    margin: 50px 0 90px !important;
}

.card {
    border-radius: 8px;
}

.card-body {
    position: relative;
}

/* End of Datatable result number and pagination ------------------*/

body.sidebar-toggled footer.sticky-footer {
    width: auto;
}

.table-filters .row > .form-group {
    margin-bottom: 0;
}

/*-- Common Table Redesign --*/
.listing-container .table-wrapper {
    position: relative;
    background: #fff;
    padding: 1rem 0;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(58, 59, 69, 0.08);
    border-radius: 8px;
}

.listing-container .table-wrapper .table {
    border-spacing: 0;
}

.listing-container .table tbody tr td:first-child:before {
    border: 0;
    border-top: 1px solid #e6e6e6;
    border-radius: 0;
    display: none !important;
}

.listing-container .table-wrapper .table {
    border-collapse: collapse !important;
}

.listing-container
    .table-wrapper
    .table
    tbody
    tr:last-child
    td:first-child:before {
    border-bottom: 1px solid #e6e6e6;
}

.listing-container .table-wrapper .table tbody tr {
    border-top: 1px solid #e6e6e6;
}

.listing-container .table-wrapper .table tbody tr:last-child {
    border-bottom: 1px solid #e6e6e6;
}

.table-wrapper .dataTables_wrapper .resultNumRow,
.table-wrapper .dataTables_wrapper .paginationRow {
    width: 100%;
    padding: 20px 20px !important;
}

.table-wrapper div.table-responsive > div.dataTables_wrapper > .tableRow {
    margin: 50px 0 100px !important;
}

.table-wrapper .dataTables_wrapper .paginationRow {
    top: auto;
    bottom: 35px;
}

div.dataTables_wrapper div.dataTables_processing {
    min-height: 100px;
}

.table thead {
    background: #eeeeee;
}

/*-- End of Common Table Redesign --*/

/* Task management */
.tableTaskManage {
    padding: 10px 0;
}

.tableTaskManage .tableControl {
    width: 250px;
}

.tableTaskManage .listing-container {
    margin: 0 auto !important;
}

.title-search {
    padding: 20px 20px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tableTaskManage .title {
    font-size: 22px;
    margin-right: auto;
    font-weight: 500;
}

.tableTaskManage .table-filters {
    padding: 0 20px;
}

.tasksWrapper .resource-listing-table .datatables td.status {
    font-size: 14px;
    text-transform: capitalize;
}

.tasksWrapper .resource-listing-table .datatables .action-btns span {
    margin-right: 10px;
    width: 70px;
}

.tasksWrapper .resource-listing-table .datatables tr.shown td,
.tasksWrapper .resource-listing-table .datatables tr.shown + .details-row td,
.tasksWrapper .resource-listing-table .datatables .innerDatatable .table tr,
.tasksWrapper .resource-listing-table .datatables .details-row > td {
    background: #f8f8f8;
}

.tasksWrapper .resource-listing-table .datatables .innerDatatable .table td {
    height: 40px;
}

.tasksWrapper
    .resource-listing-table
    .datatables
    .innerDatatable
    .table
    td:first-child {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.tasksWrapper
    .resource-listing-table
    .datatables
    .innerDatatable
    .table
    td:last-child {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.tasksWrapper .resource-listing-table .datatables .innerDatatable .table {
    border-spacing: 0px 3px;
}

.tasksWrapper
    .resource-listing-table
    .datatables
    .innerDatatable
    .table
    .dataTitle[aria-expanded="false"]
    .heading::after,
.tasksWrapper
    .resource-listing-table
    .datatables
    .innerDatatable
    .table
    .dataTitle[aria-expanded="true"]
    .heading::after {
    top: 10px;
}

.tasksWrapper .resource-listing-table .datatables .innerDatatable tr td {
    background: #fff !important;
}

.tasksWrapper
    .resource-listing-table
    .datatables
    .innerDatatable
    .table
    .tblAccordian {
    top: -3px;
}

.tasksWrapper
    .resource-listing-table
    .datatables
    .innerDatatable
    .table
    .tblAccordian
    .card-body {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding: 10px 20px;
}

.tasksWrapper .resource-listing-table .datatables tbody tr .task-timings {
    min-width: 235px;
}

.tasksWrapper .dataTables_wrapper .resultNumRow {
    width: 100%;
}

.tasksWrapper
    .order-listing-table
    .datatables
    .innerDatatable
    .table
    tr:first-child
    td:last-child,
.tableTaskManage
    .order-listing-table
    .datatables
    .innerDatatable
    .table
    tr:first-child
    td:last-child {
    min-width: 105px;
}

.res-hide {
    display: block !important;
}

.toggle-hide {
    display: none !important;
}

.modal .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

button:focus {
    outline: none;
}

/*-- Ribbon status --*/
.order-listing-table .productionOrderTbl .card-body thead {
    display: table-header-group !important;
}

.order-listing-table .productionOrderTbl .card-body thead > tr th {
    border-left: 1px solid #ccc;
    background: #eeeeee;
    border-radius: 0;
}

.order-listing-table
    .productionOrderTbl
    tbody
    > tr.delayed
    .details-control:first-child {
    position: relative;
}

.order-listing-table
    .productionOrderTbl
    tbody
    > tr.delayed
    .details-control:first-child:before,
.order-listing-table
    .productionOrderTbl
    tbody
    > tr.priority.delayed
    .details-control:first-child:before {
    content: "";
    display: block !important;
    color: white;
    font-size: 1.25rem;
    text-align: center;
    font-weight: 400;
    background: url(../images/delayed.svg) center no-repeat;
    background-size: 25px;
    width: 23px;
    min-height: 25px;
    position: absolute;
    left: 5px;
    top: -1px;
    bottom: auto;
    z-index: 1;
}

/*-- End of Ribbon status --*/

table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_desc:before,
table.dataTable > thead .sorting_asc_disabled:before,
table.dataTable > thead .sorting_desc_disabled:before {
    right: 1.1em;
}

.tree-wrapper .jstree .jstree-anchor:before {
    content: "" attr(data-id) " - ";
}

.jstree-default .jstree-anchor > .jstree-checkbox {
    opacity: 0;
    visibility: hidden;
}

.jstree-default .jstree-leaf .jstree-anchor > .jstree-checkbox {
    opacity: 1;
    visibility: visible;
}

.days-tab .tab-content {
    padding: 24px;
    background: #fff;
    border: 1px solid #dddfeb;
}

.days-tab .nav-tabs {
    border: 0;
}

.days-tab .nav-tabs .nav-item {
    margin-bottom: -1px;
    margin-right: 10px;
}

.days-tab .nav-tabs .nav-item .nav-link {
    text-transform: capitalize;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    min-width: 100px;
    background: #d0d1d5;
}

.days-tab .nav-tabs .nav-item .nav-link.active {
    border-bottom: 1px solid #fff;
    color: #000;
    background: #fff;
}

.days-tab .listing-container {
    background: #fff;
    border: 0;
    margin: 0;
}

.days-tab .listing-container > div {
    padding: 0;
}

.days-tab .dataTables_wrapper .resultNumRow,
.days-tab .dataTables_wrapper .paginationRow {
    width: 100%;
    padding: 10px 0 !important;
}

.vertical-progress .progress {
    height: 150px;
    width: 50px;
}

.progress .progress-bar {
    color: #000;
    line-height: 10px;
    min-height: 10px;
}

.progress .progress-bar[aria-valuenow="00:00:00"] {
    background-color: transparent !important;
}

.font-14 {
    font-size: 14px;
}

.overflow-visible {
    overflow: visible;
}

#token-swimlane tbody tr td.group-by-date::before {
    content: "";
    display: block !important;
    background: #767676;
    height: 3px;
    width: 100%;
    top: -6px;
    border-radius: 10px;
}

.order-swimlane-table.order-listing-table .datatables thead th {
    background: #eeeeee;
    cursor: initial;
}

.order-swimlane-table.order-listing-table .table > thead,
.order-swimlane-table.order-listing-table .datatables > tbody,
.order-swimlane-table.order-listing-table .datatables > tbody > tr {
    background: transparent;
}

.order-swimlane-table.order-listing-table .datatables > tbody > tr.details-row {
    cursor: auto;
}

.order-swimlane-table.order-listing-table
    .datatables
    > tbody
    > tr.details-row
    div
    i {
    cursor: pointer;
}

.order-swimlane-table.order-listing-table
    .datatables
    > tbody
    > tr.details-row
    .detailsPanel {
    grid-template-columns: repeat(4, 1fr);
}

.order-swimlane-table.order-listing-table
    .datatables
    > tbody
    > tr.details-row
    .detailsPanel
    > div {
    padding: 10px;
}

.order-swimlane-table.order-listing-table
    .datatables
    > tbody
    > tr.details-row
    .detailsPanel
    > div
    strong {
    display: block;
}

.order-swimlane-table.order-listing-table .datatables .details-control {
    width: auto;
    height: auto;
}

.order-swimlane-table.order-listing-table
    .datatables
    > tbody
    > tr.details-row
    .get-production-order {
    margin-top: 16px;
}

.order-swimlane-table.order-listing-table
    .datatables
    > tbody
    > tr.details-row
    .swimlaneNoData {
    margin-top: 16px;
}

.order-swimlane-table.order-listing-table
    .datatables
    > tbody
    > tr.details-row
    .swimlaneNoData
    .datatables
    thead
    th,
.order-swimlane-table.order-listing-table
    .datatables
    > tbody
    > tr.details-row
    .swimlaneNoData
    .table
    thead
    th {
    border-radius: 0;
    border-left: 1px solid #ccc;
}

.order-swimlane-table.order-listing-table
    .datatables
    > tbody
    > tr.details-row
    .swimlaneNoData
    .table
    tbody
    td {
    height: 64px;
    background: #f8f8f8 !important;
    border-radius: 0 !important;
    border: 1px solid #e6e6e6;
}

.order-swimlane-table.order-listing-table
    .datatables
    > tbody
    > tr.details-row
    .swimlaneNoData
    .table
    thead
    th
    i {
    color: #000;
}

.order-swimlane-table.order-listing-table
    .datatables
    .rowDataControl
    .collapse-icon::after {
    font-weight: 900;
    content: "\F105";
    font-family: "Font Awesome 5 Free";
    transition: all 100ms ease-in-out;
    transform: rotate(0);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.order-swimlane-table.order-listing-table .datatables .details-control::after {
    display: none;
}

.order-swimlane-table.order-listing-table
    .table
    tbody
    tr.rowDataControl
    td:first-child {
    height: 50px;
    padding-right: 25px;
}

.order-swimlane-table.order-listing-table
    .table
    tbody
    tr.rowDataControl
    td
    .product-name-col {
    width: 100%;
    min-width: 200px;
}

.order-swimlane-table.order-listing-table .table tbody tr.rowDataControl {
    cursor: auto;
    border: 1px solid #e6e6e6;
}

.order-swimlane-table.order-listing-table
    .table
    tbody
    tr.rowDataControl.shown
    .collapse-icon::after {
    transform: rotate(90deg);
}

.order-swimlane-table.order-listing-table .table tbody tr.rowDataControl td {
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    min-height: 60px;
}

.orderEmail {
    word-break: break-all;
}

.modal-xlg .modal-content {
    max-width: 1071px;
    width: 100%;
}

.add-note-modal .modal-dialog > form {
    width: 100%;
}

.gap20 {
    gap: 20px;
}

button.btn.view-note-btn {
    height: 31px;
    width: 31px;
    border: 0;
    background-color: #b8b9cd;
    position: relative;
}

button.btn.view-note-btn.zero-notes {
    background-color: #303648 !important;
}

button.btn.view-note-btn.read-not-consent {
    background-color: #b8b9cd !important;
}

button.btn.view-note-btn.read-and-consent {
    background-color: #00d289 !important;
}

button.btn.view-note-btn span.num-badge {
    height: 20px;
    width: 20px;
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 1;
    background-color: #fe3636;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    line-height: 20px;
}

.order-listing-table
    .datatables
    .innerDatatable.order-piken
    .table
    .tblAccordian
    .card-body
    .table
    td {
    border-left-width: 1px;
}

.note-card {
    min-height: 400px;
}

.item-content
    .custom-switch
    .custom-control-input:disabled:checked
    ~ .custom-control-label::before {
    background-color: #00d289;
    border-color: #00d289;
}

.icon-card {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
}

.icon-card a {
    color: #000;
    text-decoration: none;
}

.modal-content.unread-note {
    background-color: rgb(211, 235, 226) !important;
}

.icon-card i {
    min-height: 52px;
    font-size: 2.5rem !important;
    color: #303648 !important;
}

#view-note-modal.modal .modal-body {
    height: 500px;
}

#view-note-modal.modal .modal-body .carousel-item {
    min-height: 500px;
}

#view-note-modal.modal .modal-body .custom-control-label {
    color: #000 !important;
}

#view-note-modal.modal .modal-footer .btn-success {
    height: 34px;
    width: 34px;
    border-radius: 50%;
}

#view-note-modal.modal .modal-footer {
    gap: 8px;
}

#view-note-modal.modal .modal-header {
    border-bottom: 1px solid #b7b9cc;
}

#view-note-modal.modal .modal-footer .num {
    font-size: 18px;
    margin: 0;
}

#view-note-modal.modal .modal-content {
    border: 0;
    transition: background-color 0.2s linear;
}

.item-created {
    gap: 4px;
}

.commonTable .card .resultNumRow {
    padding: 20px 0 !important;
}

.commonTable .card .table-wrapper {
    box-shadow: none;
}

.commonTable .card .table-wrapper table {
    border-spacing: 0 8px !important;
    border-collapse: initial !important;
}

.commonTable .card .table-wrapper table thead,
.commonTable .card .table-wrapper table thead tr {
    border-radius: 8px;
}

.commonTable .card .table-wrapper table thead th {
    border-left: 1px solid #cccccc !important;
}

.commonTable .card .table-wrapper table thead th:first-child {
    border-left: 1px solid #cccccc !important;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.commonTable .card .table-wrapper table tbody tr td {
    border-top: 1px solid #e6e6e6 !important;
    border-bottom: 1px solid #e6e6e6 !important;
    border-left: 1px solid #e6e6e6 !important;
    border-radius: 0 !important;
}

.commonTable .card .table-wrapper table tbody tr td:first-child {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.commonTable .card .table-wrapper table tbody tr td:last-child {
    border-right: 1px solid #e6e6e6 !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.commonTable .card .table-wrapper table tbody tr .product-Desc {
    max-width: 300px;
    padding: 0;
}

.commonTable .card .table-wrapper table tbody tr .product-Desc > div {
    padding: 20px 0.75rem;
    border-bottom: 1px solid #e6e6e6;
}

.commonTable
    .card
    .table-wrapper
    table
    tbody
    tr
    .product-Desc
    > div:last-child {
    border-bottom: 0;
}

.select2-search__field {
    width: 100% !important;
}

.ean_code {
    max-width: 280px;
}

.ean-code-block {
    max-width: 280px;
}

/* Custom select tool*/
.input-daterange {
    position: relative;
}

.input-daterange .btn {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 22px;
    padding: 0 !important;
}

@media print {
    body {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .order-swimlane-table.order-listing-table .table {
        border: 1px solid #cccccc !important;
        margin: 0;
    }

    .order-swimlane-table.order-listing-table .table thead tr th,
    .order-swimlane-table.order-listing-table .table tbody tr td,
    .order-listing-table .table tbody tr td:first-child,
    .order-listing-table .table tbody tr td:last-child {
        border-radius: 0 !important;
        border: 1px solid #cccccc !important;
    }

    .order-swimlane-table.order-listing-table .table thead tr td {
        border-top: 0;
    }

    .order-swimlane-table.order-listing-table .table thead tr {
        background-color: #eeeeee !important;
    }

    .order-swimlane-table.order-listing-table .table {
        border-spacing: 0 !important;
    }

    #wrapper #content-wrapper {
        background-color: #fff;
    }

    .order-swimlane-table.order-listing-table .table tbody tr td {
        vertical-align: middle;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        height: auto;
        white-space: initial;
    }

    .order-swimlane-table.order-listing-table
        .datatables
        > tbody
        > tr.details-row {
        top: 0;
    }

    .order-swimlane-table.order-listing-table
        .datatables
        > tbody
        > tr.details-row
        .get-production-order {
        display: none !important;
    }

    .order-swimlane-table.order-listing-table
        .datatables
        > tbody
        > tr.details-row {
        display: none;
    }

    .page-break-print
        .order-swimlane-table.order-listing-table
        .table
        tbody
        tr.rowDataControl
        td {
        min-height: 40px;
        height: auto;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .page-break-print
        .order-swimlane-table.order-listing-table
        .table
        thead
        tr
        th,
    .page-break-print
        .order-swimlane-table.order-listing-table
        .table
        tbody
        tr
        td {
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: left;
    }

    .page-break-print {
        page-break-after: always;
        padding-bottom: 30px;
    }

    .notifyjs-corner {
        display: none !important;
    }

    .page-break-print
        .order-swimlane-table.order-listing-table
        .table
        tbody
        tr.rowDataControl
        td.product-name-col {
        white-space: initial !important;
        max-width: 100%;
    }

    .order-listing-table .table tbody tr td.description_td {
        min-width: 230px !important;
        max-width: 230px !important;
    }

    .order-listing-table .table tbody tr td.options_td {
        min-width: 150px !important;
        max-width: 150px !important;
    }
}

.custom_ckbx_width {
    width: 1% !important;
    max-width: 1% !important;
}

#re-calculate-form .custom-control-input.error {
    position: absolute !important;
}

.filters-option {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}

.filters-option .tbl-switch {
    margin: 0;
    margin-left: auto;
    display: flex;
    align-items: center;
}

.filters-option > .form-group .status-input {
    width: 100%;
}

.filters-option > .form-group .badge {
    margin-top: 8px;
    width: 100%;
    padding: 5px 0.75rem;
}

.badge-icon {
    display: flex;
    justify-content: space-between;
}

.badge-icon a {
    cursor: pointer;
}

.orders-filter {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 70%;
    gap: 32px;
}

.orders-filter .form-group {
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 16px;
    margin-bottom: 0;
}

.orders-filter .form-group .multiselect-native-select,
.orders-filter .form-group .multiselect-native-select .btn-group {
    width: 100%;
}

.orders-filter .form-group .multiselect {
    text-align: left !important;
}

.custom_tabs .listing-filter-tabs {
    width: 100%;
    border: 0 !important;
}

.custom_tabs .nav-item,
.custom_tabs .nav-item .nav-link {
    border: 0 !important;
    border-radius: 8px 8px 0 0;
}
.custom_tabs .nav-item .nav-link {
    color: #555;
}

.custom_tabs .tableTaskManage {
    padding: 0;
}