:root {
    --primary: #010A8B !important;
    --secondary: #752F8A !important;
}

body.theme-light {
    font-size: 13px;
    font-family: "Roboto", sans-serif !important;
    line-height: 24px !important;
    color: #727272 !important;
    background-color: #eef2f1;
    padding-top: 49px;
}

body {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: "Inter", sans-serif !important;
        font-weight: 700;
        color: #1f1f1f;
        letter-spacing: -0.8px;
    }
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    letter-spacing: normal;
}

/* Bg - Background Colors Css  */
.delybell-primary,
.bg-blue-dark {
    background-color: var(--primary) !important;
    color: #fff !important;
}

.bg-purple {
    background-color: var(--secondary) !important;
    color: #fff !important;
    border-color: var(--secondary);
}

.delybell-dark {
    background-color: #414A53 !important;
}

.delybell-grey {
    background-color: #808D9E !important;
}

.delybell-black {
    background-color: #000 !important;
}

.delybell-blue {
    background-color: #0095F6 !important;
}

.delybell-red {
    background-color: #EF3636 !important;
}

.delybell-green {
    background-color: #00CD59 !important;
}

.delybell-yellow {
    background-color: #FFBF00 !important;
}

.delivery-red {
    background-color: #DD6A57 !important;
}

.pickup-yellow {
    background-color: #E2B558 !important;
}

.warehouse-yellow {
    background-color: #FCFAB9 !important;
}

.scanned-green {
    background-color: #ABFFCF !important;
}

.cod-red {
    background-color: #F63737 !important;
}

.bg-green2 {
    background-color: #28B877 !important;
}

.bg-light2 {
    background-color: #f3f3f3 !important;
}

/* Text Colors Css  */
.color-primary,
.color-blue-dark {
    color: var(--primary) !important;
}

.color-purple {
    color: var(--secondary) !important;
}

.icon-primary {
    color: #003D90;
}

.color-dark {
    color: #414A53 !important;
}

.color-grey {
    color: #808D9E !important;
}

.color-black {
    color: #000 !important;
}

.color-green,
.color-green-dark {
    color: #00CD59 !important;
}

.color-red {
    color: #EF3636 !important;
}

.color-green2 {
    color: #28B877 !important;
}

.color-red2 {
    color: #F63737 !important;
}

.color-blue {
    color: #0095F6 !important;
}

.color-yellow2 {
    color: #E2B558 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #666;
}

/* Border Colors Css  */
.border-solid {
    border: 1px solid !important;
}

.border-primary {
    border-color: var(--primary) !important;
}

.border-purple {
    border-color: var(--secondary) !important;
}

.border-dark {
    border-color: #414A53 !important;
}

.border-grey {
    border-color: #808D9E !important;
}

.border-black {
    border-color: #000 !important;
}

.border-green {
    border-color: #00CD59 !important;
}

.border-red {
    border-color: #EF3636 !important;
}

.border-green2 {
    border-color: #28B877 !important;
}

.border-red2 {
    border-color: #F63737 !important;
}

.border-blue {
    border-color: #0095F6 !important;
}

/* Badge Color Css  */
.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-success {
    color: #fff;
    background-color: #3bb001;
}

.badge-purple2 {
    background-color: #800080;
    color: #fff;
}

.badge-red {
    color: #fff;
    background-color: #ff8788 !important;
}

.badge-skyblue {
    color: #fff;
    background-color: #74c0fc !important;
}

.badge-international {
    border: 1px solid var(--secondary) !important;
    border-color: var(--secondary) !important;
    color: var(--secondary) !important;
}

.badge-domestic {
    border: 1px solid var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

.open-status {
    background-color: #7c58e0;
    color: #fff;
}

.pending-pkg {
    background-color: #17a2b8;
    color: #fff;
}

.delivered {
    background-color: #28a745;
    color: #fff;
}

.in-storage {
    background-color: #00bcd4;
    color: #fff;
}

.partially-delivered {
    background-color: #dc3545;
    color: #fff;
}

.picked-up {
    background-color: #8e24aa;
    color: #fff;
}

.d-float-center {
    display: flex !important;
    align-items: center;
    gap: 5px;
    flex-flow: wrap;
}

.gap-10 {
    gap: 10px;
}

.gap-15 {
    gap: 15px;
}

.gap-20 {
    gap: 20px;
}

/* Common Css  */
.w-20 {
    width: 20% !important;
}

.w-70 {
    width: 70% !important;
}

.w-75 {
    width: 75% !important;
}

.w-80 {
    width: 80% !important;
}

.card-style {
    box-shadow: none;
    border-radius: 8px;
    width: -webkit-fill-available !important;
}

.card-light-border {
    border: 1px solid #E0E0E0 !important;
}

.card-status {
    background: #F3E5F5 !important;
    background: #fce4ff !important;
    color: #333 !important;
    font-weight: 400;
}

.card-style .card-overlay {
    border-radius: 8px;
}

.menu-title a {
    color: #414A53;
}

body .input-style em,
body .input-style.has-borders span {
    margin-right: 35px;
    margin-top: 0px;
}

.border-right-0 {
    border-right: 0 !important;
}

.position-unset {
    position: unset !important;
}

.gradient-highlight {
    background-color: var(--primary) !important;
    background-image: linear-gradient(var(--primary), var(--primary)) !important;
    color: #fff !important;
}

a.color-highlight {
    color: var(--primary) !important;
}

.object-fit-contain {
    object-fit: contain;
}

.font-1rem {
    font-size: 1rem !important;
}

.dropdown-menu.show .dropdown-item i {
    color: var(--primary) !important;
}

/* Scroll Css  */
.sendPackageBox .scrollWrap {
    height: 75vh;
    /* max-height: 75vh; */
    padding-top: 10px;
    padding-bottom: 50px;
    overflow-x: hidden;
    overflow-y: auto;
}

.header .header-icon {
    font-size: 18px;
}

/* Dashboard  */
.dashboard .my-orders-row .order-list-box {
    padding: 0px;
}

.dashboard-top1 .card-style {
    margin: 0px 10px 15px 10px;
}

.dashboard-top1 .icon-box p {
    width: 60px;
    height: 60px;
    margin: 5px 15px;
}

.dashboard-top1 .text-box {
    margin: 0 15px;
    text-align: left;
}

.box-subHead {
    line-height: normal;
    margin: 3px 0 8px;
}

/* Orders List Css  */
.oder-list-page .my-orders-row .order-list-box {
    padding: 0px;
}

.oder-list-page .my-orders-row .order-list-box .card-style {
    margin: 0;
    border: 1px solid #E0E0E0 !important;
}

.tab-divider {
    background-color: #00000033;
}

.order-list-step3 .order-list-box .card-style {
    border: 1px solid #0000004a !important;
    border-radius: 8px;
    overflow: visible;
}

.orders-list .content.collapse a {
    color: #0095F6 !important;
}

.orders-list .content.collapse a.color-grey {
    color: #808D9E !important;
}

.order-list-step3 .order-list-box {
    padding: 0px;
}

.order-info-icons .order-icons {
    width: 4mm;
}

.order-info-icons .weight .order-icons {
    width: 5mm;
}

.delivery-time .order-icons {
    width: 4.5mm;
}

.footer-box {
    text-align: center;
}

.footer-box.track-gps {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}

.my-orders-row .my-orders-box .card {
    border-radius: 8px;
}

.my-orders-row .my-orders-box.previous .card {
    background-color: #e0e0e0;
}

/* Create Order Css  */
.footer-bar-6 .circle-nav strong {
    background-image: linear-gradient(to bottom, var(--primary) 0%, var(--primary) 100%) !important;
}

.interest-check input:checked~label {
    background-color: var(--secondary) !important;
}

.ios-switch-icon label::before {
    background-color: #ccc !important;
}

.ios-input:checked~.custom-control-label::before {
    background-color: #28B877 !important;
}

.menu-title .choose-order-title {
    font-size: 20px;
    font-weight: 700;
    padding: 25px 0px 10px 15px;
}

.choose-order-type .order-icons {
    width: 15mm;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
    border-color: #808D9E;
}

.choose-order-type .international .order-icons {
    border-color: #808D9E;
}

.input-style.has-icon.has-borders i.input-right-icon {
    position: absolute;
    top: 50%;
    width: 10px;
    right: 30px;
    text-align: center;
    margin-top: -7px;
}

.input-style.has-borders .valid,
.input-style.has-borders .invalid,
.input-style.has-borders span,
.input-style.has-borders em {
    margin-right: 20px;
}

.order-list-id a {
    opacity: 1;
}

/* Pickup Scheduled Popup Css  */
.pickup-scheduled-popup .interest-check input:checked~label {
    padding: 6px 10px 6px 32px;
}

.pickup-scheduled-popup .interest-check i {
    left: 25px;
}

.pickup-scheduled-popup .interest-check label {
    padding: 8px 15px 8px 30px;
}

/* Order View Css  */
.order-view-dropdown .dropdown-item {
    line-height: 2.5;
}

/* Order Tracking Css  */

.order-tracking .timeline-body {
    position: relative;
    margin-top: 200px;
    padding-top: 5px;
    z-index: 2;
    background-color: #f0f0f0;
    padding-bottom: 10px;
    box-shadow: none !important;
}

/* Address List Css  */
.address-box .fac label {
    padding-left: 0.5em;
}

.address-box .fac-radio>span::after {
    font-size: 30px;
    left: auto;
    right: 0;
}

.address-box .fac-radio>input[type=radio]+label:before {
    left: auto;
    right: 7px;
    font-size: 20px !important;
    margin-top: 2px;
}

/* Accounts View Css  */

/* Development Css  */
.card-overlay.bg-gradient {
    background-image: none !important;
    background: linear-gradient(#0000 0% 20%, #0000001a 30%, #000c 70%, #000 100%) !important;
}

/* Create Order  */
.menu-active {
    display: block;
    width: 100%;
}

/* My Profile  */
.card-profile-pic {
    width: 55px;
    height: 55px;
    border-radius: 8px;
}

.hover-link {
    visibility: hidden;
}

.card-profile-pic:hover .hover-link {
    visibility: visible !important;
}

.add-address-row .order-list-box .card-style {
    border: 1px solid #0000001a !important;
    border-radius: 8px;
}

.add-address-row .address-box {
    line-height: 1.5;
}

.add-address-row .maindiv .icon-check i {
    left: 25px;
    height: 20px;
    line-height: 20px;
}

.add-address-row .maindiv .form-check-label {
    padding: 0px 0px 0px 30px;
}

.corp-reg-box {
    max-height: 40vh;
    overflow-y: auto;
}

.input-box-custom2.input-style.has-icon i:first-child {
    top: 35%;
}

.modal-content {
    border-radius: 20px;
}

.error-message {
    color: red;
    opacity: 1 !important;
    margin-right: 10px !important;
    top: 15px !important;
}

.icon-position.input-box-custom2.input-style.has-icon i:first-child {
    top: 50%;
}

.bg-purple.no-click {
    border-radius: 10px !important;
}

.disabled-box input.form-control {
    background: #eee;
    cursor: no-drop;
    opacity: 0.9;
}

.disabled-box .react-select__control {
    background: #eee;
    cursor: no-drop;
    opacity: 0.9;
}

.company-header-logo {
    height: auto !important;
}

.menu-box-left .list-menu {
    margin: 0;
}

.menu-box-left .list-menu a#nav-pages {
    padding: 0 20px 0 15px;
}

.menu-box-left .list-menu a.default-link {
    margin: 0px 15px 0px 15px;
}

.interest-check input:checked~i.color-yellow2:last-child {
    display: none;
}

.ri {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

.list-menu a i:first-child {
    border-radius: 8px;
}

.card-style {
    overflow: visible;
}

.draft-order-btns {
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.dashboard-top1 .icon-box p {
    width: auto;
    min-width: 60px;
    max-width: 110px;
    padding: 0 10px;
    font-size: 20px;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.dashboard-top1 .box-subHead {
    margin-top: 10px;
    margin-bottom: 0;
}

.input-style .border-color73 {
    border-color: #737373 !important;
}

.clear-filter-badge {
    padding: 10px 0;
}

.no-data-img-div {
    width: 100%;
    height: 100%;
    background: #fff;
    padding-bottom: 10rem;
}

.no-data-img {
    margin-top: 5rem;
    width: 20%;
    height: auto;
}

.tab-controls-order-list {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
}

.order-type-popup .modal-body {
    background-color: #f3f3f3;
}

#menu-main.order-type-popup .choose-order-type p.font-16 {
    margin-bottom: 15px;
}

.accordion-section .card.card-style {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0px;
}

.accordion-header .d-float-center {
    width: -webkit-fill-available;
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
    cursor: no-drop !important;
    background: #d7d7d7;
}

.add-address-row .order-list-box .card.card-style {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.shipment-service-img {
    width: 60px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
}

.shipment-service-img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    object-position: center;
}

.upload-file-label-button {
    align-items: center;
    gap: 0px;
    flex-flow: wrap;
    display: flex;
    justify-content: space-between;
}

.selected-file-upload-box {
    border: 1px solid var(--primary);
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    padding-right: 100px;
}

.selected-file-upload {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.sendPackageBox .scrollWrap {
    height: calc(91vh - 60px);
}

.package-retun-label {
    background-color: aliceblue;
}

/* International Order Css */
.international-form-input {
    input.form-control {
        border-radius: 50px !important;
        height: 41px !important;
        font-weight: 500;
    }
}

.international-package {

    .formcontrol-label-input {
        height: 41px !important;
        font-weight: 500;
        font-size: 13px;
        font-family: "Inter", sans-serif;
    }

    .input-style.has-borders input.formcontrol-label-input.readonly-print {
        padding-left: 45px !important;
        font-weight: 600;
    }

    .input-style.has-borders input.formcontrol-label-input {
        border-radius: 50px !important;
    }

    .pointer-none {
        cursor: no-drop !important;
    }

    .menu .input-style input.bg-purple {
        background-color: var(--secondary) !important;
        color: #fff !important;
    }

    .accordion .shadow-xl {
        box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.02) !important;
    }

    .card-service-provider {
        background-color: aliceblue;
    }

    .box-service-provider {
        width: 100%;
        height: auto;
        object-fit: cover;
        background-position: center;
        border-radius: 10px;
    }

    .box-service-provider .img-service-provider {
        width: 100%;
        height: 100%;
        object-fit: cover;
        background-position: center;
        border-radius: 10px;
    }

    .card-service-provider .fac-radio {
        padding: 15px 15px;
        border: 1px solid #E0E0E0;
        border-radius: 8px;
        margin: 10px 0;
    }

    .card-service-provider.address-box .fac-radio>span::after {
        right: 10px;
        top: 10%;
        color: #ccc;
    }

    .card-service-provider.address-box .fac-radio>span.color-green2::after {
        color: #28B877 !important;
    }

    .card-service-provider.address-box .fac-radio>input[type=radio]+label:before {
        right: 16px;
        top: 9%;
    }

    .sub-box-provider {
        column-gap: 100px;
    }

    .sub-box-provider .sub-box-div01 {
        column-gap: 20px;
    }

    .calendar-pickup-order .calender-span {
        display: block;
    }

    .calendar-pickup-order .calender-span.c-month,
    .calendar-pickup-order .calender-span.c-day {
        font-size: 12px;
        font-weight: 400;
        color: #414A53;
    }

    .calendar-pickup-order .calender-span.c-date {
        font-size: 16px;
        font-weight: 600;
        color: #000;
    }

}