/* Alert */

.k-window-title {
    font-size: 1vw !important;
    height: 1.5vw !important;
    padding-top: 2%;
}

.k-dialog-titlebar {
    border-color: inherit !important;
    border-top-right-radius: 0.5vw !important;
    color: black !important;
    border-top-left-radius: 0.5vw !important;
    font-weight: bold !important;
    padding: 0.5vw 1vw !important;
    /* background-color: #94cb4d !important; */
}

.k-window {
    border-color: #94cb4d !important;
    color: white !important;
    background-color: #94cb4d !important;
    border-radius: 5px !important;
    width: auto !important;
    height: auto !important;
    background-clip: padding-box !important;
    box-shadow: 0 3px 3px 0 rgb(49, 40, 40) !important;
    min-width: 20vw !important;
    z-index: 20004 !important;
}

.k-prompt-container,
.k-window-content {
    padding: 0 !important;
}

button.k-button {
    width: 10% !important;
}

.k-window-content {
    background: white !important;
    margin: auto .5vw auto .5vw !important;
    padding: 1vw 1vw 4vw 1vw !important;
    color: black !important;
    /* min-height: 19vh !important; */
    font-size: 1vw !important;
    height: auto;
}

.k-dialog-buttongroup.k-dialog-button-layout-stretched button.k-button {
    background-image: linear-gradient(#7bbafc, #0f6bff) !important;
    color: white !important;
    text-align: center !important;
    height: 2vw !important;
    margin: 2 !important;
    font-weight: bold !important;
    line-height: 1 !important;
    padding: 0 0 !important;
    border-radius: 2px;
    border-width: 1 !important;
    outline: unset !important;
    font-size: 1vw !important;
}

.k-dialog-button-layout-stretched .k-button:focus {
    box-shadow: unset !important;
}

.div-alert {
    display: inline-flex;
    justify-content: center;
    width: initial;
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
    flex-wrap: nowrap;
}

span.imgAlert {
    /* display: flex; */
    padding: 0 3%;
    margin: auto 0;
    line-height: unset;
    vertical-align: middle;
}

span.alert-content {
    display: flex;
    flex-wrap: nowrap !important;
    padding-left: 1vw;
}

span.alert-content.success-show {
    white-space: nowrap !important;
    width: auto;
    padding: 0vw 2vw 0vw 2vw;
    overflow: hidden;
}

.k-alert .k-dialog-buttongroup.k-dialog-button-layout-stretched {
    display: inherit;
    position: absolute;
    width: 20%;
    border-width: 0;
    justify-content: center;
    bottom: 1.5vw;
    left: 40%;
    right: auto;
    flex: auto !important;
    flex-wrap: nowrap !important;
}

.k-dialog-button-layout-stretched .k-button {
    display: inherit !important;
}

.k-widget.k-window.k-dialog.k-alert {
    padding-bottom: 0.5% !important;
    flex-wrap: nowrap !important;
}

.k-dialog-buttongroup .k-button {
    width: auto !important;
    max-width: 70%;
    flex-wrap: nowrap !important;
}

.k-dialog-buttongroup {
    justify-content: center;
}

img#success_alert,
img#pin_err_alert {
    margin-bottom: 0;
    height: 2vw;
    width: 2vw;
}

span.alert-content .success-show {
    line-height: 1.89;
}

span.alert-content.err-show {
    line-height: 1.5;
    padding-top: 0;
    text-align: center;
    flex-wrap: nowrap;
    padding-left: 1vw;
}

.k-dialog-titlebar {
    background-color: #94cb4d !important;
}

/* Confirm */

a#nav-logout-tab .k-dialog-buttongroup.k-dialog-button-layout-stretched button.k-button.k-primary {
    background: red !important;
    max-width: 20% !important;
    margin-right: 1vw !important;
}

.k-confirm .k-window-content {
    /* min-height: 12vh; */
    text-align: center;
    font-size: 20px;
}

.k-confirm .k-dialog-buttongroup.k-dialog-button-layout-stretched {
    display: inherit;
    position: absolute;
    top: 6vw;
    width: 10vw !important;
    border-width: 0;
    margin: auto !important;
    justify-content: center;
    left: 5vw !important;
    right: auto !important;
    flex: auto !important;
}

.k-confirm button.k-button.k-primary {
    margin-right: 1vw !important;
}

.k-widget.k-window.k-dialog.k-confirm {
    padding-bottom: .5vw !important;
}

.k-overlay {
    z-index: 30004 !important;
    background-color: #adadad !important;
}

.k-dialog {
    z-index: 30004 !important;
}