.stm-lms-settings {
    max-width: 740px;
    margin: 30px 0 0;
    > .stm_metaboxes_grid:first-child {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        .stm-lms-tab {
            max-width: inherit;
        }
    }
}

.stm_metaboxes_grid__inner {
    p.description {
        margin: -15px 0 15px;
    }
}

.inside {
    .stm_metaboxes_grid__inner {
        max-width: 740px;
    }
    .stm-lms-tab {
        max-width: inherit;
        margin: 0 -10px;
        padding-left: 0;
        padding-right: 0;
    }
}

.stm-lms-tab {
    padding: 40px 35px 30px;
    margin: 0 0 30px;
    max-width: 700px;
    display: none;
    background-color: #fff;
    &.active {
        display: block;
    }
}

.stm-lms-tab-nav {
    margin: 10px 0 0;
    display: flex;
    width: 100%;
    > div {
        padding: 14px 15px 16px;
        flex-grow: 1;
        text-align: center;
        border-top: 3px solid #195ec8;
        border-left: 0;
        background-color: #195ec8;
        color: #fff;
        cursor: pointer;
        font-weight: 700;
        font-size: 15px;
        transition: .3s ease;
        &:hover,
        &.active {
            background-color: #fff;
            color: #000;
        }
        &:first-child:last-child {
            display: none;
        }
    }
}

.stm-lms-icon_input {
    position: relative;
    width: 100%;
    input {
        padding-right: 40px !important;
    }
    .stm-lms-icon {
        position: absolute;
        right: 9px;
        top: 9px;
        font-size: 24px;
        cursor: pointer;
        color: #66BB6A;
        transition: .2s ease;
        &:hover {
        }
    }
}

.row.center {
    align-items: center;
}

.stm_metaboxes_grid .stm_metaboxes_grid__inner {
    .button {
        padding: 0 20px;
        height: 2.5rem;
        line-height: 2.2rem;
        font-size: 15px;
        letter-spacing: 0;
        text-transform: none;
        font-weight: 400;
    }
    .stm-lms-button-group {
        .button {
            margin-right: 15px;
        }
    }
}

.stm_metaboxes_grid .stm_metaboxes_grid__inner .button {
    &.load_button {
        position: relative;
        transition: .3s ease;
        span {
            position: relative;
            top: 2px;
            transition: .3s ease;
        }
        .lnr-sync {
            position: absolute;
            left: 50%;
            top: 14px;
            font-size: 30px;
            margin-left: -15px;
            opacity: 0;
            animation: spin 2s infinite;
            transition: .3s ease;
        }
        &.loading {
            width: 50px;
            span {
                opacity: 0;
            }
            .lnr-sync {
                opacity: 1;
            }
        }
    }
}

.stm-lms-icon-add {
    line-height: 22px;
    font-style: normal;
    cursor: pointer;
}

.post-type-stm-questions #edit-slug-box,
.post-type-stm-questions .composer-switch,
.post-type-stm-quizzes #preview-action {
    display: none;
}

.stm_metaboxes_grid .stm_metaboxes_grid__inner {
    .container-constructed {
        .row {
            .column {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                &-1 {
                    padding: 0 15px;
                    width: 100%;
                }
                &-50 {
                    padding: 0 15px;
                    width: calc(50%);
                }
            }
        }
    }
}

.is_pro {
    > * {
        opacity: 0.5;
    }
    > span {
        display: block;
        opacity: 1;
        margin: 0 0 15px;
        a {
            color: #195ec8 !important;
        }
    }
}

.toplevel_page_stm-lms-settings {
    .stm-lms-settings {
        max-width: 80%;
    }
}