.stm-notice-warning {
    position: relative;
    padding: 10px 150px 10px 30px;
    background-color: #44d681;
    p,a {
        color: #fff;
        text-decoration: none !important;
        font-size: 20px;
    }
    .stm_lms_install_button {
        position: absolute;
        top: 13px;
        right: 15px;
        padding: 15px 30px;
    }
}

.stm_lms_pro_wizard {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90vw;
    max-height: 90vh;
    max-width: 95vw;
    transform: translate(-50%, -50%);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 99999999;
    &__close {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 40px;
        height: 40px;
        line-height: 30px;
        text-align: center;
        font-size: 40px;
        color: #ccc;
        letter-spacing: 1px;
        border-radius: 50%;
        cursor: pointer;
        &:before {
            content: '+';
            display: block;
            transform: rotate(45deg);
            position: relative;
            top: 2px;
            left: 3px;
            transform-origin: center center;
        }
    }
    &__inner {
        padding: 20px 40px 37px;
        min-height: 400px;
        background-color: #fff;
        border-radius: 5px;
    }
    &__overlay {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.5);
        z-index: 9999;
    }
    .plugin-banner {
        margin-bottom: 30px;
        min-height: 200px;
        background: url(https://ps.w.org/masterstudy-lms-learning-management-system/assets/banner-772x250.png) no-repeat;
        background-size: cover;
    }
    .wizard_plugin-icon {
        float: left;
        height: 96px;
        width: 96px;
        margin-right: 1rem;
        background: url('https://ps.w.org/masterstudy-lms-learning-management-system/assets/icon-128x128.png') no-repeat;
        background-size: cover;
    }
    h1 {
        line-height: 1.3;
    }
}

.stm_lms_install_button {
    width: 80px;
    display: block;
    text-align: center;
    padding: 21px 30px;
    margin: 0 auto;
    font-weight: 700;
    background-color: #009af9;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 18px;
    border-radius: 30px;
    transition: .3s ease;
    &:hover {
        background-color: #004ec4;
    }
}

@media (min-width: 769px) {
    .stm_lms_pro_wizard {
        width: 50vw;
        max-width: 700px;
    }
}

@media (max-width: 768px) {
    .stm_lms_pro_wizard {
        &__inner {
            min-height: auto;
        }
        .plugin-banner {
            display: none;
        }
    }
}