.quizes,
.quizes .quize-question,
.quizes .quize-answer {
    /*margin: 0 auto 18px auto;*/
    margin-bottom: 15px;
}

.quizes {
    padding-bottom: 5px;
    border-radius: 10px;
}

.quizes .alert {
    border-radius: 25px;
    text-align: left;
    display: none;
}
.quizes .quize-img img {
	border-radius: 10px;
    min-width:100%;
}
.quizes .quize-question,
.quizes .quize-answer {
    color: #222;
   /* background-color: #fff;*/
}
.quizes .quize-question {
	font-size: 26px;
	font-weight: 500;
}
.quizes .quize-question .quize-answer-list .input-group-addon,
.quizes .quize-question .quize-answer-list .form-control,
.quizes .quize-answer .quize-answer-list .input-group-addon,
.quizes .quize-answer .quize-answer-list .form-control {
    border: 1px solid #F8F8F8;
    text-align: left;
}

.quizes .quize-question .quize-answer-list .first,
.quizes .quize-answer .quize-answer-list .first {
    width: 50px;
}

.quizes .quize-question .quize-answer-list .end,
.quizes .quize-answer .quize-answer-list .end {
    width: calc(100%-50px);
}

.quizes .quize-question.row .col-6,
.quizes .quize-question.row-none .col-6,
.quizes .quize-answer.row .col-6,
.quizes .quize-answer.row-none .col-6 {
    float: left;
    cursor: pointer;
    width: 50%;
    position: relative;
    display: table;
}

.quizes .quize-question.row .col-6,
.quizes .quize-question.row .input-group,
.quizes .quize-question.row-none .col-6,
.quizes .quize-question.row-none .input-group,
.quizes .quize-answer.row .col-6,
.quizes .quize-answer.row .input-group,
.quizes .quize-answer.row-none .col-6,
.quizes .quize-answer.row-none .input-group {
    color: #222;
}

.quizes .quize-question.row .col-6 .item-answer,
.quizes .quize-question.row .input-group .item-answer,
.quizes .quize-question.row-none .col-6 .item-answer,
.quizes .quize-question.row-none .input-group .item-answer,
.quizes .quize-answer.row .col-6 .item-answer,
.quizes .quize-answer.row .input-group .item-answer,
.quizes .quize-answer.row-none .col-6 .item-answer,
.quizes .quize-answer.row-none .input-group .item-answer {
    margin: 15px;
    position: relative;
    border-radius: 10px;
    display: block;
}

.quizes .quize-question.row .col-6 .item-answer .txt-show,
.quizes .quize-question.row .input-group .item-answer .txt-show,
.quizes .quize-question.row-none .col-6 .item-answer .txt-show,
.quizes .quize-question.row-none .input-group .item-answer .txt-show,
.quizes .quize-answer.row .col-6 .item-answer .txt-show,
.quizes .quize-answer.row .input-group .item-answer .txt-show,
.quizes .quize-answer.row-none .col-6 .item-answer .txt-show,
.quizes .quize-answer.row-none .input-group .item-answer .txt-show {
    vertical-align: middle;
    display: flex;
    height: 80px;
    text-align: center;
    padding: 0px 10px;
    margin: auto;
    justify-content: center;
    align-items: center;
}

.quizes .quize-question.row .col-6 .item-answer .first,
.quizes .quize-question.row .input-group .item-answer .first,
.quizes .quize-question.row-none .col-6 .item-answer .first,
.quizes .quize-question.row-none .input-group .item-answer .first,
.quizes .quize-answer.row .col-6 .item-answer .first,
.quizes .quize-answer.row .input-group .item-answer .first,
.quizes .quize-answer.row-none .col-6 .item-answer .first,
.quizes .quize-answer.row-none .input-group .item-answer .first {
    float: left;
    position: relative;
    display: table;
    flex: 1;
    text-align: center;
    text-transform:uppercase;
}

.quizes .quize-question.row .col-6 .item-answer .text,
.quizes .quize-question.row .input-group .item-answer .text,
.quizes .quize-question.row-none .col-6 .item-answer .text,
.quizes .quize-question.row-none .input-group .item-answer .text,
.quizes .quize-answer.row .col-6 .item-answer .text,
.quizes .quize-answer.row .input-group .item-answer .text,
.quizes .quize-answer.row-none .col-6 .item-answer .text,
.quizes .quize-answer.row-none .input-group .item-answer .text {
    margin-left: 20px;
    padding-right: 40px;
}

.quizes .quize-question.row .col-6 .item-answer .icon-answer-show,
.quizes .quize-question.row .input-group .item-answer .icon-answer-show,
.quizes .quize-question.row-none .col-6 .item-answer .icon-answer-show,
.quizes .quize-question.row-none .input-group .item-answer .icon-answer-show,
.quizes .quize-answer.row .col-6 .item-answer .icon-answer-show,
.quizes .quize-answer.row .input-group .item-answer .icon-answer-show,
.quizes .quize-answer.row-none .col-6 .item-answer .icon-answer-show,
.quizes .quize-answer.row-none .input-group .item-answer .icon-answer-show {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
}

.quizes .quize-question.row .col-6 .item-answer .icon-answer-show.inline-answer,
.quizes .quize-question.row .input-group .item-answer .icon-answer-show.inline-answer,
.quizes .quize-question.row-none .col-6 .item-answer .icon-answer-show.inline-answer,
.quizes .quize-question.row-none .input-group .item-answer .icon-answer-show.inline-answer,
.quizes .quize-answer.row .col-6 .item-answer .icon-answer-show.inline-answer,
.quizes .quize-answer.row .input-group .item-answer .icon-answer-show.inline-answer,
.quizes .quize-answer.row-none .col-6 .item-answer .icon-answer-show.inline-answer,
.quizes .quize-answer.row-none .input-group .item-answer .icon-answer-show.inline-answer {
    top: 5px;
    right: 5px;
    position:relative;
}

.quizes .quize-question.row .col-6 .item-answer .icon-answer-show.correct .fa-check-circle,
.quizes .quize-question.row .input-group .item-answer .icon-answer-show.correct .fa-check-circle,
.quizes .quize-question.row-none .col-6 .item-answer .icon-answer-show.correct .fa-check-circle,
.quizes .quize-question.row-none .input-group .item-answer .icon-answer-show.correct .fa-check-circle,
.quizes .quize-answer.row .col-6 .item-answer .icon-answer-show.correct .fa-check-circle,
.quizes .quize-answer.row .input-group .item-answer .icon-answer-show.correct .fa-check-circle,
.quizes .quize-answer.row-none .col-6 .item-answer .icon-answer-show.correct .fa-check-circle,
.quizes .quize-answer.row-none .input-group .item-answer .icon-answer-show.correct .fa-check-circle {
    display: block;
    color: forestgreen;
    font-size: 20px;
}

.quizes .quize-question.row .col-6 .item-answer .icon-answer-show.correct .fa-times-circle,
.quizes .quize-question.row .input-group .item-answer .icon-answer-show.correct .fa-times-circle,
.quizes .quize-question.row-none .col-6 .item-answer .icon-answer-show.correct .fa-times-circle,
.quizes .quize-question.row-none .input-group .item-answer .icon-answer-show.correct .fa-times-circle,
.quizes .quize-answer.row .col-6 .item-answer .icon-answer-show.correct .fa-times-circle,
.quizes .quize-answer.row .input-group .item-answer .icon-answer-show.correct .fa-times-circle,
.quizes .quize-answer.row-none .col-6 .item-answer .icon-answer-show.correct .fa-times-circle,
.quizes .quize-answer.row-none .input-group .item-answer .icon-answer-show.correct .fa-times-circle {
    display: none;
    font-size: 20px;
}

.quizes .quize-question.row .col-6 .item-answer .icon-answer-show.wrong .fa-check-circle,
.quizes .quize-question.row .input-group .item-answer .icon-answer-show.wrong .fa-check-circle,
.quizes .quize-question.row-none .col-6 .item-answer .icon-answer-show.wrong .fa-check-circle,
.quizes .quize-question.row-none .input-group .item-answer .icon-answer-show.wrong .fa-check-circle,
.quizes .quize-answer.row .col-6 .item-answer .icon-answer-show.wrong .fa-check-circle,
.quizes .quize-answer.row .input-group .item-answer .icon-answer-show.wrong .fa-check-circle,
.quizes .quize-answer.row-none .col-6 .item-answer .icon-answer-show.wrong .fa-check-circle,
.quizes .quize-answer.row-none .input-group .item-answer .icon-answer-show.wrong .fa-check-circle {
    display: none;
    font-size: 20px;
}

.quizes .quize-question.row .col-6 .item-answer .icon-answer-show.wrong .fa-times-circle,
.quizes .quize-question.row .input-group .item-answer .icon-answer-show.wrong .fa-times-circle,
.quizes .quize-question.row-none .col-6 .item-answer .icon-answer-show.wrong .fa-times-circle,
.quizes .quize-question.row-none .input-group .item-answer .icon-answer-show.wrong .fa-times-circle,
.quizes .quize-answer.row .col-6 .item-answer .icon-answer-show.wrong .fa-times-circle,
.quizes .quize-answer.row .input-group .item-answer .icon-answer-show.wrong .fa-times-circle,
.quizes .quize-answer.row-none .col-6 .item-answer .icon-answer-show.wrong .fa-times-circle,
.quizes .quize-answer.row-none .input-group .item-answer .icon-answer-show.wrong .fa-times-circle {
    display: block;
    color: red;
    font-size: 20px;
}
.quizes .quize-answer.row-none .input-group{
    display:table;
}
.quizes .quize-question.row .col-6 .item-answer.item-answer-inline,
.quizes .quize-question.row .input-group .item-answer.item-answer-inline,
.quizes .quize-question.row-none .col-6 .item-answer.item-answer-inline,
.quizes .quize-question.row-none .input-group .item-answer.item-answer-inline,
.quizes .quize-answer.row .col-6 .item-answer.item-answer-inline,
.quizes .quize-answer.row .input-group .item-answer.item-answer-inline,
.quizes .quize-answer.row-none .col-6 .item-answer.item-answer-inline,
.quizes .quize-answer.row-none .input-group .item-answer.item-answer-inline {
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 30px;
    background-color: rgba(0,0,0,0.05);
    padding: 15px;
}

.quizes .quize-answer.row-none .input-group .item-answer.item-answer-inline:hover {
    background-color: rgba(255,255,255,0.6);
}
    .quizes  .quize-question {
        padding:10px 15px;
    }

    .quizes .quize-question.row .col-6 .item-answer:after,
    .quizes .quize-question.row .input-group .item-answer:after,
    .quizes .quize-question.row-none .col-6 .item-answer:after,
    .quizes .quize-question.row-none .input-group .item-answer:after,
    .quizes .quize-answer.row .col-6 .item-answer:after,
    .quizes .quize-answer.row .input-group .item-answer:after,
    .quizes .quize-answer.row-none .col-6 .item-answer:after,
    .quizes .quize-answer.row-none .input-group .item-answer:after {
        clear: both;
        content: "";
        position: relative;
        display: table;
    }

.quizes .quize-question.row:after,
.quizes .quize-question.row-none:after,
.quizes .quize-answer.row:after,
.quizes .quize-answer.row-none:after {
    clear: both;
    content: "";
    position: relative;
    display: table;
}

.alert.alert-danger,
.alert.alert-info {
	display: block;
}
.quizes .quize-question.show-answer-question .col-6 .item-answer .icon-answer-show,
.quizes .quize-question.show-answer-question .input-group .item-answer .icon-answer-show,
.quizes .quize-answer.show-answer-question .col-6 .item-answer .icon-answer-show,
.quizes .quize-answer.show-answer-question .input-group .item-answer .icon-answer-show {
    display: block;
}

.quizes .quize-question.show-answer-question .col-6 .item-answer .icon-answer-show.correct .fa-check-circle,
.quizes .quize-question.show-answer-question .input-group .item-answer .icon-answer-show.correct .fa-check-circle,
.quizes .quize-answer.show-answer-question .col-6 .item-answer .icon-answer-show.correct .fa-check-circle,
.quizes .quize-answer.show-answer-question .input-group .item-answer .icon-answer-show.correct .fa-check-circle {
    display: block;
    color: forestgreen;
    font-size: 20px;
}

.quizes .quize-question.show-answer-question .col-6 .item-answer .icon-answer-show.correct .fa-times-circle,
.quizes .quize-question.show-answer-question .input-group .item-answer .icon-answer-show.correct .fa-times-circle,
.quizes .quize-answer.show-answer-question .col-6 .item-answer .icon-answer-show.correct .fa-times-circle,
.quizes .quize-answer.show-answer-question .input-group .item-answer .icon-answer-show.correct .fa-times-circle {
    display: none;
    font-size: 20px;
}

.quizes .quize-question.show-answer-question .col-6 .item-answer .icon-answer-show.wrong .fa-check-circle,
.quizes .quize-question.show-answer-question .input-group .item-answer .icon-answer-show.wrong .fa-check-circle,
.quizes .quize-answer.show-answer-question .col-6 .item-answer .icon-answer-show.wrong .fa-check-circle,
.quizes .quize-answer.show-answer-question .input-group .item-answer .icon-answer-show.wrong .fa-check-circle {
    display: none;
    font-size: 20px;
}

.quizes .quize-question.show-answer-question .col-6 .item-answer .icon-answer-show.wrong .fa-times-circle,
.quizes .quize-question.show-answer-question .input-group .item-answer .icon-answer-show.wrong .fa-times-circle,
.quizes .quize-answer.show-answer-question .col-6 .item-answer .icon-answer-show.wrong .fa-times-circle,
.quizes .quize-answer.show-answer-question .input-group .item-answer .icon-answer-show.wrong .fa-times-circle {
    display: block;
    color: red;
    font-size: 20px;
}

.quizes .quize-question.show-answer-question .col-6 .item-answer.correct-items,
.quizes .quize-question.show-answer-question .input-group .item-answer.correct-items,
.quizes .quize-answer.show-answer-question .col-6 .item-answer.correct-items,
.quizes .quize-answer.show-answer-question .input-group .item-answer.correct-items {
    border: 1px solid #027116;
}
 .quizes .show-answer-question .quize-answer-list.correct-items .item-answer-inline {
    height: auto;
    display: block;
    background-color: #55d000 !important;
}
 .quizes .show-answer-question .quize-answer-list.correct-items .item-answer-inline .correct {
        position: relative;
        padding: 5px 1px 5px 15px;
        color: #fff;
        font-size: 14px;
        font-family: Arial, sans-serif;
    }

.quizes .show-answer-question .quize-answer-list.quiz-show-answer-error-info .item-answer-inline {
    height: auto;
    color: #fff;
    display: block;
    background-color: #f16464 !important;
}

.quiz-result-answer {
    background-color: #f3f3f3;
}

    .quiz-result-answer .h-result {
        padding: 15px;
        text-align: center;
        margin: 0px 15px;
        border-bottom: 1px solid #ddd;
    }

    .quiz-result-answer .b-result {
        padding: 15px;
        text-align: center;
        margin: 15px auto;
    }
@media (max-width: 768px) {
	.quizes .quize-question {
		font-size: 20px;
	}
	.quizes .quize-answer.row .col-6 .item-answer {
		margin: 0 0 10px 0;
	}
}