/* Bootstrap compiled styles */
@import "./style.css";


/* Handmade */
@import "./courses.css";
@import "./typography.css";
@import "./header.css";
@import "./exams/index.css";
@import "./olymp.css";
@import "./custom-components.css";
@import "./guide.css";
@import "./codemirror-theme.dracula.css";


html, body {
    height: 100%;
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.main_section {
    flex: 1 0 auto;
    margin: 0;
}

footer {
    flex: 0 0 auto;
}

.CodeMirror {
    border-radius: 14px;
    padding: 8px;
    font-size: 18px;
}

.virtual-lab__list-item-img {
    display: flex;
    align-items: center;
    margin-right: 20px;
    min-height: 100%;
    max-width: 65px;
}

    .virtual-lab__list-item-img .card-img-top {
        max-width: 64px;
        max-height: 64px;
    }

.cursor-default {
    cursor: default !important;
}

.virtual-lab__list .courses-list__item-main {
    padding-right: 0;
    padding-top: 20px;
}

.courses-wrapper .course-list {
    margin-bottom: 60px;
}

.courses-wrapper .h1 {
    padding: 15px 0;
}

.courses-wrapper.courses {
    padding: 0;
}

.guliki-content-wrapper {
    margin: 30px auto 0 auto;
    width: 90%;
}

.active-tests__wrap {
    margin: 0 auto;
    width: 90%;
}

.virtual-lab__list .courses-list__item-main .courses-list__item-pointer {
    display: none;
}

.page-content {
    width: 90%;
    margin: 0 auto;
}

    .page-content .page-content__sub-area {
        width: 100%
    }

.content-card {
    border-radius: 8px;
    /* width: 100%; */
    display: block;
    background: white;
    padding: 32px 32px 16px 32px;
    margin-bottom: 32px;
}

    .content-card h4, .content-card h5, .content-card h6 {
        margin-bottom: 1.2rem;
    }

label.content-card__header {
    font-weight: 600;
    margin: 0;
}

.form-item label {
    width: 100%;
    color: #7b819b;
}

.sub-header {
    color: #7b819b;
    margin-bottom: 24px;
}

.input-row input {
    margin-right: 24px;
}

input[type="image"].icon {
    background-image: none !important;
    padding: 3px;
    margin-left: 8px;
}

input[type="image"].icon.bordered {
    border-width: 1px !important;
}

input[type="image"].icon.trash {
    padding: 5px;
}

input[type="image"].icon.attach-icon {
    padding: 7px;
    border-color: #0155cb;
}