@import url("../fonts/NeoSansArabic/NeoSansArabic.css");

body {
    background: url(../images/page-pattern.jpg) center center;
    background-attachment: fixed;
    direction: ltr !important;
}

.questions {
    border: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
    margin: 40px 0;
}

.details-cour {
    background: rgba(255, 209, 15, 0.32);
    padding: 15px;
    margin-top: 30px;
    border-radius: 10px;
}

    .details-cour li {
        margin-bottom: 10px;
    }

    .details-cour span {
        font-weight: bold;
    }

body, a, div, h1, h2, h3, h4, h5, h6, input, textarea, select {
    font-family: NeoSansArabic !important;
}

/*th {
    background-color: #3e3d40;
    color: #fff;
}*/

th p {
    display: inline-block;
}

.table-q th span.num-q, .art-holder span.num-q, .BIG-QUESTION .Q span.num-q {
    background: #ffd10f;
    color: #fff;
    display: inline-block;
    color: #3e3d40;
    padding: 5px 10px;
    margin-right: 10px;
}

.panel-default > .panel-heading, .details {
    color: #333;
    background-color: #ffd10f;
    border-color: #ffd10f;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 15px !important;
}

.details {
    background-color: rgba(222, 222, 222, 0.3411764705882353);
    border-color: #ddd;
    padding: 10px;
    margin-bottom: 15px;
}

    .panel-default > .panel-heading > div, .details div {
        flex-grow: 1;
        text-align: center;
    }

        .panel-default > .panel-heading > div > b, .details > div b {
            margin-right: 6px
        }

            .panel-default > .panel-heading > div > b:after, .details > div b:after {
                display: inline-block;
                content: ":";
                margin-left: 6px;
            }

.save {
    text-align: right;
    float: right;
    margin-bottom: 15px;
}

.table-responsive {
    clear: both;
}

.btn {
    color: #333 !important;
}

.time {
    text-align: right;
    margin-bottom: 12px;
}

    .time div {
        display: inline-block;
        margin-left: 17px;
    }

b.text-danger {
    color: #a94442;
    direction: rtl;
    /*unicode-bidi: bidi-override;*/
    margin-left: 7px;
}

.result td {
    width: 1%;
}

.bg-gray {
    background: #f9f9f9;
}

select.form-control {
    margin-bottom: 20px;
}

.form-control {
    height: 45px;
}

form button {
    display: block;
    /*width: 100%;*/
    padding: 8px 15px;
    border-radius: 3px;
    border: none;
    background-color: #ffd10f;
}

.exam-form {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*md */
@media (min-width: 992px) and (max-width: 1199px) {
    .my_banner .small_icon {
        width: 32%;
        MARGIN-TOP: 19PX;
    }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
}

/*xs*/
@media (min-width: 480px) and (max-width: 767px) {
    button.md-trigger {
        margin-top: 15px;
        right: 70px;
    }
}
/* XS Portrait */

@media (max-width: 479px) {
}

.inner_content .con_aside {
    background-color: transparent
}

.BIG-QUESTION .Q {
    background-color: #3e3d40;
    color: #fff;
    TEXT-ALIGN: left;
    PADDING: 10PX 15PX;
}

.BIG-QUESTION {
    BORDER: 1PX SOLID #000;
    CLEAR: BOTH;
    MARGIN-BOTTOM: 15PX;
    overflow-x: hidden;
}

    .BIG-QUESTION p {
        padding: 15PX;
        line-height: 20PX;
        display: inline-block;
    }