.qz-gate {
        padding: 10px;
        margin-bottom: 20px;
        border: 1px solid #b30002;
        border-radius: 5px;
}
.qz-gate .card{
        border: none;
}
.qz-gate .card-header {
        background: unset !important;
        padding: 0;
        padding-bottom: 10px;
        font-weight: 600;
        text-transform: uppercase;
        color: #b60002;
        font-size: 14px;
}
.qz-gate .card-body {
        padding: 10px 0;
}
.qz-gate .card-body .topic{
        display: flex;
        flex-direction: column;
        gap: 0;
        padding-bottom: 10px;
}
.qz-gate .card-body .topic+.topic{
        padding-top: 10px;
        border-top: 1px dashed #ddd;
}
.qz-gate .card-body .topic .description{
        margin-bottom: 10px;
        color: #6c757d;
}
.qz-gate .card-body .topic a{
        font-weight: 600;
}
.qz-gate .card-body .form-group span {
        display: inline-block;
        /* flex-direction: column; */
        /* gap: 10px; */
        margin-bottom: 10px;
}
.qz-gate .card-body .form-group{
        margin-bottom: 10px;
}
.qz-gate .card-body .form-group input[type="submit"]{
        background: #b60002;
        border: none
}
.qz-topicdetail {
        margin: 0 !important;
        margin-bottom: 20px !important;
        border: 1px solid #b60002;
        border-radius: 5px;
}
.qz-topicdetail .card-body a {
        display: inline-block;
        margin-right: 10px;
        padding: 10px;
        background: #b20002;
        border-radius: 3px;
        color: #fff;
}
.qz-topicdetail  .card{
        border: none !important;
}
.qz-topicdetail .card .title, .qz-topicdetail .card .title span{
        font-size: 18px !important;
}
.container.qzExam.ng-scope {
        PADDING: 0;
}
.container.qzExam.ng-scope>.row {
}
.container.qzExam.ng-scope>.row>div {
        padding: 0 5px;
}
.container.qzExam.ng-scope {
        PADDING: 0;
}
.container.qzExam.ng-scope>.row {
}
.container.qzExam.ng-scope>.row>div {
        padding: 0 5px;
}
.container.qzExam.ng-scope .card {
        border: 1px solid #c72c2b;
}
.fa-regular, .fa-solid, .far, .fas {
        font-family: "Font Awesome 6 Free" !important;
}
.container.qzExam.ng-scope .card-footer.text-right {
        padding: 5px;
}
.container.qzExam.ng-scope .iradio_flat, .container.qzExam.ng-scope .icheckbox_flat {
        min-width: 20px;
}
.container.qzExam.ng-scope .flex.gap-2.items-center.py-1.ng-scope {
        align-items: flex-start;
        padding: 5px 0 !important;
}
.container.qzExam.ng-scope h6.card-header.ng-binding {
        font-size: 14px;
        font-weight: 600;
        color: #c72c2b;
        padding-top: 10px;
}
.container.qzExam.ng-scope h4.card-text.text-center.mb-4 span {
        font-size: 16px !important;
        font-weight: 600;
}
.btn-question{
        margin: 2.5px 5px;
}
button.btn.btn-primary, button.btn.btn-secondary {
        display: inline-flex;
        align-items: center;
        gap: 10px;
}
.modal-body {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-direction: row-reverse;
}
.bootbox-body {
        flex: 1;
}
button.bootbox-close-button.close {
        border: 1px solid red;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        color: red;
}
.qz-result {
        margin: 0 !important;
        border: 1px solid #c72c2b;
        border-radius: 5px;
        padding-bottom: 10px;
}
.qz-result .card {
        border: none;
        box-shadow: none;
}