.modal-header {
cursor: move;
background-color: #3a73b5;
color: white;
}
.question {
    background-color: var(--question_bg);
    color: #636b6f;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #dddddd;
    border-radius: 3px 3px 10px 10px;
    font-weight: bold;
    overflow: hidden;
}

.skipbtn {
    margin: 10px 15px;
}
.skip {
    background-color: #2c72b3;
    color: white;
}


        .showHide{
        display: none;
        }
        .correctAnswr{
        border: 1px solid #7b7171;
        }
        .highlightBtn{
        background: orange;
        color: #fff;
        }
        a{
        cursor: pointer;
        }
        .answerlink{
        margin-top: 30px;
        margin-bottom: 30px;
        }
        .wrong_answer {
        background-color: #FABBAE;
        color: black;
        }
        .highlight_answer{
        background-color: var(--answer_highlight_bg);
        color: #000;
        }
        .bootstrap-tagsinput {
        background-color: var(--tags_bg);
        }
        .tags-input {
        background-color: var(--tags_input_bg);
        color: var(--tags_input_color);
        }
        .ui-widget-content {
        background-color: var(--autocomplete_bg);
        color: var(--autocomplete_color);
        }
        .explanation {
        background-color: var(--explanation_bg);
        color: var(--explanation_color);
        padding-bottom: 2px;
        }
        .skipbtn{
        margin: 10px 15px;
        }
        .cursor{
        cursor: pointer;
        }

        .tick{
        display: none;
        }
        .cross{
        display: none;
        }
        .previous{
        display: none;
        }
        .tickcross{
        position: absolute;
        right: 10px;
        bottom: 10px;
        }
        .quest_modal{
        height: 70px;
        overflow-y: auto;
        }
        
        .red{
        background-color: #ff4b42;
        color: white;
        }
        .green{
        background-color: #30cb30;
        color: white;
        }
        
        
        
.tm-col-1 {
margin-top: 7px; text-align: center; padding-left: 5px; padding-right: 5px;
}
.tm-col-2 {
text-align: center; padding-left: 5px; padding-right: 5px;
}
.tm-col-3 {
margin-top:11px; text-align: center; padding-left: 5px; padding-right: 5px;
}
@media (min-width: 992px) {
.tm-col-1 {
width: 45px; text-align: right;
}
.tm-col-2 {
width: calc(100% - 110px);
}
.tm-col-3 {
width: 65px; text-align: left;
}
}

.seen_2020_black {
    display: inline-block;
    background-image: url(../images/2020_black.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}

.actions_btns{
 background-color: orange; 
}