.quiz-container
{
    display: block;
    width: 100%;
/*    display: grid;
    grid-template-columns: 1fr 40%;
    grid-template-rows: 1fr;*/
}

.quiz-container .main-pan
{
    padding: 10px 20px;

    float: left;
    position: relative;
    width: calc(60% - 40px);
    overflow-x: hidden;
}

.quiz-container .right-pan
{
    float: left;
    position: relative;
    width: calc(40% - 40px);

    padding: 10px 20px;
    /*border-left: 1px solid grey;*/
}

.quiz-container button
{
    cursor: pointer;
}

.quiz-container input[type=text]
{ 
    width: 100%;
}

.quiz-editable-descr
{
    color: gray;
}

.quiz-questions div
{
    padding: 10px 5px;
    border-bottom: 1px solid #ccc;
}

.quiz-questions div:last-child
{
    border: none;
}

.quiz-question
{
    cursor: move;
}

.quiz-result
{
    cursor: pointer;
}

.quiz-results div
{
    padding: 10px 5px;
    border-bottom: 1px solid #ccc;
    margin: 0;
}

.quiz-results div:last-child
{
    border: none;
}

.quiz-question:hover, .quiz-result:hover
{
    background-color: #F51678;
    color: #fff;
    border-color: #fff;
}

.quiz-answer-editor
{
/*    border: 1px solid black; */
    
    padding: 15px 15px 0 15px;
    cursor: move;
    border-bottom: 1px solid #eee;
}

/*.quiz-answer-isgood:hover
{
    background-color: #F51678;
    cursor: pointer;

}*/

.quiz_res_count {
    margin: 0 15px;
    width: 60px;
}

.quiz-question-answers div:last-child {
    border: none;
}

.quiz_answer_header {
    margin-top: 0;
}
.quiz-result-img img, .quiz-question-img img, .quiz-answer-img {
    margin-top: 20px !important;
}