/*@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:10px;
}
.evolutionofsmooth .bxiMoni .main_studOne {
    float: right !important;
}
.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:rtl;
}
.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;
	}
}

/* =====================================================================
   Le Labo (theme 29) two-row header — RTL fixes.
   The OLFA restyle in top_menu.blade.php mirrors the header for RTL using
   [dir="rtl"] ATTRIBUTE selectors, but Arabic mode only sets
   `direction: rtl` on <body> (above) — no dir attribute — so those rules
   never fire: the logo stays pinned left and row 1 reserves space on the
   wrong side, while the flex flow still flips. Re-assert the mirror here.
   This file loads ONLY in Arabic, and every selector is a .llb-* / theme-29
   header class, so no other theme or language is affected.
   ===================================================================== */
@media (min-width: 1025px) {
  /* Logo → right edge (was pinned left:14px by the LTR rule) */
  .llb-row1 .bxiMiLog,
  nav.common-head .bxiMoni .bxiMiLog {
    left: auto !important;
    right: 14px !important;
    justify-content: flex-end !important;
  }

  /* Reserve the logo's horizontal space on the RIGHT. The logo spans both
     rows and (with right-aligned Arabic search text) the search box must
     clear it fully, so row 1 reserves the logo's full max box width
     (max-width 200px + 14px inset ≈ 214px). The nav (row 2) is centred, so
     it never reaches the right edge and needs only a light reserve. */
  .llb-row1 {
    padding-left: 0 !important;
    padding-right: 214px !important;
  }
  nav.common-head .bxiMoni > #llbMainNav {
    padding-left: 0 !important;
    padding-right: 110px !important;
  }
  /* Belt-and-braces: keep the search box itself off the logo even if the
     logo renders narrower than its max. */
  .llb-row1 #llbSearchBar { margin-right: 8px !important; }

  /* Cart sits at the RTL end of the icon row */
  .header-btn.hidiRoMib .iconCart {
    margin-left: 0 !important;
    margin-right: 20px !important;
  }
}

/* Search placeholder reads right-to-left */
.llb-searchbar__box { text-align: right !important; }

@media (min-width: 1025px) {
  /* Keep the icon cluster (cart · person · mail · currency · language) as a
     tight group pinned to the LEFT — the RTL mirror of how LTR groups them
     tight on the right. In RTL the row's flex flow spreads them out unless
     the container is held to content width and per-item margins/grow are
     reset, so do exactly that. */
  .llb-row1 .header-btn.hidiRoMib {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    margin: 0 !important;
  }
  .llb-row1 .header-btn.hidiRoMib > li,
  .llb-row1 .header-btn.hidiRoMib > a {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* Cart keeps a small set-apart gap at the RTL end, matching LTR. */
  .llb-row1 .header-btn.hidiRoMib .iconCart {
    margin-left: 0 !important;
    margin-right: 20px !important;
  }
}