/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
/******************** CUSTOM STYLES *********************/



/******************** MOBILE MENU *********************/
/* Overlay */
.elementskit-menu-overlay.active {
        display: none;
    }
/* Close button */
@media (max-width: 1024px) {
  .elementor-777 .elementor-element.elementor-element-e2af552 .elementskit-menu-close {
    margin: 12px 19px 12px 12px!important;
  }
}
/******************** END *********************/



@media (max-width: 1024px) {
  #edit-modal-inner {
      width: 95% !important;
  }
}


/******************** HEADER *********************/
/* LOGOUT ICON */
.abs-logout-icon {
    cursor: pointer!important;
}



/******************** FOOTER *********************/


#gform_fields_10 .gfield_label.gform-field-label {
  color: #ffffff!important;
}





#gform_submit_button_10 {
  width: 100%!important;
  background-color: #fff!important;
  border: 2px solid #fff!important;
  color: #6A0700!important;
  transition: background-color 0.3s ease!important;
}
#gform_submit_button_10:hover {
  background-color: #6A0700!important;
  border: 2px solid #fff!important;
  color: #fff!important;
}

#input_10_5 {
    height: 100px !important;
    width: 100% !important;
}




/******************** END *********************/











/******************** SIDEBAR MENU *********************/

/************** SIDEBAR STRUCTURE **************/

/* 1 */
/* SIDEBAR CONTAINER MAIN CONTAINER */
#custom-sidebar {
    width: 250px;
    min-height: 100vh!important;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #efefef;
    transition: width 0.3s;
    z-index: 1000;
    overflow-x: hidden;
    overflow-y: auto!important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 10px;
}

/* 2 */
/* SIDEBAR LOGO AND MENU CONTAINER WAPPER */
.sidebar-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
/* 2 */
/* SIDEBAR TOGGLE CONTAINER WAPPER */
.sidebar-toggle {
    padding: 15px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: #444;
    margin-top: auto;
}

/* 3 */
/* SIDEBAR LOGO CONTAINER */
.sidebar-logo {
    text-align: left;
    padding: 10px;
}
/* 4 */
/* SIDEBAR LOGO CONTENT */
.sidebar-logo img {
    width: 40px;
    height: 40px;
    transition: all 0.3s;
}

/* 3 */
/* SIDEBAR MENU CONTAINER */
.sidebar-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}
/* 4 */
/* SIDEBAR MENU CONTAINER WAPPER */
#menu-side-menu.side-menu {
    margin: 0px !important;
}
/* 5 */
/* SIDEBAR MENU CONTENT */
.sidebar-menu li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #1c1c1c;
}
/* SIDEBAR MENU ICONS */
.sidebar-menu li a .menu-icon {
    margin-right: 10px;
}



/************** SIDEBAR FUNCTION **************/

/* PREVENT FLICKER WITH PRELOADER CLASS */
html.loading #custom-sidebar,
html.loading #main-content {
    visibility: hidden;
}

/******* SIDEBAR COLLAPSED STATE *******/

/* PAGE WHEN SIDEBAR IS IN COLLAPSED STATE */
html.sidebar-collapsed #main-content {
    margin-left: 60px;
}
/* SIDEBAR IN COLLAPSED STATE */
html.sidebar-collapsed #custom-sidebar {
    width: 60px;
}

/* SIDEBAR ICONS IN COLLAPSED STATE */
#custom-sidebar.collapsed .sidebar-menu li a .menu-icon {
    /* display: inline-block; */
    width: 20px;
    height: 20px;
    margin-right: 0;
}
/* SIDEBAR TEXT IN COLLAPSED STATE */
#custom-sidebar.collapsed .sidebar-menu li a span.menu-text {
    display: none;
}

/******* SIDEBAR COLLAPSED RESPONSIVNESS *******/

/* DESKTOP */
@media (min-width: 1024px) {
  #main-content {
      margin-left: 250px;
      transition: margin-left 0.3s;
  }
}

/* MOBILE */
@media (max-width: 1024px) {
  /* Hide sidebar on mobile by default */
  #custom-sidebar.custom-sidebar-main-container {
      transform: translateX(-100%); /* Initially off canvas */
      transition: transform 0.3s;
      width: 250px;
      min-height: 100vh!important;
      overflow-y: auto!important;
      position: fixed!important;
  }

  #main-content {
      transition: transform 0.3s;
  }

  /* Show sidebar when mobile-visible is added */
  #custom-sidebar.mobile-visible {
      transform: translateX(0); /* Slide in from the left */
  }

  /* Move main content off-canvas when sidebar is visible */
  #main-content.mobile-shifted {
      transform: translateX(250px); /* Adjust this to match sidebar width */
  }

  #main-content {
      margin-left: 0; /* Reset the margin so content is full width */
  }

  /* Disable scrolling when sidebar is open */
  body.no-scroll {
      overflow: hidden;
      touch-action: none; /* Disable touch scrolling on mobile */
  }

  /* Disable pointer events on the rest of the body when sidebar is open */
  body.no-scroll #main-content {
      pointer-events: none; /* Disable interactions with content outside the sidebar */
  }

  /* Ensure hamburger icon is still clickable */
  body.no-scroll .mobile-menu-hamburger {
      pointer-events: all;
  }

  /* Hide the sidebar toggle on mobile */
  .sidebar-toggle {
    display: none;
  }
}
















/************** SIDEBAR CONTENT **************/

/* MENU ITEMS ICON+TEXT */
.sidebar-menu li a {
    color: #1c1c1c;
    text-decoration: none;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
}
/* MENU ITEMS ICON */
.sidebar-menu li .menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
/* ICON DASHBOARD */
.icon-dashboard .menu-icon::before {
  font-family: "eicons";
  content: "\e83a";
  font-size: 20px;
}
/* ICON REPORTS */
.icon-reports .menu-icon::before {
  font-family: FontAwesome;
  content: "\f201";
  font-size: 20px;
}
/* ICON NEWS */
.icon-news .menu-icon::before {
  font-family: "eicons";
  content: "\e84b";
  font-size: 20px;
}
/* ICON MESSGAE */
.icon-messages .menu-icon {
  background-image: url('https://portal.abs.edu.jo/wp-content/uploads/2024/10/icon-chat-4.svg');
}
.menu-icon-container {
    margin-right: 10px;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}
/* ICON MESSGAE COUNTER */
.unread-counter {
    position: absolute;
    margin: -10px 0px 0px 10px;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
/* ICON FORMS */
.icon-forms .menu-icon {
  background-image: url('https://portal.abs.edu.jo/wp-content/uploads/2024/10/icon-forms-4.svg');
}
/* ICON DOCUMENTS */
.icon-documents .menu-icon::before {
  font-family: "eicons";
  content: "\e985";
  font-size: 20px;
}
/* ICON DIRECTORY */
.icon-directory .menu-icon::before {
  font-family: "eicons";
  content: "\e96a";
  font-size: 20px;
}
/* ICON CHANGES */
.icon-changes .menu-icon {
  background-image: url('https://portal.abs.edu.jo/wp-content/uploads/2024/09/exchange.png');
}
/* ICON SUPPORT */
.icon-support .menu-icon {
  background-image: url('https://portal.abs.edu.jo/wp-content/uploads/2024/10/icon-support-4.svg');
}
/* ICON ADMIN */
.icon-admin .menu-icon::before {
  font-family: "eicons";
  content: "\e878";
  font-size: 20px;
}

/* TOGGLE BUTTON ICON */
.sidebar-toggle .toggle-icon {
    font-size: 20px;
}

































/******************** BUDDYPRESS *********************/

/* HIDE SEARCH USER IN CHAT
.chat-header.side-header .bpbm-search {
	display: none!important;
}

.chat-header.side-header .new-message {
	display: none!important;
}
*/


/* HIDE PROFILE PUBLIC/PRIVATE MESSAGE BUTTONS */
.member-header-actions.action {
  display: none!important;
}
/* HIDE PROFILE SETTINGS BUTTONS */
#member-primary-nav #settings-personal-li {
  display: none!important;
}
/* HIDE PROFILE MESSAGE BUTTONS */
#member-primary-nav #bp_better_messages_tab-personal-li {
  display: none!important;
}
/* HIDE PROFILE EDIT BUTTONS */
#member-secondary-nav #edit-personal-li {
  display: none!important;
}
/* HIDE RSS BUTTON */
#activity-rss-feed {
  display: none!important;
}

/* FEEDBACK BUTTON */
.buddypress-wrap .bp-feedback.help .bp-icon, .buddypress-wrap .bp-feedback.info .bp-icon {
    background-color: #6A0700 !important;
}
/* PROFILE NOTIFICATIONS TABLE */
.notifications.bp-tables-user .bulk-select-check {
  text-align: center!important;
}
.notifications.bp-tables-user .notification-actions {
  text-align: center!important;
}




/* BP MESSAGE WINDOW HEADER ITEMS */
.bp-messages-wrap .chat-header>a, .bp-messages-wrap .chat-header>span {
    color: #6A0700 !important;
}
/* BP MESSAGE WINDOW FOOTER ITEMS */
.bp-messages-wrap .chat-footer>a {
    color: #6A0700 !important;
}


.button.large.primary.button-primary {
  background: #6A0700 !important;
  color: #ffffff !important;
  border: 2px solid #6A0700 !important;
  border-radius: 3px !important;
}
.button.large.primary.button-primary:hover {
  background: #ffffff !important;
  color: #6A0700 !important;
}



/******************** BETTER MESSAGES *********************/

/* BP MESSAGE COUNTER */
.bp-messages-wrap .threads-list .thread .unread-count {
    background: #6A0700 !important;
}
.bpbmuc {
    background: #6A0700 !important;
}

/* BP NEW MESSAGE NOTIFICATION */
.bm-toast-site-message {
    background: #6A0700 !important;
}
/* NOTIFICATION */
.bm-toasts.Toastify__toast--info {
    background: #6A0700 !important;
}


/* CHAT THREAD RECIPENT */
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) {
  background: #6A0700 !important;
}






/******************** PROFILE *********************/

@media screen and (min-width: 46.8em) {
    body.buddypress .site-content {
        padding-top: 0em;
    }
}

/******************** PORTAL *********************/
.portal-tiles a {
  text-decoration: none!important;
}














/******************** FORMS *********************/
.gform_wrapper.gravity-theme .chosen-container-single .chosen-single {
  border: 1px solid var(--ast-border-color)!important;
  background: none!important;
  box-shadow: none!important;
}
.gform_wrapper.gravity-theme .gsection {
    padding: 30px 0px 0px 0px !important;
}
.gsection_title {
  font-size: 20px!important;
  color: #6A0700!important;
  font-weight: 700!important;
  margin-bottom: 10px !important;
}




/******************** TICKET *********************/
.gfield_description.gfield_validation_message {
    display: none !important;
}





/* 1) Make the container a scroll pane so both bars are inside it */
#table-container {
  box-sizing: border-box;
  /* Adjust one of these heights to your layout; pick ONE and keep it */
  max-height: 80vh;           /* common choice: keeps the bar on screen */
  /* height: calc(100vh - 220px);  alternative if you have a fixed header/footer */

  overflow-x: scroll;          /* force the horizontal bar to be visible */
  overflow-y: auto;

  border: 1px solid #ddd;      /* optional, just to delineate the pane */
  background: #fff;            /* optional */
}

/* 2) Ensure the table can actually overflow horizontally */
#table-container > table {
  border-collapse: collapse;
  width: max-content;          /* expands to content width (beyond container) */
  min-width: 1140px;           /* keep your current minimum */
}

/* Optional: make header stick while scrolling inside the pane */
#table-container thead th {
  position: sticky;
  top: 0;
  background: #fff;
}




















/* */
/* END */
/* */