/**********COLORS***********/
:root {
    --text-color: #2C2C2C;
    --text-light: #74817C;
    --primary-blue: #03A57F;
    --primary-green: #03A57F;
    --light-green: #DAEBE9;
    --hover-blue: #1e40af;
    --bg-dark-blue: #082C4E;
    --box-border-color: #ECECEC;
    --link-color: #4B8BF2;
    --background: #F2F6FB;
    --border-color: #D4D4D4;
    --bg-light-white: #F5F5F5;
    --warning: #F97D34;
}

html, body {
    color: var(--text-color) !important;
    font-size: 12px;
   /* background: #F1F3FC;*/
}

    html p, body p {
        color: var(--text-color);
    }

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

.text-warning {
    color: var(--warning);
}

.color-inherit {
    color: inherit !important;
}

.link-color {
    color: var(--link-color);
}

.text-default-light {
    color: var(--text-light);
}

.bg-green {
    background: var(--primary-green) !important;
    color: #fff !important;
}

.bg-light-green {
    background: var(--light-green) !important;
}


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

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

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

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

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

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

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

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

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

.w-30 {
    width: 30%;
}

.btn-text {
    background: transparent;
    border: 0;
    padding: 0;
    box-shadow: none;
}

    .btn-text:hover {
        box-shadow: none;
        background: white;
    }

/*.btn {
    font-size: 12px;
    padding: 5px 11px;
    transition: 0.5s ease all;
}*/

@media (max-width: 575px) {
    .btn {
        padding: 5px 5px;
    }
}

.btn-select {
    border: 0px;
}

    .btn-select .k-dropzone {
        padding: 0;
        display: inline-block;
    }

    .btn-select .k-dropzone-hint {
        display: none;
    }

    .btn-select .k-button {
        padding: 7px 15px;
        background: #2C2C2C;
        color: white;
    }

.edit {
    background: #2C2C2C;
    border: 1px solid #2C2C2C;
    color: white;
}

    .edit:hover, .edit.focus, .edit:active {
        border: 1px solid !important;
        background: #2C2C2C !important;
        color: white !important;
    }

    .edit i {
        margin-right: 5px;
        color: white;
    }

    .edit span.k-button-text {
        display: flex;
        align-items: center;
    }

.save {
    background: #03A57F;
    border: 1px solid #03A57F;
    color: white;
}

    .save:hover, .save.focus, .save:active {
        background: #03A57F !important;
        border: 1px solid #03A57F !important;
        color: white !important;
    }

    .save i {
        margin-right: 5px;
        color: white;
    }

    .save span.k-button-text {
        display: flex;
        align-items: center;
        justify-content: center
    }

.cancel {
    background: white;
    border: 1px solid #D4D4D4;
    color: #2C2C2C;
}

    .cancel:hover, .cancel.focus, .cancel:active {
        border: 1px solid #D4D4D4 !important;
        color: #2C2C2C !important;
    }

    .cancel i {
        margin-right: 5px;
    }

    .cancel span.k-button-text {
        display: flex;
        align-items: center;
    }

.btn-large {
    padding: 8px 30px;
}
/*.review {
    background: white;
    border: 1px solid #D4D4D4;
    color: #2C2C2C;
}

    .review:hover, .review.focus, .review:active {
        border: 1px solid #D4D4D4;
        color: #2C2C2C;
    }

    .review i {
        margin-right: 5px;
    }

    .review span.k-button-text {
        display: flex;
        align-items: center;
    }

.show {
    background: white;
    border: 1px solid #D4D4D4;
    color: #2C2C2C;
}

    .show:hover, .show.focus, .show:active {
        border: 1px solid #D4D4D4;
        color: #2C2C2C;
    }

    .show i {
        margin-right: 5px;
    }

    .show span.k-button-text {
        display: flex;
        align-items: center;
    }*/

.opt-btn {
    border: 1px solid #2C2C2C;
    color: #2C2C2C;
    font-weight: 600;
}

    .opt-btn:hover {
        border: 1px solid #2C2C2C;
        color: #2C2C2C;
    }

/*.add {
    background: #03A57F;
    border: 1px solid #03A57F;
    color: white;
    transition: 0.5s ease all;
}

    .add:hover, .add.focus, .add:active {
        border: 1px solid !important;
        background: #03A57F !important;
        border: 1px solid #03A57F !important;
    }

    .add i {
        margin-right: 5px;
    }

    .add span.k-button-text {
        display: flex;
        align-items: center;
    }

.delete {
    background: white;
    border: 1px solid red;
    color: red;
}

    .delete:hover, .delete.focus, .delete:active {
        background: white !important;
        border: 1px solid red !important;
        color: red !important;
    }

    .delete i {
        margin-right: 5px;
    }

    .delete span.k-button-text {
        display: flex;
        align-items: center;
    }

.edit {
    background: #2C2C2C;
    border: 1px solid #2C2C2C;
    color: white;
}

    .edit:hover, .edit.focus, .edit:active {
        border: 1px solid !important;
        background: #2C2C2C !important;
        color: white !important;
    }

    .edit i {
        margin-right: 5px;
        color: white;
    }

    .edit span.k-button-text {
        display: flex;
        align-items: center;
    }
*/
::-webkit-scrollbar {
    width: 4px;
    height: 8px;
    background: #1e3a8a;
    border-radius: 4px;
}

::-webkit-scrollbar-track {
    background: #ECECEC;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #1e3a8a;
    border-radius: 4px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: black;
    }

::-webkit-scrollbar-track {
    border-radius: 4px;
}

.listing-card, .k-card {
    background: white;
    margin-bottom: 10px;
    padding: 15px;
    border: 1px solid var(--box-border-color);
}

.listing-logo {
    border-radius: 50px;
    width: 46px;
    height: 46px;
}

.listing-logo-image {
    background: var(--bg-light-white);
    border: 1px solid #D4D4D4;
    width: 46px;
    height: 46px;
    border-radius: 50px;
    object-fit: cover;
    display: flex;
}

.listing-heading {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.k-card-header {
    font-size: 20px;
    font-weight: 600;
    padding: 13px 17px;
    z-index: 0;
}

.k-card-body {
    padding: 20px 18px;
}
/*******Default form ********/
/*.form-control {
    border-color: var(--border-color);
    height: 35px;
    font-size: 12px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}*/

.form-control.text-center input {
    text-align: center;
}

.form-control:hover, .form-control:focus {
    box-shadow: none;
}

label {
    font-size: 12px;
    margin-bottom: 5px;
}

.validation-message {
    color: red;
    font-style: italic;
    font-size: 12px;
}

.section-loading {
    min-height: 250px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
}

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

    .loader-img-text p {
        text-align: center;
    }

.loading-panel-wrapper {
    width: 100%;
    height: 100vh;
    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;
    }

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

        .loading-panel-wrapper .loader-img-text p {
            display: none;
        }

    .loading-panel-wrapper.small-loader, .loading-panel-wrapper.medium-loader {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 10003;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 55px;
        left: auto;
        right: 0;
    }

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

        .loading-panel-wrapper.small-loader .loader-img-text, .loading-panel-wrapper.medium-loader .loader-img-text {
            position: absolute;
            text-align: center;
        }

/*.k-dialog.delete-pop {
    padding: 25px 0px;
    min-width: 500px;
    max-width: 100%;
    box-shadow: none;
    text-align: center;
}

    .k-dialog.delete-pop .k-dialog-titlebar label {
        font-size: 14px;
    }

    .k-dialog.delete-pop .k-dialog-actions {
        border: 0px solid transparent;
        margin-top: 20px;
    }

    .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: #74817C !important;
        border: 1px solid #74817C !important;
        border-radius: 4px !important;
        font-size: 12px;
    }

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

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

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

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

.page-title-track {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
    align-items: center;
}

.page-title {
    font-size: 20px;
    font-weight: 600;
}

.content {
    margin-top: 20px;
}

.filter-badge {
    display: inline-flex;
    height: 20px;
    padding: 2px 3px 3px 6px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
    border-radius: 20px;
    border: 1px solid #CAD5F7;
    background: #F4F6FB;
    font-size: 10px;
}

    .filter-badge .btn {
        padding: 0;
        font-size: 10px;
        line-height: 19px;
        display: inline-flex;
        align-items: center;
    }

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

    .company-logo img {
        height: 60px;
        width: 200px;
        object-fit: cover;
    }

.select-file-section {
    border-radius: 4px;
    border: 1px dashed #74817C;
    background: white;
}

    .select-file-section .select-header {
        background: #F5F5F5;
        padding: 15px;
        border-bottom: 1px dashed #74817C;
    }

    .select-file-section .select-body {
        padding: 15px;
        text-align: center;
    }


.search-box {
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    background: white;
    height: 35px;
}

    .search-box .k-clear-value {
        border-right: 1px solid #a6a6a6;
        padding-right: 10px;
        margin-right: 10px;
        opacity: .75;
    }

    .search-box .btn {
        padding: 0;
        background: transparent;
        border: 0;
        font-size: 18px;
        margin-right: 10px;
        border-radius: 0px;
    }

        .search-box .btn:hover, .search-box .btn:focus {
            box-shadow: none;
        }

        .search-box .btn.search-close {
            border-right: 1px solid #ddd !important;
            padding-right: 10px !important;
        }

        .search-box .btn .i {
            font-size: 18px;
        }

    .search-box .k-dropdownlist {
        height: 100%;
        background: #F5F7F7;
    }

    .search-box .k-textbox {
        border: 0;
    }

        .search-box .k-textbox:hover, .search-box .k-textbox:focus, .search-box .k-textbox:focus-within {
            box-shadow: none;
        }

.add-vehicle-btn .k-button, .create-button .k-button {
    background: #03A57F;
    color: #fff;
    padding: 6px 7px !important;
    font-size: 12px;
}

.alert-success {
    border-radius: 0px;
    background: #E6FBEF;
    border: 0px;
}

.alert-info {
    border: 0px;
    border-radius: 0px;
    background: #CDE9F6;
    color: inherit;
}

.green-badge {
    background: #DAEBE9;
    border-radius: 20px;
    font-size: 12px;
    padding: 3px 9px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.small-badge {
    background: #EDF3F9;
    border-radius: 20px;
    font-size: 10px;
    padding: 3px 9px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.module-badge {
    background: #EDF3F9;
    border-radius: 20px;
    font-size: 12px;
    padding: 3px 9px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.active-badge {
    background: #fff;
    color: #2C2C2C;
    font-size: 10px;
    padding: 1px 10px;
    border-radius: 10px;
    border: 1px solid #D4D4D4;
    font-weight: 600;
    width: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.inactive-badge {
    background: #f7f7f7;
    color: #74817C;
    font-size: 10px;
    padding: 1px 10px;
    border-radius: 10px;
    border: 1px solid #D4D4D4;
    font-weight: 600;
    width: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.booking-green-confirm {
    font-size: 10px;
    background: #E7F5EF;
    padding: 3px 6px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    color: #128161;
}

.booking-pending-badge {
    font-size: 10px;
    background: #FFF9E3;
    padding: 3px 6px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    color: #B45309;
}

.booking-price {
    background: #F8FAFC;
    position: relative;
    z-index: 999999;
}

    .booking-price:before {
        content: "";
        position: absolute;
        background: #F8FAFC;
        top: 0;
        bottom: -25px;
        width: 100%;
        height: 160%;
        z-index: 0;
        margin: -13px -8px;
        border-left: 1px solid #ECECEC;
    }

.k-card {
    background: white;
    border: 1px solid #ECECEC;
    border-radius: 0px;
    font-size: 12px;
    padding: 0;
}

    .k-card .k-card-header {
        font-size: 16px;
        font-weight: 600;
        padding: 13px 17px;
        z-index: 0;
    }

    .k-card .k-card-body {
        padding: 20px 18px;
    }

.k-numerictextbox .k-spin-button {
    display: none;
}

.k-numerictextbox.k-disabled {
    background: #ECECEC;
}

.k-switch-on .k-switch-track {
    border-color: #03A57F !important;
    background-color: #03A57F !important;
}

.k-switch-md .k-switch-track {
    height: 24px !important;
}

.k-switch-md .k-switch-thumb {
    height: 24px !important;
}

.custom-pager {
    font-size: 12px;
    padding: 5px;
}

.k-animation-container {
    left: 0;
}

.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: #2C2C2C !important;
    background: #ECECEC !important;
}

.input:focus-within {
    box-shadow: none;
}

.k-button-flat-primary {
    color: #1e3a8a;
}

button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}

.k-popup.k-menu-popup {
    box-shadow: none;
    min-height: 85px;
    margin-left: -54px;
}

.k-menu-popup .k-menu-group {
    padding: 10px 0;
}

.k-popup .k-item {
    padding: 3px;
}

.k-dropdownlist.form-control {
    background: white;
}

.k-split-button:focus {
    box-shadow: none !important;
}

.k-menu-link {
    font-size: 12px;
}

.k-menu-group .k-item.k-focus > .k-link {
    box-shadow: none;
}

.k-link:active {
    border: 1px solid #ECECEC;
    color: #2C2C2C !important;
    background: #ECECEC !important;
    box-shadow: none !important;
}

.no-record-found {
    text-align: center;
    padding: 50px 0;
}

    .no-record-found img {
        width: 180px;
    }

.cursor-pointer {
    cursor: pointer;
}

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

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

.k-checkbox {
    border-width: 2px !important;
    border-radius: 2px !important;
    border-color: #2c2c2c !important;
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

    .k-checkbox:checked,
    .k-checkbox.k-checked {
        border-color: #2c2c2c !important;
        color: white;
        background-color: #2c2c2c !important;
    }

    .k-checkbox:focus {
        box-shadow: none !important;
    }

.k-grid {
    font-weight: 600;
    background: #F9F9F9;
}

    .k-grid .k-table-row.k-selected > .k-table-td {
        background: #F2F6FB !important;
    }

    .k-grid .k-table-th {
        border-color: transparent;
        padding: 15px 15px !important;
    }

    .k-grid .k-column-title {
        font-size: 14px;
    }

    .k-grid .k-table-row.k-table-alt-row {
        background: transparent;
    }

    .k-grid .k-table-td, .k-grid td {
        border-color: transparent;
        font-size: 12px;
        padding: 10px 15px !important;
    }

.attach-select-file {
    width: 200px;
    border: 1px solid #d2d2d2;
}

    .attach-select-file .k-button {
        background: transparent;
        border: 0px;
        width: 100%;
    }

    .attach-select-file .k-upload-button-wrap {
        width: 100%;
    }

    .attach-select-file .k-dropzon {
        background: transparent;
        width: 100%;
        height: 100%;
    }

    .attach-select-file .k-dropzone-hint {
        display: none;
    }

.service-name {
    padding-left: 5px;
}

.w-max-content {
    width: max-content;
}

.custom-pop {
    height: 320px;
    max-width: 580px;
    width: 100%;
    box-shadow: none;
}

h5 {
    font-size: 20px;
    font-weight: 600;
}

.telerik-radio li {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 15px;
}

    .telerik-radio li .k-radio-label {
        margin-left: 5px;
    }

.custom-stepper {
    margin: 25px 0;
}

    .custom-stepper .k-step i.bx,
    .custom-stepper .k-stepper .k-step-current i.bx,
    .custom-stepper .k-step-link i.bx,
    .k-stepper .k-step-indicator {
        border-radius: 5px;
        background: white;
        color: var(--text-light);
        font-size: 14px;
        border: 2px solid var(--box-border-color);
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 5px;
    }

.k-step-link {
    font-size: 14px;
    font-weight: 500;
}

@media(max-width:545px) {
    .k-step-link {
        font-size: 8px;
    }
}

.custom-stepper .k-step.k-step-done i.bx,
.custom-stepper .k-step.k-step-current i.bx {
    background: var(--light-green) !important;
    color: var(--text-color);
    border: 2px solid #cce4e1;
}
/*.k-stepper .k-step-done .k-step-indicator,
.k-stepper .k-step-done:hover .k-step-indicator,
.k-stepper .k-step-current:hover .k-step-indicator,
.custom-stepper .k-step-link i.bx {
    background: var(--bg-dark-blue) !important;
    color: #fff;
    border: 2px solid var(--bg-dark-blue);
}
*/
li.k-step:before {
    border-color: var(--bg-dark-blue) !important;
}

.k-stepper .k-step-indicator::after {
    display: none !important;
}

.k-stepper .k-step-indicator::before {
    border-radius: 5px;
}

.k-stepper .k-step-current .k-step-label,
.k-stepper .k-step-label {
    font-size: 14px;
    font-weight: 500;
}

.k-step-list-horizontal ~ .k-progressbar {
    height: 1px;
    border: 1px dashed #c3c3c3;
}

.telerik-custom-pop {
    background: #fff;
    width: 100% !important;
    bottom: 0 !important;
    height: 100% !important;
    border-radius: 10px 10px 0px 0px !important;
    overflow: hidden;
    padding-bottom: 25px;
    animation: slideUp 0.5s ease-out forwards;
}

    .telerik-custom-pop.height-auto {
        height: auto !important;
    }

    .telerik-custom-pop.profile-pop .popup-btn {
        width: 100% !important;
        bottom: 30px;
    }

    .telerik-custom-pop .k-window-titlebar {
        background: transparent;
        padding: 16px 11px;
    }

        .telerik-custom-pop .k-window-titlebar .k-window-title {
            font-size: 16px;
            font-weight: 600;
            color: var(--text-color);
        }

        .telerik-custom-pop .k-window-titlebar .k-window-titlebar-actions .k-button-md.k-icon-button .k-button-icon.k-svg-icon {
            width: 20px;
            height: 20px;
        }

            .telerik-custom-pop .k-window-titlebar .k-window-titlebar-actions .k-button-md.k-icon-button .k-button-icon.k-svg-icon > svg {
                width: 22px;
                height: 22px;
            }

        .telerik-custom-pop .k-window-titlebar .k-window-titlebar-actions .k-window-titlebar-action:active {
            background: transparent;
        }



/* Prevent page scroll when popup is open */

/* Added by shuham for botton sheet popup - Start*/
@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideDown {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(100%);
        opacity: 0;
    }
}
/* Added by shuham for botton sheet popup -End*/

.k-centered {
    top: auto;
}

.user-popup-window {
    background: #2C2C2C;
    border: 1px solid #fff;
}

    .user-popup-window .icon-grey-bg {
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
        border-radius: 50px;
    }

    .user-popup-window .k-window-actions {
        background: #2C2C2C;
        padding: 0;
    }

        .user-popup-window .k-window-actions .btn {
            border: 1px solid #fff;
            border-radius: 0px;
            color: #fff;
        }

/*********Garage select*******/
.bg-light-grey {
    background: #F1F1F1 !important;
}

.btn-outline-primary {
    border: 1px solid #ddd;
    color: var(--text-color);
    line-height: 14px;
    padding: 4px 20px;
    margin: 5px 5px 5px 0;
}


.btn-outline-secondary {
    margin: 5px 5px 5px 0;
    border-radius: 4px;
    padding: 4px 22px;
    border: 1px solid #ddd;
}

button.btn.btn-outline-primary:active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary :not(.btn-check) + .btn:active {
    background: var(--text-color);
    color: #f5f5f5;
    border: 1px solid var(--text-color);
}

.ActiveGarage {
    background: #222;
    color: white;
    border-style: solid !important;
    border-width: 1px !important;
}

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

.time.calendar-active {
    background: var(--text-color);
    color: white;
    border-style: solid !important;
    border-width: 1px !important;
}

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

.calendar-active span {
    color: var(--text-color);
}

.vehicle-info {
    border-radius: 10px 10px 0 0;
    padding: 15px 10px;
    background: white;
    border-radius: 10px 10px 0 0;
    margin-bottom: 10px;
}

.margin-top-neg {
    margin-top: -25px;
}

.btn:disabled {
    background: #ccc;
    border: 0;
}

.section-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.image-box {
    padding: 5px;
    border: 1px solid #ddd;
    height: 100%;
    display: flex;
    align-items: center;
    justify-items: center;
    position: relative;
}

    .image-box a.delete-icon {
        cursor: pointer;
        background: white;
        border-radius: 5px;
        padding: 4px;
        bottom: 17px;
        color: red;
        right: 10px;
        border: 1px solid red;
        line-height: normal;
        bottom: 10px;
        position: absolute;
    }
/*input.hidden-input-file {
    display: block;
}
input.hidden-input-file:before {
    content: "+";
    position: absolute;
    font-family: 'boxicons';
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
input.hidden-input-file:after {
    content: "+";
    position: absolute;
    background: #fff;
}*/
.hidden-input-file {
    opacity: 0;
    width: 346px;
    position: absolute;
    height: 52%;
    cursor: pointer;
}

.upload-file {
    border: 1px dashed var(--text-light);
    width: 300px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 6px;
    border-radius: 0px;
    margin-top: 5px;
    cursor: pointer;
}

.telerik-file-select {
    display: flex;
    color: inherit;
    height: 130px;
    width: 200px;
    border: 1px dashed #ddd;
    align-items: center;
    justify-content: center;
}

.telerik-file-select span {
    position: absolute;
    z-index: 1;
    align-items: center;
    text-align: center;
}

.telerik-file-select-input,
.telerik-file-select-input .k-upload-button k-button,
.telerik-file-select-input .k-dropzone,
.telerik-file-select-input .k-upload-button-wrap {
    width: 100%;
    height: 100%;
    background: white;
}

.telerik-file-select-input .k-upload-button-wrap {
    z-index: 1;
    opacity: 0;
}

.telerik-file-select-input .k-upload-button.k-button {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.telerik-file-select-input .k-dropzone {
    z-index: inherit;
}

.telerik-file-select-input .k-button-text {
    display: none;
    }

.scroll-garages {
    overflow-y: auto;
    max-height: calc(100vh - 420px);
    margin-bottom: .3rem;
    scrollbar-color: #74817C transparent;
}
.scroll-services {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 315px);
    margin-bottom: 1rem;
    scrollbar-color: #74817C transparent;
}
.telerik-custom-pop.height-auto {
    padding-bottom: 0;
}