#astroid-backtotop{border-radius:2px !important;background:rgb(56, 167, 96);padding:10px;}#astroid-backtotop > i{font-size:20px;color:rgb(255, 255, 255);}[data-bs-theme=dark] #astroid-backtotop{background:rgb(56, 167, 96);}[data-bs-theme=dark] #astroid-backtotop > i{color:rgb(255, 255, 255);}.mobilemenu-slide.astroid-mobilemenu{visibility:visible;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}.mobilemenu-slide.astroid-mobilemenu-open .mobilemenu-slide.astroid-mobilemenu {visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.mobilemenu-slide.astroid-mobilemenu::after{display:none;}.astroid-social-icons{font-size:24px;}.astroid-social-icons a{color:rgb(255, 255, 255)!important;}.astroid-social-icons a:hover{color:rgb(40, 167, 69)!important;}[data-bs-theme=dark] .astroid-social-icons a{color:rgb(255, 255, 255)!important;}[data-bs-theme=dark] .astroid-social-icons a:hover{color:rgb(40, 167, 69)!important;}#tbs-ba19xffbz{padding-right:30px}#ac-211539321230222{color:rgb(255, 255, 255);}#ac-211539321230222 a{color:rgb(255, 255, 255);}#ac-211539321230222 a:hover{color:rgb(255, 255, 255);}[data-bs-theme=dark] #ac-211539321230222{color:rgb(255, 255, 255);}[data-bs-theme=dark] #ac-211539321230222 a{color:rgb(255, 255, 255);}[data-bs-theme=dark] #ac-211539321230222 a:hover{color:rgb(255, 255, 255);}#ac-211539321230222{color:rgb(255, 255, 255);}#ac-211539321230222 a{color:rgb(255, 255, 255);}#ac-211539321230222 a:hover{color:rgb(255, 255, 255);}[data-bs-theme=dark] #ac-211539321230222{color:rgb(255, 255, 255);}[data-bs-theme=dark] #ac-211539321230222 a{color:rgb(255, 255, 255);}[data-bs-theme=dark] #ac-211539321230222 a:hover{color:rgb(255, 255, 255);}#ar-941539321230222{background-color:rgb(25, 47, 89);color:rgb(255, 255, 255);padding:10px 10px 10px 10px}#ar-941539321230222 a{color:rgb(255, 255, 255);}#ar-941539321230222 a:hover{color:rgb(56, 167, 96);}[data-bs-theme=dark] #ar-941539321230222{background-color:rgb(25, 47, 89);color:rgb(255, 255, 255);}[data-bs-theme=dark] #ar-941539321230222 a{color:rgb(255, 255, 255);}[data-bs-theme=dark] #ar-941539321230222 a:hover{color:rgb(56, 167, 96);}#ah-1529472563843{padding-right:40px}#ar-1529472563843{background-color:rgb(248, 249, 250);}[data-bs-theme=dark] #ar-1529472563843{background-color:rgb(248, 249, 250);}#ar-2k7d04qzg{padding-top:10px;padding-bottom:5px}#fs-1528971627712{background-color:rgb(25, 47, 89);color:rgb(255, 255, 255);}#fs-1528971627712 a{color:rgb(255, 255, 255);}#fs-1528971627712 a:hover{color:rgb(255, 51, 102);}[data-bs-theme=dark] #fs-1528971627712{background-color:rgb(25, 47, 89);color:rgb(255, 255, 255);}[data-bs-theme=dark] #fs-1528971627712 a{color:rgb(255, 255, 255);}[data-bs-theme=dark] #fs-1528971627712 a:hover{color:rgb(255, 51, 102);}body, .body{font-weight:400;text-transform:none;font-size:16px;letter-spacing:0em;line-height:24px;font-family:"Tajawal", Arial, Helvetica, sans-serif;}h1, .h1{font-weight:400;text-transform:none;font-size:48px;letter-spacing:0em;line-height:56px;font-family:"Tajawal", Arial, Helvetica, sans-serif;}h2, .h2{font-weight:400;text-transform:none;font-size:30px;letter-spacing:0px;line-height:36px;font-family:"Tajawal", Arial, Helvetica, sans-serif;}h3, .h3{font-weight:400;text-transform:none;font-size:24px;letter-spacing:0px;line-height:30px;font-family:"Tajawal", Arial, Helvetica, sans-serif;}h4, .h4{font-weight:400;text-transform:none;font-size:18px;letter-spacing:0px;line-height:34px;font-family:"Tajawal", Arial, Helvetica, sans-serif;}h5, .h5{font-weight:400;text-transform:none;font-size:16px;letter-spacing:0em;line-height:32px;font-family:"Tajawal", Arial, Helvetica, sans-serif;}h6, .h6{font-weight:400;text-transform:none;font-size:12px;letter-spacing:0px;line-height:18px;font-family:"Tajawal", Arial, Helvetica, sans-serif;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a, .astroid-mobile-menu > .nav-item > a{font-weight:400;text-transform:none;font-size:16px;letter-spacing:0em;line-height:24px;font-family:"Tajawal", Arial, Helvetica, sans-serif;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > a{font-weight:400;text-transform:none;font-size:16px;letter-spacing:0em;line-height:24px;font-family:"Tajawal", Arial, Helvetica, sans-serif;}html{background-color:rgb(255, 255, 255);}[data-bs-theme=dark]{background-color:rgb(255, 255, 255);}body{background-color:rgb(255, 255, 255);color:rgb(44, 46, 54);}body a{color:rgb(44, 46, 54);}body a:hover{color:rgb(56, 167, 96);}[data-bs-theme=dark] body{background-color:rgb(255, 255, 255);color:rgb(44, 46, 54);}[data-bs-theme=dark] body a{color:rgb(44, 46, 54);}[data-bs-theme=dark] body a:hover{color:rgb(56, 167, 96);}h1, h2, h3, h4, h5, h6{color:rgb(25, 47, 89);}[data-bs-theme=dark] h1, [data-bs-theme=dark] h2, [data-bs-theme=dark] h3, [data-bs-theme=dark] h4, [data-bs-theme=dark] h5, [data-bs-theme=dark] h6{color:rgb(25, 47, 89);}header{color:rgb(44, 46, 54);}[data-bs-theme=dark] header{color:rgb(44, 46, 54);}.astroid-header-section, .astroid-sidebar-header{background-color:rgb(255, 255, 255);}[data-bs-theme=dark] .astroid-header-section, [data-bs-theme=dark] .astroid-sidebar-header{background-color:rgb(255, 255, 255);}.astroid-logo-text .site-title{color:rgb(56, 167, 96);}.astroid-logo-text .site-tagline{color:rgb(44, 46, 54);}[data-bs-theme=dark] .astroid-logo-text .site-title{color:rgb(56, 167, 96);}[data-bs-theme=dark] .astroid-logo-text .site-tagline{color:rgb(44, 46, 54);}#astroid-sticky-header{background-color:rgb(255, 255, 255);}#astroid-sticky-header .astroid-nav .nav-link{color:rgb(44, 46, 54);}#astroid-sticky-header .astroid-nav .nav-link:hover{color:rgb(56, 167, 96);}#astroid-sticky-header .astroid-nav .nav-link:active, #astroid-sticky-header .astroid-nav .nav-link.active{color:rgb(56, 167, 96);}[data-bs-theme=dark] #astroid-sticky-header{background-color:rgb(255, 255, 255);}[data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link{color:rgb(44, 46, 54);}[data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link:hover{color:rgb(56, 167, 96);}[data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link:active, [data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link.active{color:rgb(56, 167, 96);}.astroid-nav .nav-link, .astroid-sidebar-menu .nav-link{color:rgb(44, 46, 54);}.astroid-nav .nav-link:hover, .astroid-sidebar-menu .nav-link:hover{color:rgb(56, 167, 96);}.astroid-nav .nav-link:focus, .astroid-sidebar-menu .nav-link:focus{color:rgb(56, 167, 96);}.astroid-nav .nav-link:active, .astroid-nav .nav-link.active, .astroid-sidebar-menu .nav-link:active, .astroid-sidebar-menu .nav-link.active{color:rgb(56, 167, 96);}[data-bs-theme=dark] .astroid-nav .nav-link, [data-bs-theme=dark] .astroid-sidebar-menu .nav-link{color:rgb(44, 46, 54);}[data-bs-theme=dark] .astroid-nav .nav-link:hover, [data-bs-theme=dark] .astroid-sidebar-menu .nav-link:hover{color:rgb(56, 167, 96);}[data-bs-theme=dark] .astroid-nav .nav-link:focus, [data-bs-theme=dark] .astroid-sidebar-menu .nav-link:focus{color:rgb(56, 167, 96);}[data-bs-theme=dark] .astroid-nav .nav-link:active, [data-bs-theme=dark] .astroid-nav .nav-link.active, [data-bs-theme=dark] .astroid-sidebar-menu .nav-link:active, [data-bs-theme=dark] .astroid-sidebar-menu .nav-link.active{color:rgb(56, 167, 96);}.megamenu-container{background-color:rgb(233, 255, 236);}.megamenu-container .nav-submenu .nav-submenu{background-color:rgb(233, 255, 236);}.has-megamenu.open .arrow{border-bottom-color:rgb(233, 255, 236);}.megamenu-container li.nav-item-submenu > a{color:rgb(0, 0, 0);}.megamenu-container li.nav-item-submenu > a:hover{color:rgb(255, 255, 255);background-color:rgb(56, 167, 96);}.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active{color:rgb(255, 255, 255);background-color:rgb(56, 167, 96);}[data-bs-theme=dark] .megamenu-container{background-color:rgb(233, 255, 236);}[data-bs-theme=dark] .megamenu-container .nav-submenu .nav-submenu{background-color:rgb(233, 255, 236);}[data-bs-theme=dark] .has-megamenu.open .arrow{border-bottom-color:rgb(233, 255, 236);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a{color:rgb(0, 0, 0);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a:hover{color:rgb(255, 255, 255);background-color:rgb(56, 167, 96);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a:active, [data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a.active{color:rgb(255, 255, 255);background-color:rgb(56, 167, 96);}.astroid-offcanvas{color:rgb(0, 0, 0) !important;background-color:rgb(255, 255, 255) !important;}.astroid-offcanvas .burger-menu-button, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}.astroid-offcanvas .menu-indicator{color:rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(69, 191, 85) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(255, 255, 255) !important;}.astroid-offcanvas .burger-menu-button .inner, .astroid-offcanvas .burger-menu-button .inner::before, .astroid-offcanvas .burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}[data-bs-theme=dark] .astroid-offcanvas{color:rgb(0, 0, 0) !important;background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-offcanvas .burger-menu-button, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-offcanvas .menu-indicator{color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(69, 191, 85) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-offcanvas .burger-menu-button .inner, [data-bs-theme=dark] .astroid-offcanvas .burger-menu-button .inner::before, [data-bs-theme=dark] .astroid-offcanvas .burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}.header-offcanvas-trigger.burger-menu-button .inner, .header-offcanvas-trigger.burger-menu-button .inner::before, .header-offcanvas-trigger.burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}[data-bs-theme=dark] .header-offcanvas-trigger.burger-menu-button .inner, [data-bs-theme=dark] .header-offcanvas-trigger.burger-menu-button .inner::before, [data-bs-theme=dark] .header-offcanvas-trigger.burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}.astroid-mobilemenu{background-color:rgb(255, 255, 255) !important;color:rgb(0, 0, 0) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(25, 47, 89) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(56, 167, 96) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(255, 255, 255) !important;}.astroid-mobilemenu .menu-indicator{color:rgb(25, 47, 89) !important;}[data-bs-theme=dark] .astroid-mobilemenu{background-color:rgb(255, 255, 255) !important;color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(25, 47, 89) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(56, 167, 96) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-mobilemenu .menu-indicator{color:rgb(25, 47, 89) !important;}.header-mobilemenu-trigger.burger-menu-button .inner, .header-mobilemenu-trigger.burger-menu-button .inner::before, .header-mobilemenu-trigger.burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}[data-bs-theme=dark] .header-mobilemenu-trigger.burger-menu-button .inner, [data-bs-theme=dark] .header-mobilemenu-trigger.burger-menu-button .inner::before, [data-bs-theme=dark] .header-mobilemenu-trigger.burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}.astroid-mobilemenu-open .burger-menu-button .inner, .astroid-mobilemenu-open .burger-menu-button .inner::before, .astroid-mobilemenu-open .burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}[data-bs-theme=dark] .astroid-mobilemenu-open .burger-menu-button .inner, [data-bs-theme=dark] .astroid-mobilemenu-open .burger-menu-button .inner::before, [data-bs-theme=dark] .astroid-mobilemenu-open .burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}.astroid-contact-info i[class*="fa-"]{color:rgb(255, 255, 255);}[data-bs-theme=dark] .astroid-contact-info i[class*="fa-"]{color:rgb(255, 255, 255);}.items-leading .article-title .page-header [itemprop="name"]{font-size:32px;}.items-row .article-title .page-header [itemprop="name"]{font-size:26px;}.astroid-header-sticky .header-mobilemenu-trigger {
  display: none !important;
}




/* ------------------------- */
/* HIDE MOBILE SANDWICH MENU */
/* ------------------------- */

.header-mobilemenu-trigger {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ------------------------- */
/* CENTER SOCIAL ICONS ON MOBILE */
/* ------------------------- */

@media (max-width: 767.98px) {
  /* Center content horizontally and vertically inside the column on mobile */
  #ac-211539321230222.astroid-column,
  #ac-211539321230222 .astroid-column {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Ensure inner blocks and elements inherit the center alignment */
  #ac-211539321230222.astroid-column > *,
  #ac-211539321230222 .astroid-column > * {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


@media (max-width: 767.98px) {
  /* Center content horizontally and vertically inside the column on mobile */
  #ac-r7djjajxl.astroid-column,
  #ac-r7djjajxl .astroid-column {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Ensure inner blocks and elements inherit the center alignment */
  #ac-r7djjajxl.astroid-column > *,
  #ac-r7djjajxl .astroid-column > * {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}







/* ------------------------- */
/* REDUCE PADDING BETWEEN HEADER AND BODY */
/* ------------------------- */

.astroid-component-section  {
 padding: 25px;
}

/* ------------------------- */
/* CENTER MOBILE MENU */
/* ------------------------- */


#tb1-i4xwb83hk {
  display: flex !important;
  justify-content: center !important; /* Centers contents horizontally */
  align-items: center !important;     /* Centers contents vertically */
  text-align: center !important;       /* Centers inline text elements */
}





/* ------------------------- */
/* COLOR SELECTED ITEM IN MOBILE MENU GREEN */
/* ------------------------- */


.navHorizontalView .active > a,
.navHorizontalView a.active,
.navHorizontalView .is-active > a,
.navHorizontalView a.is-active,
.navHorizontalView .current-menu-item > a,
.navHorizontalView .current-page-item > a,
.navHorizontalView .item.current > a {
    color: #38a760 !important;
}







/* ------------------------- */
/* MAKE THE MOBILE MENU ICONS ON TOP OF TEXT */
/* ------------------------- */

#tb1-i4xwb83hk .nav-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-decoration: none !important;
}

/* Ensure the icon is a block element with spacing underneath */
#tb1-i4xwb83hk .nav-title i {
  display: block !important;
  margin-bottom: 5px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-decoration: none !important;
}

/* Remove underlines from the link container and all interactive states */
#tb1-i4xwb83hk a,
#tb1-i4xwb83hk a:hover,
#tb1-i4xwb83hk a:focus,
#tb1-i4xwb83hk a:active,
#tb1-i4xwb83hk .nav-link,
#tb1-i4xwb83hk .nav-title * {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}


/* ------------------------- */
/* HIGHLIGHT THE FIRST ROW OF THE KG WEEKLY REPORT IN GREEN */
/* ------------------------- */


.nursery___n_student {
  background-color: #38a760 !important;
}




/* ------------------------- */
/* REMOVE SEARCH FROM STUDENT RESULTS */
/* ------------------------- */


body.itemid-211 table.filtertable.table.table-striped,
body.itemid-211 .filtertable.table.table-striped,
body.itemid-211 .filtertable.table-striped,
body.itemid-211 table.filtertable {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}



/* ------------------------- */
/* MAKE FIRST ROW OF PERSONAL INFO BOLD */
/* ------------------------- */


/* Target muted text inside Fabrik list 8 on menu item 208 */
body.itemid-208 #list_8_com_fabrik_8 .muted {
  font-weight: bold !important;
}




/* ------------------------- */
/* HIGHLIGHT THE FIRST ROW OF THE SCHEDULE IN GREEN */
/* ------------------------- */


.weekly_table___day {
  background-color: #38a760 !important;
}

.weekly_table___n_class {
  background-color: #38a760 !important;
}




/* ------------------------- */
/* UNIFY HEIGHT OF CELLS OF MY CLASSMATES */
/* ------------------------- */

/* Restrict 80px row height strictly to menu item 203 */
body.itemid-203 #list_8_com_fabrik_8 tr,
body.itemid-203 #list_8_com_fabrik_8 tbody tr,
body.itemid-203 #list_8_com_fabrik_8 .fabrik_row,
body.itemid-203 #list_8_com_fabrik_8 .fabrik_row > td,
body.itemid-203 #list_8_com_fabrik_8 .fabrik_row > div {
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
  line-height: 80px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Ensure inner cell text and controls stay vertically centered */
body.itemid-203 #list_8_com_fabrik_8 td,
body.itemid-203 #list_8_com_fabrik_8 .fabrik_row td {
  vertical-align: middle !important;
}


/* ------------------------- */
/* HIDE IMAGE IN MY CLASSMATES */
/* ------------------------- */


#list_8_com_fabrik_8 img.fabrikDefaultImage {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
}



/* ------------------------- */
/* REMOVE ROUND CORNERS FROM PAGE COUNTER */
/* ------------------------- */


.page-link.d-flex,
.d-flex.page-link,
.page-link {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}

/* Ensure first and last pagination items also lose default rounded edges */
.page-item:first-child .page-link,
.page-item:last-child .page-link,
.pagination li:first-child .page-link,
.pagination li:last-child .page-link {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}


/* ------------------------- */
/* REMOVE EMAIL FIELDS FROM PROFILE EDIT PAGE */
/* ------------------------- */


#jform_email1-lbl, #jform_email1, #jform_email2-lbl, #jform_email2 {
  display: none !important;
}





/* ------------------------- */
/* HIDE FORGOT USERNAME AND FORGOT PASSWORD */
/* ------------------------- */

.form-signin .list-group-item {
  display: none;
}



/* ------------------------- */
/* FORMATTING OF EDU SIDEBAR */
/* ------------------------- */

#l-1532326898561 .menu-module {
  text-align: center !important;
  line-height: 2;
  text-decoration: none !important;
  column-count: 2;   /* Splits the list into 2 columns */
  column-gap: 1px;  /* Space between the two columns */
  padding: 0;
  list-style: none;
  font-weight: normal !important;
  padding-bottom: 15px !important;
}

#l-1532326898561 .menu-module li {
  width: 100%;
  display: flex;
  align-items: stretch;
  text-align: right;
  padding: 3px;
  box-sizing: border-box;
  direction: rtl;
}

#l-1532326898561 .menu-module a {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 3px 12px 0px ;      /* Gives the cell breathing room inside the border */
  border: 2px solid #38a760; /* The requested green border color */
  border-radius: 6px;      /* Optional: rounds the corners slightly for a modern look */
  text-decoration: none;
  background-color: transparent;
  font-size: 16px !important;
}

/* --- Optional: Add a subtle hover effect to the border --- */
#l-1532326898561 .menu-module a:hover {
  background-color: #38a760; /* Fills cell with green on hover */
  color: #ffffff !important;   /* Turns text white on hover */
}



/* ------------------------- */
/* FORMATTING OF LOGOUT BUTTON IN TOP BAR */
/* ------------------------- */


div.sclogin-joomla-login .btn-primary,
.sclogin-joomla-login button.btn-primary,
.sclogin-joomla-login input[type="submit"].btn-primary {
  /* Font */
  font-family: 'Tajawal', sans-serif !important;

  /* Dimensions */
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  line-height: 30px !important;

  /* Colors */
  color: #ffffff !important;
  background-color: #3db166 !important;
  background-image: none !important;
  border-color: #3db166 !important;

  /* Square corners */
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;

  /* Reset & alignment */
  -webkit-appearance: none !important;
  appearance: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  text-align: center !important;
  vertical-align: middle !important;
}

/* Hover and focus states */
div.sclogin-joomla-login .btn-primary:hover,
div.sclogin-joomla-login .btn-primary:focus {
  background-color: #349b59 !important;
  border-color: #349b59 !important;
  color: #ffffff !important;
}




#l-1532326898561 .menu-module .active > a,
#l-1532326898561 .menu-module a.active,
#l-1532326898561 .menu-module .is-active > a,
#l-1532326898561 .menu-module a.is-active,
#l-1532326898561 .menu-module .current-menu-item > a,
#l-1532326898561 .menu-module .current-page-item > a {
    color: #ffffff !important;
    background-color: #38a760 !important;
}





/* ------------------------- */
/* ADD MARGIN TO WELCOME STUDENTNAME */
/* ------------------------- */

.sclogin-greeting,
#sclogin-greeting {
  margin-top: 3px !important;
}


/* ------------------------- */
/* ADD MARGIN TO SOCIAL ICONS */
/* ------------------------- */

.astroid-social-icons.row,
.astroid-social-icons .row,
.row.astroid-social-icons {
  margin-top: 3px !important;
}


/* ------------------------- */
/* REMOVE MARGINS FROM TOP BAR LOGIN FORM */
/* ------------------------- */


div.sclogin-joomla-login .input-append,
.sclogin-joomla-login .input-append {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}


/* ------------------------- */
/* REMOVE MARGINS FROM TOP BAR LOGIN FORM */
/* ------------------------- */

#sclogin-form94,
.sclogin-form94,
form#sclogin-form94 {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}


/* ------------------------- */
/* REMOVE FIX RTL OF TOPBAR LOGIN FORM IN SAFARI */
/* ------------------------- */


fieldset.userdata.span12,
.span12 fieldset.userdata,
fieldset.userdata {
  /* Enforce RTL direction and horizontal alignment */
  direction: rtl !important;
  text-align: right !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important; /* Centered vertically */
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
  float: none !important;
  padding: 0 !important; /* Zero padding on fieldset */
  margin: 0 !important;
}

/* Ensure inner control groups and inputs center vertically with no padding */
fieldset.userdata.span12 .control-group,
fieldset.userdata.span12 .controls,
fieldset.userdata .control-group,
fieldset.userdata .controls {
  direction: rtl !important;
  text-align: right !important;
  display: inline-flex !important;
  align-items: center !important; /* Centered vertically */
  padding: 0 !important; /* Zero padding on controls */
  margin: 0 !important;
  float: none !important;
}




/* ------------------------- */
/* FORMAT BUTTON OF TOPBAR LOGIN FORM */
/* ------------------------- */


.form-sclogin-submitcreate .btn-primary {
  /* Font */
  font-family: 'Tajawal', sans-serif !important;

  /* Dimensions */
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  line-height: 30px !important;

  /* Colors */
  color: #ffffff !important;
  background-color: #3db166 !important;
  background-image: none !important;
  border-color: #3db166 !important;

  /* Square corners */
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;

  /* Reset appearance & spacing */
  -webkit-appearance: none !important;
  appearance: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Optional: Hover and focus states */
.form-sclogin-submitcreate .btn-primary:hover,
.form-sclogin-submitcreate .btn-primary:focus {
  background-color: #349b59 !important;
  border-color: #349b59 !important;
  color: #ffffff !important;
}


/* ------------------------- */
/* FORMAT FIELDS OF TOPBAR LOGIN FORM */
/* ------------------------- */

#sclogin-username-94,
#sclogin-passwd94 {
  /* Dimensions */
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;

  /* Font */
  font-family: 'Tajawal', sans-serif !important;
  
  /* Flat look & white background */
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  
  /* Square edges */
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  
  /* Flat subtle border */
  border: 1px solid #d1d5db !important;
  
  /* Remove native OS appearance styling */
  -webkit-appearance: none !important;
  appearance: none !important;
  
  /* Spacing */
  padding: 8px 4px !important;
  box-sizing: border-box !important;
}

/* Optional: Focus state styling */
#sclogin-username-94:focus,
#sclogin-passwd94:focus {
  outline: none !important;
  border-color: #4b5563 !important;
  box-shadow: none !important;
}




/* الحاوية الرئيسية للبطاقات */
.school-login-container {
    max-width: 500px;
    margin: 40px auto;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: 'Cairo', sans-serif;
    direction: rtl;
}

/* التنسيق المشترك لجميع البطاقات */
.school-card {
    display: flex;
    align-items: center;
    padding: 22px 25px;
    border-radius: 20px;
    text-decoration: none !important;
    color: #0b2240 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.school-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
}

/* تنسيق النصوص داخل البطاقات */
.card-content h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px 0;
}

.welcome-text {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
    opacity: 0.9;
}

.desc-text {
    font-size: 13.5px;
    line-height: 1.6;
    margin: 0;
    opacity: 0.8;
}

/* تنسيق الأيقونات الجانبية */
.card-icon {
    font-size: 45px;
    margin-left: 20px;
    flex-shrink: 0;
}

/* الألوان المتدرجة المستوحاة من الصورة بدقة */
.admin-card {
    background: linear-gradient(135deg, #e6f0ff 0%, #80b3ff 100%);
}

.teacher-card {
    background: linear-gradient(135deg, #f5e6ff 0%, #c680ff 100%);
}

.parent-card {
    background: linear-gradient(135deg, #e0fcfc 0%, #85ebeb 100%);
}

.student-card {
    background: linear-gradient(135deg, #ffe6cc 0%, #33adff 100%);
}@media (max-width: 991.98px) {body, .body{font-size:1em;letter-spacing:0em;line-height:1.7em;}h1, .h1{font-size:3.2em;letter-spacing:0em;line-height:1.2em;}h2, .h2{font-size:2em;letter-spacing:0em;line-height:1.2em;}h3, .h3{font-size:1.8em;letter-spacing:0em;line-height:1.2em;}h4, .h4{font-size:1.6em;letter-spacing:0em;line-height:1.2em;}h5, .h5{font-size:1.4em;letter-spacing:0em;line-height:1.2em;}h6, .h6{font-size:1.2em;letter-spacing:0em;line-height:1.2em;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a, .astroid-mobile-menu > .nav-item > a{font-size:1em;letter-spacing:0em;line-height:1.7em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > a{font-size:1em;letter-spacing:0em;line-height:2em;}}@media (max-width: 767.98px) {body, .body{font-size:1em;letter-spacing:0em;line-height:1.7em;}h1, .h1{font-size:3em;letter-spacing:0em;line-height:1.2em;}h2, .h2{font-size:1.5em;letter-spacing:0em;line-height:1.2em;}h3, .h3{font-size:1.7em;letter-spacing:0em;line-height:1.2em;}h4, .h4{font-size:1.5em;letter-spacing:0em;line-height:1.2em;}h5, .h5{font-size:1.4em;letter-spacing:0em;line-height:1.2em;}h6, .h6{font-size:1.2em;letter-spacing:0em;line-height:1.2em;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a, .astroid-mobile-menu > .nav-item > a{font-size:1em;letter-spacing:0em;line-height:1.7em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > a{font-size:1em;letter-spacing:0em;line-height:2em;}}