.badge-warning {
    background-color: #F6236B !important;
}
.min-width{
    min-width: 100px!important;
}
.info-box .info-box-text,
.info-box .progress-description {
    display: block !important;
    overflow: unset !important;
    text-overflow: ellipsis !important;
    line-height: 18px !important;
    white-space: normal !important;
}
.User-bg{
background: rgb(247,201,97);
background: linear-gradient(157deg, rgba(247,201,97,1) 0%, rgba(230,126,46,1) 100%);
}
.total-application{
background: rgb(47,212,12);
background: linear-gradient(157deg, rgba(47,212,12,1) 0%, rgba(182,216,143,1) 100%);
}
.total-application-inprocess{
background: rgb(246,160,160);
background: linear-gradient(157deg, rgba(246,160,160,1) 0%, rgba(228,34,34,1) 100%);
}

.complete0 {
    background-color: #ff6e2e;
}

.text-grey {
    color: #7f7f7f!important;
}
.complete1 {
    background-color: #dee2e66b;
}

.complete2{
    background-color: #70D64B;
}
.w-130 {
    width: 130px !important;
}

.rounded-8 {
    border-radius: 8px !important;
}
.rounded-15 {
    border-radius: 15px !important;
}
.rounded-20 {
    border-radius: 20px !important;
}
.badge-warning {
    background-color: #F6236B !important;
}

.font-weight-light {
    font-weight: 400 !important;
}
.v2 {
    border-left: 4px solid #00BF78;
    height: 35px;
}


.w-h-badge {
    width: 78px !important;
}

.no-wrap {
    white-space: nowrap !important;
}

.badge-success {
    background-color: #00BF78 !important;
}

.badge-warning {
    background-color: #F6236B !important;
}



.green {
    color: #1AA9C9 !important;
}

span.circle_offline {
    background: #F6236B;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: white;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    min-width: 10px !important;
    min-height: 10px;
    position: absolute;
    margin-top: 20px;
    margin-left: -8px;
}

span.circle_online {
    background: #1AA9C9;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: white;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    min-width: 10px !important;
    min-height: 10px;
    position: absolute;
    margin-top: 20px;
    margin-left: -8px;
}

.text-blue{
    color: #2E4DD4!important;
}
.text-Oceanblue{
    color: #229ACF!important;
}

.cursor-pointer{
    cursor: pointer!important;
}
.font-weight-bold {
    font-weight: bold;
}



@media only screen and (max-width: 600px) {
    .NavLogo {
        display: none !important;
    }
}

@media only screen and (max-width: 660px) {
    .remove-dflex {
        display: block !important;
    }
}
.badge-silver{
    background-color: #748A9D!important;
}
.float-left {
    float: left !important;
}
.text-decoration-underline{
    text-decoration: underline!important;
   }
.tooltip-inner {
    background-color: white !important;
    color: black;
    border-radius: 10px!important;
    box-shadow: 1px 1px 1px 1px silver!important;
  }
  
  .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: white !important;
  }
  
.font-1rem {
    font-size: 1rem !important;
}


h1 {
    font-size: 40px !important;
}

.border-green {
    border: 2px solid #1AA9C9 !important;
}

.bg-green {
    background-color: #1AA9C9 !important;
}

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

@media screen and (max-width: 480px) {
    .w-h-80 {
        width: 100% !important;
        height: 100% !important;
    }
}

.fxt-template-layout2 .fxt-content {
    padding: 3% 4% 3% 4% !important;
}

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

.rounded-left-15 {
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}

.rounded-right-15 {
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.font-13 {
    font-size: 13px !important;
}
.text-black{
    color: black!important;
}
.Card-left-design {
    border-left: 14px solid #229ad8;
}
.poppin-l {
    font-family: Poppins-Light !important;
}

.poppin-m {
    font-family: Poppins-Medium !important;
}

.poppin-s-b {
    font-family: Poppins-SemiBold !important;
}

.poppin-l {
    font-family: Poppins-Light !important;
}

.poppin-b {
    font-family: Poppins-Bold !important;
}

.poppin-e-b {
    font-family: Poppins-ExtraBold !important;
}

.poppin-r {
    font-family: Poppins-Regular !important;
}

.poppin-t {
    font-family: Poppins-Thin !important;
}

.montserrat-l {
    font-family: Montserrat-Light !important;
}

.montserrat-b {
    font-family: Montserrat-Bold !important;
}

.montserrat-m {
    font-family: Montserrat-Medium !important;
}

.montserrat-r {
    font-family: Montserrat-Regular !important;
}

.p-0-7 {
    padding: 0.7rem !important;
}

.custom-counter-bx {
    width: 60px !important;
    height: 50px !important;
}

.f-22-p {
    font-size: 22px !important;
}

.w-35 {
    width: 35px !important;
}

.small-font {
    font-size: 0.7rem !important
}

.med-font {
    font-size: 0.8rem !important
}

.min-height-70 {
    min-height: 70px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.tab-custom-bg-color {
    background-color: #646060 !important;
    color: white !important;
}

.font-14-px {
    font-size: 14px !important
}

.dropdown-toggle::after {
    vertical-align: 0.755em !important;
}
.pie-wrapper.label {
    font-size:180em !important;
}

/*salesfox v 0,0,7*/
.card-min-h{
    min-height:211px;
}
.lh-40{
    line-height:28px;
}
@media(min-width:1148px) and (max-width:1377px){
    .lh-40 {
        line-height: 23px;
    }
    .card-min-h {
        min-height: 214px;
    }
}
@media(min-width:1015px) and (max-width:1147px) {
    .lh-40 {
        line-height: 18px;
    }

    .card-min-h {
        min-height: 230px;
    }
}
@media(min-width:992px) and (max-width:1015px) {
    .lh-40 {
        line-height: 15px;
    }

    .card-min-h {
        min-height: 231px;
    }
}


/*font color*/
.f-color-light {
    color: #748A9D;
}
.f-color-orange {
    color: #FF6E2E;
}

/* font-weight */
.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

/* Font size classes */
.f-size-10 {
    font-size: 0.625rem !important;
}

.f-size-12 {
    font-size: 0.75rem !important; /*12px*/
}

.f-size-11 {
    font-size: 0.6875rem !important; /*11px*/
}

.f-size-13 {
    font-size: 0.8125rem !important; /*13px*/
}

.f-size-14 {
    font-size: 0.875rem !important; /*14px*/
}

.f-size-15 {
    font-size: 0.9375rem !important; /*15px*/
}

.f-size-16 {
    font-size: 1rem !important; /*16px*/
}

.f-size-18 {
    font-size: 1.125rem !important; /*18px*/
}

.f-size-20 {
    font-size: 1.25rem !important; /*20px*/
}

.f-size-22 {
    font-size: 1.375rem !important;
}
.f-size-23 {
    font-size: 1.4375rem !important;
}

.f-size-24 {
    font-size: 1.5rem !important; /*24px*/
}

.f-size-25 {
    font-size: 1.5625rem !important; /*25px*/
}

.f-size-28 {
    font-size: 1.75rem !important; /*28px*/
}

.f-size-32 {
    font-size: 2rem !important; /*32px*/
}

.f-size-36 {
    font-size: 2.25rem !important;
}
.f-size-35 {
    font-size: 2.1875rem !important;
}
.f-size-44 {
    font-size: 2.75rem !important; /*44px*/
}

/*gap*/
.gap-2 {
    gap: 2px;
}
.gap-8 {
    gap: 8.75px;
}
.gap-12 {
    gap: 12px;
}
.gap-24 {
    gap: 24px;
}
.gap-34 {
    gap: 34px;
}
.gap-30 {
    gap: 30px;
}

.gap-15 {
    gap: 15px;
}
.gap-16 {
    gap: 16px;
}
.gap-19 {
    gap: 19px;
}

.gap-10 {
    gap: 10px;
}

.gap-120 {
    gap: 120px;
}

/*border radius*/
.b-radius-8{
    border-radius:8px;
}
.b-radius-10{
    border-radius:10px;
}
 .b-radius-12{
    border-radius:12px;
}
 .b-radius-50{
     border-radius:50px;
 }
 /*buttons*/
 .btn-xs{
     padding:8px 10px;
 }
.btn-p2 {
    padding: 12px 24px;
}
.btn-p3{
    padding:12px 10px;
}
.btn-p4 {
    padding: 12px 84px;
}
/*background colors*/
.bg-light-grey {
    background-color: #F6F6F6 !important;
}

.bg-default {
    background-color: #F7F8FC;
}


/*coupon's css*/
.circle-bg {
    border-radius: 50%;
    padding: 10px 12px;
    display:inline-flex;
}

.status-bg {
    border-radius: 25px;
    padding: 6px 18px;
    display: inline-flex;
}

/*font colors*/
.f-color-grey {
    color: #748A9D;
}
.f-color-green {
    color: #31A162;
}
.f-color-red {
    color: #FC0909;
}

.dropdown-icon-default {
    background-image: url(/assets/dropdown-icon.svg) !important;
    background-position: 97% 14px !important;
    background-repeat: no-repeat !important;
    background-size: 15px !important;
}
.percentage-icon {
    background-image: url(/assets/Discount.svg) !important;
    background-position: 97% 11px !important;
    background-repeat: no-repeat !important;
    background-size: 15px !important;
}
.calender-icon {
    background-image: url(/assets/calendar.svg) !important;
    background-position: 97% 10px !important;
    background-repeat: no-repeat !important;
    background-size: 15px !important;
}

/* Custom Scrollbar for WebKit Browsers (Chrome, Safari) */
.scrollable-dropdown::-webkit-scrollbar {
    width: 4px; /* Narrow scrollbar width */
}
.scrollbar-thin {
    overflow-y: auto;
}

    .scrollbar-thin::-webkit-scrollbar {
        width: 4px; /* For Chrome, Safari, and Opera */
    }

    .scrollbar-thin::-webkit-scrollbar-thumb {
        background-color: #CECECE !important;
        border-radius: 50rem;
    }

    .scrollbar-thin::-webkit-scrollbar-track {
        background-color: transparent !important;
        border-radius: 50rem;
    }

.scrollbar-thin-white {
    overflow-y: auto;
}

    .scrollbar-thin-white::-webkit-scrollbar {
        width: 4px; /* For Chrome, Safari, and Opera */
    }

    .scrollbar-thin-white::-webkit-scrollbar-thumb {
        background-color: #CECECE;
        border-radius: 50rem;
    }

    .scrollbar-thin-white::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 50rem;
    }

.scrollbar-x-0 {
    overflow-x: auto;
}

    .scrollbar-x-0::-webkit-scrollbar {
        display: none; /* Hide the scrollbar in WebKit browsers (Chrome, Safari, etc.) */
    }


.horizontal-scroll {
    overflow-x: auto;
}

    .horizontal-scroll::-webkit-scrollbar {
        width: 0; /* Hide the scrollbar in WebKit browsers (Chrome, Safari, etc.) */
    }

.horizontal-scroll-thin {
    overflow-x: auto;
}

    .horizontal-scroll-thin::-webkit-scrollbar {
        width: 4px;
    }

    .horizontal-scroll-thin::-webkit-scrollbar-thumb {
        background-color: darkgray;
        border-radius: 2px; /* Adjust the border-radius as needed */
    }


    .horizontal-scroll-thin::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 50rem;
    }

.tbl-recent-payment-h {
    height: 135px;
}

/*line heights*/
.lh-1{
    line-height:1 !important;
}
.lh-sm{
    line-height:1.25 !important;
}
.lh-base{
    line-height:1.5 !important;
}
.lh-lg{
    line-height:2 !important;
}
/*data table border right 0*/


.empty-package-h{
    height:828px;
}
.trim-20 {
    position: relative;
    display: inline-block;
    max-width: 20ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.trim-25 {
    position: relative;
    display: inline-block;
    max-width: 25ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.trim-18 {
    position: relative;
    display: inline-block;
    max-width: 18ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

/* orange checkbox */
/* Hide default checkbox */
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 13px;
    height: 13px;
    border: 2px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    background-color: white;
}

    /* Change background color when checked */
    input[type="checkbox"]:checked {
        background-color: #ff6e2e;
        border-color: #ff6e2e;
    }

        /* Create a checkmark using CSS */
        input[type="checkbox"]:checked::after {
            content: "";
            display: block;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 2px 2px 0;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -60%) rotate(45deg);
        }


        /* Apply centering to all modal dialogs */
        .modal .modal-dialog {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: 100vh;
        }
        div.dataTables_scrollBody {
            /*border-right: 1px solid #ddd !important;*/
            height:auto !important;
        }
table.table-bordered.dataTable tbody td {
     border-bottom-width: 0.5px; 
}
        .nav-link.active .svgColor path {
            fill: #ff6e2e !important;
        }
        /* Override SweetAlert buttons */
        .swal2-confirm,
        .swal2-cancel,
        .swal2-deny {
            background-color: #ff6e2e !important;
            border: none !important; /* Remove border */
            color: white !important;
            box-shadow: none !important;
        }