/*@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');*/



@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&display=swap');


html body{
    font-weight:600 !important;
}
body.hold-transition.skin-blue.sidebar-mini {
    direction:rtl;
    overflow-x:hidden;
}
body {
    	font-family: "Noto Sans Arabic", sans-serif !important;
    
    font-weight: 400 !important;
    font-size: 16px !important;
}
html body .main_studOne ul.tabs li a {
    font-size: 20px !important;
    
    font-weight: 400 !important;
}
div.material-table table th {
    font-size: 17px !important;
    
    font-weight: 500 !important;
}
.right ul#dropdownone li a {
    text-align: center;
}
html body button {
    font-weight: 400 !important;
    font-size: 15px;
}
.modal-footer a.waves-effect {
    font-weight: 400;
    font-size: 15px !important;
}
nav.tut_nav ul#nav-mobile {
    float: left !important;
}
nav.tut_nav ul#nav-mobile ul.right li {
    float: right;
}
nav.tut_nav ul#nav-mobile ul.right li span.languagecls {
    margin-right: 0px;
    margin-left:5px;
}
.msg_icon span.badge.red.round {
    right: inherit !important;
    left: -6px !important;
}
#totalnotification {
    right: inherit !important;
    left: -6px !important;
}
.indicator {
    display: none;
}
ul#nav-mobile ul li ul#dropdown {
    left: 0px !important;
    right: inherit !important;
}
.btn_crir {
    float: left;
}
#my_students button.btn_crir {
    float: left !important;
}

.btn_crir {
    float: left !important;
    margin-left: 0px !important;
}

#my_materials .btn_crir {
    float: left !important;
    margin-left: 0px !important;
    margin-top: 10px;
}
#my_materials .table-header {
    display: block !important;
    width: 100%;
}
.gradeStud {
    float: right;
    margin-left: 10px;
    margin-right: 0px;
}
.gradeStud .fa {
    margin-right: 0px;
    margin-left: 6px;
}
span.grade_stud {
    text-align: right;
}

div.material-table table tr td a i {
    color: rgb(255 255 255);
}

.modal-content input {
    text-align: right;
    direction: rtl;
}

.modal-content label {
    text-align: right !important;
    left: inherit;
    right: 0px;
}

.modal-content {
    text-align: right;
    direction: rtl;
}

h3.hd_choose {
    text-align: right;
}

.main_school {
    display: block;
}

.chik_day.spcli {
    float: right;
    margin-right: 0px;
}

.close_com {
    right: inherit;
    left: 0px;
}

.chik_day [type=checkbox]+label:before {
    left: inherit;
    right: 0px;
}

.chik_day label {
    padding-left: 0px;
    padding-right: 25px;
}

#profile .col.s5 {
    float: right;
    text-align: right;
}

#profile .mig_rop {
    float: right;
}

#profile .grd_right .col.s4 {
    float: right;
}

.mid_school span.child_student label {
    padding-right: 25px;
    padding-left: 0px;
}

.mid_school span.child_student label::before {
    right: 0px;
}

.evaluation_main #homeworksMain .waves-effect.waves-light.btn {
    float: left;
}

.evaluation_main #assesmentsMain .waves-effect.waves-light.btn {
    float: left;
}

.evaluation_main #examMain .waves-effect.waves-light.btn {
    float: left;
}

.btn_crir.new_bnt {
    float: left !important;
}

.child_student [type=checkbox]:checked+label:before {
    right: 10px;
}

#dashboard .boxgrid .title_cover {
    font-weight: 400;
    font-size: 20px;
}

.main_textimg img {
    margin-right: 0px;
    margin-left: 10px;
}

span.dat_colr {
    margin-left: 0px;
    margin-right: 5px;
}

html body li.vsn_vx ul#dropdownone li a {
    font-size: 15px !important;
    font-weight: 500;
}

div.material-table table tr td {
    font-size: 15px !important;
    font-weight: 500;
}

#classestable button {
    font-size: 15px;
    font-weight: 500 !important;
}

#upcoming_homeWork .material-table table th {
    font-size: 16px !important;
    font-weight: 500 !important;
}

#upcoming_assesments .material-table table th {
    font-size: 16px !important;
    font-weight: 500 !important;
}

#upcoming_exams .material-table table th {
    font-size: 16px !important;
    font-weight: 500 !important;
}

#completed_homeWork .material-table table th {
    font-size: 16px !important;
    font-weight: 500 !important;
}

#completed_assesments .material-table table th {
    font-size: 16px !important;
    font-weight: 500 !important;
}

#completed_exams .material-table table th {
    font-size: 16px !important;
    font-weight: 500 !important;
}

table#assignment_table th {
    font-size: 16px !important;
    font-weight: 500 !important;
}

#lession table th {
    font-size: 16px !important;
    font-weight: 500 !important;
}
.gradeStud .fa {
    margin-right: 0px;
    margin-left: 0px;
}
.bx_filti select.initialized {
    font-weight: 500;
}
.main_tutor div#lession ul.tabs li a {
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
    font-weight: 600;
}
.grd_right label {
    font-weight: 500;
    color: #000;
}
select {
    font-weight: 500;
}
/**Chat Box CSS Start**/

div#friendslist {
    float: right;
	}
div#chatDitail {
    float: left !important;
	}
.groupiBtn a {
    margin-left: 5px;
    margin-right: 0px;
	}
a.searchinputclose {
    left: 10px;
    right: inherit !important;
	}
div#searchi input {
    padding-left: 10px;
    padding-right: 20px;
	}
div#searchi {
    margin-right: 5px;
    float: right !important;
    margin-left: 0px !important;
    overflow: hidden !important;
	}
.groupiBtn {
    float: left !important;
	}
.groupiBtn a {
    margin-left: 5px;
    margin-right: 0px !important;
	}
.maini {
    float: right !important;
    text-align: right !important;
	}
.mediaLinkBtnMain {
    margin-left: -10px;
    float: left !important;
    margin-right: 0px !important;
	}
#profile div#searchi {
    overflow: hidden;
    float: left !important;
	}
.img_misoini {
    float: right !important;
    margin-left: 10px;
    margin-right: 0px !important;
	}
.listingrade .collapsible-header {
    float: left !important;
	}
.listingrade span.nim_main {
    float: right !important;
	}
#friendslist .listingrade span.nim_main img {
    margin-left: 10px !important;
    margin-right: 10px !important;
	}
.friend .status {
    left: 5px !important;
    right: inherit !important;
	}
html body .friend .badge.red.round {
    left: 10px !important;
    right: inherit !important;
	}
#chatview .hideOptionCls .right_testDrive {
    left: 3px;
    right: inherit;
	}
.friend .status {
    margin-left: 5px !important;
    margin-right: -5px !important;
	}
#chatDitail .closiBtn {
    float: left;
	}
.potLeft .potImg {
    float: right;
	}
#user_mediaListID ul#mdlList {
    width: 100%;
    display: inline-block;
	}
#chatDitail .collapsible-header>i {
    float: left !important;
	}
#chatDitail .collapsible-header span.nim_main i {
    float: right !important;
    }
.right_testDrive {
    float: left !important;
    }
div#testdive {
    margin-left: 0px;
    margin-right: 5px;
    padding: 9px 20px 9px 10px !important;
    }
.placeFully.hideOptionCls div#testdive {
    float: right !important;
    }
a.c-emoji-picker-tab.emojiCrossCls {
    left: 10px !important;
    right: inherit !important;
    }
button#shoMobi {
    display: none !important;
    }
.emoButn {
    left: 9px;
    right: inherit !important;
    }
a.replyClearCls {
    left: 15px !important;
    right: inherit !important;
    }
.topGradi {
    float:right !important;
    }
html body #friendslist .topGradi img {    
    margin-left:10px !important;   
    margin-right:35px !important;
    }
html body .nim_main .badge.red.round {
    float: left;
    left: 15px !important;
    right: inherit !important;
    }    
span.grdmsLasti {
    left: 5px !important;
    right: inherit !important;
    }
.bx_inmiTo {
    right: -8px;
    left: inherit;
    }
.friend p strong {    
    text-align: right !important;
    }
#friendslist #groupsi img {
    margin-right:0px;    
    margin-left:10px !important;
    }
#chat-messages div.message.right {    
    float:none !important;
    }
.forwardListCls ul.collapsible li .collapsible-header {
    padding-left:0px !important;
    padding-right:40px !important;
    }
.forwardListCls ul.collapsible li .collapsible-header i {
    float:left !important;
    }   
#createGroupModal .modal-content label {    
    right:10px;
    float: right;
    }
.createGrp .input-field.col.s12.bxioSearchi input {    
    padding-left:0px;
    padding-right:15px;
    }
#createGroupModal .creatListUser .friend p {
    float: right;
    margin-right: 15px;
    }
#createGroupModal .creatListUser .friend p strong {
    text-align: right;
    }
a.eitdIcon {        
    margin-left: 0px !important;
    }
.createGrp div#modal_content > .row .col.s2 {
     float: right;
    }
.bxibotLeft {    
    float: left;
    }
	
	
/**Chat Box CSS End**/
    
.close_com {
    left: 10px !important;
    right: inherit !important;
}
.message .bubble {
    min-width:160px !important;
    }
.bubble>span {
    min-width:140px !important;
    }
#sendmessage button {    
    float: right !important;
    }
#chatview .hideOptionCls .right_testDrive {        
    right: inherit !important;
    }    
ul.listiplusImg {
    overflow-x: initial !important;
    }
button#imageShareBtn, #mediaSendBtn, #docSendBtn {
    right:100% !important;
    margin-right:10px !important;
    }
.creatListUser {
    overflow-x: hidden;
    }
.senMsgType i.fa {
    float: right !important;  
    margin-right: 0px !important;
    margin-left: 5px !important;
    }
html body span.img_fli.fcls>img {
    float: right !important;
    }
html body span.img_fli.fcls>img {
    float: right !important;
    margin-right: 0px !important;
    }
.bubble.singleDocClsCls span.newfilesharedcls span.img_fli.fcls .imniName {
    float:right !important;
    margin-right:5px;
    }
.bubble.singleDocClsCls span.newfilesharedcls a { 
    float:left;
    margin-left:0px;
    margin-right:5px;
    }
#filePreviewmodel .close_com {
    right:10px !important;
    }
.mediaLinkBtn {
    margin-right:10px;
    float:left !important;
    }
.searchiMainMobil {
    float:left !important;
    }
#profile .backiBtn {
    margin-right:0px;
    }
html body .message.right .txtclipboardCls {
    text-align:right;
    }
.hideOptionCls .right_testDrive button#sendBtn {
    transform:rotate(-65deg);
    }
button#imageShareBtn {
    right:100% !important;
    }
.coin_plusImg {
    direction:ltr;
    }
ul#previewListImg {
    direction:rtl;
    }
span#countPreviewImg {
    right:35px !important;
    }
.btn_cont i.fa.fa-paper-plane {
    transform:rotate(-75deg);
    }
div#syncn1 {
    direction:ltr !important;
    }
#imgPreviewmodel .close_com {        
    right:10px !important;
    }	
.page_popup_model .times-cross {
    left:10px !important;
    float:left !important;
    right:inherit !important;
	}
.bxohelpLeft {
    float:right;
	}	
.hlpserhRight {
    float:left;
	}
.hlpSerach input {
    padding-right:10px;
	}
button.muiButtonBase-root {
    float:left;
	}
.bxohelpLeft ul.collapsible li i.material-icons {
    float:left !important;
	}
.hlpTop .wrappering.parentsDashbording {
    float:right !important;
    margin:0px 0px 0px 10px !important;
	}



/**Parent **/



.parentsDashboard .bxiMiLog.b2blogoCls {
    float: right;
	}
nav.tut_nav.parentsDashboard {
    padding-left: 0px;
	}
.parentsDashBoard .bb_left.hidMob {
    float: right;
	}
.parentsDashBoard .bb_right .scol_name h4 {
    text-align: right;
	}
.parentStudent .col.s3 {
    float: right;
	}
.parentsDashBoard .bb_left.hidMob ul.collapsible li .collapsible-header i.fa {
    float:right;
    margin-left:10px;
    margin-right: 0px;
	}
.parentsDashBoard .bb_left.hidMob ul.collapsible li .collapsible-header i.material-icons {
    float:left;
    transform:rotate(180deg);
	}
div#profile1 .col.s3 {
    float:right;
	}
.box-profile ul.list-group.list-group-unbordered li b {
    float:right;
	}
.box-profile ul.list-group.list-group-unbordered li {
    width: 100%;
    display: inline-block;
	}
.box-profile ul.list-group.list-group-unbordered li  a.pull-right.text-aqua {
    float: left;
	}
.grd_right.cusahen .row .col.s6 {
    float: right;
	}
.grd_right.cusahen h4.headiaddi {
	text-align: right;
	}
.parentStudent .sfborder .col.s2{
    float:right;
	}
.parentStudent .sfborder table.table.table-striped tr td, .parentStudent .sfborder table.table.table-striped tr th{
    text-align:right;
	}	
#modal_content .select-wrapper span.caret {
    left:0px;
    float:right;
    right: inherit;
	}
.bxiCmposs button.btn.btn-primary {
    float: left; 
	}
























@media screen and (max-width: 900px){

    #uploadImageModal div#txtAreaImg.placeholder:after {      
        right:30px !important;
    }
    .dark_mode div#testdive {
        padding:8px 20px 7px 10px !important;
    }
    html body button#shoMobi {
        display:block !important;
        margin-left:0px;
        margin-right:5px;
    }
    div#testdive {    
        float:right !important;
        margin-left:0px !important;
    }
    #sendmessage .placeholder:after {
        right:70px;
        left:inherit;
    }
}


@media screen and (max-width: 767px){ 
    button#imageShareBtn {
        right: 90% !important;
    }
}


@media screen and (max-width: 600px){
    button#imageShareBtn {
        right: 87% !important;
    }
}

@media screen and (max-width: 480px){ 
    button#imageShareBtn {
        right:83% !important;
    }
    .dark_mode .mediaLinkBtn {
        float:left !important;
        margin-right:10px !important;
        margin-top:-8px !important;
    }
}