.change-password .form-group {
    margin-bottom: 15px
}

    .change-password .form-group label {
        margin-bottom: 5px;
        display: block;
    }

.change-password .useredit-cancel {
    margin-right: 15px;
    width: 163px;
    width: 100%;
    margin-top: 15px;
}

.change-password .useredit-save {
    max-width: 246px;
    width: 100%;
    margin-top: 15px;
}

.useredit-cancel input {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)), linear-gradient(0deg, #F5F5F5, #F5F5F5), linear-gradient(180deg, rgba(0, 0, 0, 2e-06) 0%, rgba(0, 0, 0, 0.02) 100%);
    border: 1px solid rgba(0,0,0,0.14);
    padding: 4px 10px;
    height: 34px;
    width: 100%;
}

.btnSave {
    background: #335B3C;
    border: 1px solid rgba(0,0,0,0.14);
    border-radius: 4px;
    padding: 4px 10px;
    color: white;
    height: 34px;
    width: 100%;
}

.headertag, .change-password-title.popuptitle {
    color: #0F0D0D;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    padding: 0;
    margin-bottom: 22px
}

.k-widget.k-window .k-window-titlebar .k-icon.k-i-close {
    font-size: 24px;
}

.k-widget.k-window .k-window-titlebar {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 15px;
}

    .k-widget.k-window .k-window-titlebar .k-button.k-window-action.k-hover {
        opacity: 1;
        background-color: #fff;
        color: #fff;
        transition: none
    }

.k-window-title {
    color: #0F0D0D;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    opacity: 0;
}

.toggle-Reenterpassword, .toggle-password {
    position: absolute;
    right: 1px;
    top: 1px;
    height: calc(100% - 2px);
    background-color: #fff;
    padding-top: 8px;
    padding-right: 5px;
    z-index: 100;
}

.k-window[aria-labelledby*="ChangePasswordWindow_wnd_title"], .k-widget.k-window.k-display-inline-flex[aria-labelledby*="ChangePasswordWindow_wnd_title"] {
    width: 95% !important;
    border: 0;
    top: 50% !important;
    left: 50% !important;
    max-width: 440px;
    transform: translate(-50%, -50%) !important;
    position: fixed;
}

    .k-window[aria-labelledby*="ChangePasswordWindow_wnd_title"] .k-window-action:hover span,
    .k-window[aria-labelledby*="ChangePasswordWindow_wnd_title"] .k-window-action {
        color: #0F0D0D;
    }

    .k-window[aria-labelledby*="ChangePasswordWindow_wnd_title"] .k-window-action {
        transition: none;
    }

    .k-window[aria-labelledby*="ChangePasswordWindow_wnd_title"] .change-password {
        width: 100%;
    }

        .k-window[aria-labelledby*="ChangePasswordWindow_wnd_title"] .change-password .justify-content-end {
            clear: both
        }

.k-window[aria-labelledby*="ChangePasswordWindow_wnd_title"] {
    display: none
}

    .k-window[aria-labelledby*="ChangePasswordWindow_wnd_title"] .form-section {
        padding: 0
    }

    .k-window[aria-labelledby*="ChangePasswordWindow_wnd_title"] #ChangePasswordWindow {
        padding: 24px;
        padding-top: 0;
    }

    .change-password .form-group label, .change-password .form-group label + div, .k-window[aria-labelledby*="ChangePasswordWindow_wnd_title"] .col-md-12 {
        padding: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none;
        font-weight: normal
    }

.k-content-frame {
    height: 300px !important;
}

.k-window[aria-labelledby*="ChangePasswordWindow_wnd_title"] .editmanager-leftsection .form-group {
    max-width: 100%;
    margin-bottom: 15px;
}

.change-password input {
    min-width: 100px;
}
.change-password input.cancel-btn{min-width:150px}
.change-password .form-control {
    min-height: 34px;
    border-radius: 0.25rem !important;
}

@media (max-width: 720px) {
    .change-password .form-group, .k-window[aria-labelledby*="ChangePasswordWindow_wnd_title"] .editmanager-leftsection .form-group {
        margin-bottom: 5px;
    }
    .change-password input, .change-password input.cancel-btn {
        min-width: auto;
    }
}