#the-timer {
    transition: all 0.8s ease;
    position: fixed;
    width: 100%;
    text-align: center;
    font-size: 72px;
    line-height: 108px;
    height: 108px;
    background: #1e7832;
    left: 0;
    top: 0;
    z-index: 9999999;
    color: white;
}

div.timer-sticky {
    font-size: 32px !important;
    line-height: 60px !important;
    height: 60px !important;
    background: #f0ad4e !important;
}

.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% { opacity: 0.5; }
}

.message-header p {
    margin-bottom: 0 !important;
}

.message-header .header-title {
    margin-left: 15px;
}

.message-body p {
    color: black;
}

.notice_underscore {
    text-decoration-color: red;
    text-decoration-line: underline;
    text-decoration-style: double;
}

.action-header {
    margin-bottom: 15px;
}

.welcome-text ul,
.message-body ul {
    list-style: disclosure-closed;
    padding-left: 40px;
}

.lms3-test-wrapper .row {
    margin-top: 4px;
}

.lms3-test-wrapper .row .col-md-12:nth-child(3) {
    line-height:36px;
}

#singleChoiceContainer,
#gapChoiceContainer,
#dropDownChoiceContainer,
#dropDownGapChoiceContainer,
#multipleChoiceContainer,
#dragAndDropChoiceContainer,
#rankingChoiceContainer {
    display: none;
    
}

.questionContentBody .gallery-row {
    margin:0;
}

.questionContentBody .gallery-row figure{
    margin-bottom:0px;
}

.questionContentBody .gallery-item {
    padding:0;
}

.question-container {
    margin-bottom:10px;
}

.question-container-inner {
    border: 1px solid #cccccc;
    padding: 8px;
    border-radius: 10px;
    background: #f3f3f3;
    height: 100%;
}

.questionContent-container {
    margin-bottom: 10px;
}

.answersContainer label {
    padding-left: 8px;
}
.answersContainer label input {
    margin: 4px;
}
.btn-current {
    background: #0a78d1 !important;
}
.hintButtonWrapper {
    padding: 0;
    display: inline-block;
    float: right;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.questionNumbers {
    display: inline-block;
}
.qNumber {
    width: 48px;
    margin: 0 4px 4px;
    border-radius: 4px;
}
.question-categories {
    color: #ff8700;
}

#the-timer {
    transition: all 0.8s ease;
    position: fixed;
    width: 100%;
    text-align: center;
    font-size: 72px;
    line-height: 108px;
    height: 108px;
    background: #1e7832;
    left: 0;
    top: 0;
    z-index: 10;
    color: white;
}

div.timer-sticky {
    font-size: 32px !important;
    line-height: 60px !important;
    height: 60px !important;
    background: #f0ad4e !important;
}

.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% { opacity: 0.5; }
}

.message-header p {
    margin-bottom: 0 !important;
}

.message-header .header-title {
    margin-left: 15px;
}

.message-body p {
    color: black;
}

.notice_underscore {
    text-decoration-color: red;
    text-decoration-line: underline;
    text-decoration-style: double;
}

.action-header {
    margin-bottom: 15px;
}

.welcome-text ul,
.message-body ul {
    list-style: disclosure-closed;
    padding-left: 40px;
}

#nextQuestion.disabled, #nextQuestion:disabled {
    color: #333;
    background-color: #d4d5d4;
    border: none;
}
.questionNumbers .btn {
    background-color: #aa272f;
    color: #fff;
}
.questionNumbers li.btn-current {
    background-color: #ff8700;
    border-color: #ff8700;
}
.questionNumbers li.btn-warning {
    background-color: #ffc107;
    border-color: #ffc107;
}
.questionNumbers li.btn-success {
    background-color: #28a745;
    border-color: #28a745;
}
#submitConfirmation {
    z-index: 9999;
}
/* Drag and drop choice question stylesheet*/
.mother_items {
    display: flex;
}
.mother_items ul {
    margin: 15px;
    border: 1px solid black;
    flex: 1;
}
.mother_items .ignore-elements {
    text-align: center;
    border-bottom: 1px solid black;
    margin-bottom: 15px;
}
.mother_item .father_item {
    padding: 0 15px;
}
.father_items {
    display: flex;
    flex-wrap: wrap;
    border: none;
    margin: 15px;
}
.father_item {
    max-width: 225px;
    cursor: grab;
    border: 1px solid black !important;
    display: flex;
    margin: 5px !important;
}
.father_item p {
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    margin-bottom: 0 !important;
}
/* Ranking css*/
.ranking {
    border: none;
    margin-left: 16px;
}
.ranking .answer {
    border: 1px solid black;
    cursor: -webkit-grabbing;
    max-width: 300px;
    display: flex;
    cursor: grab;
    padding: 4px 30px;
}
.ranking .answer i {
    margin-right: 10px;
}
.ranking li:last-child {
    border-bottom: 1px solid black;
}
.gap_choice input:focus,
.gap_choice input:active,
.ranking li:hover {
    background-color: #e8f3db;
}
.m-t-15 {
    margin-top: 15px !important;
}
.questionContentBody iframe {
    height: 100% !important;
}
