.body-ui-alert-no-scroll {
    overflow: hidden;
}

.ui-alert {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.25);
    overflow: auto;
    z-index: 999;
}

.ui-alert-window-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 430px;
    max-width: 100%;
    padding: 16px;
}

.ui-alert-window {
    position: relative;
    background-color: #ffffff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
}

.ui-alert-close-button {
    position: absolute;
    right: 0;
    top: 3px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.ui-alert-close-button:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xOSA2LjQxTDE3LjU5IDUgMTIgMTAuNTkgNi40MSA1IDUgNi40MSAxMC41OSAxMiA1IDE3LjU5IDYuNDEgMTkgMTIgMTMuNDEgMTcuNTkgMTkgMTkgMTcuNTkgMTMuNDEgMTJ6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPg==') no-repeat 0 0;
    background-size: 24px;
}

.ui-alert-title {
    padding: 8px 32px 8px 15px;
    border-bottom: 1px solid #dadada;
    font-size: 18px;
    font-weight: 500;
}

.ui-alert-text {
    padding: 8px 15px 8px 15px;
}

.ui-alert-buttons-panel {
    text-align: center;
    padding-bottom: 8px;
}

.ui-alert-without-title .ui-alert-title {
    display: none;
}

.ui-alert-without-title .ui-alert-text {
    padding-right: 32px;
    padding-top: 16px;
}

.ui-alert-without-okay-button .ui-alert-buttons-panel {
    display: none;
}

.ui-alert-without-okay-button .ui-alert-text {
    padding-bottom: 16px;
}

.ui-alert-with-failed-state {
    background-color: rgba(255, 0, 0, 0.5);
}

.ui-alert-with-success-state {
    background-color: rgba(0, 255, 0, 0.15);
}