.required {
    color: red;
}

@media (max-width:1140px) {
    #offcanvasCreate {
        width: 95% !important;
    }
}

@media (max-width:720px) {
    #offcanvasCreate {
        width: 100% !important;
    }
}

.col-rem-8 {
    width: 8rem !important;
}

.col-rem-8>option {
    width: 100% !important;
}

.col-rem-10 {
    width: 10rem !important;
}

.col-rem-12 {
    width: 12rem !important;
}

.apex-charts text {
    fill: rgb(0, 0, 0) !important;
    background-color: #d6d6d6;
    border-radius: 5px;
}


/* .area_office_container, .district_container {
    display: none;
} */

.bg-recent-activity {
    background: rgb(141, 150, 160, 0.5) !important;
}

.bg-customer-enquiry {
    background: rgb(136, 146, 119, 0.5) !important;
}

.bg-brokers-contacted {
    background: rgb(167, 139, 158, 0.5) !important;
}

.bg-tractor-offers {
    background: rgba(187, 206, 154, 0.5) !important;
}

.bg-exchange-tractors {
    background: rgba(110, 72, 116, 0.5) !important;
}

.bg-dealer-details {
    background: rgba(199, 133, 107, 0.5) !important;
}

.bg-offer-details {
    background: rgba(110, 72, 116, 0.5) !important;
}

.bg-offerer-details {
    background: rgb(167, 139, 158, 0.5) !important;
}

.bg-tractor-details {
    background: rgb(136, 146, 119, 0.5) !important;
}

.bg-broker-details {
    background: rgba(141, 150, 160, 0.5) !important;
}

.bg-app-activity {
    background: rgba(187, 206, 154, 0.5) !important;
}

.bg-dealer-engagement {
    background: rgba(110, 72, 116, 0.5) !important;
}

.bg-most-recent-activity {
    background: rgba(199, 133, 107, 0.5) !important;
}

th.bg-atleast-enquiry {
    background-color: rgba(199, 133, 107, 0.5);
}

th.bg-unique-connection {
    background-color: rgba(110, 72, 116, 0.5);
}

th.bg-broker-enquiry {
    background-color: rgb(136, 146, 119, 0.5);
}
.w-20{
    width: 20px;
}
.pagination{
    margin-top: 20px;
}
.left-0{
    left: 0;  
}
/* .arrow-down{
    margin-left: none;
} */
.arrow-down:after {
    margin-left: 8px !important;
}

.unit-logo {
    width: 90px;
    height: auto;
    object-fit: contain;
    cursor: pointer;
}
.unit-select {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    order: 2;
    /* margin-left: 70px; */
}

.unit-select select.select-item {
    background: transparent;
    border: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    padding-right: 30px !important;
}

.unit-select .unit-icon {
    display: flex;
}

.unit-select .select-item:focus {
    outline: unset;
}

.unit-option {
    width: 90px;
    height: auto;
    margin: 5px 0;
    cursor: pointer;
}

#status,
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1050;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader {
    width: 60px;
    height: 60px;
    border: 6px solid #ED8B30;
    border-top: 6px solid black;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}