/* General */
:root {
    --blue-grey        : #f1f6ff;
    --black            : #141522;
    --light-grey       : #e0e0e0;
    --active-blue      : #6074d0;
    --hover-blue       : #2c59a7;
    --white            : #ffffff;
    --active-grey      : #eceef7;
    --grey             : #eceef7;
    --darker-grey      : #f5f4f6;
    --bg-grey          : #fafafa;
    --light-black      : #4d5159;
    --grey-deep        : #939aa6;
    --canceled-color   : #c65757;
    --closed-color     : #c65757;
    --confirmed-color  : #4fc145;
    --pending-color    : #e4d651;
    --processing-color : #7d8ed7;
    --completed-color  : #599554;
    --deep-red         : #BB3030;
}

.bg-active-grey {
    background-color : var(--active-grey);
}

.bg-grey-deep {
    background-color : var(--grey-deep);
}

.black-text {
    color : var(--black);

}

a:hover {
    text-decoration : unset !important;
}

table.dataTable tbody tr {
    background-color : #ffffff;
    height           : 60px;
}

.form-control.is-invalid:focus, .form-control:focus {
    box-shadow : unset !important;
}

.form-control:focus {
    border-color : var(--active-blue) !important;
}

/*.btn-primary {*/
/*    background: var(--active-blue);*/
/*    border-radius: 16px;*/
/*    border: unset;*/
/*    font-size: 18px;*/
/*    height: 48px;*/
/*}*/

.c-app {
    background-color : var(--bg-grey);
}

.canceled, .cancelled, .vida_failed {
    background-color : var(--canceled-color) !important;
}

.closed {
    background-color : var(--closed-color) !important;;
}

.Confirmed, .Delivered {
    background-color : var(--confirmed-color) !important;;
}

.pending, .Pending {
    background-color : var(--pending-color) !important;;
}

.complete, .Complete {
    background-color : var(--completed-color) !important;;
}

.processing, .Processing {
    background-color : var(--processing-color) !important;;
}

/*.dark-mode *{*/
/*    background-color: #212121!important;*/
/*    color: white!important;*/
/*    border-color: #c8ced3!important;*/
/*}*/

/* Auth */
.auth .c-app {
    background-color : var(--blue-grey);
}

.auth .auth-logo {
    display    : flex;
    text-align : center;
    margin     : 0 auto;
}

.auth .auth-page-title {
    color          : var(--black);
    font-weight    : 500;
    font-size      : 32px;
    line-height    : 39px;
    text-align     : center;
    text-transform : uppercase;
    margin         : 12px 0;
}

.auth .auth-page-helper {
    font-weight : 400;
    font-size   : 14px;
    line-height : 17px;
    text-align  : center;
    color       : var(--black);
}

.auth .card {
    border-radius : 16px;
    border        : unset;
    padding       : 100px 90px;
}

.auth .c-app form {
    margin-top : 40px;
}

.c-app form input[type="text"],
.c-app form input[type="password"],
.c-app form input[type="email"] {
    height        : 56px;
    border        : 1px solid var(--light-grey);
    border-radius : 8px !important;
    color         : var(--black);
}

.auth .forgot-psw-btn {
    font-weight : 400;
    font-size   : 16px;
    line-height : 19px;
    color       : var(--active-blue);
}

.auth .remember-btn-checkbox {
    width         : 18px;
    height        : 18px;
    border-color  : #dadada;
    border-radius : 2px;
    accent-color  : var(--active-blue) !important;
}

.auth .remember-btn-label {
    font-weight : 400;
    font-size   : 16px;
    line-height : 19px;
    color       : var(--black);
}

/* Header / Sidebar*/
.theme-dropdown {
    text-align    : center;
    border-radius : 4px;
}

.theme-dropdown .dropdown-item {
    text-align      : center;
    display         : flex;
    margin          : 0 auto;
    justify-content : center;
    padding         : 10px;
    border-radius   : 8px;
}

.theme-dropdown .dropdown-item:hover {
    background-color : var(--active-grey);
}

.theme-dropdown a {
    padding : 5px 10px !important;
    display : block;
}

.profile-image {
    width         : 50px;
    border-radius : 25px;
}

.c-wrapper {
    margin-left : 100px;
}

.nav-title {
    display : none;
}

.header-item {
    margin   : 0 22px;
    position : relative;
}

.c-sidebar {
    background-color : var(--white);
}

.c-header.c-header-fixed {
    height        : 100px;
    border-bottom : 1px solid var(--grey);
}

.c-sidebar-brand {
    flex          : 0 0 100px;
    border-bottom : 1px solid var(--grey);
}

.c-sidebar .c-sidebar-brand,
.c-sidebar .c-sidebar-header {
    background-color : unset;
}

.c-sidebar .c-sidebar-nav-dropdown-toggle, .c-sidebar .c-sidebar-nav-link {
    color      : var(--black);
    background : 0 0;
    font-size  : 16px;
}

.c-sidebar-nav-bottom {
    padding : unset;
}

.sidebar-icon {
    margin-right : 12px;
}

.c-sidebar-nav, .c-sidebar-nav-bottom {
    width  : 90%;
    margin : 0 auto;
}

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

.c-sidebar .c-sidebar-nav-dropdown-toggle:hover, .c-sidebar .c-sidebar-nav-link:hover,
.c-sidebar .c-active.c-sidebar-nav-dropdown-toggle, .c-sidebar .c-sidebar-nav-link.c-active {
    background    : var(--active-grey);
    border-radius : 10px;
    color         : var(--black);
}

.c-sidebar .c-sidebar-nav-dropdown-toggle::after,
.c-sidebar .c-sidebar-nav-link:hover.c-sidebar-nav-dropdown-toggle::after,
.c-sidebar :hover.c-sidebar-nav-dropdown-toggle::after {
    background-image : url("/images/icons/menu/dropdown-arrow.svg");
    flex             : 0 24px;
    height           : 24px;
    width            : 24px !important;
}

.page-title-wrapper {
    display     : flex;
    align-items : center;
    margin-left : 15px;
}

.page-title {
    margin-bottom : unset;
    font-size     : 32px;
    color         : var(--black);
}

.c-sidebar {
    border-right : 1px solid var(--grey);
}

.c-sidebar-nav > li {
    margin : 12px 0;
}

.c-sidebar .c-sidebar-nav-dropdown.c-show {
    background    : var(--active-grey);

    border-radius : 10px;
}

.c-sidebar .c-sidebar-nav-dropdown.c-show .c-sidebar-nav-dropdown-toggle,
.c-sidebar .c-sidebar-nav-dropdown.c-show .c-sidebar-nav-link {
    color : var(--black);
}

.c-sidebar-nav-dropdown-items .c-sidebar-nav-dropdown-toggle,
.c-sidebar-nav-dropdown-items .c-sidebar-nav-link {
    padding   : 10px 0px 10px 30px !important;
    font-size : 15px;
}

.c-sidebar.shrink .c-sidebar-nav-dropdown-toggle,
.c-sidebar.shrink .c-sidebar-nav-link,
.c-sidebar.shrink .c-sidebar-brand {
    display         : flex;
    justify-content : center;
}

.c-sidebar.shrink {
    margin-left : unset !important;
    width       : 100px;
}

.c-sidebar.full {
    margin-left : unset !important;
}

.c-sidebar.shrink .c-sidebar-nav-dropdown.c-show > .c-sidebar-nav-dropdown-items {
    max-height : 0;
    transition : 0s;
}

.c-sidebar.shrink .sidebar-text {
    display : none !important;
}

.c-sidebar.shrink .sidebar-icon {
    margin-right : 0;
}

.c-sidebar.shrink .c-sidebar-nav-dropdown-toggle::after {
    display : none;
}

.c-sidebar.shrink .c-sidebar-brand-full {
    display : none;
}

.c-sidebar.shrink .c-header-toggler {
    margin-left : unset !important;
    transform   : rotate(180deg);
}

/* Custom Sidebar */


.sidebar-right.visible {
    position         : fixed;
    top              : 0;
    z-index          : 99999999;
    width            : 650px;
    background-color : var(--white);
    transition       : 0.1s;
    transform: translateX(-650px);
}

.sidebar-right {
    position         : fixed;
    right            : -650px;
    top              : 0;
    z-index          : 99999999;
    width            : 650px;
    transition       : 0.1s;
    background-color : var(--white);
    transform: transale3d(0,0,0);
}

.sidebar-right.double.visible {
    width : 80vw;
    transition       : 0.3s;
    transform: translateX(-80vw);
}

.sidebar-right.double {
    right : -80vw;
    width : 80vw;
}

.close-sidebar-btn {
    cursor : pointer;
}

.sidebar-body {
    padding    : 60px 76px;
    overflow-y : scroll;
    height     : 100vh;
    width      : 100%;
}

.sidebar-top {
    display         : flex;
    /*align-items: center;*/
    justify-content : space-between;
    margin-bottom   : 30px;
}

.sidebar-title {
    color       : var(--black);
    font-weight : 500;
    font-size   : 32px;
}

.sidebar-right.visible:before {
    content          : '';
    position         : absolute;
    left             : -100vw;
    top              : 0;
    width            : 100vw;
    height           : 100vh;
    background-color : #0000006e;
}

/* General Admin Area */


.search-group {
    position : relative;
}

.search-input {
    padding       : 12px 20px 12px 50px;
    border-radius : 10px;
    border        : 1px solid var(--light-grey);
    height        : 44px;
    position      : relative;
}

.grey-bg {
    background-color : var(--darker-grey);
}

.search-input:focus {
    background-color : var(--darker-grey);
    border           : 1px solid var(--active-blue) !important;
}

.search-group::after {
    content           : '';
    position          : absolute;
    left              : 14px;
    top               : calc(50% - 10px);
    height            : 44px;
    width             : 20px;
    background-image  : url(/images/icons/search-icon.svg);
    background-repeat : no-repeat;
    background-size   : contain;
}


/* Components */
.stat-body {
    display : flex;
}

.small-stats-wrapper {
    width : 100%;
}

.stats-flex-left {
    display : flex;
}

p.stat-number {
    font-size   : 20px;
    font-weight : 700;
}

.stats-data p {
    margin-bottom : unset;
}
.stats-icon-img {
    width: 55px;
    height: 55px;
}
.stats-icon {
    margin-right : 15px;
}

.card-title {
    font-size : 32px;
}

p.stat-text {
    font-size : 16px;
}

.small-stat {
    justify-content : flex-end;
    text-align      : end;
}

.small-stat.borders {
    border-left  : 1px solid var(--active-grey);
    border-right : 1px solid var(--active-grey);
}

.small-stat .stats-icon-img {
    width : 50px;
}

.btn-icon {
    margin-right : 10px;
}
.btn-primary {
    color         : var(--white);
    border-color  : var(--active-blue);
    background-color: var(--active-blue);
    border-radius : 10px;
}

.btn-outline-primary {
    /* padding: 15px 45px; */
    font-size     : 18px;
    display       : flex;
    align-items   : center;
    color         : var(--active-blue);
    border-color  : var(--active-blue);
    border-radius : 10px;
}
.btn-info {
    border-radius : 10px;
}
.btn-danger {
    /* padding: 15px 45px; */
    /*font-size     : 18px;*/

    display       : flex;
    align-items   : center;
    color         : var(--white);
    border-color  : var(--deep-red);
    background-color: var(--deep-red);
    border-radius : 10px!important;
}
.btn-outline-danger {
    /* padding: 15px 45px; */
    font-size     : 18px;
    display       : flex;
    align-items   : center;
    color         : var(--deep-red);
    border-color  : var(--deep-red);
    border-radius : 10px;
}
.btn-outline-danger:hover {
    /* padding: 15px 45px; */
    background-color: var(--deep-red);
    color         : var(--white);
    border-radius : 10px;
}

.no-border {
    border : unset !important;
}

.btn-outline-primary.no-border {
    color     : var(--active-blue);
    font-size : 18px;
}

.btn-outline-primary.no-border:hover {
    color            : var(--active-blue);
    background-color : unset;
    font-size        : 18px;
}

.btn-outline-primary:not(.no-border):hover {
    background-color : var(--active-blue);
    border-color     : var(--active-blue) !important;
    text-decoration  : unset !important;
}

.btn-outline-primary:not(.no-border):hover img {
    filter : brightness(99);
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow : unset;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: var(--active-blue)!important;
    opacity: 0.4!important;
}
/* Orders - create */
.address-item-inside {
    display     : flex;
    align-items : center;
    padding     : 24px 0;
}

.address-item-inside.border-bottom {
    border-bottom : 1px solid var(--light-grey);
}

.address-value {
    margin-bottom : unset;
    font-size     : 18px;
    font-weight   : 500;
    color         : var(--black);
}

p.address-text-title {
    margin-bottom : 0;
    color         : var(--light-black);
    font-size     : 15px;
}

.address-item {
    border        : 1px solid var(--light-grey);
    border-radius : 10px;
    padding       : 0 24px;
}

.address-icon {
    margin-right : 24px;
}

.order-overview {
    position : sticky;
    top      : 13vh;
    bottom   : 0;
}

.order-submit-btn {
    height    : 48px;
    width     : 100%;
    font-size : 20px;
}

.cart-item {
    display         : flex;
    justify-content : space-between;
    margin          : 0px 0px 40px !important;
    position        : relative;
}

.cart-item-left {
    display   : flex;
    max-width : 90%;
}

.cart-item-qty {
    display         : flex;
    justify-content : flex-end;
}

.cart-item-qty-buttons {
    display         : flex;
    justify-content : flex-end;
}

.cart-item-title {
    font-size     : 16px;
    font-weight   : 500;
    color         : var(--black);
    margin-bottom : unset;
    line-height   : 20px;
}

.car-item-image-wrapper img {
    width            : 110px;
    height           : 110px;
    background-image : url(/images/favicon.png);
    background-size  : 100%;
}

.cart-item-title-wrapper {
    width           : 70%;
    margin-left     : 15px;
    display         : flex;
    flex-direction  : column;
    justify-content : space-between;
}

.car-item-price {
    font-size       : 20px;
    font-weight     : 700;
    display         : flex;
    justify-content : flex-end;
    align-items     : flex-end;
}

.cart-item-right {
    font-size       : 16px;
    color           : var(--light-black);
    display         : flex;
    justify-content : space-between;
    flex-direction  : column;
}

.cart-item-sku {
    margin-bottom : unset;
    font-size     : 15px;
    color         : var(--grey-deep);
}

.order-totals-item {
    display         : flex;
    justify-content : space-between;
}

.order-totals-item {
    display         : flex;
    justify-content : space-between;
}

p.order-total-item-label {
    font-size : 16px;
    color     : var(--light-black);
}

.order-grand-total-item {
    display         : flex;
    justify-content : space-between;
    padding         : 22px 0;
    border-top      : 1px solid var(--active-grey);
    border-bottom   : 1px solid var(--active-grey);
}

.grand-total-item-value-wrapper {
    display        : flex;
    flex-direction : column;
    align-items    : flex-end;
}

p.grand-total-item-label {
    font-weight : 600;
    font-size   : 18px;
    color       : var(--black);
    /* margin-bottom: unset; */
}

p.grand-total-item-value {
    font-size     : 28px;
    font-weight   : 700;
    margin-bottom : unset;
}

.grand-total-item-value.free-total {
    margin-left : 15px;
    font-size   : 25px;
}

p.grand-total-item-tax {
    font-size   : 14px;
    font-weight : 400;
    color       : var(--grey-deep);
    margin      : unset;
}

p.order-total-item-value {
    font-size   : 18px;
    color       : var(--black);
    font-weight : 600;
}

.form-check-label {
    color       : var(--black);
    font-size   : 14px;
    font-weight : 400;
}

label.method-label {
    font-size   : 18px;
    font-weight : 600;
    line-height : 22px;
}

.payment-method-wrapper, .shipping-method-wrapper {
    padding       : 15px 0;
    margin-bottom : 0;
}

.extra-options-wrapper {
    padding       : 10px 0;
    margin-bottom : 15px;
}

.order-payment-shipping-methods {
    border-top    : 1px solid var(--active-grey);
    border-bottom : 1px solid var(--active-grey);
    margin-bottom : 20px;
}

.payment-method-wrapper, .extra-options-wrapper {
    border-bottom : 1px solid var(--active-grey);
}

.empty-order-wrapper {
    display         : flex;
    align-items     : center;
    justify-content : center;
    padding         : 136px;
}

.empty-order-text {
    font-size  : 16px;
    color      : var(--black);
    width      : 80%;
    text-align : center;
    margin-top : 25px;
}

/* Search cart - start*/
.products-wrapper {
    max-height    : 500px;
    overflow-y    : scroll;
    padding       : 10px;
    border        : 1px solid var(--active-grey);
    border-radius : 10px;
}

.search-cart-items-wrapper {
    width : 100%;
}

.search-cart-item {
    display       : flex;
    flex-wrap     : wrap;
    border-bottom : 1px solid var(--active-grey);
    padding       : 10px 0;
}

.search-cart-item-left {
    flex         : 0 0 65%;
    display      : flex;
    margin-right : 10%;
}

.search-cart-item-image {
    width            : 90px;
    height           : 90px;
    background-image : url(/images/favicon.png);
    background-size  : 100%;
}

.search-cart-item-right {
    flex            : 0 0 25%;
    display         : flex;
    flex-direction  : column;
    justify-content : space-between;
}


p.search-cart-item-title {
    font-size     : 15px;
    font-weight   : var(--black);
    line-height   : 17px;
    margin-bottom : 0;
}

.search-cart-item-title-bottom {
    display         : flex;
    justify-content : space-between;
}

img.user-image {
    width         : 50px;
    border-radius : 25px;
}

.search-cart-item-image-wrapper {
    margin-right : 15px;
    width        : 90px;
    height       : 90px;
}

.search-cart-item-price {
    font-size   : 18px;
    font-weight : 700;
}

.search-cart-item-title-wrapper {
    display         : flex;
    flex-direction  : column;
    justify-content : space-between;
    width           : calc(100% - 90px);
}

p.search-cart-item-sku {
    font-size     : 13px;
    color         : var(--grey-deep);
    margin-bottom : unset;
}

.available-qty-popup {
    display : none;
}

.available-qty-popup.visible {
    display          : block;
    position         : absolute;
    bottom           : -51px;
    border-radius    : 10px;
    border           : 1px solid var(--active-grey);
    padding          : 12px;
    background-color : var(--white);
    font-weight      : 600;
    right            : 0;
}

.search-cart-item-right-top {
    display         : flex;
    justify-content : flex-end;
    position        : relative;
}

.cart-qty-input {
    border     : unset;
    width      : 20px;
    text-align : center;
}


.cart-qty-btn {
    background-color : var(--active-grey);
    border-radius    : 4px;
    border           : unset;
    width            : 29px;
    color            : var(--active-blue);
    font-weight      : 600;
}

/* Search cart - end*/

/* Module Search Results - start*/
.search-functions {
    display : flex;
}

.search-tools-column {
    display         : flex;
    flex            : 0 0 10%;
    width           : 10%;
    justify-content : flex-end;
}

.search-id-column {
    flex      : 0 0 20%;
    max-width : 20%;
}

.search-number-column {
    flex      : 0 0 20%;
    max-width : 20%;
}

.search-email-column {
    flex  : 0 0 50%;
    width : 50%;
}

.search-name-column {
    flex  : 0 0 40%;
    width : 40%;
}

.search-order-number-column {
    flex  : 0 0 15%;
    width : 15%;
}

.search-order-email-column {
    flex  : 0 0 35%;
    width : 35%;
}

.search-order-phone-column {
    flex  : 0 0 15%;
    width : 15%;
}

.search-order-name-column {
    flex  : 0 0 25%;
    width : 25%;
}

.module-search-results-wrapper {
    display        : flex;
    flex-direction : column;
}

.module-search-results-title {
    margin-bottom : 10px;
    display       : flex;
    padding       : 0 10px;
    font-size     : 14px;
    color         : var(--black);
}

.module-search-results-row {
    display       : flex;
    border        : 1px solid var(--active-grey);
    border-radius : 10px;
    padding       : 10px 15px;
    font-size     : 14px;
    color         : var(--black);
    margin-bottom : 5px;
}

ul.dropdown-menu.show {
    padding       : 15px;
    border-radius : 10px;
    border        : 1px solid var(--active-grey);
    left          : -114px;
    right         : unset !important;
}

ul.dropdown-menu.show li a {
    /* padding: 5px; */
    font-size  : 16px;
    color      : var(--black);
    text-align : center;
}

ul.dropdown-menu.show li:hover {
    background-color : var(--active-grey);
    border-radius    : 10px;
}

ul.dropdown-menu.show li {
    padding : 5px;
}

/* Module Search Results  - end */
/* Notifications - Start*/

.swal2-container , body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start {
    z-index: 9999999999!important;
}

/* Notification - End */
/* Settings Pages - start */
.settings-menu-item {
    padding : 15px;
    /* color: var(--black); */
}

.settings-menu-item:hover {
    background-color : var(--active-grey);
    border-radius    : 10px;
}

.settings-menu-item a {
    color : var(--black);
}

/* Settings Pages - end */
/* Products Page - CRUD - Start*/
.menu-items-select-wrapper {
    border  : 2px solid #afafaf;
    display : none;
}

span.select2-container.select2-container--default.select2-container--open + span.select2-container.select2-container--default.select2-container--open {
    display : none !important;
}

/* Products Page - CRUD - END*/
/* Order Details - start*/
.simple-table {
    width : 100%;
}

.inside-table.j-left {
    display         : flex;
    justify-content : flex-start;
}

.inside-table.j-right {
    display         : flex;
    justify-content : flex-end;
}

.simple-table tbody tr {
    border-bottom : 1px solid var(--active-grey);
    /* padding: 10px!important; */
    height        : 50px;
}

.simple-table thead tr {
    border-bottom : 1px solid var(--active-grey);
    border-top    : 1px solid var(--active-grey);
    /* padding: 10px!important; */
    font-size     : 16px;
    height        : 75px;
}

.status-pill {
    display          : flex;
    height           : 25px;
    width            : 120px;
    border-radius    : 8px;
    justify-content  : center;
    align-items      : center;
    font-size        : 14px;
    color            : var(--white);
    font-weight      : 400;
    background-color : #848487;
}

.card.equal-height {
    height : 175px;
}

.card.equal-height .card-body {
    display         : flex;
    flex-direction  : column;
    justify-content : space-between;
}

.order-comment-header {
    display : flex;
}

.order-comment-user-wrapper p {
    margin-bottom : unset;
}

.order-comment-user-name {
    font-size : 16px;
    color     : var(--black);
}

.order-comment-user-email {
    font-size : 14px;
    color     : var(--grey-deep);
}

.order-comment-user-image-wrapper {
    margin-right : 20px;
}

.order-comment-body {
    font-size   : 16px;
    font-weight : 400;
    color       : var(--black);
    margin      : 24px 0;
}

.order-comment-date {
    color       : var(--grey-deep);
    font-size   : 14px;
    font-weight : 400;
}

.card-body-bottom {
    display         : flex;
    justify-content : space-between;
}

.card-body-bottom-item-title {
    margin-bottom : unset;
    font-size     : 14px;
    color         : var(--grey-deep);
}

.card-body-bottom-item-value {
    font-size     : 16px;
    font-weight   : 500;
    margin-bottom : unset;
}

.card-body-top {
    display         : flex;
    justify-content : space-between;
}

.card-body-top-left {
    display     : flex;
    align-items : center;
}

.card-body-top-title-wrapper {
}

.card-body-top-title {
    font-size     : 16px;
    color         : var(--black);
    margin-bottom : unset;
}

.card-body-top-subtitle {
    margin-bottom : unset;
    font-size     : 14px;
    color         : var(--grey-deep);
}

.card-body-top-icon {
    margin-right : 25px;
}

.order-tools {
    display         : flex;
    justify-content : space-between;
}

span.bold {
    font-weight : 600;
    color       : var(--black);
}

.order-details-item {
    color  : var(--grey-deep);
    margin : 6px 0px;
}

.order-tools-right {
    display     : flex;
    align-items : center;
}

.btn-order {
    display         : flex;
    align-items     : center;
    align-items     : center;
    justify-content : center;
    height          : 50px;
    font-size       : 16px;
    margin          : 0 10px;
    border-radius   : 8px;
}

.btn-order img {
    margin-right : 7px;
}

.order-cart-show-left {
    padding      : 0 25px;
    border-right : 1px solid var(--active-grey);
}

.order-cart-show-right {
    padding : 0 25px;
}

.locked-order {
    position         : fixed;
    width            : 100%;
    height           : 100%;
    top              : 0;
    left             : 0;
    display          : flex;
    background-color : #f1f6ffeb;
    z-index          : 9999999;
    justify-content  : center;
    align-items      : center;
}

.locked-order-text {
    margin : 25px 0;
}

.simple-card-label {
    margin-bottom : unset;
    font-size     : 14px;
    color         : var(--grey-deep);
}

.simple-card-value {
    font-size     : 16px;
    font-weight   : 500;
    margin-bottom : unset;
}

/* Order Details - end*/
/* Order Shipment Tracking - Start*/
.shipment-phase-name {
    font-size     : 18px;
    font-weight   : bold;
    margin-bottom : unset;
}

.shipment-phase-message {
    font-size     : 13px;
    margin-bottom : unset;
}

.shipment-phase-date {
    font-weight : 300;
    font-size   : 12px;
    color       : var(--black);
}

.shipment-phases-wrapper {
    background-color : var(--bg-grey);
    border-radius    : 10px;
    padding          : 24px;
    margin-top       : 36px;
}

.shipment-phases-title {
    margin-bottom : 24px;
    font-size     : 20px;
    font-weight   : 400;
}

.shipment-accordion-btn {
    color     : var(--black);
    font-size : 18px;
}

div#trackingAccordion .card-header:after {
    background-image : url(/images/icons/menu/dropdown-arrow.svg);
    flex             : 0 24px;
    height           : 24px;
    width            : 24px !important;
    content          : '';
}

div#trackingAccordion .card {
    border : 1px solid var(--light-grey, #e0e0e0);
}

.shipment-phase-item {
    width        : 13%;
    margin-right : 100px;
    position     : relative;
}

.shipment-phase-item:after {
    content          : '';
    width            : 100px;
    height           : 2px;
    border-radius    : 10px;
    background-color : #35b418;
    position         : absolute;
    right            : -70px;
    top              : 42%;
}

.shipment-phase-item:last-of-type:after {
    content : unset;
}

/* Order Shipment Tracking - End*/
/* Customer - Details - Start */
.btn-customer-order-details {
    height          : 34px;
    width           : 120px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

/* Customer - Details - Start */

/* Orders List - Start*/
.list-status {
    padding          : 5px;
    border-radius    : 5px;
    color            : var(--white);
    background-color : #848487;
    font-size        : 11px;
}

.daterangepicker.dropdown-menu {
    z-index : 30000000000;
}

/* Orders List - End*/


/* Filters - Start */
input#date_filter {
    height           : 40px;
    width            : 100%;
    text-align       : center;
    border           : unset;
    background-color : unset;
}

.filter-search-input {
    width  : 100%;
    border : unset;
}

.date-submit-btn {
    height : 40px;
}

.filter-group {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    height          : 40px;
    border          : 1px solid #aaaaaa;
    border-radius   : 10px;
    padding         : 5px;
}

.filters-div {
    padding : 25px;
    display : none;
}

.filter-col {
    margin-right : 10px;
}

.filter-label {
    font-weight : 600;
}

.filter-checkbox {
    margin-right : 5px;
}

.filter-group .select2-container--default .select2-selection--multiple {
    border        : unset !important;
    border-radius : 4px;
}

.filter-toogle-btn {
    display     : flex;
    align-items : center;
}

.filter-count {
    margin-left      : 5px;
    background-color : #d21212;
    border-radius    : 20px;
    color            : var(--white);
    padding          : 2px;
    font-size        : 12px;
    width            : 20px;
    height           : 20px;
    display          : flex;
    align-items      : center;
    justify-content  : center;
}
li.select2-selection__choice {
    border-radius: 14px !important;
    background-color: var(--active-blue) !important;
    color: #FFF;
}
.select2-selection__choice span.select2-selection__choice__remove {
    color: var(--white) !important;
}
.selected-filter-item{
    cursor: pointer;
}

/* Bulk Edit - Start */
#select2-unifiedCategoriesToAdd-results {
    max-height: 600px!important;
}
/* Bulk Edit - End */

/* Items card - start */
.assigned-items-wrapper {
    width: 100%;
}
.assigned-item {
    border-radius: 10px !important;
    border: 1px solid var(--active-grey);
    padding: 3px 15px;
    height: 40px;
    margin-bottom: 10px;
}
/* Items card  - End */

/* Filters - End */
@media (max-width : 1440px) {
    /* order create    */
    .empty-order-wrapper {
        padding : 36px;
    }
}

@media (min-width : 851px) {
    .mobile-header-wrapper {
        display : none;
    }
}

@media (max-width : 850px) {
    .header-left-wrapper, .header-right-wrapper {
        display : none;
    }

    .c-wrapper {
        margin-left : unset;
    }

    .mobile-header-wrapper {
        display         : flex;
        justify-content : space-between;
        width           : 100%;
    }

    .c-header.c-header-fixed {
        height : 70px;
    }

    .c-sidebar {
        margin-left : 0 !important;
        width       : 100vw !important;
        top         : 70px;
    }

    .c-sidebar.shrink .sidebar-text {
        display : none !important;
    }

    .c-sidebar.full {
        margin-left : -100vw !important;
        width       : 100vw;
        top         : 70px;
    }

    .c-header-mobile-toggler {
        border           : unset;
        background-color : unset;
        outline          : unset !important;
    }

    /* Auth */
    .auth .card {
        padding : 10px;
    }

    .auth .auth-logo {
        width : 100%;
    }


}

@media (max-width : 650px) {
    .sidebar-right, .sidebar-right.double {
        right : -650px
    }


}