/*@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');

body{
    font-weight:600 !important;
	direction: rtl;
    overflow-x: hidden;
	font-family: "Noto Sans Arabic", sans-serif !important;
}
.header-slider {   
    direction: ltr;
}
.bxiMiLog {
    float: right;
}
.header-btn.hidiRoMib {
    float: left;
}
.main_studOne.hidiRoMib {
    float: right;
    margin-left: 0px;
    margin-right:5px;
}
.header-btn.hidiRoMib li.btn_lang {
    float: right;
    margin-left: 10px;
}
form.ser_fomi .searchInputWrapper {
	float: right;
}
form.ser_fomi .searchInputWrapper input.searchInput {
    border-radius: 0px 10px 10px 0px;
}
.ser_fomi button.butExp {
    border-radius: 10px 0px 0px 10px;
}
form.ser_fomi .searchInputWrapper input.searchInput {
    padding:17px 20px 16px;    
	}	
.bxiMoni .main_studOne ul.tabs.tabs-fixed-width.tab-demo li {
    float: right;
}



.login-today {
    margin-left: 6px;
    margin-right: 0px;
}

.exploCenter section#demos {  
    direction: ltr;
}
.exploCenter .item {
    direction: rtl;
}
.bxiMoni ul#nav-mobile {
    float: left !important;
}
.bxiMoni ul#nav-mobile ul.right li {
    float: right;
}


body.hold-transition.skin-blue.sidebar-mini {
    direction: rtl;
    overflow-x: hidden;
}
body {
    font-family: "Noto Sans Arabic", sans-serif !important;
    /*font-family: 'Roboto', sans-serif !important; */
    font-weight: 400 !important;
    font-size: 16px !important;
}
html body .main_studOne ul.tabs li a {
    font-size: 20px !important;
    font-family: "Noto Sans Arabic", sans-serif !important;
    font-weight: 400 !important;
}
div.material-table table th {
    font-size: 17px !important;
    font-family: "Noto Sans Arabic", sans-serif !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: 10px;
}
.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: "Noto 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-right: 0px;
    margin-left: 5px;
}
a.searchinputclose {
    right: inherit !important;
    left: 10px;
}
div#searchi input {
    padding-left: 10px;
    padding-right: 20px;
}
div#searchi {
    float: right !important;
    margin-right: 5px;
    margin-left: 0px !important;
    overflow: hidden !important;
}
.groupiBtn {
    float: left !important;
}
.groupiBtn a {
    margin-right: 0px !important;
    margin-left: 5px;
}
.maini {
    float: right !important;
    text-align: right !important;
}
.mediaLinkBtnMain {
    float: left !important;
    margin-right: 0px !important;
    margin-left: -10px;
}
#profile div#searchi {
    float: left !important;
    overflow: hidden;
}
.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 {
    right: inherit !important;
    left: 5px !important;
}
html body .friend .badge.red.round {
    right: inherit !important;
    left: 10px !important;
}
#chatview .hideOptionCls .right_testDrive {
    right: inherit;
    left: 3px;
}
.friend .status {
    margin-right: -5px !important;
    margin-left: 5px !important;
}
#chatDitail .closiBtn {
    float: left;
}
.potLeft .potImg {
    float: right;
}
#user_mediaListID ul#mdlList {
    display: inline-block;
    width: 100%;
}
#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 {
    right: inherit !important;
    left: 9px;
    }
a.replyClearCls {
    right: inherit !important;
    left: 15px !important;
    }
.topGradi {
    float:right !important;
    }
html body #friendslist .topGradi img {    
    margin-right:35px !important;
    margin-left:10px !important;   
    }
html body .nim_main .badge.red.round {
    left: 15px !important;
    right: inherit !important;
    float: left;
    }    
span.grdmsLasti {
    left: 5px !important;
    right: inherit !important;
    }
.bx_inmiTo {
    left: inherit;
    right: -8px;
    }
.friend p strong {    
    text-align: right !important;
    }
#friendslist #groupsi img {
    margin-left:10px !important;
    margin-right:0px;    
    }
#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 {    
    float: right;
    right: 10px;
    }
.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 {
    float: left !important;
    margin-right: 10px;
    }
.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;
    }
.socialMediaLogin {
    display: contents;
}
.socialMediaLogin a.social img {
    margin-right: 0px;
    margin-left: 10px !important;
}
form p { 
    text-align: right;
}
.sign-up-text {   
    display: block;
}

.xbiMonitwo .xbiMoMain .xbiMoImg {float: right;}

.xbiMonitwo .xbiMoMid {
    float: left;
}

.xbiMonitwo .xbiMidFirst {
    float: right;
}

.xbiMidCenter {
    text-align: left;
}

.xbiMidLast {
    float: left;
}


.bxilfetitut .profile-avatar .pic-circle {
    float: right !important;
    margin-right: 0px !important;
    margin-left: 15px;
}
.bxilfetitut .profile-avatar {
    text-align: right;
}
span.countryflg {
    right: -6px;
}
.bxilfetitut .user-box .profile-avatar-skill {
    text-align: right;
}
.mainCheckuoti .col.s8 .panel-default.credit-card-box {
    text-align: right;
}
.btnCkh label {
    margin-right: 0px !important;
    margin-left: 10px !important;
	padding-right:0px !important;
}

span.btnCkh img {
    margin-left: 0px !important;
    margin-right: 5px !important;
}


.main_paType label:before, .main_paType label:after {
    right: 0px !important;
}
.main_paType lable {
    text-align: right !important;
    direction: rtl;
}
.main_paType label {
    padding-right: 30px; 
    padding-left: 0px !important;
}
















@media (max-width: 992px) {

    html body nav .brand-logo {
        float:right !important;
        left:inherit !important;        
    }
    html body nav .brand-logo img {
        width: auto;
    }
}

@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 {
        left:inherit;
        right:70px;
    }
}

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

@media screen and (max-width: 600px){
	
    button#imageShareBtn {
        right:87% !important;
    }
	
	.mainCheckuoti .col.s8 .panel-default.credit-card-box {
       padding: 10px !important;
	}
	.btnCkh label {    
		font-size: 12px !important;
		    margin-left: 5px !important;
	}
	
}



@media screen and (max-width: 500px){
	.xbiMidLast {
		float:right;
	}
	.xbiMidCenter {
		text-align:right;
	}
}


@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;
    }
	
}

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

	.btnCkh label {
		display: none;
	}
}