/* Start:/local/components/shkaf/quiz.list/templates/.default/style.css?17796322152162*/
.quiz-list {
    display: none;
}

.loaded .quiz-list {
    display: block;
}

.quiz-timer, .quiz-filters, .quiz-auth {
    visibility: hidden;
}
.loaded .quiz-auth,
.loaded .quiz-filters,
.loaded .quiz-timer {
    visibility: visible;
}

.loading .loading-icon {
    display: block;
}

.quiz-filters {
    padding-left: 15px;
}

.quiz-filters .a {
    cursor: pointer;
}


.quiz-item {
    min-height: 105px;
    width: 100%;
    border-radius: 15px;
    box-shadow: 0 0 17px -5px #C6C6C6;
    display: inline-block;
    float: left;
    margin: 10px 0;
    position: relative;
}


.quiz-item-name {
    width: 75%;
}

.quiz-item-name .a {
    color: #354446;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
}

.quiz-item-name .a:hover {
    color: #1685d6;
    text-decoration: none;
}

.quiz-item-info {
    padding: 15px;
    position: relative;
}

.quiz-item-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 340px;
    height: 105px;
    border-radius: 0 15px 15px 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    clip-path: polygon(33% 0%, 100% 0, 100% 100%, 0% 100%);
}

@media (max-width: 767px) {
    .quiz-item {
        margin: 0 0 15px 0;
    }

    .quiz-item-img {
        position: relative;
        clip-path: none;
        width: 100%;
        display: block;;
        border-radius: 0 0 15px 15px;
    }

    .quiz-item-name {
        width: 100%;
    }
}

.quiz-item-status {
    width: 100%;
    margin-bottom: 7px;
}

.quiz-item-status span {
    display: inline-block;
    float: left;
    font-size: 13px;
    background-color: #f1f9f1;
    color: green;
    border: 1px solid green;
    border-radius: 3px;
    padding: 0 10px 1px 10px;
    white-space: nowrap;
}

.quiz-item-status span.quiz-start {
    background-color: #f6fafd;
    color: #1685d6;
    border: 1px solid #1685d6;
}

.quiz-item-status span.quiz-completed {
    background-color: #efefef;
    color: #585858;
    border: 1px solid #585858;
}

.quiz-item-status span.quiz-ongoing {
    background-color: #ffefef;
    color: #c12b2b;
    border: 1px solid #c12b2b;
}

/* End */
/* /local/components/shkaf/quiz.list/templates/.default/style.css?17796322152162 */