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

html, body {
    font-family: 'Segoe UI', sans-serif;
    color: var(--text-color);
    font-size: 14px;
}

p {
    font-size: 14px;
}
.font-10 {
    font-size: 10px;
}
.font-12 {
    font-size: 12px;
}
h1:focus {
    outline: none;
}

a, .btn-link {
    color: #767676 !important;
    text-decoration: none;
}

.btn {
    font-weight: 700;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

/*Padding*/
.pt-6 {
    padding-top: 40px
}

.pb-6 {
    padding-bottom: 40px
}

.pt-5 {
    padding-top: 30px
}

.pb-5 {
    padding-bottom: 30px
}

.pl-0 {
    padding-left: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.mt-6 {
    margin-top: 40px
}

.mb-6 {
    margin-bottom: 40px
}

.mt-5 {
    margin-top: 30px
}

.mb-5 {
    margin-bottom: 30px
}


/*color Library*/
:root {
    --primary-color: #07C597;
    --primary-hover-color: #000;
    --text-color: #454545;
    --text-light-color: #808080;
    --white-color: #fff;
    --heading-color: #171A20;
    --input-border: #D0D1D2;
    --dark-color: #265951;
    --red-color: #E82127;
}


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

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


@font-face {
    font-family: 'Segoe UI Italic';
    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';
    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';
    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*/

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

.relative {
    position: relative;
}

main {
    padding-bottom: 50px;
}
/*Loading*/
.loading {
    width: 100%;
    text-align: center;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.loading-panel-wrapper {
    width: 100%;
    display: flex;
}


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

    /*.loader-img-text img {
        width: 46%;
    }*/

    .loader-img-text p {
        margin-top: -25px;
        font-weight: 500;
        display: none;
    }

.image-uploadloader {
    z-index: 1;
    height: 100% !important;
    min-height: 150px;
    max-height: 150px;
}

    .image-uploadloader img {
        width: 26%;
    }
/*Header*/
.logout {
    font-size: 23px;
    color: var(--text-color);
    text-decoration: none;
    cursor: pointer;
}

    .logout:hover, .logout:focus {
        color: var(--primary-color);
    }

.home {
    position: absolute;
    right: 49px;
}

.sidebar {
    background-image: none !important;
}

.top-row {
    background-color: var(--white-color) !important;
    height: 3.8rem;
}

.navbar-dark .navbar-toggler-icon {
    color: #000 !important;
    filter: brightness(0.1) !important;
}

.bg-light-red {
    background: #ff00000f;
}

.bg-light-blue {
    background: #0085ff17;
}
/*Login*/
.login-bg {
    background: var(--primary-color);
}

.heading {
    color: var(--heading-color);
    font-weight: 200;
}

.login-form {
    background: var(--white-color);
    /*box-shadow: 0px 4px 32px rgba(51, 51, 51, 0.08);*/
    border-radius: 12px;
    /*margin-top: -80px;*/
    padding-top: 18px !important;
    overflow: hidden;
}

.env {
    background: #07c59730;
    padding: 2px 9px;
    color: #07c597;
    border: 0;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-left: 10px;
    position: absolute;
    /* right: 50px;*/
    right: 9px;
    bottom: 4px;
}

.form-label {
    color: var(--text-color);
}

.input-custom {
    height: 38px;
    border-radius: 0px;
    border-color: var(--input-border);
}

    .input-custom:focus,
    .input-custom:focus + .input-group-text {
        outline: none !important;
        box-shadow: none !important;
        border-color: var(--primary-color);
    }

.border-right-0 {
    border-right: 0px;
}

.input-group-text {
    background: transparent;
    border-radius: 0px;
}

.primary-btn {
    background: var(--primary-color);
    width: 100%;
    padding: 5px 5px;
    color: var(--white-color) !important;
    font-weight: 600;
    border-radius: 0px;
    font-size: 16px;
    height: 48px;
}

.pickupbtn {
    background: var(--primary-color);
    width: 44%;
    padding: 2px 0px;
    color: var(--white-color);
    font-weight: 500;
    border-radius: 4px;
    font-size: 16px;
}

.disable-btn {
    background: #ddd !important;
    color: #000 !important;
}
.rocketbtn {
    background: #fff;
    width: 45%;
    padding: 2px 0px;
    color: var(--primary-color);
    font-weight: 500;
    border-radius: 4px;
    font-size: 16px;
    margin-right: 3px;
    border: 1px solid var(--primary-color);
}
.btn-default {
    background: #434d5d;
    color: #fff !important;
    line-height: normal;
}
.close {
    background: transparent;
    border: 1px solid #222;
    color: #222;
    padding: 5px 6px;
}
.save {
    padding: 5px 6px;
    background: var(--primary-color);
    color: #fff;
}
.link {
    color: #3E6AE1 !important;
}

input[type="Password"]::-ms-reveal {
    display: none;
}

.error-login {
    color: red;
    background: #fff;
    font-size: 13px;
    padding: 10px;
    position: absolute;
    bottom: 0px;
    width: 90%;
    text-align: center;
    border-bottom: 1px solid red;
    left: 0px;
    right: 0px;
    box-shadow: 0px 4px 9px 2px rgb(0 0 0 / 10%) !important;
    margin: auto;
}

/*Welcome*/
.welcome {
    background: #f3f3f3dd;
    /*  height: 100vh;*/
}

.user-name h4 {
    font-size: 19px;
    color: var(--text-color);
    font-weight: 600;
    display: flex;
    align-items: center;
    line-height: 25px;
}

.page-heading h3 {
    color: var(--text-color);
    font-size: 25px;
    font-weight: 600;
}

.driver-img {
    width: 50px;
    height: 50px;
    border-radius: 20px;
    overflow: hidden;
    float: right;
}

.tab-outer {
    padding: 10px 10px 0;
    border-radius: 15px 15px 0 0;
    border-bottom: 1px solid #ddd;
}

.filter {
    background: #e7faf3;
    border: 1px solid #a2f5d7;
    float: right;
}

    .filter i {
        color: var(--primary-color);
    }

.download_buttons.ShowFilter {
    display: block;
}

.download_buttons {
    display: none;
    position: absolute;
    width: 150px;
    background: #fff;
    right: 0px;
    font-size: 12px;
    padding: 15px 15px;
    bottom: -97px;
    z-index: 1;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 10%);
}

    .download_buttons p {
        font-size: 12px;
        color: #999999;
        text-align: left;
        font-weight: 500;
        margin-bottom: 15px !important;
    }

.tab-custom ul {
    display: table;
    width: 100%;
    border-bottom: 0px;
    background: #fff;
    border-radius: 20px 20px 0 0 !important;
    overflow: hidden;
}

.tab-custom ul li {
    display: table-cell !important;
    text-align: center;
}

.tab-custom ul li.k-item {
    border-radius: 0px !important;
    color: var(--text-color);
}

.tab-custom ul li.k-item, .tab-custom ul li.k-item:hover {
    border-radius: 0px !important;
    color: var(--text-color);
}

.tab-custom ul li.k-item.k-active, .tab-custom ul li.k-item.k-active:hover {
    color: var(--primary-color) !important;
}
.tab-custom.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active,
.tab-custom ul li.k-item.k-active,
.tab-custom .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
    font-weight: 600;
    border-bottom: 3px solid var(--primary-color) !important;
    border: 0px;
}
.tab-custom.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active h6 {
    color: var(--primary-color) !important;
}
.tab-custom ul li.k-item .k-link {
    padding: 16px 12px 10px 12px !important;
}

.booking-info {
    box-shadow: 0px 4px 4px rgb(1 1 1 / 4%), 0px 0px 5px rgb(51 51 51 / 16%);
}

.car-detail {
    font-size: 14px;
    color: #000;
    display: flex;
}

span.welcome-icon {
    color: var(--primary-color);
    font-size: 19px;
    margin-right: 4px;
    align-items: self-start;
    display: flex;
    justify-content: flex-start;
}

.booking-detail {
    font-size: 11px;
    color: #000;
    font-weight: 600;
}

    .booking-detail label {
        color: var(--text-color);
        font-size: 14px;
    }

    .booking-detail a {
        color: inherit !important;
    }

    .booking-detail span {
        font-weight: 600;
        color: var(--text-color);
    }

span.badge {
    position: absolute;
    top: 0px;
    color: #000;
    right: 0px;
    font-weight: 100;
    background: #ddd;
    border-radius: 0px;
    display: none;
}

span.customer-icons {
    font-size: 12px;
    color: #000 !important;
    display: table;
    width: 100%;
}

    span.customer-icons a {
        color: #000 !important;
        font-size: 12px;
    }

.customer-icons i {
    color: #000;
    font-size: 15px;
    display: table-cell;
    padding-right: 2px;
}

.customer-icons label {
    display: table-cell;
}

label.job-status {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

button.raise-request-btn {
    background: #fff;
    border: 1px solid #7c7c7c;
    padding: 10px 8px;
    border-radius: 3px;
    font-size: 13px;
    color: var(--text-color);
}

/*icons of p, phone, d*/
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;
    /*height: 40px;
    width: 40px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s ease all;
}

    .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;*/
    }

    .booking-icons li.dark-icon i {
        background: var(--dark-color);
        color: var(--white-color);
    }

    .booking-icons li.fill-icon .ri-eye-line {
        padding: 10px 8px;
    }


    .booking-icons li.line-icon i {
        color: var(--primary-color) !important;
        border: 1px solid var(--primary-color) !important;
        transition: 0.5s ease all;
    }

ul.booking-icons li i:hover {
    background: #000;
    color: #fff !important;
    border: 1px solid #000 !important;
}

.booking-icons li.fill-icon i {
    background: var(--primary-color);
    color: var(--white-color);
}

.booking-icons li.delete-icon {
    background: var(--red-color);
    color: var(--white-color);
}

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

.k-switch-off .k-switch-track {
    border-color: #ebebeb !important;
    color: #424242 !important;
    background-color: var(--text-light-color) !important;
}

.k-switch-md .k-switch-track {
    width: 30px !important;
    height: 20px !important;
}

.k-switch-md {
    width: 45px !important;
    height: 20px !important;
    font-size: 10px;
}

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


.booking-container {
    background: #495162;
    padding: 5px 15px;
    color: #fff;
}

    .booking-container h5 {
        font-size: 12px;
        margin: 0px;
        font-weight: 400;
        color: #fff;
    }

span.tag {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #ddd;
    padding: 2px 8px;
    font-size: 12px;
}
/*Pickup details page*/
.btn.notify {
    background: var(--dark-color);
    color: #fff;
    padding: 4px 15px;
    width: 100%;
    border-radius: 3px;
}

.border-btn {
    border: 1px solid #222;
    background: transparent;
}

/*Visual Inspection*/
.upload-img {
    border: 2px dashed #ddd;
    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;
        display: flex;
    }

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

    .upload-img span {
        color: var(--primary-color);
        font-size: 31px;
        line-height: 0.2;
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
    }

.close-modal {
    background: #222;
    border-color: white;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 18px;
    padding: 0 2px;
    font-size: 26px;
}

    .close-modal.black {
        background: transparent;
        color: #000;
        border: none;
        top: 5px;
        right: 5px;
    }

input[type='file'] {
    color: rgba(0, 0, 0, 0);
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

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

.custom-file-input:hover::before {
    border-color: black;
}

.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.form-check-input:checked {
    background-color: #272727;
    border-color: #272727;
}

.form-check-input:focus {
    border-color: var(--primary-color);
    outline: 0;
    box-shadow: none;
}


.disableb-btn {
    background: var(--white-color);
    border: 1px solid var(--text-light-color);
    border-radius: 0px;
    padding: 7px 7px;
    width: 100%;
    color: var(--text-light-color);
    font-size: 14px;
    font-weight: 500;
}

.textarea-custom {
    border-radius: 0px;
    border-color: var(--input-border);
    resize: none;
}

    .textarea-custom:focus {
        outline: none !important;
        box-shadow: none !important;
        border-color: var(--primary-color);
    }


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

button.pickup-btn {
    background: #fff;
    border: 1px solid #ddd;
    float: right;
    padding: 5px 0px;
    width: 100%;
    border-radius: 3px;
    color: var(--text-color);
}

.pickup-top-btn {
    color: #000;
    background: #e4e4e4;
    border-radius: 51px;
    font-size: 11px;
    padding: 1px 0;
    letter-spacing: 0.2px;
    border: 0px;
    float: right;
    width: 100%;
    margin-top: 5px;
    text-align: center;
}
/*Job Details*/
.uploaded-img li p {
    margin-bottom: 4px;
    font-size: 13px;
}

.uploaded-img li img {
    border: 1px solid var(--text-color);
    width: 100%;
}


/*Delivery Confirmation*/
.rating {
    margin: 0px;
    display: flex;
}

    .rating li {
        color: var(--text-light-color);
        font-size: 25px;
        line-height: 22px;
        margin-right: 0 !important;
        margin-left: 3px;
        /*display: inline-flex;
justify-content: center;
align-items: center;
flex-direction: row;*/
    }

        .rating li.active {
            color: #FBB01B;
        }

/*footer*/
footer {
    z-index: 1000 !important;
    background: #fff;
}

    footer h5 {
        margin: 0px;
        font-size: 13px;
        width: 100%;
        color: #bcbcbc;
    }

.signature-pad {
    box-shadow: none !important;
    border-color: #a8a8a8 !important;
    border-radius: inherit !important;
    height: 150px !important;
    max-height: 150px !important;
    min-height: 150px !important;
}

.signature-pad--body {
    border: 0 !important;
}

.signature-pad::after,
.signature-pad::before {
    display: none;
}

.alert-success {
    background: #07C597;
}

.alert-info {
    background: #8C8C8C;
}

.my-alert .btn-close {
    padding: 0.6rem 0.5rem !important;
}

.alert-error {
    background: #FF5656;
    color: white;
    font-size: 14px;
    padding: 6px 6px 6px 13px;
    width: 100%;
    right: 0;
    margin: 0 auto;
    left: 0;
    bottom: 30px;
}

.k-upload .k-upload-files .k-file-info {
    align-items: center;
    display: flex !important;
}

/**Blazor toast notifications**/
#app {
    position: relative;
}

.blazored-toast-progressbar {
    display: none;
}

.blazored-toast-container {
    position: absolute !important;
    width: 100%;
    left: 0;
    margin-bottom: 87px !important;
    padding: 0px 15px !important;
    box-shadow: none !important;
    text-align: center;
    align-items: center;
}

.blazored-toast-body .blazored-toast-header h5 {
    display: none;
}

.blazored-toast {
    width: 100% !important;
}

p.blazored-toast-message {
    font-size: 15px !important;
    padding: 6px 10px;
}



.blazored-toast-body {
    background: #fff;
    font-size: 13px;
    padding: 10px;
    position: absolute;
    bottom: -30px;
    width: 90%;
    text-align: center;
    left: 0px;
    right: 0px;
    box-shadow: 0px 4px 9px 2px rgb(0 0 0 / 10%) !important;
    margin: auto;
}

.blazored-toast-success .blazored-toast-body {
    color: green;
    background: #fff;
    border-bottom: 1px solid green;
    margin: auto;
}

.blazored-toast-error .blazored-toast-body {
    color: red;
    background: #fff;
    border-bottom: 1px solid red;
    margin: auto;
}

.telerik-pop {
    border-radius: 4px !important;
}

    .telerik-pop .k-dialog-content {
        padding: 5px !important;
    }

.k-notification-group {
    width: 100% !important;
    bottom: 60px;
    display: block !important;
    height: auto !important;
    z-index: 1031 !important;
}

.job-filter {
    overflow: visible !important;
}

job-filter.k-radio-list-horizontal, job-filter.k-radio-list.k-list-horizontal {
    gap: 6px !important;
}

.k-notification-group div {
    width: 100%;
    color: #fff !important;
    font-size: 13px !important;
}

    .k-notification-group div a.k-icon {
        color: #fff !important;
    }

.k-notification-container {
    margin: 2px 0;
    vertical-align: inherit !important;
    width: 100%;
    display: block !important;
}

.k-radio:checked, .k-radio.k-checked,
.k-checkbox:checked, .k-checkbox.k-checked {
    border-color: #07c597 !important;
    color: white;
    background-color: #07c597 !important;
}
.k-checkbox {
    border-color: #444;
}
.k-radio {
    border-color: rgb(0 0 0 / 29%) !important;
    background-color: #ffffff;
}

.k-notification-success {
    border-color: var(--primary-color) !important;
    color: white;
    background-color: var(--primary-color) !important;
}
.k-notification-error {
    bottom: 50px;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    padding: 16px 0px 0 0 !important;
}

.job-filter .k-radio-label {
    font-size: 12px;
}

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


.no-internet {
    display: flex;
    height: 100vh;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.btn-border {
    border: 1px solid #222;
    border-radius: 4px;
    padding: 7px 24px;
}

button.btn-black {
    color: #fff;
    border: 1px solid #ddd;
    float: right;
    padding: 5px 0px;
    width: 100%;
    border-radius: 3px;
    background: var(--text-color);
}
.k-signature-canvas .k-signature-line, .k-signature-line {
    display: none !important;
}
.h-35 {
    height: 35px !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: 0px !important;
    padding-left: 9px;
    height: fit-content;
    width: fit-content;
    height: 48px;
    border-right: 0px !important;
}

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

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

    .dots-left:before {
        content: "";
        width: 20px;
        height: auto;
        background: url("https://bronyaprod.blob.core.windows.net/static/icare/carplate-dots.png") no-repeat;
        background-size: contain;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
.car-third span {
    border-radius: 0px !important;
}
.k-notification-group {

    z-index: 1031 !important;
}
button.verify-btn {
    background: #000;
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 12px;
    border: 0px;
    padding: 0;
}
.btn.fill-red-icon {
    background-color: #ff000014 !important;
    color: #f00;
    border: 1px solid #ff000036 !important;
    display: inline-flex;
    line-height: normal;
    padding: 5px 4px;
    border-radius: 4px !important;
    font-size: 18px;
    margin-right: 4px;
   
}
@media only screen and (min-width: 768px) {
    body {
        background: #fff !important;
        width: 70% !important;
        margin: auto !important;
        z-index: 9999999;
        box-shadow: 0px 4px 4px rgb(1 1 1 / 4%), 0px 0px 5px rgb(51 51 51 / 16%);
        height: 100vh !important;
        display: table;
    }

    .fixed-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
        width: 40%;
        margin: auto;
    }

    .content-scroll {
        height: 470px;
        overflow-y: auto;
        overflow-x: hidden;
    }

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

        .content-scroll::-webkit-scrollbar-track {
            background: transparent;
        }

        .content-scroll::-webkit-scrollbar-thumb {
            background-color: #e4e4e4;
            border-radius: 6px;
            border: 3px solid transparent;
        }

    .k-notification-group {
        width: 40% !important;
        bottom: 60px;
        display: block !important;
        height: auto !important;
        z-index: 1031 !important;
    }

    .overflow-vissible-modal {
        overflow: visible !important;
    }

        .overflow-vissible-modal img:focus {
            -webkit-transform: scale(2);
            transform: scale(2);
            cursor: zoom-out;
        }
}

@media only screen and (min-width: 992px) {
    body {
        background: #fff !important;
        width: 40% !important;
        margin: auto !important;
        height: 100vh !important;
        z-index: 9999999;
        box-shadow: 0px 4px 4px rgb(1 1 1 / 4%), 0px 0px 5px rgb(51 51 51 / 16%);
    }
}

.ant-image-preview-operations {
    position: fixed !important;
    top: 0;
    right: 0;
    z-index: 1081 !important;
    width: 100% !important;
}

.upload-img .ant-image-mask-info {
    font-size: 0 !important;
}

.upload-img .anticon {
    position: relative !important;
    color: inherit !important;
    display: inline-block !important;
}

.upload-img .ant-image {
    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;
}
.form-control {
    border-color: #ced4da;
    height: 35px;
    font-size: 12px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

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