/*********
    ===============================
    Start Customs Css
    ===============================
    
    **********/
@font-face {
    font-family: 'Ara.Jozoor-Regular';
    src: url('../fonts/Ara.Jozoor-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo-Regular';
    src: url('../fonts/Cairo-Regular.ttf') format('truetype');
}

:root {
    --mainFont: 'Ara.Jozoor-Regular';
    --altFont: 'Cairo-Regular';
    --mainColor: #A5C239;
    --padding-60px: 60px 0;
    --padding-30px-30px: 30px;
}

h1, h2, h3, h4, h5, h6, p, span {
    letter-spacing: 0 ;
    font-weight: normal !important
}
.address {
    margin-left: 0 !important;
    margin-right: 35% !important;
}


    .fa-angle-double-right {
    transform: rotate(180deg)
}
.font-weight-bold {
    font-weight: normal !important;
}
.px-5 {
    padding-left: 3rem !important;
}
.px-4 {
    padding-left: 1.5rem !important;
}
.pagination {
    padding-right: 5px;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.page-item:first-child .page-link {
    margin-right: 5px;
}
.aside-icons {
    right: 22px;
    left: auto;
}
/*.pagination .page-item:first-of-type,
.pagination .page-item:last-of-type {
    transform: rotate(180deg)*/

/*********
    ===============================
    Start Login , sign Pages
    ===============================
    
    **********/
.login-box .right-side .backTo-home a i,
.signUp-box .right-side .backTo-home a i {
    order: 2;
}
.signUp-box .right-side .account-items a .title {
    margin-left: 0;
    margin-right: 15px;
}
.login-box .left-side:before {
    left: auto;
    right: -25%;
}
.login-box .left-side:after {
    left: auto;
    right: -15%;
}
.show-hide-password {
    left: 1%;
    right: auto;
} 
/*********
    ===============================
    Start Navbar
    ===============================
    
    **********/
.navbar .icon-profile li.user-name > .dropdown-menu {
    left: auto;
    /*right: -50%;*/
}
.navbarJoinBtn {
    width: 100px !important;
    border-radius: 15px !important;
}

.navbarLoginBtn {
    width: 125px !important;
    border-radius: 15px !important;
}
/*********
    ===============================
    Start Home Pages
    ===============================
    
    **********/
body, h1, h2, h3, h4, h5, h6, p, a, span {
    font-family: 'Cairo-Regular' !important;
}
/*header .header-bottom .content-header h2, label, p {
    font-family: var(--mainFont);
}*/
header .header-bottom:before {
    top: 0;
    bottom: auto;
}
header .header-bottom:after {
    bottom: 0;
    top: auto;
}
header .header-bottom .header-image:after {
    left: 100%;
    right: auto;
}
.title-sec h2:after {
    left: 0;
    right: auto;
}
/*********
    ===============================
    Start Group Block
    ===============================
    
    **********/
.goups-box .group-itmes .images img:not(:first-of-type) {
    margin-left: 0;
    margin-right: -5px;
}
.goups-box .group-itmes .title-group h4 {
    font-weight: normal !important;
}
/*********
    ===============================
    Start Teacher
    ===============================
    
    **********/
.our-teachers-pages.our-teachers:before {
    left: auto;
    right: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.our-teachers:after {
    left: 0;
    right: auto;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*********
    ===============================
    Start Teacher Profile Pages
    ===============================
    
    **********/
.teacher-profile .right-side .nav-pills .nav-link:before {
    left: 0;
    right: auto;
}

.teacher-profile .right-side .tab-content > .tab-pane .goups-box .group-itmes .link-group a i {
    transform: rotate(180deg)
}
.teacher-profile .right-side .tab-content > .tab-pane .goups-box .group-itmes .images img:not(:first-of-type),
.teacher-profile .right-side .student-feedback .number-students .images img:not(:first-of-type) {
    margin-left: 0;
    margin-right: -5px;
}
.teacher-profile .right-side .tab-Top{
    width:100%
}
.lessons.teacher-profile .right-side .default-session-content .steps-how-to-use .second-steps::before,
.lessons.teacher-profile .right-side .default-session-content .steps-how-to-use .first-steps::before {
    background-image: url('../images/Steps/arrows2.png');
    top: 29%;
    width: 90px;
    height: 24px;
    left: -24%;
    right: auto;
}
/*********
    ===============================
    Start Teacher sessions Pages
    ===============================
    
    **********/
.right-side .lesson-upcoming-perivious-content .lesson-title-left .links-lesson a i {
    transform: rotate(180deg);
}
.right-side .lesson-upcoming-perivious-content .lesson-title-left .links-lesson a i.fa.fa-lock {
    transform: initial;
}

.right-side .tab-lessons .title h3:before, .title-tabs-teacherProfile h3:before {
    left: auto;
}
    .member-content .tab-members .search-box a {
        right: auto;
        left: 2%;
    }
    /*********
    ===============================
    Start Teacher Profile Layout
    ===============================
    
    **********/
    .teacher-profile-layout .counting-SGL ul li:not(:first-of-type) {
        border-left: 0;
        border-right: 1px solid #a49d9da1
    }
.teacher-profile-layout .share-link-box .box-copy-link span {
    border-radius: 0 6px 6px 0;
}

.teacher-profile-layout .share-link-box .box-copy-link button {
    border-radius: 6px 0 0 6px;
}
.owl-carousel {
    direction: ltr;
}
.box-file-after-upload .items-file > a {
    left: -15%;
    right: auto;
}
#TeacherSubjectsTbl_filter {
    text-align: left;
}
/*********
    ===============================
    Start Question Bank
    ===============================
    
    **********/
.question-bank .right-side .question-box .question-items ul li:not(:first-of-type) a:before,
.btn-quiz li:not(:first-of-type) a:before {
    left: auto;
    right: 0;
}
.viewquestion .matching-box-view .matching-items-view > div:last-of-type {
    margin: 0 6% 0 0;
}
.viewquestion .matching-box-view .matching-items-view > div:first-of-type::before {
    right:auto;
    left: -15%;
}
.addquestion .true-false-box .form-group > ul,
.addquestion .multiple-choice-box .form-group > ul,
.addquestion .additional-answer-box .form-group > ul, 
.addquestion .matching-box .form-row > ul {
    right: auto;
    left: -24px;
}
.addquestion .true-false-box .form-group > ul {
    right: auto !important;
    left: 2% !important;
}
    .addquestion .input-group-upload span, .addquestion .input-group-add a {
        left: auto;
        right: 0;
    }
.addquestion .true-false-box .form-group > input, .addquestion .multiple-choice-box .form-group > input {
    padding-right: 10px;
    padding-left:110px;
}

.addquestion .matching-box .form-row .form-group:first-of-type::after {
    right: auto;
    left: -43%;
    /*width: 179px !important;*/
    width: 130px;
}
.result-logo {
    margin-top: 50px;
    margin-left:0 !important;
    margin-right: 56% !important;
}

.preview-quiz .matching-box .answer-matching-preview::before {
    left: auto;
    right: -60%;
}
.preview-quiz .multiple-choice-box .form-group ul, .preview-quiz .true-false-box ul {
    right: auto;
    left: 2%;
}
.modal-addQuestionBank .questionBank-items-add ul li a:after {
    right: 0;
    left: auto;
}
.modal-addQuestionBank .questionBank-items-add h5 {
    padding-right: 0;
    padding-left: 10px;
}
.modal-addQuestionBank .search-byGroup .input-group-prepend{
    left: 2%;
    right: auto;
}
.modal-addQuestionBank .search-byGroup input {
    padding-left: 30px;
    padding-right: 12px;

}
.lessons.teacher-profile .right-side .nav-pills .dropdown-tabs::after {
    right: 0;
    left: auto
}
/*********
    ===============================
    Start  Groups Details
    ===============================
    
    **********/
.community-content .post-items-comment .add-comment-reply input[type="text"] {
    padding-left: 90px;
    padding-right: .75rem
}
.community-content .post-items-comment .add-comment-reply .comment-link-icon {
    left: 0;
    right: auto;
}

/*********
    ===============================
    Start  Employee Layout
    ===============================
    
    **********/
.employee-booking .form-search-Add .add-student, .employee-profile a.icon-back {
    left: 0;
    right: auto;
}
.employee-profile a.icon-back {
    left: 10px;
}
    .employee-profile a.icon-back i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }
/*********
    ===============================
    Start Student Profile
    ===============================
    
    **********/
.rapStar {
    direction: ltr;
}
/*********
    ===============================
    Start Notifications
    ===============================
    
    **********/
li.notif-profile .dropdown-menu {
    left: auto;
    right: -130px;
}
.teacher-profile .Due-to-list .DueTo-list-items .list-item h6.due-late span:first-of-type::after, 
li.notif-profile .notifications-item .info h6.due-late span:first-of-type::after {
    left: 0;
    right: auto;
}
li.notif-profile .notifications-item .info h5 {
    font-size: 16px;
}
li.notif-profile .icon-close {
    left: 2%;
    right: auto;
}
/*********
    ===============================
    Start Student Admin
    ===============================
    
    **********/
.teacher-profile .Due-to-list .DueTo-list-items .list-item h5 span:not(:first-of-type):before,
.upcoming-items-modal .modal-body .upcoming-items-modal-content h5 span:not(:first-of-type):before,
.quizFewDisc .quizFewDisc-content h5 span:not(:first-of-type):before {
    right: -4px;
    left: auto;
    border-right: 1px solid #ccccccb3;
    border-left: 0;
}

.upcoming-items-modal .modal-body .upcoming-items-modal-content h5 span:not(:first-of-type):before,
.quizFewDisc .quizFewDisc-content h5 span:not(:first-of-type):before {
    right: -6px;
}
.whatsdue .tabel-whatsdue tbody tr th h5 span:not(:first-of-type):before {
    right: -12px;
}
#VideoModal .fullscreenLink, .fullscreenLink {
    left: auto;
    right: 2%;
}
    /*********
    ===============================
    Start BreadCrumb
    ===============================
    
    **********/
    .breadcrumb-nav::after {
        left: 7%;
        right: auto;
    }
.breadcrumb-teacherProfile.breadcrumb-nav:before {
    left: 25%;
    right: auto;
}
.breadcrumb-teachers.breadcrumb-nav:before {
    left: 25%;
    right: auto;
}

#liveSessionDiv .water-mark {
    right: auto;
    left: 50%;
}
    #liveSessionDiv .water-mark .water-mark-username {
        width: 460px;
    }
.breadcrumb-lessons .edit-background {
    border-radius: 0 10px 10px 0;
}
/*********
    ===============================
    Start Student Submission
    ===============================
    
    **********/

.review-quiz .preview-question .questions-corr-noCorr ul li > span:not(:first-of-type) {
    left: 5%;
    right: auto;
}
.student-submission .sudent-slider-submissions .owl-item .card-body .disc-student-header {
    flex-direction: row-reverse;
}

.faq .tab-pane .heading h3:before {
    right: 0;
    left: auto;
}
#GradesStd .pagination {
    background-color: #fff;
    justify-content: center;
}
#GradesStd #GroupStudTable_info {
    display: flex;
    justify-content: flex-end;
}
    #GradesStd .pagination .page-item:last-of-type,
    #GradesStd .pagination .page-item:first-of-type {
        transform: rotate(0)
    }
/*********
    ===============================
    Start News Page
    ===============================
    
    **********/
.news_sec .item_news .disc_news .date {
    border-right: 0;
    border-left: 2px solid var(--mainColor);
}
.news_sec .item_news:hover .disc_news .date {
    border-left: 2px solid #fff;
    border-right: 0;
}
.news_sec .item_news .disc_news .info {
    padding-left: 0;
    padding-right: 25px;
}

.news_details .aside_filter .input_search .input-group input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.news_details .aside_filter .input_search .input-group .input-group-prepend .input-group-text {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/*********
    ===============================
    Start Responsive
    ===============================
    
    **********/

@media (max-width: 425px) {
    .address {
        margin-left: 0 !important;
        margin-right: 8% !important;
    }

    .result-logo {
        margin-right: 0 !important;
    }
}

    @media (min-width: 992px) {
        .px-5 {
            padding-left: 0 !important;
        }
    }

    @media (min-width: 992px) and (max-width: 1199.98px) {
        .teacher-profile .right-side .nav-pills .nav-link {
            padding: 13px;
        }

        .px-5 {
            padding-left: 0 !important;
        }

        .preview-quiz .matching-box .answer-matching-preview::before {
            right: -65%;
        }

        .viewquestion .matching-box-view .matching-items-view > div:first-of-type::before {
            width: 57px;
        }

        .create-quiz-edit .addquestion .matching-box .form-row .form-group:first-of-type::after {
            left: -42%;
        }
    }

    @media (max-width: 991.98px) {
        .navbar .mobile-view {
            right: -260px;
            left: auto;
        }

        .breadcrumb-teachers.breadcrumb-nav:before {
            left: 0;
        }
    }

    @media (max-width: 767.98px) {
        .navbar .icon-profile li.user-name > a + .dropdown-menu,
        .nav-itemsMobileView .dropdown-menu {
            left: 0;
            right: auto;
        }

        .user-itemsMobileView + .dropdown-menu {
            right: auto;
            left: 0;
        }

        .nav-itemsMobileView .dropdown-menu {
            left: auto;
            right: -60px;
        }

        .icon-user-mobile + .dropdown-menu {
            right: auto;
        }

        .add-group i {
            margin: 0 0 0 8px;
        }

        .icon-setting .setting-opation {
            left: 0;
        }

        #liveSessionDiv .water-mark .water-mark-username,
        #CourdeWaterMark .water-mark .water-mark-username {
            width: 120px;
        }

        .addquestion .matching-box .form-row .form-group:first-of-type::after,
        .preview-quiz .matching-box .form-row .form-group:first-of-type::before {
            left: 50%;
        }

        .preview-quiz .matching-box .answer-matching-preview::before {
            right: 50%;
            top: -70%;
        }

        .addquestion .true-false-box .form-group > input,
        .addquestion .multiple-choice-box .form-group > input {
            padding-left: 80px;
        }

        .addquestion .true-false-box .form-group > ul,
        .addquestion .multiple-choice-box .form-group > ul,
        .addquestion .additional-answer-box .form-group > ul,
        .addquestion .matching-box .form-row > ul {
            left: -20px;
        }

        .viewquestion .matching-box-view .matching-items-view > div:last-of-type {
            margin: 0;
        }

        .viewquestion .matching-box-view .matching-items-view > div:first-of-type::before {
            left: 50%;
        }

        .addquestion .matching-box .form-row .form-group:first-of-type::after {
            width: 1px;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .addquestion .matching-box .form-row .form-group:first-of-type::after {
            left: -5%;
        }

        .preview-quiz .matching-box .answer-matching-preview::before {
            left: auto;
            right: -20%;
        }

        .addquestion .true-false-box .form-group > ul, .addquestion .multiple-choice-box .form-group > ul,
        .addquestion .additional-answer-box .form-group > ul,
        .addquestion .matching-box .form-row > ul {
            /*left: -6%;*/
        }

        .viewquestion .matching-box-view .matching-items-view > div:first-of-type::before {
            width: 41px;
        }

        .create-quiz-edit .addquestion .matching-box .form-row .form-group:first-of-type::after {
            right: auto;
            left: -3%;
        }
    }

    .BtnLoader {
        background-image: url('../img/BtnLoader.gif');
        background-position: right;
        background-size: contain;
        background-repeat: no-repeat;
    }

    footer .copyRight p {
        direction: ltr;
    }

    .breadcrumb-customs .breadcrumb-item + .breadcrumb-item::before {
        padding-left: .5rem;
        padding-right: 0;
    }

    .contact-box h2:before {
        right: 0;
        left: auto;
    }
    /**************
        Strat Support Pages
        ****************/
    .support-icon {
        left: 35px;
        right: auto;
    }

        .support-icon .box-support {
            left: 30px;
            right: auto;
        }
    /**************
        STart Live Session
        ****************/
    .live_session .order-rtl > div:first-of-type {
        order: 2;
    }

    .live_session .order-rtl > div:last-of-type {
        order: 1;
    }

    .survey-sec-style2.horizontal .survey-box {
        border-left: 1px solid #cccccc7a;
    }
    /*.survey-sec-style2.horizontal .survey-box:last-of-type {
        border-left: 0 !important
    }*/
/*********
    ==========================
    Blogs Arabic Style
    ==========================
    *********/
.blog2-section .right-blog .blog-all-category-wrapper .latest-posts .posts-box .p-text {
    left: auto;
    right: 122px;
}

    .blog2-section .right-blog .blog-all-category-wrapper .latest-posts .posts-box .p-text span > i {
        padding-right: 0;
        padding-left: 5px;
    }

.blog2-section .right-blog .productsearchform button,
.blog2-section .right-blog .productsearchform a {
    right: auto;
    left: 10px;
}

.single-blog .blog-chat-list ul li {
    padding-left: 20px;
    padding-right: 0;
}

    .single-blog .blog-chat-list ul li i {
        padding-right: 0px;
        padding-left: 8px;
    }

.single-blog .read-more-btn > i {
    /*padding-left: 0;
    padding-right: 5px;*/
    transform: rotate(180deg)
}

.blog-content .blog-meta li {
    margin-right: 0;
    margin-left: 10px
}

    .blog-content .blog-meta li i {
        padding-left: 5px;
        padding-right: 0;
    }

.blog-content blockquote {
    border-left: 0;
    border-right: 4px solid #92ac42;
}