/*@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');*/

html, body {
    font-family: 'Segoe UI', sans-serif;
    background: #F1F3FC !important;
    font-size: 14px;
    overflow-y: hidden;
}

.login-bg {
    background: #FAFAF9 !important;
}

a, .btn-link {
    color: #0077cc;
}

    a, a:hover {
        text-decoration: none !important;
    }

.priacy-scroll {
    height: 100vh;
    overflow-y: scroll;
}

/* ----------------
    font-face font-face
    --------------------
*/

@font-face {
    font-family: 'Segoe UI Regular', sans-serif;
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Regular'), url('Segoe UI.woff') format('woff');
}

@font-face {
    font-family: 'Segoe UI Italic', sans-serif;
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Italic'), url('Segoe UI Italic.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Bold', sans-serif;
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold'), url('Segoe UI Bold.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Bold Italic', sans-serif;
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold Italic'), url('Segoe UI Bold Italic.woff') format('woff');
}


/* ----------------
    End font-face font-face
    --------------------
*/


/*color pallete*/
:root {
    --primary-color: #757575;
    --primary-hover-color: #1d1d1b;
    --light-blue: #e3ecfa;
    --primary-green: #07c597;
    --primary-green-hover: #82F5CC;
    --dark-grey: #454545;
    --dark-grey-hover: #1d1d1b;
    --light-red: #FFE5E5;
    --light-grey: #f1f1f1;
    --new-green-dark: #02755A;
    --menu-bg: #025B46;
    --menu-bg-dark: #014837;
}
.LR-booking-grid-column table thead tr th {
    background-color: #daebe9 !important;
}

.bg-light-blue {
    background: var(--light-blue);
}

.bg-yellow {
    background: yellow;
}

.bg-grey {
    background: #e3e3e3;
}

.grey-bg {
    background: #efefef;
}

.bg-white {
    background: #fff;
}

.note-green {
    background: #DEFFDA;
}

.light-grey {
    background: #f7f7f7;
}

div.shadow {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2) !important;
}
.bg-light-grey {
    background: var(--light-grey);
}
/*---------------------------
    Heading and text colors
------------------------------*/
h1, h2, h3, h4, h5, h6, p {
    color: var(--dark-grey);
    text-transform: none;
}

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

h2 {
    font-size: 24px !important;
}

h4 {
    font-size: 17px !important;
    font-weight: bold !important;
}

.font-12 {
    font-size: 12px !important;
}

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

.font-16 {
    font-size: 16px !important;
}

.font-18 {
    font-size: 18px !important;
}

.heading-6 {
    font-size: 17px;
    font-weight: 700;
}

.border-radius-4 {
    border-radius: 4px;
}

.border-radius-10 {
    border-radius: 10px;
}

.box-shadow {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.card .pb-0 {
    padding-bottom: 0 !important;
}

.card-footer {
    background: white;
    border: 0px;
}

.f-w-500, .fw-500 {
    font-weight: 500;
}

.z-index-1 {
    z-index: 1;
}

label {
    font-weight: 500;
}

.carPlate-Infleet {
    font-size: 11px;
    border-radius: 2px;
    background: #DEF6E3;
    padding: 2px 6px;
    line-height: 14px;
    display: inline-block;
}

.carPlate-Active {
    font-size: 11px;
    border-radius: 2px;
  
    background: #D1EDF6;
    padding: 2px 6px;
    line-height: 14px;
    display: inline-block;
}

.carPlate-Defleeting {
    font-size: 11px;
    border-radius: 2px;
    padding: 2px 6px;
    line-height: 14px;
    display: inline-block;
    background: #E1E1FC;
}

.carPlate-Inactive {
    font-size: 11px;
    border-radius: 2px;
    padding: 2px 6px;
    line-height: 14px;
    display: inline-block;
    background: #F0CCCC;
}
.carplate-no-lr {
    font-size: 14px;
    font-weight: 700;
    color: #212222;
}
.car-model {
    font-size: 14px;
    margin: 3px 0;
    color: #212222;
}
.mileage span {
    font-size: 14px;
    color: #212222;
    font-weight: 600;
}
.link-booking {
    color: #0075FF !important;
    text-decoration: underline !important;
    font-size: 16px !important;
}
/*-------------
 Default buttons
------------------*/
.btn {
    border-radius: 4px !important;
    font-weight: 700;
    padding: 7px 25px;
    transition: all ease-in-out 0.5s;
    word-break: break-word !important;
}

    .btn:focus,
    button:focus {
        box-shadow: none !important;
    }

    .btn.btn-border {
        border-color: var(--dark-grey);
        background: white;
        color: var(--dark-grey);
        padding: 7.5px 17px;
        border-width: 1px;
        transition: 0.5s ease all;
        font-weight: bold;
        font-weight: 500;
        letter-spacing: 0.4px;
        border-radius: 4px !important;
    }

        .btn.btn-border:hover {
            border-color: var(--dark-grey) !important;
            background: var(--light-grey);
            color: var(--dark-grey) !important;
            border-radius: 4px !important;
        }

    .btn.btn-default {
        background: var(--dark-grey);
        color: #fff !important;
        display: inline-flex;
        align-items: center;
        font-weight: bold;
        padding: 7px 20px;
    }

        .btn.btn-default:hover {
            background: var(--primary-hover-color);
            transition: all ease-in-out 0.5s;
            color: #fff;
        }

.primary-btn {
    width: 100%;
    background-color: var(--primary-hover-color) !important;
    color: #fff !important;
    border-radius: 0px !important;
    font-size: 21px !important;
}

.btn-green {
    background: var(--primary-green);
    color: white !important;
    font-weight: 500;
    letter-spacing: 0.4px;
}
    .btn-green:hover,
    .btn-green:focus {
        color: #fff;
        background: var(--new-green-dark);
    }

.btn-round {
    border: 1px solid;
    padding: 10px;
    border-radius: 25px !important;
    font-size: 12px;
    color: var(--dark-grey) !important;
}

.close-btn-red {
    border-color: red;
    color: red !important;
}
.btn.grey-border-icon {
    border-color: var(--dark-grey)!important;
    color: var(--dark-grey);
    padding: 4px 3px;
}
    .btn.grey-border-icon:hover {
       background: var(--dark-grey);
        color: #fff;
    }
.extra-buttons button.k-button-solid {
    display: none !important;
}

.extra-buttons button.k-split-button-arrow {
    display: block !important;
}

    .extra-buttons button.k-split-button-arrow .k-i-caret-alt-down {
        font-family: 'boxicons' !important;
    }

        .extra-buttons button.k-split-button-arrow .k-i-caret-alt-down::before {
            content: "\ea16" !important;
        }

.extra-buttons {
    height: 35.65px !important;
    border: 1px solid #ddd;
}
/*-----------
    Defaults
---------------*/
.container-fluid {
    padding-right: var(--bs-gutter-x, 2.75rem) !important;
    padding-left: var(--bs-gutter-x, 2.75rem) !important;
}

a.blue-color.text-underline {
    text-decoration: underline !important;
}

.blue-color {
    color: #3E6AE1 !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.text-red {
    color: #e8252b;
}

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

.custom-shadow {
    box-shadow: 1px 1px 10px #ddd;
}

table thead th.break-word {
    word-break: break-word !important;
}

.opa-3 {
    opacity: 0.3;
}

.opa-5 {
    opacity: .5
}

.custom-accordion .accordion-button::after {
    position: absolute;
    left: 0;
    /*   content: "\ed91";
    font-family: boxicons !important;*/
}

.custom-accordion .accordion-button.collapsed,
.custom-accordion .accordion-button {
    padding-left: 32px;
}

    .custom-accordion .accordion-button:not(.collapsed) {
        border-bottom: 0;
    }
/*--------------------------------------------------------------
 Navigation Menu
--------------------------------------------------------------*/
header .navbar {
    padding-right: 0;
    padding-left: 0;
    background: #ffffff;
}

header .navbar .nav-item {
    font-size: 15px;
    padding-left: 50px;
}

header .navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
    flex-direction: row;
}

header .navbar li.k-item:focus {
    box-shadow: none !important;
}

header .navbar li a:not(.btn) {
    font-weight: 500;
    color: var(--dark-grey) !important;
    transition: 0.3s;
    text-decoration: none;
}

header .navbar li a:not(.btn):hover,
header .navbar li a:not(.btn).active,
header .navbar li:hover a:not(.btn) {
    color: var(--primary-green) !important;
    text-decoration: none;
    cursor: pointer;
    transform: unset !important;
}

#header .btn-default {
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 7px 10px !important;
    border-radius: 3px !important;
}

#header .logo img {
    max-height: 40px;
}

.company-log {
    background: #ddd;
    padding: 4px 13px;
    position: absolute;
    z-index: 5;
    border-radius: 4px;
    left: 261px;
    top: 11px;
}
.company-detail {
    display: flex;
    padding: 20px 20px 20px 10px;
}

.company-detail img {
    width: 24px;
    height: 24px;
    border-radius: 50px;
}

.company-detail .company-log {
    padding: 4px 13px;
 /*   color: #fff;*/
    position: static;
    font-size: 15px;
    background: transparent;
}
.company-detail .company-log h6 {
    font-weight: bold;
}

.c-logo {
    height: 35px;
}

span.env {
    background: #07c59730;
    padding: 2px 9px;
    color: #07c597;
    border: 0px;
    border-radius: 3px;
    font-weight: 500;
}
/****login page form****/
.login-hero img {
    width: 90%;
}

.login-form {
    padding: 60px 30px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(51, 51, 51, 0.04), 0px 4px 16px rgba(51, 51, 51, 0.08);
    height: calc(100vh - 100px);
}

.btn.login-btn {
    background: var(--primary-green);
    color: #fff;
    padding: 7px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    border-radius: 4px !important;
}

    .btn.login-btn:hover {
        background: #04b086;
        color: #fff;
    }

.login-form .form-control {
    border-color: #ddd;
    height: 35px;
}

.login-form .k-input:focus,
.login-form .k-input:focus-within {
    box-shadow: none;
    border-color: #86b7fe !important;
}

.login-form h2 {
    color: #484644;
    font-weight: bold !important;
    font-size: 20px !important;
}

.login-form h6 {
    font-size: 1.18rem;
}

.login-form label {
    font-weight: 500;
}

.input-group > .form-control:focus {
    z-index: 1 !important;
}

.passwrd-group {
    position: absolute;
    right: 10px;
    bottom: 6px;
    z-index: 3;
}

.login-form-ftr {
    /*   position: absolute;
    bottom: 60px;*/
    right: 0;
    left: 0;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
}


span.app-date {
    color: #212222;
    font-size: 14px;
}

span.app-date i {
    font-size: 16px;
}
/**------------------------
hide password eye For edge 
-------------------------**/
input[type="Password"]::-ms-reveal {
    display: none;
}

a.raise-query {
    color: #1d1d1b;
    margin: 20px 0 0 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.heading h3 {
    font-size: 21px;
    color: #393C41;
    font-family: 'Segoe UI', sans-serif;
    margin: 0px;
    position: relative;
}

.form-check {
    display: inline-block !important;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
    margin-right: 20px;
}

.success {
    background: #C3EECC;
    border-radius: 0px !important;
    text-align: center;
    color: #000;
    font-size: 20px;
    padding: 10px !important;
    font-weight: 600;
}

    .success i.bx.bx-x-circle {
        float: right;
        font-size: 26px;
    }

.k-column-title {
    text-transform: none;
    white-space: unset !important;
}

/******card*****/
.card {
    background-color: #ffffff !important;
    border: 0px !important;
    padding: 0px;
}

.card-body {
    padding: 20px !important;
    text-transform: none;
}

.card-header {
    background: white !important;
    font-weight: bold !important;
    padding-top: 15px !important;
    font-size: 15px;
    color: var(--dark-grey);
}

    .card-header h6 {
        color: var(--dark-grey);
        font-size: 15px;
        font-weight: bold;
    }

/*Breadcurmb*/
ol.breadcrumb {
    background: initial;
}

    ol.breadcrumb i.home-icon {
        background: #f1fffa;
        color: #07c597;
        padding: 2px;
    }

    ol.breadcrumb li.breadcrumb-item {
        font-size: 12px;
    }

        ol.breadcrumb li.breadcrumb-item a {
            color: #6c757d;
        }

            ol.breadcrumb li.breadcrumb-item a:hover {
                color: var(--primary-green) !important;
            }

.carplate-no {
    background: #efefef;
    padding: 1px 6px;
    border-radius: 3px;
    margin-right: 3px;
}

.car-plate-no {
    position: relative;
    border: 1px solid #9b9b9b;
    border-radius: 2px;
    padding-left: 9px;
    height: fit-content;
    width: fit-content;
    height: 48px;
    border-right: 0px !important;
}

    /*    .car-plate-no:before {
        content: "";
        width: 26px;
        height: 48px;
        background: url("https://bronyaprod.blob.core.windows.net/static/ifleet/car-plateno.png") no-repeat;
        background-size: contain;
    }*/
    .car-plate-no:before {
        content: "";
        width: 14px;
        height: auto;
        background: url("https://bronyaprod.blob.core.windows.net/static/ifleet/car-plateno.png") no-repeat;
        background-size: contain;
    }

.dots-left {
    position: relative;
    height: 48px;
    border-left: 0px !important;
    border-right: 0px !important;
}

    /* .dots-left:before {
        content: "";
        width: 27px;
        height: 48px;
        background: url("https://bronyaprod.blob.core.windows.net/static/ifleet/carplate-dots.png") no-repeat;
        background-size: contain;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }*/
    .dots-left:before {
        content: "";
        width: 18px;
        height: auto;
        background: url("https://bronyaprod.blob.core.windows.net/static/ifleet/carplate-dots.png") no-repeat;
        background-size: contain;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

.last-input {
    position: relative;
    height: 48px;
}

/*Creat Booking*/
.height-35 {
    height: 35px;
}

.accordion-button {
    padding-left: 45px;
    color: var(--primary-hover-color);
    font-weight: 500;
}

    .accordion-button.collapsed {
        padding-left: 45px;
        color: var(--primary-hover-color);
        font-weight: 400;
    }

    .accordion-button:not(.collapsed) {
        color: var(--primary-hover-color);
        background-color: #ffffff;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125) !important;
        font-weight: 500;
    }

        .accordion-button:not(.collapsed)::after {
            /*  background: inherit;*/
        }

/* .accordion-button[aria-expanded="true"]::after {
        content: "\eaed";
        font-family: 'boxicons' !important;
        position: absolute;
        left: 15px;
        font-size: 22px;
        top: 20px;
        background: inherit;
        transition: unset;
    }

    .accordion-button[aria-expanded="false"]::after {
        content: "\eb21";
        font-family: 'boxicons' !important;
        position: absolute;
        left: 8px;
        font-size: 22px;
        top: 10px;
        background: inherit;
        transition: unset;
    }*/

.btn-select.btn-radio {
    display: flex;
    width: 15px;
    height: 15px;
    border-radius: 20px !important;
    padding: 0px;
    justify-content: start;
    align-items: self-start;
}


.btn-select {
    background: white;
    border: 2px solid var(--i-darkgrey);
    color: var(--i-darkgrey);
    border-radius: 4px;
}



    .btn-select.selected {
        background: #222;
        border: 2px solid #222;
        color: white;
        box-shadow: inset 0 0 0 2px white, inset 0 0 0 1em #1d1d1d !important;
    }

ul.edit-list {
    margin: 5px 0 0 0;
    display: flex;
    justify-content: end;
}

    ul.edit-list li a {
        font-size: 14px;
        /* border-right: 1px solid #ddd; */
        padding: 0px 10px;
        line-height: 1;
        text-decoration: none;
    }

.btn-select {
    background: white;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    border-radius: 4px;
}

button.btn.btn-change {
    font-weight: 400;
    border: 1px solid var(--dark-grey);
    padding: 2px 5px;
    font-size: 13px;
    background: transparent;
    color: var(--dark-grey);
    transition: 0.5s ease all;
}

    button.btn.btn-change:hover {
        color: white;
        background: var(--dark-grey);
    }

.accordion-footer {
    padding: 20px 20px;
}

button.btn.btn-disabled {
    background: #e0e0e0;
    color: #939393dd;
}

/*Order booked*/
.thanks {
    background: #26B894;
    border: 0;
}

.service-provider-tahnks {
    position: absolute;
    top: 7px;
    right: 40px;
    width: 297px;
}

.service-selected {
    /* padding: 10px !important; */
    margin: 0px;
    background: #fff;
    display: block;
    box-shadow: 0 1px 13px #ddd;
}

.car-details {
    margin-bottom: 20px;
    display: flex;
}

.car-icon {
    align-items: baseline;
    margin-top: 4px;
    width: 25px;
    margin-right: 10px;
}

.car-name {
    width: 100%;
}

    .car-name b {
        /* text-transform: uppercase; */
        font-size: 14px;
        color: #1d1d1b;
    }

.tracking-order {
    background: #fff;
}

.cursor-pointer {
    cursor: pointer !important;
}

/*-----------------
    Dashboad
--------------------*/
.green-hover-card .card {
    transition: 0.5s ease all;
}

.green-hover-card .hover-img {
    display: none;
}

.green-hover-card .card:hover,
.green-hover:hover {
    transition: 0.5s ease all;
    background: var(--primary-green) !important;
}

    .green-hover-card .card:hover p,
    .green-hover:hover p {
        transition: 0.5s ease all;
        color: white !important;
    }

.text-black {
    color: #222 !important;
}

.green-hover-card .card:hover img.hover-img {
    display: block;
}

.green-hover-card .card:hover img.default-img {
    display: none;
}

/*.green-hover-card .card img {
    filter: grayscale(900%) brightness(90%);
}
.green-hover-card .card:hover img {
    filter: none;
}*/
/***--------------
    Forms settings
----------------*****/
label {
    font-size: 14px;
}

.form-control,
.k-tabstrip-items-wrapper .k-item {
    border-radius: 0px;
    font-size: 14px !important;
}

.k-tabstrip-items-wrapper .k-item:focus,
.form-control:focus {
    box-shadow: none !important;
}

.custom-input {
    border: 1px solid #cbd8e5;
    border-radius: 0 !important;
    box-shadow: none;
    height: 38px;
}

.form-control,
.k-dropdownlist.k-picker,
.k-input,
.k-input.k-rounded-md {
    border-color: #cbd8e5 !important;
    border-radius: 0px !important;
    font-size: 14px;
}
.k-floating-label-container > .k-floating-label,
.k-grid .k-grid-header .k-table-th {
    font-size: 14px;
}

.k-checkbox {
    border-width: 2px !important;
    border-radius: 0px !important;
}

.input-group-text {
    border-radius: 0px !important;
}

.input-addon span.input-group-text {
    background: #F5F8FA;
    border: 0px;
    padding-right: 0px;
}

.input-addon input.form-control {
    background: #F5F8FA;
    border: 0px;
}

    .input-addon input.form-control:focus {
        outline: 0px;
        box-shadow: none !important;
    }

div.bg-girl {
    background-image: url("https://bronyadev.blob.core.windows.net/static/ifleet/booking-Vector.svg") !important;
    background-position: right 40px bottom 25px;
    background-repeat: no-repeat;
}

.car-heading {
    font-size: 18px;
    font-weight: bold;
}
.table-bordered th {
    color: var(--dark-grey);
}
.table-responsive > .table-bordered {
    border: 1px solid #ddd !important;
}

.table-responsive tbody tr {
    height: 45px;
}

.table th,
.k-header {
    text-transform: none;
}

.address {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.status-confirmed {
    background: #EBFBF7;
    color: #00C595;
    border-radius: 4px;
    display: inline-block;
    padding: 3px 15px;
    margin-top: 2px;
}

.status-rejected {
    background: #F4E8E8;
    color: #E60000;
    border-radius: 4px;
    display: inline-block;
    padding: 3px 15px;
    margin-top: 2px;
}

.status-complete {
    background: #EBFAF7;
    color: #0177B8;
    border-radius: 4px;
    display: inline-block;
    padding: 3px 9px;
    margin-top: 2px;
    font-weight: 500;
    line-height: 22px;
}

.status-approved {
    background: #00C595;
    color: #00C595;
    border-radius: 4px;
    display: inline-block;
    padding: 3px 15px;
    margin-top: 2px;
}

.k-picker-solid:hover,
.k-picker-solid.k-hover,
.k-picker-solid {
    background: white;
}

/*-------------
    Tabing
 ------------*/
.k-grid-header {
    text-transform: capitalize;
}

.loading-panel-wrapper {
    /* size and appearance that try to match its container with as little CSS as possible,
                                       you can alter them as necessary for your use case and as per your preferences
                                    */
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 10003;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0px;
}

.small-loading-panel-wrapper {
    /* size and appearance that try to match its container with as little CSS as possible,
                                       you can alter them as necessary for your use case and as per your preferences
                                    */
    width: 100%;
    height: 100px;
    position: absolute;
    z-index: 10003;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0px;
}

.loading-panel-wrapper .loading-panel-overlay {
    background: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.small-loader {
    height: 100% !important;
}

    .small-loader .loader-img-text img {
        width: 20% !important;
    }

.min-height-card {
    min-height: 100px;
}

.loader-img-text {
    position: absolute;
    text-align: center;
}

    .loader-img-text img {
        width: 20%;
    }

    .loader-img-text p {
        margin-top: -25px;
        font-weight: 500;
        display: none;
    }
/*-------------------------
    Tracking order 
--------------------------*/
.tracking-id {
    background: inherit;
    margin-left: 7px;
}

.tracking-id h4 {
    font-size: 17px;
    font-weight: 700;
    color: #484644;
}

.order-track {
    padding-bottom: 20px !important;
    width: 100%;
    margin: 0;
}

.order-track label input.form-check-input:disabled {
    opacity: 1 !important;
}

.order-track:last-child {
    padding-bottom: 0px !important;
}

.order-track label input:before {
    position: absolute;
    content: "";
    width: 1px;
    border: 1px dashed #1d1d1b;
    left: 12px;
    height: 64%;
    top: 25px;
}

.order-track:last-child label input:before {
    display: none;
}

.order-track label input {
    width: 25px;
    height: 25px;
}

.order-track label input.form-check-input {
    border-width: 1px !important;
}

.order-track label input.form-check-input:checked {
    background-color: #000000;
    border-color: #e3e3e3;
}

.order-track label input.form-check-input:disabled {
    opacity: 0.7;
}

button.verify-btn {
    background: #000;
    color: #fff;
    height: 100%;
    /*  padding: 5px 10px;*/
    width: 100%;
    border: 0px;
}

/*profile section left nav*/
.user-pointers {
    display: block !important;
    border: 1px solid #ddd !important;
}

.user-pointers li.nav-item {
    margin-bottom: 0px;
}

.user-pointers li a.nav-link {
    background: #fff !important;
    width: 100%;
    display: block !important;
    padding: 15px;
    color: var(--primary-hover-color) !important;
    text-decoration: none !important;
    border-bottom: 1px solid #dfe5e8 !important;
    margin-bottom: 0px !important;
}

.user-pointers li a.nav-link.active {
    background: #ecf0f2 !important; /*#E3E3E3 */
    border-color: #ecf0f2;
    border-radius: 0px;
}

/****Default form of html and telerik****/
input.chekbox {
    border-color: #757575;
}

input.chekbox:checked {
    border-color: #000;
    background-color: #000;
    box-shadow: 0 0 0 2px rgb(117, 117, 117);
}

.k-checkbox:checked,
.k-checkbox.k-checked {
    border-color: var(--primary-hover-color) !important;
    color: white;
    background-color: var(--primary-hover-color) !important;
}

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

.k-checkbox:checked:focus,
.k-checkbox.k-checked.k-focus {
    /* box-shadow: 0 0 0 2px var(--primary-hover-color) !important;*/
    box-shadow: none !important;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:focus {
    outline: none !important;
    box-shadow: none !important;
}

th {
    font-weight: 700 !important;
}

.k-button-solid-base {
    background: #757575 !important;
    color: #fff !important;
    border-radius: 0px !important;
}

.form-check-input[type=radio],
.k-radio {
    border-width: 2px !important;
    background: transparent !important;
    border-color: #1d1d1d !important;
}

.form-check-input:checked[type=radio],
.k-radio:checked, .k-radio.k-checked {
    border-width: 2px;
    background: transparent !important;
    border-color: #1d1d1d !important;
    box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em #1d1d1d !important;
}

.k-picker,
.k-input {
    border-radius: 4px !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
}

.k-checkbox:disabled,
.k-checkbox.k-disabled {
    opacity: 0.3 !important;
}

.k-disabled {
    background-color: #e9ecef !important;
    opacity: 1 !important;
}

.k-calendar-tr .k-disabled {
    background-color: inherit !important;
    opacity: 0.7 !important;
}

label.disabled {
    opacity: 0.5;
}

/*footer css*/
footer.footer_section {
    background: #fff;
    padding: 10px 0px;
    /*position: fixed;*/
    width: 100%;
    bottom: 0px;
    border-top: 1px solid #ddd;
    z-index: 10030;
}

.outer-upload {
    width: 100%;
    display: block;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    height: 120px;
}

.upload-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.upload-img {
    border: 2px dashed #ddd !important;
    text-align: center;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    width: 150px;
    height: 150px;
    margin: auto;
}

    .upload-img input {
        position: static;
        width: 100%;
        height: 100%;
        align-items: center;
        opacity: 1;
        display: flex;
    }

    .upload-img span {
        color: #ddd;
        font-size: 31px;
        line-height: 0.2;
        display: block;
        width: 100%;
        height: 100%;
         
    }


ul.booking-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;
}

.booking-icons li {
    /* padding: 5px 4px; */
    line-height: normal;
    /* margin-right: 0px !important; */
    display: inline-flex;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s ease all;
}

    .booking-icons li.delete-icon {
        background: red;
        color: #fff;
    }

    .booking-icons li i {
        border-radius: 5px;
        font-size: 18px;
        line-height: 26px;
        font-weight: bold;
        cursor: pointer;
        height: 30px;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        /* padding: 5px; */
    }

.custom-file-input::before {
    content: '+';
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 400;
    font-size: 50pt;
    /* color: #333329; */
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff;
}


/*****Telerik Notification*****/
.demo-notification {
    /* position: absolute;*/
    margin-bottom: 65px;
    z-index: 999999 !important;
    text-transform: none !important;
    bottom: 40px !important;
    right: 60px !important;
}

.demo-notification .k-notification-wrap {
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 4px 10px !important;
    align-items: center;
    line-height: normal;
}

.min-w-800 {
    min-width: 800px !important;
}

.k-notification {
    width: 100%;
}

.notification-parent {
    position: relative;
}

.k-notification-container {
    margin: 2px 0;
    display: flex;
    vertical-align: top;
    width: 400px;
}

.k-notification-wrap > .k-i-close {
    margin-right: 0;
    margin-left: 4px;
    /* flex: none; */
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 16px;
    right: 13px;
}

.k-notification-container .k-icon {
    color: #fff;
    line-height: normal;
    font-size: 14px;
}

.k-notification-error .k-icon,
.k-notification-error .k-svg-icon {
    color: red;
}

.k-notification-success .k-icon,
.k-notification-success .k-svg-icon {
    color: #07c597 !important;
}

.k-notification-success {
    background: #fff !important;
    color: #454545 !important;
    border-color: #fff !important;
    box-shadow: var(--ds-shadow-overlay, 0 0 1px rgba(9, 30, 66, 0.31), 0 20px 32px -8px rgba(9, 30, 66, 0.25)) !important;
    border-radius: 0px !important;
    padding: 15px 15px !important;
    border-bottom: 3px solid #07c597 !important;
    font-size: 15px;
    font-weight: 500;
}

.k-notification-error {
    background: #fff !important;
    color: #454545 !important;
    border-color: #fff !important;
    box-shadow: 0px 4px 9px 2px rgba(0, 0, 0, 0.1) !important;
    border-radius: 0px !important;
    padding: 15px 15px !important;
    border-bottom: 3px solid red !important;
    font-size: 15px;
    font-weight: 500;
}



span.k-icon.k-i-success, span.k-icon.k-i-error {
    font-size: 20px;
}

.k-notification-wrap > .k-icon {
    margin-right: 14px !important;
    flex: none !important;
}

.k-notification-wrap > .k-i-close {
    margin-right: 0 !important;
    margin-left: 4px;
    flex: none;
    cursor: pointer;
}

.demo-notification .k-notification-wrap {
    padding: 0px 0px !important;
}

.demo-notification .k-notification-wrap .k-notification-content {
    padding-right: 10px !important;
}

.k-i-success::before {
    content: "\e11a" !important;
}

.k-i-error::before {
    content: "\e11d" !important;
}

#demo-runner {
    height: 320px;
}

#launcher {
    bottom: 55px !important;
}

.longtext {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px;
    /* border-style: solid; */
    width: 120px;
}


.table-layout_responsive {
    table-layout: auto !important;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

.table thead th {
    border-bottom: 2px solid #dee2e6 !important;
}

.table td, .table th {
    border-color: #dee2e6;
}

.email-alert {
    background: #E2FFF5;
    display: flex;
}

.email-alert p {
    display: flex;
}

.email-alert p i {
    display: flex;
    padding: 4px 10px 0px 0;
    color: #07C597;
    font-size: 21px;
}

pre {
    display: block !important;
    margin: 0;
    overflow: hidden !important;
    font-size: 14px !important;
    line-height: 1.8;
    height: fit-content;
    font-family: 'Segoe UI', sans-serif;
    min-height: fit-content;
    max-height: fit-content;
    padding-bottom: 10px;
    white-space: break-spaces;
}

span.storagenumber {
    background: #eee;
    padding: 5px 15px;
    border-radius: 27px;
}
/*-------------------
NEW Tabing--------------------*/
.nav-pills {
    margin: 0px !important;
}

.new-tabing .k-tabstrip-items-wrapper .k-item.k-state-active,
.new-tabing.k-tabstrip-items-wrapper .k-item:active {
    background: transparent;
    border: 0px;
    font-weight: bold;
}

.new-tabing .nav-tabs .nav-item,
.new-tabing.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    box-shadow: none;
    background: transparent;
    margin-right: 40px;
    border-bottom: 4px solid transparent;
    margin-bottom: 0;
}

.new-tabing .nav-link,
.new-tabing .k-tabstrip-items .k-link {
    color: var(--dark-grey);
    border-width: 0 0 4px 0;
    font-size: 16px;
}

    .new-tabing .nav-link:focus,
    .new-tabing .nav-link:hover {
        border-width: 0 0 4px 0;
        border-bottom: 4px solid var(--primary-green) !important;
    }

.new-tabing ul.k-tabstrip-items li.k-item.k-active,
.new-tabing .nav-tabs .nav-link.active,
.new-tabing ul li.k-state-active,
.new-tabing ul li.k-active {
    background: transparent;
    border-width: 0 0 4px 0;
    border-bottom: 4px solid var(--primary-green) !important;
    font-weight: bold;
}

    .new-tabing ul.k-tabstrip-items li.k-item.k-active h6 {
        font-weight: bold !important;
    }

.new-tabing ul {
    margin-left: 10px;
}

.bg-transparent {
    background: transparent;
}

.new-tabing.bg-transparent ul {
    background: white !important;
    margin-left: 0 !important;
}

.new-tabing .card {
    /*background: #ffffff;*/
    border: 0px;
}

.new-tabing ul li .nav-link {
    border-width: 0 0 4px 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.new-tabing ul li h5 {
    font-size: 16px;
}

.new-tabing .nav-tabs .nav-item {
    border-bottom: 0px solid transparent;
}

.new-tabing .tab-content,
.new-tabing .k-tabstrip-content,
.new-tabing .k-tabstrip > .k-content {
    background: transparent;
    border: 0px;
    padding: 13px 0 0px;
    overflow: hidden;
}

    .new-tabing .tab-content label,
    .new-tabing .k-tabstrip-content label {
        font-weight: 500;
        text-transform: none;
    }

.new-tabing .card-body {
    padding: 1rem 1.8rem;
    text-transform: none;
}

ul.k-radio-list.k-list-horizontal {
    display: block;
    margin-left: 0;
}

    ul.k-radio-list.k-list-horizontal li.k-radio-item {
        display: inline-block;
        padding-right: 10px;
    }

        ul.k-radio-list.k-list-horizontal li.k-radio-item.k-disabled {
            background: transparent !important;
        }

.new-tabing .tab-content .k-grid .k-grid-header-wrap,
.new-tabing .tab-content .k-grid-table {
    box-sizing: border-box !important;
}

.outer-loader {
    background: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    /*opacity: 0.2;*/
}

.Placeholder-img {
    background: #f4f4f4;
    WIDTH: 84px;
    height: 70px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .Placeholder-img img {
        /* object-fit: contain; */
        max-width: 100%;
        height: auto;
        overflow: hidden;
        width: auto;
    }

.card-thumbnail {
    width: 200px;
    height: 60px;
    margin: 0 0 0 auto;
    max-width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}

    .card-thumbnail img {
        width: auto;
        height: 100%;
    }

.card-thumbnail-vehicle {
    position: relative;
    height: 150px;
    overflow: hidden;
    margin-right: 20px;
    outline: 1px solid #000 !important;
    position: relative;
    width: 100%;
    cursor: pointer;
    border: 1px solid #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .card-thumbnail-vehicle span {
        font-size: 14px !important;
        padding-top: 6px;
    }

    .card-thumbnail-vehicle img {
        width: 100%;
        height: 100%;
    }

.view-eye-icon {
    position: absolute;
    right: 5px;
    bottom: 4px;
    z-index: 1;
    line-height: 16px;
    background: grey;
    border-radius: 2px;
    color: white;
    padding: 0px 2px;
    font-size: 17px !important;
}

    .view-eye-icon:hover {
        color: #fff;
    }

.ftr-list li a {
    color: var(--primary-color);
}

    .ftr-list li a:hover {
        color: var(--primary-hover-color);
    }



/*Booking create */
.fixed-height {
    max-height: 350px;
    overflow-y: auto;
    padding-bottom: 20px;
    overflow-x: hidden;
}

a.add-address i {
    font-size: 16px;
    color: var(--primary-color);
    border-radius: 20px;
    margin-right: 4px;
    padding: 0px;
    border: 1px solid var(--primary-color);
}

.add-new-address {
    font-size: 13px;
    color: var(--primary-color);
    font-weight: 500;
    display: flex;
    align-items: center;
}

.bkng-create h5 {
    font-size: 14px;
}

.bkng-create .card-header h5 {
    font-size: 15px;
    font-weight: bold;
}

.bkng-create .card {
    border: 1px solid;
    box-shadow: 0px 0px 5px 0px #ddd;
}

.bkng-create .card-footer {
    background: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bg-green-light {
    background: #dcfff7;
}

.cart-car-img {
    margin-top: -30px;
}

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

.bg-light-blue {
    background: #e3ecfa;
}

.bg-green-light {
    background: #dcfff7;
}

.light-red-bg {
    background: var(--light-red);
}

.light-red-double-bg {
    background: linear-gradient(to right, #ffe5e5 0%, #fff 75%);
}

.light-green-double-bg {
    background: linear-gradient(to right, #dcfff7 0%, #fff 75%);
}

.booking-icon {
    border-radius: 50px;
    display: inline-flex;
    background: transparent;
    padding: 4px 10px 4px 4px;
    margin: 2px 7px 2px 0px;
    font-size: 12px;
}

    .booking-icon img {
        padding: 2px 5px;
    }

    .booking-icon i {
        display: flex;
        align-items: center;
    }

.add-authorized-user {
    text-align: center;
    padding: 20px;
    border: 1px dashed #000;
    margin-bottom: 10px;
}

.card.shadow.sticky-top {
    top: 50px;
    z-index: 1;
}

.new-tabing ul.sub-status-list {
    padding-left: 17px;
    display: block !important;
    white-space: unset;
    overflow-y: inherit;
    width: 100%;
    overflow-x: inherit;
    list-style-type: disc !important;
}

    .new-tabing ul.sub-status-list li {
        display: list-item !important;
        font-size: 13px;
        list-style-type: disc;
    }

.fs-25 {
    font-size: 25px;
}
/*==========================================
  Heading top section with breadcrumbs
    ==========================================
*/
/*
.heading_top_section {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    text-transform: capitalize;
}

@media only screen and (max-width:768px) {
    .heading_top_section {
        flex-wrap: wrap;
        flex-direction: column;
        line-height: 25px;
    }
}

@media only screen and (max-width:576px) {
    .heading_top_section {
        font-size: 11px;
    }
}*/
/*------------------------------------
 default edit icon setting
--------------------------------------*/
.btn.fill-icon {
    display: inline-flex;
    line-height: normal;
    padding: 5px 4px;
    border-color: white !important;
    border-radius: 4px !important;
    font-size: 24px;
    margin-right: 5px;
}

.btn.fill-icon-cancel {
    display: inline-flex;
    line-height: normal;
    padding: 5px 4px;
    border-radius: 4px !important;
    font-size: 24px;
    margin-right: 5px;
}

.table-custom-boooking-servie thead {
    background: #e9e9e9;
}

    .table-custom-boooking-servie thead tr {
        background: #e9e9e9;
    }

.btn-green-border {
    background: #fff;
    color: var(--primary-green);
    font-weight: 500;
    letter-spacing: .4px;
    border: 1px solid var(--primary-green);
}

    .btn-green-border:hover {
        color: #fff;
        background: var(--primary-green);
        border: 1px solid var(--primary-green);
    }

.border-btn-default {
    border: 1px solid #797979;
    font-weight: 500;
}

/*view form detail*/
.btn.fill-grey-icon {
    background: var(--dark-grey);
    color: #fff;
}

    .btn.fill-grey-icon:hover {
        background: var(--dark-grey);
        color: #fff;
    }

.fill-grey-icon-light {
    background: #f6f6f6;
    color: #949b9d !important;
    box-shadow: 0 2px 5px 0 #ccc;
}

    .fill-grey-icon-light:hover {
        background: #ececec;
        color: gray;
    }

.btn.fill-green-icon {
    background: #e8fff3;
    color: var(--primary-green);
    border: 1px solid #a7f2cb !important;
}

    .btn.fill-green-icon:hover {
        background: var(--primary-green);
        color: #fff;
    }

.btn.fill-green-icon-new:hover {
    background: #e8fff3;
    color: var(--primary-green);
}

.btn.fill-green-icon-new {
    background: var(--primary-green);
    color: #fff;
    border: 1px solid #a7f2cb !important;
}

.btn.fill-red-icon {
    background-color: #ff000014 !important;
    color: #f00;
    border: 1px solid #ff000036 !important;
}

    .btn.fill-red-icon:hover {
        color: #fff;
        background: #f00 !important;
    }

.btn.fill-unassigned-icon {
    background-color: #2C323F !important;
    color: #fff;
    border: 1px solid #d8d8d8 !important;
}

    .btn.fill-unassigned-icon:hover {
        color: #fff;
        background: #ff0000 !important;
    }

.double-icon {
    position: absolute;
    font-size: 15px;
    right: 0px;
    top: 2px;
    z-index: 1;
}
/***--telerik accordian------**/
.k-panelbar > .k-item > .k-link.k-state-selected,
.k-panelbar > .k-panelbar-header > .k-link.k-state-selected {
    background-color: transparent !important;
    color: var(--dark-grey) !important;
}

.k-panelbar > .k-item > .k-link,
.k-panelbar > .k-panelbar-header > .k-link {
    color: var(--dark-grey) !important;
}

.k-panelbar > .k-item > .k-link,
.k-panelbar > .k-panelbar-header > .k-link {
    padding: 12px 3px 20px !important;
}

.k-panelbar .k-panelbar-content {
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.k-panelbar > .k-item + .k-item,
.k-panelbar > .k-panelbar-header + .k-panelbar-header {
    border-color: white !important;
}

.k-panelbar > .k-item > .k-link:focus,
.k-panelbar > .k-panelbar-header > .k-link:focus {
    box-shadow: none !important;
}

.k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover,
.k-selected.k-hover.k-list-optionlabel,
.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    color: white;
    background-color: #454545 !important;
}

.validation-message {
    color: red;
    text-transform: none;
}

.switchbutton.k-switch-md {
    width: 70px;
}

    .switchbutton.k-switch-md .k-switch-thumb {
        width: 20px !important;
        height: 20px !important;
    }

.switchbutton.k-switch-on .k-switch-track {
    border-color: #07c597;
    color: white;
    background-color: #07c597;
}


.switchbutton.k-switch-off .k-switch-track {
    border-color: #808080;
    color: #424242;
    background-color: #808080;
}

.switchbutton.k-switch-off:focus .k-switch-track, .switchbutton.k-switch-off.k-focus .k-switch-track {
    outline: none !important;
}

.switchbutton span.k-switch-label-off, .switchbutton span.k-switch-label-on {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
}

.switchbutton.k-switch-off .k-switch-label-on {
    display: none;
}

.switchbutton.k-switch-on .k-switch-label-off {
    display: none;
}

.k-grid-header, .k-grid-footer {
    /* padding-inline-end: 0px !important;
    padding: 0px !important;*/
}

.k-grid .k-grid-header .k-table-th {
    vertical-align: top !important;
}

.k-grid-content {
    /*    overflow-y: inherit !important;*/
    /* overflow-y: auto !important;*/
}

.break-word {
    word-break: break-word;
}
/*****************
    CART CSS
    ******************/
.booking-summary-details {
    background: #F6F8FF;
    padding: 10px 20px;
}



/*********************
    SIDE NAVBAR 
***********************************/
.height-scroll {
    height: 100vh;
    overflow-y: auto;
}

.relative {
    position: relative;
}

.top-row.navbar-dark {
    height: 3.5rem;
    background-color: #F8F8F8 !important;
}
.header-ronya-logo{
    width:100px; 
}
.top-row {
    justify-content: flex-end;
    height: 4.5rem !important;
    display: flex;
    align-items: center;
    z-index: 4 !important;
    background: #fff !important;
    text-transform: capitalize;
    border-bottom: 1px solid #ddd;
}

.log-out-btn {
    border-radius: 3px;
    background: #444;
    color: #fff !important;
    padding: 7px 9px;
    cursor: pointer;
}

.top-row .btn-default {
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 3px 10px;
}

.top-row .nav-item {
    display: inline-block;
}

.top-row .nav-link,
.top-row a {
    font-size: 14px !important;
    margin-left: 2rem;
    color: var(--dark-grey);
    font-weight: 500;
    margin-top: 6px;
}

.top-row .bx {
    font-size: 1.2em;
    position: relative;
    top: 3px;
    left: -2px;
    padding-bottom: 5px;
}

.top-row a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

main {
    flex: 1;
}

.page {
    flex-direction: row;
    display: flex;
}

.sidebar {
    background: #fff;
    height: 100%;
    padding-top: 50px;
}

.sidebar-inner {
    max-width: 280px;
    /* width: 280px;*/
    padding: 0px;
    z-index: 999;
    height: 100vh;
    background: #fff;
    /* border-right: 1px solid #ecebeb;
    border-top: 1px solid #ddd;*/
}

.sidebar-header {
    padding: 0px 10px;
    border-bottom: 1px solid #DEE1E3;
}

.navbar-brand {
    width: 120px;
}

.logo-sidebar {
    width: 120px;
    position: absolute;
    top: 11px;
    left: 54px;
    z-index: 999;
}

.menu-hamburger {
    position: absolute;
    top: 4px;
    left: 0px;
    z-index: 11;
    background: #fff;
    height: 45px;
    display: flex !important;
    align-items: center;
    padding: 9px !important;
    justify-content: flex-start;
}

span.hamburger {
    float: right;
}

.sidebar-content {
    height: calc(100% - 15%);
    overflow-y: auto;
}

/*::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    background-color: #000;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
}*/

.sidemenu ul li {
    border: 0px;
}

.sidemenu ul li button,
.sidemenu ul li a {
    border: 0px;
    background: white;
    text-align: left;
    padding: 7px 10px;
    font-size: 14px;
    display: flex;
    width: 100%;
    align-items: center;
    font-weight: 500;
    color: #1D1D1B;
    border-bottom: 0px solid #F3F3F3 !important;
}

.sidemenu ul li button:hover,
.sidemenu ul li button:focus,
.sidemenu ul li a:hover {
    background: #e0fff4;
    color: var(--primary-green) !important;
}

.sidemenu ul li button:hover span.menu-icons,
.sidemenu ul li button:focus span.menu-icons,
.sidemenu ul li a:hover span.menu-icons,
.sidemenu ul li a:hover {
    color: var(--primary-green);
}

span.menu-icons {
    font-size: 24px;
    margin-right: 15px;
    align-items: center;
    display: flex;
}

span.menu-icons img {
    width: 20px;
    height: 20px;
    filter: brightness(15%);
}

ul li ul li a span.menu-icons {
    font-size: 15px;
}

.sidemenu ul li button.accordion-button::after {
    float: right;
}

.sidemenu ul li button.accordion-button:not(.collapsed),
.sidemenu ul li button.accordion-button:focus {
    color: #000;
    background-color: #ddd;
    box-shadow: none;
    outline: none;
}

#booking-overview .accordion-button:not(.collapsed)::after {
    filter: brightness(0);
}

.k-treeview-leaf.k-selected {
    color: inherit !important;
}

ul.sub-menu li a {
    display: flex;
    align-items: center;
    padding: 10px 10px;
    background: #EFEFEF;
}

/*Telerik menu setting*/
.sidemenu {
    width: 100%;
    height: calc(100vh - 100px);
    overflow-y: auto;
    border: 0px;
}

    .sidemenu::-webkit-scrollbar {
        width: 4px;
    }

    .sidemenu::-webkit-scrollbar-track {
        background: #000;
    }

    .sidemenu::-webkit-scrollbar-thumb {
        background-color: #82F5CC;
        border-radius: 6px;
        border: 3px solid #82F5CC;
    }

.k-treeview-md .k-treeview-leaf {
    padding: 0px !important;
    width: 100%;
}

.sidemenu ul li {
    padding: 0px;
}

.k-treeview-leaf:hover, .k-treeview-leaf.k-hover {
    background-color: inherit !important;
}

.k-treeview-leaf:focus, .k-treeview-leaf.k-focus {
    box-shadow: none !important;
}

ul li ul li a:hover,
ul li ul li a:hover:focus,
ul li ul li a.active:hover,
ul li ul li a.active {
    background: rgb(224, 255, 244) !important;
    color: var(--primary-green) !important;
}

ul li ul li a {
    color: rgba(29, 29, 27, 0.78);
    font-weight: 400 !important;
    padding-left: 25px !important;
    border-bottom: 0px !important;
    background: #fff !important;
}

.k-treeview-toggle {
    margin-left: 0px;
    position: absolute;
    right: 20px;
    z-index: 99999;
}

.k-treeview-group .k-animation-container {
    padding-left: 0px;
}

.sidemenu .k-panelbar-toggle {
    position: absolute;
    z-index: 999;
    right: 10px;
}

.sidemenu .k-panelbar > .k-item > .k-link,
.sidemenu .k-panelbar > .k-panelbar-header > .k-link {
    padding: 0px 0px 0px !important;
}

.sidemenu .k-panelbar-item-icon {
    display: none;
}

.sidemenu .k-panelbar .k-group > .k-item > .k-link.k-state-selected,
.sidemenu .k-panelbar .k-group > .k-item > .k-link.k-selected,
.sidemenu .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected,
.sidemenu .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected,
.sidemenu .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected,
.sidemenu .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected,
.sidemenu .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected,
.sidemenu .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
    color: white;
    background-color: #82f5cc;
}

    .sidemenu .k-panelbar .k-group > .k-item > .k-link.k-state-selected:hover,
    .sidemenu .k-panelbar .k-group > .k-item > .k-link.k-selected:hover,
    .sidemenu .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-hover,
    .sidemenu .k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover,
    .sidemenu .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected:hover,
    .sidemenu .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:hover,
    .sidemenu .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected.k-state-hover,
    .sidemenu .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-hover,
    .sidemenu .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected:hover,
    .sidemenu .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:hover,
    .sidemenu .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-hover,
    .sidemenu .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-hover,
    .sidemenu .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected:hover,
    .sidemenu .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover,
    .sidemenu .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected.k-state-hover,
    .sidemenu .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover {
        background-color: #82f5cc;
    }

.sidemenu .k-panelbar .k-group > .k-item.k-level-1 .k-link,
.sidemenu .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
    padding-left: 0px;
}

.sidemenu .k-panelbar .k-group > .k-item > .k-link,
.sidemenu .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link {
    padding: 0px 0px;
}

.reset-pass-icon {
    background: #7c7c7c !important;
    border-radius: 4px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    gap: 2px !important;
    color: white;
    align-items: center;
}

.table-bookservice {
    max-height: 600px;
    overflow-y: auto;
    overflow-x: clip;
    min-height: 190px;
}
/********-----------------------
    New Fleet table 
-------------------------------------*/
.bg-background {
    background: #F1F3FC;
}

/*.k-grid th {
    white-space: unset !important;
}

.k-grid tr.k-alt,
.k-master-row:hover .k-grid-content-sticky,
.k-master-row.k-alt .k-grid-content-sticky,
.k-master-row.k-alt .k-grid-row-sticky,
.k-grid tbody tr:not(.k-detail-row):hover {
    background: white !important;
}

.k-cell-inner > .k-link {
    font-weight: 500;
    color: var(--dark-grey);
}

.k-grid-header {
    padding: 8px 0;
    color: #afafaf !important;
    border-width: 1px 0;
    background: white;
}

    .k-grid-header .k-header,
    .k-grid-header .k-header.k-grid-header-sticky {
        font-weight: 500 !important;
        color: var(--dark-grey);
    }

.k-grid-content-sticky {
    color: inherit;
}*/

.download_buttons {
    display: none;
    position: absolute;
    z-index: 3;
    right: 0px;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    top: 30px;
    border-radius: 4px;
    width: 183px;
    font-size: 14px;
    text-align: left;
    font-weight: 400;
}

.approvals-pop:hover .download_buttons {
    display: block;
}

.table-add-action .k-grid th:last-child,
.table-add-action .k-grid td:last-child {
    overflow: visible !important;
}

.additional-work-block {
    background: #f1f3fc;
    color: blue;
    padding: 10px;
    border-radius: 4px;
}

.booking-confirmed-block {
    background: #e6fbf1;
    color: green;
    padding: 10px;
    border-radius: 4px;
}

.waiting-approval-block {
    background: #ece5c7;
    color: orange;
    padding: 10px;
    border-radius: 4px;
}

.k-button-solid-base {
    background: transparent !important;
    color: #848484 !important;
}

.k-content:focus,
.k-tabstrip-content:focus {
    outline-width: 0px !important;
}

.reason-textbox textarea {
    min-height: 30px !important;
    max-height: 90px;
}

.extra-buttons button.k-button-solid {
    display: none;
}

.extra-buttons button.k-split-button-arrow {
    display: block;
}

    .extra-buttons button.k-split-button-arrow .k-i-arrow-s {
        font-family: 'boxicons' !important;
    }

        .extra-buttons button.k-split-button-arrow .k-i-arrow-s::before {
            content: "\ea16"
        }
/************************
 Delete confirm box UI   
 *************************/

/****Delete Telerik POP UP ****/
.k-dialog.delete-pop {
    padding: 20px 15px 10px 70px;
    min-width: 400px;
    max-width: 100%;
}

    .k-dialog.delete-pop .k-dialog-buttongroup {
        border-width: 0 0 0 0 !important;
        padding-top: 15px;
    }

    .k-dialog.delete-pop .k-header {
        border: 0px solid !important;
        padding: 0px 0px !important;
    }

    .k-dialog.delete-pop .k-button-solid-base {
        background: #fff !important;
        color: var(--dark-grey) !important;
        border: 1px solid var(--dark-grey) !important;
        border-radius: 4px !important;
    }

    .k-dialog.delete-pop .k-button-solid-primary {
        background: #ea4747 !important;
        border-radius: 4px !important;
        color: white !important;
        border: 1px solid #ea4747 !important;
    }

    .k-dialog.delete-pop .k-dialog-content {
        margin: 0 0px !important;
        padding: 6px 0;
    }

.delete-pop .k-dialog-titlebar {
    background: white;
    color: var(--dark-grey);
    padding-left: 0;
    white-space: normal !important;
}

.delete-icon-bg {
    border-radius: 50%;
    position: absolute;
    background: #f8cfcf;
    padding: 5px;
    border: 7px solid #fbe2e2;
    color: #ea4747;
    top: 19px;
    left: 13px;
}



/************************
 Cancel confirm box UI   
 *************************/

/****cencel Telerik POP UP ****/
.k-dialog.cancel-pop {
    padding: 20px 15px;
    min-width: 400px;
    text-align: left;
}

.cancel-pop .k-dialog-titlebar {
    padding: 15px 0 10px 0;
}

.k-dialog.cancel-pop .k-dialog-buttongroup {
    border-width: 0 0 0 0 !important;
    padding-top: 25px;
}

.k-dialog.cancel-pop .k-header {
    border: 0px solid !important;
    padding: 0px 0px !important;
}

.k-dialog.cancel-pop .k-button-solid-base {
    background: #fff !important;
    color: var(--dark-grey) !important;
    border: 1px solid var(--dark-grey) !important;
    border-radius: 4px !important;
}

.k-dialog.cancel-pop .k-button-solid-primary {
    background: var(--primary-green) !important;
    border-radius: 4px !important;
    color: white !important;
    border: 1px solid var(--primary-green) !important;
}

.k-dialog.cancel-pop .k-dialog-content {
    margin: 0 0px !important;
    padding: 6px 0;
}

/*.cancel-pop .k-dialog-titlebar {
    background: white;
    color: var(--dark-grey);
    position: relative;
    border: 0px;
    padding-top: 20px;
}
*/


/*.cancel-pop .k-window-actions {
    position: absolute;
    right: -11px;
    top: 50px;
    background: var(--dark-grey);
    color: #fff;
}*/
.cancel-pop .k-dialog-titlebar {
    white-space: normal;
}

.listing {
    margin: 0;
}

    .listing li {
        display: list-item !important;
    }

.send-booking {
    border: 2px solid #0d96ef;
    background: white;
    color: #0d96ef !important;
    padding: 7px 9px;
}

.garage-img {
    border: 1px solid #4c4c4c;
    padding: 5px;
    position: relative;
    height: 170px;
    width: 200px !important;
    max-width: 100% !important;
    border-radius: 0px;
}

.ant-image {
    height: 100% !important;
}

.ant-image-img {
    height: 100% !important;
}

.k-dropzone-hint {
    padding-left: 5px;
    text-overflow: inherit;
    white-space: unset !important;
    justify-content: flex-start;
    text-align: left;
    display: flex;
}

.k-upload .k-file-single > .k-file-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.text-break td {
    word-wrap: break-word !important;
    word-break: break-word !important;
}
/***in table showing scroll in mobile *****/
/*::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 5px;
}

::-webkit-scrollbar:horizontal {
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 1px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #ffffff;
}*/
/**********Download menu******************/
.download-menu {
    padding: 0px 6px;
    border: 1px solid #495057;
    font-size: 23px;
    margin: 11px 15px 0px 0px;
    line-height: 30px;
    cursor: pointer;
}

.download_buttons {
    display: none;
}

.download-menu:hover .download_buttons {
    display: block;
    position: absolute;
    z-index: 3;
    right: 20px;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 3px #ddd;
    border-radius: 4px;
    width: 210px;
    margin-top: 1px;
    border: 1px solid #ddd;
    top: auto;
}

.download_buttons a,
.download_buttons a:hover {
    color: inherit;
}

.download_buttons p {
    transition: 0.5s ease all;
}

    .download_buttons p:hover {
        color: var(--i-darkgrey);
    }

.hidden-input-file {
    opacity: 0;
    width: 346px;
    position: absolute;
    height: 52%;
    cursor: pointer;
}

span.upload-file {
    border: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
    display: block;
    text-align: center;
    padding: 6px;
    border-radius: 0px;
    margin-top: 5px;
    cursor: pointer;
}

.fixed-cp-logo.company-logo {
    width: 200px;
    height: 60px;
}

.fixed-cp-logo {
    border: 1px solid #ddd;
    background: white;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}

    .fixed-cp-logo img {
        width: auto;
        height: 100%;
    }
/*Board new UI*/
.tab-button {
    width: 100%;
}

    .tab-button ul.list-inline {
        border-bottom: 1px solid #ddd !important;
    }

    .tab-button .btn.tab-butn {
        background: inherit !important;
        color: #424242;
        border-bottom: 2px solid #000 !important;
        border: 0px !important;
        border-radius: 0px !important;
        font-size: 15px;
        font-weight: 400;
        padding: 0 20px 10px 20px !important;
    }

        .tab-button .btn.tab-butn.active {
            background: inherit !important;
            color: #424242;
            font-weight: bold;
            border-bottom: 4px solid var(--primary-green) !important;
        }

            .tab-button .btn.tab-butn.active:focus {
                outline: none;
                box-shadow: none !important;
            }

/*****Carousel*****/

.service-tabs {
    display: flex;
    align-items: center;
}

    .service-tabs .k-icon-xxxl.k-svg-icon {
        color: lightgray;
    }

.k-scrollview-elements {
    color: white;
    position: absolute;
    width: 100%;
    top: 9px;
}

.k-scrollview-view {
    padding: 0px 30px;
    display: inline-flex;
}

a.k-scrollview-prev, a.k-scrollview-next {
    background: #00000078;
    opacity: 1;
    border-radius: 40px;
}

.k-scrollview-elements a span {
    font-size: 26px !important;
}

a.k-scrollview-prev {
    left: -13px;
    padding: 5px 1px 5px 7px;
}

a.k-scrollview-next {
    right: -13px;
    padding: 5px 7px 5px 1px;
}

.service-tabs .item {
    width: 20%;
    display: inline-block;
    /* margin: 0px 26px !important;*/
    flex: 0;
    text-align: center;
    border-bottom: 4px solid transparent !important;
    border: 0px !important;
    padding: 8px 5px;
    border-radius: 0px !important;
    cursor: pointer;
    vertical-align: top;
}

    .service-tabs .item span img.green-img {
        display: none;
    }

    .service-tabs .item.active {
        border-bottom: 4px solid var(--primary-green) !important;
        background-color: #effaee !important;
    }

        .service-tabs .item.active span img.black-img {
            display: none;
        }

        .service-tabs .item.active span img.green-img {
            display: block;
            text-align: center;
            margin: 0 auto;
        }

    .service-tabs .item h5 {
        font-size: 13px;
        margin: 5px 0 0px 0px;
        white-space: normal;
        line-height: 13px;
    }

.service-list li {
    color: var(--primary-color);
    font-size: 14px;
    padding: 0 0 10px 0px;
}

    .service-list li span {
        color: var(--primary-color);
    }

    .service-list li p {
        margin: 0px;
        font-size: 16px;
        line-height: 8px;
    }

    .service-list li:last-child {
        padding-bottom: 0px;
    }

    .service-list li a {
        color: var(--primary-green);
        text-decoration: underline !important;
    }

        .service-list li a:hover {
            color: var(--primary-hover-color);
        }

.service-inner h5 span.service-tag {
    position: absolute;
    right: -16px;
    font-size: 12px;
    background: #ddd;
    padding: 6px 9px;
    font-weight: 400;
}

.carousel-control-next:hover, .carousel-control-prev:hover {
    background-color: var(--primary-hover) !important;
}

.k-scrollview-wrap img {
    height: 35px;
}

.k-scrollview-wrap > .k-scrollview-view {
    display: block;
}

.price-tag {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 5px 10px;
    background: #dcfff7;
    color: #222;
    font-weight: bold;
}

.holman-accordian .accordion-button {
    box-shadow: none !important;
}

    .holman-accordian .accordion-button::after {
        margin: 0 10px;
        filter: brightness(0%);
    }

.service-tabs .k-icon-xxxl.k-svg-icon {
    width: 30px;
    height: 30px;
}

.navbuttons {
    display: inline-block;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%;
    white-space: nowrap;
    padding: 0 5px;
    background: #fff;
    width: 100%;
}

.navbuttons li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align: center;
}

.navbuttons li .item {
    padding: 8px 5px;
}

.navbuttons li > .item.active {
    border-bottom: 4px solid var(--primary-green) !important;
    background-color: #effaee !important;
}

.navbuttons li .item.active span img.black-img {
    display: none;
}

.navbuttons li .item.active span img.green-img {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.navbuttons li .item img {
    height: 35px;
}

.navbuttons li .item h5 {
    font-size: 13px;
    margin: 5px 0 0px 0px;
}

.navbuttons li .item span img.green-img {
    display: none;
}

.switchbutton.k-switch-md .k-switch-thumb {
    width: 20px !important;
    height: 20px !important;
}

.labelSwitch.k-switch-md .k-switch-thumb {
    width: 31px !important;
    height: 31px !important;
}

.switchbutton.k-switch-on .k-switch-track,
.labelSwitch.k-switch-on .k-switch-track {
    border-color: #07c597;
    color: white;
    background-color: #07c597;
}


.switchbutton.k-switch-off .k-switch-track,
.labelSwitch.k-switch-off .k-switch-track {
    border-color: #808080;
    color: #424242;
    background-color: #808080;
}

.switchbutton.k-switch-off:focus .k-switch-track, .switchbutton.k-switch-off.k-focus .k-switch-track,
.labelSwitch.k-switch-off:focus .k-switch-track, .labelSwitch.k-switch-off.k-focus .k-switch-track {
    outline: none !important;
}

.switchbutton span.k-switch-label-off,
.switchbutton span.k-switch-label-on {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    display: none;
}

.switchbutton.k-switch-off .k-switch-label-on,
.switchbutton.k-switch-off .k-switch-label-off {
    display: none;
}

.labelSwitch span.k-switch-label-off,
.labelSwitch span.k-switch-label-on {
    font-size: 11px;
    color: #fff;
    font-weight: 500;
}
.k-switch-md.k-switch-on .k-switch-thumb-wrap {
    left: calc(100% - 16px);
}
.labelSwitch.k-switch-md .k-switch-track {
    width: 68px!important;
}
/*.k-grid td.k-selected, 
.k-grid .k-table-row.k-selected > td, 
.k-grid .k-table-td.k-selected, 
.k-grid .k-table-row.k-selected > .k-table-td {
    background-color: #effff3 !important;
}*/
.select-row tbody tr.k-master-row.k-state-selected,
.select-row tbody tr.k-master-row.ka-alt.k-state-selected,
.select-row tbody tr.k-master-row.k-state-selected:hover,
.k-grid .k-table-row.k-selected > .k-table-td {
    background: #effff3 !important;
}

/* multiselect garage   */
.single-tag-mode-garage .k-input-values {
    float: left;
}

    .single-tag-mode-garage .k-input-values .k-chip {
        display: none;
    }

    .single-tag-mode-garage .k-input-values:before {
        content: "Garages: @ViewModel.GarageApplicablesSettingsPatchRequest?.GarageCategoryCodeList?.Count ▼";
        display: inline-block;
        line-height: 1.8em;
        padding: 0 7px;
        vertical-align: bottom;
        border: 0px solid rgba(0, 0, 0, 0.08);
        background: #fff;
    }


.single-tag-mode-garage .k-list-ul li {
    padding: 5px 4px;
    font-size: 12px;
}

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

.pb-100 {
    padding-bottom: 100px;
}

.min-height-100 {
    min-height: 100px;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: #222 !important;
}

input.k-checkbox.telerik-blazor.k-rounded-md.k-checkbox-md {
    border-bottom-color: #222 !important;
}

.telerik-blazor.k-grid {
    /*height: calc(100vh - 1.7em);*/
    max-height: 700px;
    padding: 0;
}

.ant-image-mask-info {
    font-size: 0 !important;
    /*display: none !important;*/
}
/***************************
    Garage selection
*/
span.show-more {
    color: #007bff;
    text-decoration: underline;
    cursor: pointer;
}
.grey-block {
    padding-top: 15px;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin: 0;
    background: #fafafa;
    min-height: 100px;
}
.ActiveGarage {
    border-color: var(--dark-grey) !important;
    border-style: solid !important;
    border-width: 1px !important;
}

.calendar-block {
    padding: 3px;
    border: 1px solid #ddd;
    color: #222;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    font-weight: 600;
    background: white;
    line-height: 17px;
    /*   margin: 2px 3px;*/
}

.calendar-block span {
    color: #74817C;
    font-size: 11px;
    font-weight: 400;
}

.calendar-block.calendar-active {
    border: 1px solid var(--dark-grey) !important;
    color: #fff;
    background: var(--dark-grey);
}

.calendar-active {
    border: 1px solid var(--dark-grey) !important;
    color: var(--dark-grey);
    background: var(--light-grey);
}

.calendar-block.calendar-active span {
    color: #fff;
}

.calendar-active span {
    color: var(--dark-grey);
}
.padding-0 {
    padding: 0 !important;
}
.ant-image-gallery {
    border: 1px solid #ccc;
    height: 150px;
    width: auto;
    max-width: 100%;
    position: relative;
    padding: 5px;
    text-align: center;
}
.anticon svg {
    margin-top: 20px;
}

/*LR Booking CSS*/
.booking-breadcrumb-bg-white {
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.backarrow {
    color: #212222;
    font-size: 29px;
    line-height: 9px;
}

    .backarrow i {
        line-height: 21px;
    }

.booking-number {
    background: #EDF3F9;
    margin-left: 10px;
    padding: 0px 10px;
    border-radius: 4px;
    font-weight: 600 !important;
}

.booking-details-number {
    padding-top: 9px;
    padding-bottom: 9px;
}

    .booking-details-number .heading h3 {
        font-size: 18px;
        font-weight: 700;
    }

.custom-stepper .k-step-list-horizontal ~ .k-progressbar {
    display: none;
}

.custom-step {
    padding-top: 0px;
    margin-left: 7px;
    text-align: left;
}

span.days-date {
    position: absolute;
    top: -12px;
    font-size: 10px;
}

    span.days-date .day {
        font-weight: 600;
    }

    span.days-date .date {
        font-weight: 400;
    }

.stepper-icon-outer {
    width: 27px;
    height: 27px;
    padding: 2px;
    border-radius: 50%;
}

.stepper-icon {
    background: #313F3C;
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: #fff;
}

.custom-stepper li.k-step:nth-child(n) .stepper-icon-outer {
    border: 1px solid #BABABA;
    background: #E9E9E9;
}

.custom-stepper li.k-step.k-step-done:nth-child(n) .stepper-icon-outer {
    border: 1px solid #313F3C;
    background: #313F3C;
}

.custom-stepper li.k-step.k-step-current:nth-child(n) .stepper-icon-outer {
    border: 1px solid #009672;
    background: #ffff;
}

.custom-stepper a.k-step-link {
    flex-direction: row;
    flex-wrap: nowrap;
    max-width: 200px;
    width: 100%;
    overflow: visible !important;
    background-color: #fff !important;
    z-index: 99999;
    position: relative;
    padding-right: 6px;
}

.custom-stepper .k-step-current span.stepper-name,
.custom-stepper .k-step-done span.stepper-name {
    color: rgba(0, 0, 0, 0.85);
    font-weight: 700;
}

.custom-stepper .k-step-current span.k-step-indicator {
    background-color: #025B46 !important;
    border-color: #025B46;
}

.custom-stepper .k-step-done span.k-step-indicator {
    background-color: #313F3C !important;
    border-color: #313F3C;
}

.custom-stepper.k-stepper .k-step-current:hover .k-step-indicator, .custom-stepper.k-stepper .k-step-current.k-hover .k-step-indicator,
.custom-stepper.k-stepper .k-step-current.k-step-hover .k-step-indicator {
    background-color: #025B46 !important;
    border-color: #025B46;
}

.custom-stepper .k-step-error .k-step-label {
    color: #7A7A7A;
}

.custom-stepper .k-step-label .k-step-text {
    max-width: 100% !important;
    font-weight: 600;
    color: #7a7a7a;
}

.custom-stepper .k-step-list-horizontal .k-step-indicator + .k-step-label {
    margin-top: 0px;
    margin-left: 7px;
}

.custom-stepper li:nth-child(n) span.k-step-indicator .k-i-check-circle::before,
.custom-stepper li:nth-child(n) span.k-step-indicator .k-i-exclamation-circle::before {
    line-height: 11px;
}

.custom-stepper .k-step-done span.k-step-indicator .k-i-check-circle::before,
.custom-stepper .k-step-current span.k-step-indicator .k-i-check-circle::before,
.custom-stepper .k-step-done span.k-step-indicator .k-i-exclamation-circle::before,
.custom-stepper .k-step-current span.k-step-indicator .k-i-exclamation-circle::before {
    color: #fff;
}

.custom-stepper li.k-step-current:nth-child(1) span.k-step-indicator .k-i-check-circle::before {
    display: none;
}

.custom-stepper span.telerik-blazor.k-step-indicator-icon.k-icon.k-i-check-circle,
.custom-stepper span.telerik-blazor.k-step-indicator-icon.k-icon.k-i-exclamation-circle {
    padding-top: 2px;
}

.custom-stepper li.k-step-current:nth-child(1) span.k-step-indicator .k-i-check-circle::before {
    display: none;
}

.custom-stepper li.k-step-done:nth-child(1) span.k-step-indicator .k-i-check-circle::before {
    content: "\e118";
}

.custom-stepper li:nth-child(2) span.k-step-indicator .k-i-check-circle::before {
    content: "2";
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.custom-stepper li.k-step-current:nth-child(2) span.k-step-indicator .k-i-check-circle::before {
    display: none;
}

.custom-stepper li.k-step-done:nth-child(2) span.k-step-indicator .k-i-check-circle::before {
    content: "\e118";
    font-family: "WebComponentsIcons";
}


.custom-stepper li:nth-child(3) span.k-step-indicator .k-i-check-circle::before {
    content: "3";
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.custom-stepper li.k-step-current:nth-child(3) span.k-step-indicator .k-i-check-circle::before {
    display: none;
}

.custom-stepper li.k-step-done:nth-child(3) span.k-step-indicator .k-i-check-circle::before {
    content: "\e118";
    font-family: "WebComponentsIcons";
}

.custom-stepper li:nth-child(4) span.k-step-indicator .k-i-check-circle::before {
    content: "4";
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.custom-stepper li.k-step-current:nth-child(4) span.k-step-indicator .k-i-check-circle::before {
    display: none;
}

.custom-stepper li.k-step-done:nth-child(4) span.k-step-indicator .k-i-check-circle::before {
    content: "\e118";
    font-family: "WebComponentsIcons";
}


.custom-stepper li.k-step.k-step-done:nth-child(5) .stepper-icon span.k-svg-i-check {
    display: block;
}

.custom-stepper li.k-step:nth-child(5) .stepper-icon span.k-svg-i-check {
    display: none;
}


.custom-stepper li.k-step:nth-child(5) .stepper-icon::before {
    content: "5";
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}


.custom-stepper li.k-step.k-step-done:nth-child(n) .stepper-icon span.k-svg-i-check {
    display: block;
}

.custom-stepper li.k-step:nth-child(n) .stepper-icon span.k-svg-i-check {
    display: none;
}

.custom-stepper li.k-step:nth-child(n) .stepper-icon {
    background: #ddd;
}

.custom-stepper li.k-step.k-step-current:nth-child(n) .stepper-icon {
    background: #025B46;
}

.custom-stepper li.k-step.k-step-done:nth-child(n) .stepper-icon {
    background: #313F3C;
}


    .custom-stepper li.k-step.k-step-current:nth-child(n) .stepper-icon:before,
    .custom-stepper li.k-step.k-step-done:nth-child(n) .stepper-icon:before {
        display: none;
    }

.custom-stepper li.k-step:nth-child(2) .stepper-icon::before {
    content: "2";
}

.custom-stepper li.k-step:nth-child(3) .stepper-icon::before {
    content: "3";
}

.custom-stepper li.k-step:nth-child(4) .stepper-icon::before {
    content: "4";
}

.custom-stepper li.k-step:nth-child(6) .stepper-icon::before {
    content: "6";
}

.custom-stepper li.k-step:nth-child(n) .stepper-icon::before {
    color: #212222;
    font-weight: 500;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}


.custom-stepper li.k-step {
    position: relative;
}

    .custom-stepper li.k-step:before {
        content: "";
        width: 47%;
        height: 2px;
        background: #E9E9E9;
        position: absolute;
        right: 0px;
        top: 50%;
    }

    .custom-stepper li.k-step:last-child:before {
        display: none;
    }

    .custom-stepper li.k-step.k-step-done.k-step-success:before {
        background: #313F3C;
    }

.custom-stepper li.k-step {
    position: relative;
    width: fit-content !important;
    padding-right: 84px;
}

    .custom-stepper li.k-step:last-child {
        padding: 0px;
    }


.vehicle-info {
    background: #DAEBE9 !important;
}

h6.vehicle-info-heading {
    border-bottom: 1px solid #d6d6d6;
    padding: 9px;
    font-weight: 700;
}

/****Responsive Css****/
@media only screen and (max-width:1400px) {
    html {
        overflow-y: auto;
    }

    .new-tabing ul {
        margin-left: 10px;
        display: inline-block;
        white-space: nowrap;
        overflow-y: hidden;
        width: 100%;
        overflow-x: auto;
    }

    .new-tabing ul li,
    new-tabing.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
        display: inline-block !important;
    }

    .new-tabing ul li .nav-link {
        white-space: pre-wrap;
        align-items: self-start;
        display: inline-block;
    }

    .new-tabing ul.k-radio-list.k-list-horizontal {
        overflow: inherit !important;
    }

    .listing {
        margin: 0;
        display: block;
        overflow: inherit !important;
        white-space: normal !important;
    }

    .new-tabing ul.listing li {
        display: list-item !important;
    }

    .new-tabing ul.list {
        margin-left: 10px;
        display: block;
        white-space: unset;
        overflow-y: unset;
        width: 100%;
        overflow-x: unset;
    }

    .new-tabing ul.list li {
        display: revert !important;
    }
}

@media only screen and (max-width:1200px) {
    /* .service-tabs .item {
        margin: 0 10px !important;
    }*/
    video {
        width: 100%;
    }

    footer.footer_section {
        padding: 5px 0;
        font-size: 12px;
    }

    .login-form h2 {
        font-size: 24px;
        margin-bottom: 20px !important;
    }

    .pricing h3 {
        font-size: 22px;
    }

    .k-grid-header table,
    .k-grid-footer table,
    .k-grid-content table,
    .k-grid-content-locked table {
        table-layout: auto !important;
    }

    .table thead th,
    .k-grid-header .k-header {
        max-width: 208px !important;
        min-width: 208px !important;
    }

    .k-grid td {
        white-space: nowrap;
        max-width: 208px !important;
        word-break: break-all;
        min-width: 208px !important;
    }

    .table-btn-setting table thead th:last-child,
    .table-btn-setting table tbody td:last-child {
        min-width: 200px !important;
    }

    .table-layout_responsive {
        table-layout: auto !important;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    main {
        padding-bottom: 100px;
    }
}
/*@media (max-width:1024px){
    .service-tabs .item h5 {
        font-size: 12px;
        margin: 2px 0 0 0;
       
        line-height: 11px;
        word-break: break-word;
    }
}*/
@media only screen and (max-width:992px) {
    .price-tag {
        padding: 5px;
        font-size: 11px;
    }

    .tab-button .btn.tab-butn {
        padding: 0 5px 10px 4px !important;
    }

    .tab-button ul {
        overflow: auto;
        overflow-y: hidden;
        max-width: 100%;
        white-space: nowrap;
    }

    .service-tabs .item h5 {
        font-size: 13px;
    }

    ul.k-radio-list.k-list-horizontal li.k-radio-item {
        display: block !important;
    }

    .service-provider-tahnks {
        display: none;
    }

    .card-thumbnail {
        width: 120px;
        height: 60px;
    }

    .bg-girl {
        background-size: 100px;
    }

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

    .user-pointers li a.nav-link {
        padding: 11px 8px;
        font-size: 14px;
    }

    /*form tablet view*/
    .login-form h2 {
        font-size: 25px;
    }

    .login-form {
        /* margin-top: 10px;*/
        margin-bottom: 70px;
        padding: 25px 30px;
        /* height: fit-content;*/
    }

    footer.footer_section {
        margin-top: 40px;
    }

    .login-form-ftr {
        position: static;
    }

    .table-btn-setting table thead th:last-child,
    .table-btn-setting table tbody td:last-child {
        min-width: 130px !important;
    }

    .sidemenu {
        /*height: calc(100vh - 100px);*/
        height: 80vh;
    }
}

@media only screen and (max-width:768px) {
    .telerik-blazor.k-grid {
        /*height: calc(100vh - 1.7em);*/
        max-height: 500px;
    }

    .k-pager-info {
        display: none !important;
    }

    .hidden-input-file {
        width: 100% !important;
    }

    .table-auto-width-mob.k-grid-md .k-table-td,
    .table-auto-width-mob .k-grid td,
    .table-auto-width-mob .k-grid-md .k-table-td,
    .table-auto-width-mob .k-grid .k-table-td,
    .table-auto-width-mob .k-grid-header .k-header {
        max-width: max-content !important;
        word-break: break-all;
        min-width: max-content !important;
    }

    .price-tag {
        padding: 5px;
        font-size: 14px;
    }

    .k-upload .k-dropzone {
        display: block;
        text-align: left;
    }

    .k-upload .k-dropzone .k-dropzone-hint {
        padding-top: 10px;
    }
    /*.bg-girl {
        background-image: none;
    }*/
    .cart-car-img {
        margin-top: 0px;
    }

    /*.sidemenu {
        height: calc(100vh - 250px );
    }*/


    .cw-480.mobileMenu {
        display: block;
        position: fixed;
        z-index: 9;
        height: 100vh;
    }

    .cw-480 {
        display: none;
    }

    .card.navbar {
        background: transparent !important;
        padding: 0;
    }

    .cw-480.custom-input {
        display: inline-flex !important;
    }

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

    ul.k-radio-list.k-list-horizontal li.k-radio-item {
        /*   display: block;*/
        padding-right: 10px;
    }

    div.bg-girl {
        background-image: none !important;
    }

    header .btn.btn-default {
        font-size: 12px;
        letter-spacing: 0.5px;
        padding: 5px 5px;
    }

    header .navbar .nav-item {
        padding-left: 15px;
    }

    .container-fluid {
        padding-right: var(--bs-gutter-x, 0.75rem) !important;
        padding-left: var(--bs-gutter-x, 0.75rem) !important;
    }

    .table thead th, .k-grid-header .k-header,
    .k-grid td {
        /*white-space: nowrap;*/
        max-width: 108px !important;
        word-break: break-word;
        min-width: 108px !important;
    }

    .k-dialog.cancel-pop,
    .k-dialog.delete-pop {
        width: 90% !important;
        max-width: 90% !important;
        min-width: 90% !important;
    }

    .cancel-pop .k-dialog-titlebar .k-dialog-title {
        justify-content: center;
        overflow: visible;
        white-space: break-spaces;
    }

    .delete-pop .k-dialog-titlebar,
    .k-window-title {
        overflow: visible !important;
        white-space: normal !important;
    }

      .k-window-title::before {
        content: "";
    }
}

@media only screen and (max-width:575px) {
    .ant-image-gallery {
        height: 100px;
    }
    .grey-block {
        min-height: 70px;
    }
    .booking-icon {
        padding: 2px 2px;
        margin: 2px 4px 0px 0;
    }

    .service-tabs .item h5 {
        font-size: 13px;
        margin: 5px 0 0px 0px;
        min-width: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: auto;
        max-width: 40px;
    }

    .new-tabing .nav-tabs .nav-item,
    .new-tabing.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
        margin-right: 40px;
    }

    .company-log {
        width: 95px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        left: 164px;
    }

    .logo-sidebar {
        top: 13px;
        left: 37px;
        width: 100px;
    }

    .card-thumbnail img {
        height: auto;
    }

    .top-row.auth {
        justify-content: space-between;
    }

    .top-row a,
    .top-row .btn-link {
        margin-left: 5px;
        font-size: 13px;
    }

    .top-row .btn-default {
        padding: 3px 5px;
    }

        .top-row .btn-default span {
            display: none;
        }

    .top-row .bx {
        left: auto;
    }

    .sidebar {
        background: transparent;
    }

    .custom-height-email-body {
        height: 400px !important;
    }
    /*footer li {
         display: block !important;
    }*/
    h4, .h4 {
        font-size: calc(1.2rem + 0.1vw);
    }

    h5, .h5 {
        font-size: 1.2rem;
    }

    footer.footer_section {
        padding: 10px 0px;
        font-size: 82%;
    }

    .primary-btn {
        font-size: 16px !important;
    }

    section h3 {
        font-size: 19px;
    }

    .user-pointers {
        display: inline-block !important;
        border: 1px solid #ddd !important;
        width: 100%;
    }

    .login-form {
        /* margin-top: 10px;*/
        margin-bottom: 60px;
    }

    .k-pager-nav {
        min-width: calc(1.4285714286em + 4px);
    }

    .card-thumbnail-vehicle {
        width: 79px;
        margin-right: 10px;
    }

    header .navbar ul {
        display: block !important;
        margin: 0px 0px !important;
        border-top: 1px solid #ddd !important;
        padding-top: 0px !important;
    }

    header .navbar li a:not(.btn) {
        font-size: 15px;
        padding: 7px 3px !important;
        display: block;
    }

    header .btn.btn-default {
        letter-spacing: normal;
        padding: 5px 3px;
    }

    #header .logo img {
        max-height: 30px;
    }

    .login-form h2 {
        font-size: 20px;
    }

    .new-tabing .k-radio-list.k-list-horizontal {
        gap: 0px;
    }

    .demo-notification .k-notification {
        width: auto !important;
        margin-bottom: 40px !important;
        padding-right: 30px !important;
    }

    .demo-notification {
        right: 6px !important;
        left: 6px !important;
    }

    .k-notification-container {
        width: 100%;
    }

    .btn {
        font-size: 12px;
    }

    .heading h3 {
        font-size: 20px;
        margin: 0 0px 10px 0px !important;
    }

    .delete-icon-bg {
        top: 30px;
    }

    .garage-img {
        height: 120px;
    }

    button.verify-btn {
        height: calc(1.4em + 0.96rem + 2px);
        font-size: 13px;
        line-height: 14px;
        box-shadow: none;
        border: 0px solid;
    }

    main {
        padding-bottom: 120px;
    }
}

@media only screen and (max-width:370px) {
    .k-dialog.delete-pop {
        width: auto;
        padding: 20px 8px 9px 60px;
    }

    .delete-icon-bg {
        left: 6px;
    }
}



@media (min-width: 320px) {
    /*button.verify-btn {
        font-size: 12.5px;
    }*/
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row, article {
        padding-left: 1rem !important;
        padding-right: 1.5rem !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 992px) and (orientation: landscape) {
    .login-form {
        height: 100% !important;
    }
}
    .sidemenu {
    height: calc(80vh - 100px);
}

.ant-image-mask-info {
    font-size: 0 !important;
    /*display: none !important;*/
}

.ant-image {
    height: 100%;
}

.ant-image-img {
    height: 100% !important;
}

.update {
    position: fixed;
    bottom: 10px;
    z-index: 99999;
    width: auto;
    max-width: 100%;
    left: auto;
    right: auto;
}

div.shadow {
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.2) !important;
}

.update-inner {
    width: 317px;
    margin: 0 0 0 66px;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
}

.view-eye-icon2 {
    position: absolute;
    right: 5px;
    bottom: 4px;
    z-index: 1;
    line-height: 16px;
    border-radius: 2px;
    padding: 0px 2px;
    font-size: 17px !important;
}

.file-icon {
    font-size: 80px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #808080;
}

.btn.fill-darkgreen-icon {
    color: #e8fff3;
    background: var(--primary-green);
    border: 1px solid var(--primary-green) !important;
}

/*****DEFUALT TABLE STYLES*****/
.table-responsive table {
    border-bottom: 1px solid #ddd !important;
    border-top-color: #ddd !important;
}

.table-responsive tbody tr {
    height: 45px;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: inherit !important;
}

td {
    border-color: unset;
}

.table-responsive tbody tr:nth-child(even) {
    background: #f4f4f4 !important;
}

.table-responsive tbody tr.bg-grey-2 {
    background: #e3e3e3 !important;
}

.k-grid th, .k-grid td {
    padding: 8px 12px;
    border-style: solid;
    border-color: inherit;
    outline: 0;
    font-weight: inherit;
    text-align: inherit;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    word-break: break-word;
    white-space: inherit !important;
}

.k-grid td, .table, .k-grid .k-cell-inner > .k-link,
.k-grid td, .table-responsive .k-master-row td,
.k-grid .k-cell-inner > .k-link,
.k-grid-header .k-header {
    text-align: left !important;
    justify-content: start !important;
}

.k-grid th,
.k-grid-header .k-header {
    font-weight: 700 !important;
}

.k-list-item.k-selected:hover,
.k-selected.k-list-optionlabel:hover,
.k-list-item.k-selected.k-hover,
.k-selected.k-hover.k-list-optionlabel,
.k-list-item.k-selected,
.k-selected.k-list-optionlabel
.k-grid .k-table-row.k-selected > .k-table-td {
    color: white;
    background-color: #454545 !important;
}

.k-column-title {
    text-transform: none;
    white-space: unset !important;
}

.k-grid th {
    white-space: unset !important;
}

/*-----------------------
    TELERIK TABLE N FORM
--------------------------*/
.k-grid .k-grid-header {
    font-weight: 700;
}

.k-grid .k-grid-header .k-table-th {
    vertical-align: top !important;
}

.k-grid .k-grid-container {
    padding: 0 !important;
}

.k-grid td {
    white-space: nowrap;
    vertical-align: top !important;
}
.k-grid td, .k-grid .k-table-td {
    border-bottom: 1px solid #f5f5f5;
    font-size: 14px;
}
.k-switch.k-disabled,
.k-radio-list-item.k-disabled {
    background: transparent !important;
}
.k-radio.k-invalid + .k-radio-label {
    color: black !important;
}

/*Damage service*/
.damage-iframe {
    height: 100vh;
    margin-top: -77px;
}
/*****Thank you page css*****/
.thankusectionouter {
    text-align: center;
    height: 80vh;
    display: flex;
    align-items: center;
}

.thankusection i {
    font-size: 78px;
    color: var(--primary-green);
}

.thankusection h3 {
    margin: 20px 0px;
    font-size: 30px;
}

.thankusection p {
    font-size: 16px;
}

.backto-menu {
    width: 100%;
    padding: 15px;
    font-size: 25px;
    border-radius: 50px;
}

/******Accidental damage**/
.uploaded-img {
    width: 29%;
    display: inline-block;
}

.telerik-upload {
    position: absolute !important;
    z-index: 999;
    width: 95%;
    height: 100%;
    opacity: 0;
}

.telerik-upload .telerik-blazor {
    height: 100%;
}

.telerik-upload .telerik-blazor .k-upload-button-wrap,
.telerik-upload .telerik-blazor .k-upload-button-wrap button {
    width: 100%;
    height: 100%;
}

input.upload-img {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    cursor: pointer;
    top: 0px;
    left: 0px;
}

.upload-img-overlay {
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.registration-bg {
    background: url("https://bronyadev.blob.core.windows.net/static/iemployee/Accidental-damage/registration.png") no-repeat;
}

.car-dummy-img {
    background: url("https://bronyadev.blob.core.windows.net/static/iemployee/Accidental-damage/car-dummy-img.png") no-repeat;
    background-size: 110% 110%;
}

.mileage-bg {
    background: url("https://bronyadev.blob.core.windows.net/static/iemployee/Accidental-damage/mileage.png") no-repeat;
    border: 1px solid #b2b2b2;
    text-align: center;
    padding: 10px 10px;
    overflow: hidden;
    position: relative;
    background-position: left;
    height: 50px;
}

.upload-img {
    border: 1px solid #b2b2b2;
    border-radius: 9px;
    text-align: center;
    padding: 10px 10px;
    overflow: hidden;
    position: relative;
    background-position: center;
    height: 100px;
}

.uploaded-img {
    border: 1px solid #ddd;
    height: 100px;
    display: flex;
    align-items: center;
    padding: 5px;
    border-radius: 5px;
    position: relative;
}

.upload-img img, .uploaded-img img {
    width: 100%;
    height: 100%;
}

.upload-img-name {
    font-size: 14px !important;
    font-weight: normal;
    margin: 9px 0px 20px 0px;
}

span.delete-icon {
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: #fff;
    color: red;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
    padding: 0px 5px;
    border-radius: 3px;
    font-size: 18px;
    cursor: pointer;
}

.Upload-document {
    /*cursor: pointer;*/
    color: #fff;
    z-index: 111;
    position: absolute;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    top: 0px;
    left: 0px;
    font-size: 50px;
}

.block-textarea {
    max-height: 75px;
    overflow-y: auto;
    border: 1px solid #ddd;
    padding: 5px;
    min-height: 50px;
}

.booking-grid-list-LR-Icon {
    background: url("https://bronyadev.blob.core.windows.net/static/icare/booking-type-icon/LR.png") no-repeat;
    background-size: contain;
    background-position: center center;
    display: inline-block;
    width: 100%;
    height: 50px;
}

.booking-grid-list-SMR-Icon {
    background: url("https://bronyadev.blob.core.windows.net/static/icare/booking-type-icon/SMR.png") no-repeat;
    background-size: contain;
    background-position: center center;
    display: inline-block;
    width: 100%;
    height: 50px;
    vertical-align: middle;
}
.company-name-grid {
    color: #333333;
    font-weight: 600;
    margin-top: 3px;
    display: inline-block;
    border-radius: 3px;
}
.sub-heading {
    font-size: 13px;
    font-weight: 500;
}
.card-footer.card-custom-footer {
    background: #F5F5F5;
}
.srch-btn {
    background: var(--dark-grey);
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    padding: 7px 10px;
}
.cancel-btn-border {
    border-color: var(--dark-grey);
    background: #fff;
    color: var(--dark-grey);
    padding: 7.5px 10px;
    border-width: 1px;
    transition: .5s ease all;
    font-weight: bold;
    font-weight: 500;
    letter-spacing: .4px;
    border-radius: 4px !important;
}
.cancel-btn-border:hover {
    border-color: var(--dark-grey) !important;
    background: var(--light-grey);
    color: var(--dark-grey) !important;
    border-radius: 4px !important;
}
.srch-btn:hover {
    background: var(--primary-hover-color);
    transition: all ease-in-out .5s;
    color: #fff;
}
.save-filter {
    margin-bottom: 0;
    color: #0075ff;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex;
    align-items: center;
}
.save-filter a {
    display: flex;
}

.save-filter i {
    font-size: 20px;
}
.filter-checkbox input[type="checkbox"] {
    width: 23px;
    height: 24px;
}
span.filter-checkbox {
    font-size: 15px;
    font-weight: 600;
    line-height: 16px;
}

span.filter-checkbox .public-filtr {
    display: block;
    font-size: 12px;
    font-weight: 400;
}

button.trash-btn {
    padding: 5px 10px !important;
    border: 1px solid #ddd;
    font-size: 16px;
    color: red;
    background: #fff;
}

.contract-custom-date{
    padding: 0px;
    border: 0px;
    margin-top: 19px;
}
.contract-custom-date span.k-floating-label-container {
    width: 50%;

}
    .contract-custom-date span.k-floating-label-container .k-dateinput {
        width: 100%;
        height: 35px;
    }

.custom-stepper li.k-step:nth-child(n) .stepper-icon-outer {
    border: 1px solid #BABABA;
    background: #E9E9E9;
}

.custom-stepper li.k-step.k-step-done:nth-child(n) .stepper-icon-outer {
    border: 1px solid #313F3C;
    background: #313F3C;
}

.custom-stepper li.k-step.k-step-current:nth-child(n) .stepper-icon-outer {
    border: 1px solid #009672;
    background: #ffff;
}

.custom-stepper a.k-step-link {
    flex-direction: row;
    flex-wrap: nowrap;
    max-width: 200px;
    width: 100%;
    overflow: visible !important;
    background-color: #fff !important;
    z-index: 99999;
    position: relative;
    padding-right: 6px;
}

.custom-stepper .k-step-current span.stepper-name,
.custom-stepper .k-step-done span.stepper-name {
    color: #212222;
    font-weight: 700;
    background: white;
}

.custom-stepper .k-step-current span.k-step-indicator {
    background-color: #025B46 !important;
    border-color: #025B46;
}

.custom-stepper .k-step-done span.k-step-indicator {
    background-color: #313F3C !important;
    border-color: #313F3C;
}

.custom-stepper.k-stepper .k-step-current:hover .k-step-indicator, .custom-stepper.k-stepper .k-step-current.k-hover .k-step-indicator,
.custom-stepper.k-stepper .k-step-current.k-step-hover .k-step-indicator {
    background-color: #025B46 !important;
    border-color: #025B46;
}

.custom-stepper .k-step-error .k-step-label {
    color: #7A7A7A;
}

.custom-stepper .k-step-label .k-step-text {
    max-width: 100% !important;
    font-weight: 600;
    color: #7a7a7a;
}

.custom-stepper .k-step-list-horizontal .k-step-indicator + .k-step-label {
    margin-top: 0px;
    margin-left: 7px;
}

.custom-stepper li:nth-child(n) span.k-step-indicator .k-i-check-circle::before,
.custom-stepper li:nth-child(n) span.k-step-indicator .k-i-exclamation-circle::before {
    line-height: 11px;
}

.custom-stepper .k-step-done span.k-step-indicator .k-i-check-circle::before,
.custom-stepper .k-step-current span.k-step-indicator .k-i-check-circle::before,
.custom-stepper .k-step-done span.k-step-indicator .k-i-exclamation-circle::before,
.custom-stepper .k-step-current span.k-step-indicator .k-i-exclamation-circle::before {
    color: #fff;
}

.custom-stepper li.k-step-current:nth-child(1) span.k-step-indicator .k-i-check-circle::before {
    display: none;
}

.custom-stepper span.telerik-blazor.k-step-indicator-icon.k-icon.k-i-check-circle,
.custom-stepper span.telerik-blazor.k-step-indicator-icon.k-icon.k-i-exclamation-circle {
    padding-top: 2px;
}

.custom-stepper li.k-step-current:nth-child(1) span.k-step-indicator .k-i-check-circle::before {
    display: none;
}

.custom-stepper li.k-step-done:nth-child(1) span.k-step-indicator .k-i-check-circle::before {
    content: "\e118";
}

.custom-stepper li:nth-child(2) span.k-step-indicator .k-i-check-circle::before {
    content: "2";
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.custom-stepper li.k-step-current:nth-child(2) span.k-step-indicator .k-i-check-circle::before {
    display: none;
}

.custom-stepper li.k-step-done:nth-child(2) span.k-step-indicator .k-i-check-circle::before {
    content: "\e118";
    font-family: "WebComponentsIcons";
}


.custom-stepper li:nth-child(3) span.k-step-indicator .k-i-check-circle::before {
    content: "3";
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.custom-stepper li.k-step-current:nth-child(3) span.k-step-indicator .k-i-check-circle::before {
    display: none;
}

.custom-stepper li.k-step-done:nth-child(3) span.k-step-indicator .k-i-check-circle::before {
    content: "\e118";
    font-family: "WebComponentsIcons";
}

.custom-stepper li:nth-child(4) span.k-step-indicator .k-i-check-circle::before {
    content: "4";
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.custom-stepper li.k-step-current:nth-child(4) span.k-step-indicator .k-i-check-circle::before {
    display: none;
}

.custom-stepper li.k-step-done:nth-child(4) span.k-step-indicator .k-i-check-circle::before {
    content: "\e118";
    font-family: "WebComponentsIcons";
}


.custom-stepper li.k-step.k-step-done:nth-child(5) .stepper-icon span.k-svg-i-check {
    display: block;
}

.custom-stepper li.k-step:nth-child(5) .stepper-icon span.k-svg-i-check {
    display: none;
}


.custom-stepper li.k-step:nth-child(5) .stepper-icon::before {
    content: "5";
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}


.custom-stepper li.k-step.k-step-done:nth-child(n) .stepper-icon span.k-svg-i-check {
    display: block;
}

.custom-stepper li.k-step:nth-child(n) .stepper-icon span.k-svg-i-check {
    display: none;
}

.custom-stepper li.k-step:nth-child(n) .stepper-icon {
    background: #ddd;
}

.custom-stepper li.k-step.k-step-current:nth-child(n) .stepper-icon {
    background: #025B46;
}

.custom-stepper li.k-step.k-step-done:nth-child(n) .stepper-icon {
    background: #313F3C;
}


    .custom-stepper li.k-step.k-step-current:nth-child(n) .stepper-icon:before,
    .custom-stepper li.k-step.k-step-done:nth-child(n) .stepper-icon:before {
        display: none;
    }

.custom-stepper li.k-step:nth-child(2) .stepper-icon::before {
    content: "2";
}

.custom-stepper li.k-step:nth-child(3) .stepper-icon::before {
    content: "3";
}

.custom-stepper li.k-step:nth-child(4) .stepper-icon::before {
    content: "4";
}

.custom-stepper li.k-step:nth-child(6) .stepper-icon::before {
    content: "6";
}

.custom-stepper li.k-step:nth-child(n) .stepper-icon::before {
    color: #212222;
    font-weight: 500;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}


.custom-stepper li.k-step {
    position: relative;
    align-items: center;
    display: flex;
}

    .custom-stepper li.k-step:before {
        content: "";
        width: 47%;
        height: 2px;
        background: #E9E9E9;
        position: absolute;
        right: 0px;
        top: 50%;
    }

    .custom-stepper li.k-step:last-child:before {
        display: none;
    }

    .custom-stepper li.k-step.k-step-done.k-step-success:before {
        background: #313F3C;
    }

.custom-stepper li.k-step {
    position: relative;
    width: fit-content !important;
    padding-right: 84px;
}

    .custom-stepper li.k-step:last-child {
        padding: 0px;
    }

.custom-stepper .k-step-list-horizontal ~ .k-progressbar {
    display: none;
}
.booking-number {
    background: #EDF3F9;
    margin-left: 10px;
    padding: 0px 10px;
    border-radius: 4px;
    font-weight: 600 !important;
}
.radio-buttons-container {
    text-align: right; 
    padding-right: 15px;
}