@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap");
:root {
  --primary-color: #4c782b;
  --secondary-color: #0d0d0d;
  --font-family: "Tajawal", serif;
  --color-background: #0d0d0d0d;
  --background-color-primary: #4c782b1a;
  --color-primary: #4c782b;
  --color-text: #0d0d0dcc;
  --color-white: #ffffff;
  --font-size-small: 16px;
  --font-size-large: 28px;
  --button-font-size: 16px;
  --slider-height: 400px;
  --color-background: #0d0d0d0d;
  --background-color-primary: #4c782b1a;
  --color-primary: #4c782b;
  --color-text: #0d0d0dcc;
  --color-white: #ffffff;
  --color-bg-black: #0a0f05;
  --para-text-color: #ffffffcc;
  --font-size-small: 16px;
  --font-size-large: 28px;
  --button-font-size: 16px;
  --font-18: 18px;
  --font-24: 24px;
  --font-50: 36px;
  --slider-height: 400px;
}
.type_30_700 {
  font-size: 30px;
  font-weight: 700;
}
.w_80_ar {
  text-align: center;
  max-width: 80%;
  margin: auto;
}
a {
  color: #0d0d0d;
}
.theme-container #page.drawers .main-inner {
  max-width: 1280px !important;
  padding: 0px !important;
}
#region-main {
  padding: 0px !important;
}
.max_width_90 {
  max-width: 90%;
}
.header_main_ar {
  margin-top: 80px;
}
nav.navbar .logo img {
  max-height: 46px !important;
}
.header_main_ar .navbar {
  border: 1px solid #0d0d0d1a !important;
  border-radius: 20px !important;
  justify-content: space-between !important;
}
/* .primary-navigation{
  margin-left: auto;
} */
input[type="tel"]::placeholder {
  text-align: end;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
input::placeholder,
label,
input {
  font-family: var(--font-family) !important;
}
input#agreement {
  position: relative;
  margin-left: 10px;
}
.container_ar {
  max-width: 1280px;
  margin: auto;
}
.hero_btn_marker {
  width: fit-content;
  display: inline;
  padding: 5px 12px;
  background-color: #4c782b1a;
  border-radius: 29px;
  margin: auto;
}
.mt_20_ar {
  margin-top: 20px;
}
.hero_section_ar {
  padding: 76px 0px 100px 0px;
}
.hero_section_ar h2 span {
  color: var(--primary-color);
}
table tbody tr:nth-child(odd),
table tbody tr.heading,
table tbody tr:nth-child(even) th.c1 {
  background-color: #e8e8e8 !important;
}
table#user-grades tr:nth-child(even) {
  background-color: #e8e8e8 !important;
}

.path-grade-report-grader .gradeparent,
#questionscontainer {
  width: 100%;
  overflow-y: auto;
}
table thead tr,
table#user-grades tbody tr th.category {
  background-color: #dfdfdf !important;
}
table#user-grades tbody tr:nth-child(odd) th.header {
  background-color: #e8e8e8 !important;
}
table tbody tr td,
table thead tr th,
table tbody tr th,
table#user-grades tr:nth-child(odd),
#questionscontainer table tbody tr:nth-child(even) {
  background-color: transparent !important;
}
.typo_12_600 {
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.text_green_ar {
  color: var(--primary-color);
}
.text_black_ar {
  color: var(--secondary-color);
}
.text_black_08 {
  color: #0d0d0dcc;
}
.type_40_600 {
  font-family: var(--font-family);
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.type_40_600 span {
  color: var(--primary-color);
}
.type_24_600 {
  font-family: var(--font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.max_width_630 {
  max-width: 630px;
  margin: auto;
}
.buttons_ar {
  margin: 50px 0px 56px 0px;
}

.type_16_400,
.type_16_400 p {
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.type_14_400 {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.type_14_600 {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.type_16_600,
.primary-navigation .navigation .nav-link {
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
.type_32_700 {
  font-family: var(--font-family);
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}
.type_12_600 {
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
}
.type_18_600 {
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
.type_12_400 {
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}
.padding_top_76 {
  padding-top: 76px;
}
.btn_white_bg {
  border: 1px solid var(--primary-color);
  background-color: white;
}
.padd_12_24 {
  padding: 12px 24px;
  border-radius: 8px;
}
.btn_colored_bg {
  background: var(--primary-color);
  border-radius: 8px;
}
.image_wrapper_ar {
  max-width: 1024px;
  margin: auto;
}

.course-box-ar.makeithappen {
  padding: 12px;
  position: relative;
  border-radius: 8px;
  border: 1px solid #0d0d0d1a;
  min-height: 445px;
}
.category_ar {
  border: 1px solid #0d0d0d1a;
  background: #ffffff;
  padding: 5px 12px 5px 12px;
  border-radius: 8px;
  display: inline;
  position: absolute;
  left: 24px;
  top: 24px;
  width: fit-content;
}
.thumb_ar a img {
  width: 100%;
  height: 245px;
  object-fit: cover;
  border-radius: 8px;
}

/** who we are */
/* General resets */

/* Section background */
.section-bg-am {
  background-color: var(--color-background);
}
.content-area-am {
  padding-right: 16px;
}
/* Typography */
.heading-small-am {
  color: var(--color-primary);
  font-size: var(--font-size-small);
  font-weight: 600;
}
.heading-large-am {
  color: var(--color-text);
  font-size: var(--font-size-large);
  font-weight: 700;
}
.description-am {
  color: var(--color-text);
  font-size: var(--font-size-small);
  font-weight: 400;
}
/* Buttons */
button:not(:disabled) {
  margin-bottom: 0px !important;
}
.button-large-am {
  font-size: var(--button-font-size);
  font-weight: 600;
  background-color: var(--color-primary) !important;
  padding: 12px 24px !important;
}
/* Slider container */
.slider-container-am {
  height: var(--slider-height);
}
/* Image spacing */
.image-am {
  /* border-radius: 4px; */
  height: 100% !important;
  object-fit: cover;
}
.content-area-am ul ul {
  padding: 0px;
}
.content-area-am ul ul li {
  text-indent: 0pt !important;
}

/** amir sections code */

.review-container-bg-am,
.course-container-bg-am {
  background-color: var(--background-color-primary);
  border-radius: 16px;
}
.review-image-am {
  height: 100% !important;
  object-fit: cover;
  border-radius: 16px 0px 0px 16px;
}
.course-image-am {
  height: 100% !important;
  object-fit: cover;
  border-radius: 0px 16px 16px 0px;
}
.review-description-am {
  text-align: justify;
}
.course-content-area-am {
  padding-right: 100px !important;
}
/* active users counter section  */
.active-users-section-am {
  background-color: var(--color-bg-black);
}
.counter-main-am {
  background-color: var(--color-white);
  border-radius: 16px;
}
.counter-section-heading-am h2,
.counter-section-heading-am p {
  text-align: center;
  color: var(--color-white);
}
.counter-section-heading-am h2 {
  font-size: var(--font-size-large);
  font-weight: 700;
  line-height: 40px;
}
.counter-section-heading-am p {
  color: var(--para-text-color);
  font-size: var(--font-size-small);
}
.counter-main-am h3 {
  font-size: var(--font-18);
  font-weight: 600;
  line-height: 26px;
}
.counter-main-am h1 {
  font-size: var(--font-50);
  font-weight: 700;
  line-height: 50px;
}
.counter-am span {
  display: inline-block;
  font-weight: bold;
}
.border-right-am {
  border-left: 2px solid #0d0d0d33;
}

/* accordian  */
.delivery-model-section-am {
  padding: 190px 0px 90px 0px;
}
.our-delivery-heading-am {
  color: var(--color-primary);
  font-size: var(--font-size-small);
  font-weight: 600;
  font-family: var(--font-family);
  margin-bottom: 40px;
}
.card-am-body {
  display: none; /* Initially hidden */
  max-width: 0;
  height: 481px;
  overflow: hidden;
  background-color: #4c782b1a;
  padding: 0;
  border-radius: 16px;
  transition: max-width 0.5s ease, padding 0.5s ease;
}
.card-am-body.open {
  display: block; /* Visible when open */
  max-width: 100%; /* Full width */
  padding: 40px;
  height: 481px;
}

.card-heading-am {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  font-family: var(--font-family);
  color: var(--color-text);
  font-size: var(--font-24);
  line-height: 32px;
  font-weight: 700;
}

.card-body-heading-am {
  font-family: var(--font-family);
  color: var(--color-text);
  font-size: var(--font-24);
  line-height: 32px;
  font-weight: 700;
}

.card-heading {
  width: 88px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 481px;
  background-color: #4c782b1a;
  padding: 40px 0px;
  border-radius: 16px;
  cursor: pointer;
}

.card-image-am {
  width: 40px;
  height: 40px;
}

.horizontal-accordion {
  position: relative;
  display: flex;
}

.card-heading.hide {
  display: none;
}
.section_padd_100 {
  padding: 100px 0px;
}
.section_tp_pad_100 {
  padding-top: 100px;
}
.section_bm_pad_100 {
  padding-bottom: 100px;
}
.review-content-area-am,
.course-content-area-am {
  padding: 70px 65px;
}
.review-content-area-am p,
.course-content-area-am p {
  text-align: right !important;
}
.section_padd_70 {
  padding: 70px 0px;
}
/* course loop */
.course-item {
  width: 415px;
  padding: 12px;
  border: 1px solid #0d0d0d1a;
  background: white;
  border-radius: 16px;
  position: relative;
}
.course-item img {
  width: 100%;
  height: 245px;
  object-fit: cover;
  border-radius: 16px;
}
.course-item .course-image {
  margin-bottom: 20px;
}
.course-instructor {
  margin: 8px 0px 16px 0px;
  min-height: 35px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.course_content_ar h3 {
  min-height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#page-site-index .course-description,
#page-pages-courses .course-description {
  margin-bottom: 20px;
  min-height: 72px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.course_content_ar {
  padding-bottom: 15px;
}
.courses-container .owl-stage {
  display: flex;
}
.courses-container .owl-stage .owl-item {
  width: 415px !important;
}
.course-container-main-am {
  display: flex;
  flex-direction: column-reverse;
  overflow: hidden;
  /* display: none; */
}
.courses-container {
  padding: 40px 0px;
}
.custom-nav-am button {
  background: transparent;
}
.custom-nav-am button i {
  color: black;
  font-size: 24px;
}
.custom-nav-am button i:hover {
  color: #0d0d0d66;
}
#frontpage-available-course-list {
  display: none !important;
}

/* contact us section  */
.contact-us-section-am {
  background-color: #0d0d0d0d;
}
.contact-us-details-am {
  flex-direction: column;
  gap: 20px;
}
.contact-us-details-am-inner {
  display: flex;
  align-items: center;
  max-width: 450px !important;
  justify-content: space-between;
  background-color: white;
  padding: 14px 16px;
  border: 1px solid #0d0d0d1a;
  border-radius: 16px;
}
.inner-text-contact-us-am {
  display: flex;
  gap: 16px;
}
.contact-us-details-am h3 {
  font-size: var(--font-size-small);
  font-weight: 600;
  color: var(--color-text);
  margin-bottom: 0px;
}

.contact-us-details-am p {
  font-size: var(--font-size-small);
  color: var(--color-text);
  margin-bottom: 0px;
}
.contact-us-details-am a {
  color: var(--color-text);
  text-decoration: none;
}
.contact-us-form-side-am {
  background-color: #4c782b0d;
  padding: 40px !important;
  border-radius: 16px;
  border: 1px solid #4c782b33;
}
.contact-us-section-am h2 {
  font-size: var(--font-size-large);
  font-weight: 700;
  color: #0d0d0d;
  margin-bottom: 20px;
}
.footer_icon_am {
  gap: 20px;
}
.contact-us-form-side-am input {
  padding: 16px;
}

.contact-us-form-side-am textarea {
  padding: 16px;
  height: 200px;
}
.contact-us-form-side-am input[type="checkbox"] {
  padding: 8px;
  margin-right: 10px;
  border: 1px solid #0000007a;
}
.contact-us-form-side-am a {
  color: var(--color-primary);
  text-decoration: none;
}
#hideme_section_ar {
  display: none !important;
}
#footer .footer_data_am {
  align-items: center;
}
#footer .footer_data_am .footer_menu_am {
  justify-items: end;
}
#footer .footer_data_am h2 {
  color: white;
}
#footer .footer_data_am .footer_icon_am li {
  list-style-type: none;
}
#footer .footer_data_am .footer_icon_am li a {
  border: 1px solid;
  border-radius: 100px;
  padding: 10px;
  background-color: transparent !important;
}
#footer .footer_data_am .footer_icon_am li a i {
  width: 21px;
  height: 17px;
}
#footer .footer_data_am .footer_icon_am li a .fa-x-twitter {
  padding-left: 1px;
}
#footer .footer_data_am .footer_icon_am li a .fa-pinterest-p {
  padding-left: 3px;
}
#footer .footer_data_am .footer_icon_am li a .fa-facebook-f {
  padding-left: 5px;
}
.infoarea p {
  margin-bottom: 50px;
}
/* events section */

.cards_blogs_ar img {
  width: 100%;
  height: 260px;
  border-radius: 16px 16px 0px 0px;
  object-fit: cover;
}
.card_content_ar {
  padding: 20px 16px;
  border: 1px solid #0d0d0d1a;
  /* border-top-width: 0px !important; */
  border-radius: 16px 16px 16px 16px;
}
#events-card-info-amm {
  overflow: hidden;
  height: 200px;
}
#event_flex_cont_am {
  gap: 20px;
}
@media (min-width: 768px) {
  #event_colum_amm {
    max-width: 31.33%;
  }
}
#events-cards-heading-amm {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 70px;
}
.min_height_60 {
  min-height: 55px;
  display: inline-block;
}
.tabs_nav_ar {
  border: 1px solid #4c782b33;
  padding: 6px;
  border-radius: 40px;
  width: 373px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px auto 56px auto;
}
.tabs_nav_ar button {
  padding: 10px 20px;
  width: 186px;
  text-align: center;
  background-color: white;
  border-radius: 10px;
  color: var(--color-text);
}
.tabs_nav_ar button.active_ar {
  background-color: var(--color-primary);
  color: var(--color-white);
}
#events_wrapper_ar {
  display: none;
}

.fornt-pos-rel-am {
  position: relative;
}
.fornt-pos-rel-am img {
  position: absolute;
  top: -25px;
  right: -100px;
}
.max-width-280-am {
  width: 280px;
}
.owl-theme-am {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.search-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.search-container input {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 8px 12px;
  font-size: 14px;
  padding-left: 36px;
  outline: none;
}
.search-container input:focus {
  border-color: #007bff;
}
.search-container .search-icon {
  position: relative;
}
.search-container .search-icon::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="black" stroke-width="2" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>')
    no-repeat center;
  background-size: contain;
}
.filter-button {
  padding: 8px 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}
.filter-button:hover,
.filter-button:active {
  background-color: transparent;
}
.filter-button svg {
  width: 16px;
  height: 16px;
}
.first2fileds-am {
  display: flex;
  justify-content: space-between;
}
.flex-input-width-am {
  width: 48%;
}

/* media query for 768px */

@media (max-width: 768px) {
  .flex-input-width-am {
    width: 100%;
  }
  .border-right-am {
    border: none;
  }
  .counter-main-am {
    width: 100%;
    margin: 0px auto !important;
  }
  .review-content-area-am,
  .course-content-area-am {
    padding: 40px 20px !important;
  }
  #contactform_ar input,
  #contactform_ar textarea {
    max-width: 100% !important;
  }
  .lastname_ar {
    margin-top: 16px !important;
  }
  #contactform_ar .lastname_ar {
    margin-top: 0px !important;
  }
  .buttons_ar a {
    display: block;
    width: 100%;
    margin-top: 15px;
  }
  #footer .footer_data_am .footer_menu_am {
    text-align: right;
    justify-items: flex-start;
  }
  .heading-large-am,
  .heading-small-am,
  .content-area-am p,
  .btn_wrapper_ar,
  .our-delivery-heading-am,
  .review-content-area-am,
  .contact-main-am,
  .course-content-area-am {
    text-align: center;
  }
  .footer_icon_am {
    gap: 20px;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .border-right-am {
    border: none;
  }
  .counter-main-am {
    width: 100%;
    margin: 0px auto !important;
  }
  .card-heading {
    display: none;
  }
  .horizontal-accordion {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .card-am-body {
    display: block;
    max-width: 100%;
    padding: 20px;
    height: max-content !important;
  }
  .courses-container .owl-stage {
    justify-content: center;
  }
  .contact-main-am {
    flex-direction: column;
  }
  .contact-us-form-side-am {
    margin-top: 30px !important;
  }
  .contact-us-form-side-am,
  .contact-main-am {
    padding: 20px !important;
  }
}
/* media query for 768px */
@media (max-width: 768px) {
  nav.address-head {
    gap: 2px !important;
  }
  .customloginerr .login-container {
    width: 90%;
  }
  .customloginerr .login-container .signupform form {
    flex-direction: column;
  }
  .logininnerwrapper .mform.full-width-labels .fitem.row {
    width: calc(100% - 10px) !important;
  }
  .course-item {
    width: 312px;
  }
  .courses-container .owl-stage .owl-item {
    width: 312px !important;
  }
  .border-right-am {
    border: none;
  }
  .counter-main-am {
    width: 100%;
    margin: 0px auto !important;
  }
  .card-heading {
    display: none;
  }
  .horizontal-accordion {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .card-am-body {
    display: block;
    max-width: 100%;
    padding: 20px;
  }
}
/* // media query for 1024px */
@media (max-width: 1050px) {
  .image_wrapper_ar {
    max-width: 100%;
    margin: auto;
  }
  .hero_section_ar {
    padding: 40px 20px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1280px !important;
  }
}
@media (max-width: 1280px) {
  .container_ar {
    max-width: 100%;
    margin: auto;
    padding: 0px 20px;
  }
}
#user-action-menu {
  /* right: 0; */
}

/** popup styles **/
.popup_wrapper_ar {
  padding: 20px;
  background: #f5f5f5;
}
.form-container_ar {
  max-width: 700px;
  margin: 0 auto;
  background: white;
  padding: 60px 30px;
  border-radius: 8px;
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.form-header_ar {
  margin-bottom: 25px;
}

.form-header_ar h1 {
  margin: 0 0 10px 0;
  color: #333;
  font-size: 24px;
}

.form-header_ar p {
  margin: 0;
  color: #666;
  font-size: 14px;
}

.form-group_ar {
  margin-bottom: 20px;
  text-align: right;
}

.label_ar {
  display: block;
  margin-bottom: 5px;
  color: #333;
  font-weight: 500;
}

.input_ar {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  text-align: right;
}

.file-input_ar {
  padding: 6px;
}

.file-hint_ar {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}

.checkbox-group_ar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  justify-content: flex-start;
}

.checkbox-group_ar .label_ar {
  margin-bottom: 0;
  font-weight: normal;
}

.submit-button_ar {
  background: var(--color-primary);
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  width: 100%;
  margin-top: 20px;
}

.submit-button_ar:hover {
  background: var(--color-primary);
}

@media (max-width: 600px) {
  .form-container_ar {
    padding: 20px;
  }
}
h6#close_pops_ar {
  color: white;
  background: var(--color-primary);
  width: fit-content;
  padding: 6px 14px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 24px;
  position: absolute;
  left: 15px;
  top: 10px;
}
#popup_wrapper_ar {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999;
  padding: 50px;
  overflow: scroll;
  height: 100vh;
}

#slider-course-image-amm {
  height: 245px;
  background-color: var(--background-color-primary);
  border-radius: 16px;
}
#page-footer .footer_data_am .infoarea p {
  text-align: right !important;
}
#header.navbar {
  background: white;
}
#page.academi_old_course_am {
  padding: 0px !important;
  margin-top: 0 !important;
}
.academi_old_course_am #topofscroll {
  display: none;
}
#page-footer {
  background: black;
  width: 100%;
  min-width: 100%;
  padding: 40px;
}
#page-footer #backToTop {
  width: fit-content;
  position: absolute;
  bottom: 100px;
  left: 27px;
}

.homepage-courses-main-amm,
.event-announcemnts-main-amm {
  /* display: none; */
}
#page-login-index footer,
#page-login-index #backToTop,
#page-login-signup footer,
#page-login-signup #backToTop,
#page-login-index #loginlogo {
  display: none !important;
}
nav.address-head {
  gap: 25px;
}
nav.address-head span i {
  margin: 0px 10px;
}
.text-end {
  text-align: end;
}
.tabs_nav_ar button {
  border-color: transparent;
}
a#backToTop {
  display: none !important;
}
#pagewrapper_inner_ar footer,
#page-pages-announcements_events #page-wrapper footer {
  display: none !important;
}
#id_error_password div {
  display: none;
}
/* .course_container_wrapper a {
  pointer-events: none;
} */
.enrollment-status a {
  pointer-events: all !important;
}

@media (min-width: 768px) {
  #page-login-signup .logininnerwrapper {
    width: 700px !important;
  }
  .navigation_ar_mobile {
    display: none;
  }
}
#page-login-signup .logininnerwrapper form #fitem_id_username {
  order: 1;
}
#page-login-signup .logininnerwrapper form #fitem_id_firstname {
  order: 2;
}
#page-login-signup .logininnerwrapper form #fitem_id_lastname {
  order: 3;
}
#page-login-signup .logininnerwrapper form #fitem_id_email {
  order: 4;
}
#page-login-signup .logininnerwrapper form #fitem_id_password {
  order: 5;
}
#page-login-signup .logininnerwrapper form #fitem_id_email2 {
  order: 6;
}
#page-login-signup .logininnerwrapper form #fgroup_id_buttonar {
  order: 7;
}
#page-pages-announcements_events .hero_section_ar p,
.terms-hero-section-am p,
.privacy-herosection-am p,
.hero-section p,
.about_hero_ar p {
  text-align: center !important;
}
.footer_menu_am ul {
  padding: 0px;
}
.footer_menu_am ul a {
  padding-right: 0px;
}
.privacy-description-am p,
footer .infoarea p {
  text-align: right !important;
}
.logo-menu-amm {
  display: flex;
  align-items: center;
  gap: 20px;
}

.no_access_available_ar a {
  pointer-events: none;
}

.moremenu .nav-link.active {
  color: var(--primary-color) !important;
  border-bottom-color: var(--primary-color) !important;
}
.btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  border-radius: 10px;
}
.btn.btn-icon.icons-collapse-expand {
  color: var(--primary-color) !important;
}
.btn.btn-icon.icons-collapse-expand:hover {
  outline: 2px solid var(--primary-color) !important;
}
.courseindex .courseindex-item.pageitem {
  background-color: var(--primary-color) !important;
}
a:hover {
  color: var(--primary-color) !important;
}
a.text-white:hover {
  color: white !important;
}
.course-section .section_goto .icon,
.course-section .section-summary-activities .icon {
  /* color: var(--primary-color) !important; */
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:focus-within {
  background-color: var(--primary-color) !important;
}
.all-notifications .content-item-container.unread:hover,
.all-notifications .content-item-container:hover {
  background-color: var(--primary-color) !important;
}
.all-notifications a:hover,
.dropdown-menu a:hover {
  color: white !important;
}
.drawer a.active {
  color: white !important;
  background-color: var(--primary-color) !important;
}
.userlist a.page-link,
.btn-link,
.text-info {
  color: var(--primary-color) !important;
}
.userlist .page-item.active .page-link {
  color: white !important;
  background-color: var(--primary-color) !important;
}
.maincalendar .calendarmonth td.today .day-number-circle,
.bg-info {
  background-color: var(--primary-color) !important;
}
.btn-outline-secondary:hover {
  background-color: var(--primary-color) !important;
  color: white !important;
}
.aabtn.focus,
.aabtn:focus,
.btn-link.focus,
.btn-link:focus,
.nav-link.focus,
.nav-link:focus,
.editor_atto_toolbar button.focus,
.editor_atto_toolbar button:focus,
.editor_atto_toolbar .atto_toolbar_row.focus,
.editor_atto_toolbar .atto_toolbar_row:focus,
[role="button"].focus,
[role="button"]:focus,
.list-group-item-action.focus,
.list-group-item-action:focus,
input[type="checkbox"].focus,
input[type="checkbox"]:focus,
input[type="radio"].focus,
input[type="radio"]:focus,
input[type="file"].focus,
input[type="file"]:focus,
input[type="image"].focus,
input[type="image"]:focus,
.sr-only-focusable.focus,
.sr-only-focusable:focus,
a.dropdown-toggle.focus,
a.dropdown-toggle:focus,
.moodle-dialogue-base .closebutton.focus,
.moodle-dialogue-base .closebutton:focus,
button.close.focus,
button.close:focus,
.form-autocomplete-selection.focus,
.form-autocomplete-selection:focus,
[role="treeitem"]:not([aria-expanded="true"]).focus,
[role="treeitem"]:not([aria-expanded="true"]):focus,
.form-autocomplete-selection [data-active-selection="true"] {
  box-shadow: none !important;
}
.form-autocomplete-suggestions li:hover,
.form-autocomplete-suggestions li:focus,
.form-autocomplete-suggestions li[aria-selected="true"],
select option:hover,
select option:focus {
  background-color: var(--primary-color) !important;
  color: white !important;
}

/* new design for login dashboard  */
#page #page-header {
  margin: 0px;
}
.path-course #page #page-content {
  width: 80%;
}
#page .secondary-navigation .nav-tabs {
  border: 1px solid #4c782b33;
  border-radius: 14px;
  background-color: #4c782b1a;
  margin: 35px 0px 0px 0px;
  max-width: 80% !important;
  padding: 6px 6px;
}
#page .secondary-navigation .navigation {
  border-bottom: none !important;
}
#page .secondary-navigation .nav-tabs a.nav-link {
  height: 44px;
  padding: 0px 50px;
}
#page .secondary-navigation .nav-tabs a.nav-link.active {
  border-bottom: none;
  background-color: var(--primary-color);
  color: white !important;
  border-radius: 10px;
}
#page #page-content .course-content .topics .course-section-header {
  background-color: #4c782b0d;
  border-radius: 10px;
  align-items: center;
  padding: 10px;
}
#page
  #page-content
  .course-content
  .topics
  .course-section-header
  .section_goto
  a {
  background-color: var(--primary-color);
}
#page
  #page-content
  .course-content
  .topics
  .course-section-header
  .section_goto
  a
  i {
  color: white;
}
#page #page-content .course-content .topics .activity-grid .activity-icon img {
  filter: invert(41%) sepia(40%) saturate(460%) hue-rotate(70deg)
    brightness(90%) contrast(90%);
}
#page #page-content .course-content .topics .section-summary-activities i {
  color: var(--primary-color) !important;
}
#page #page-content .course-content .topics p {
  display: block !important;
}

#page #page-content .course-content .topics p:not(:has(*)):not(:empty) {
  display: none !important;
}
#page #page-content form .collapsible-actions a.collapsemenu span {
  background-color: var(--primary-color);
  color: white !important;
  border-radius: 10px;
  padding: 10px 48px;
}
#page #page-content input,
#page #page-content select {
  border: 1px solid #ebebeb;
}
#page #page-content form .form-autocomplete-selection span.badge {
  background-color: var(--primary-color) !important;
  color: white !important;
  border-radius: 12px;
  padding: 10px 13px;
}
.form-control:focus {
  box-shadow: none !important;
}
a[name="startdate[calendar]"],
#id_enddate_calendar {
  color: var(--primary-color) !important;
}
#page
  #page-content
  #id_descriptionhdrcontainer
  .tox-editor-container
  .tox-menubar
  button {
  border: 1px solid #ebebeb;
  border-radius: 12px;
  height: 40px;
}
#page
  #page-content
  #id_descriptionhdrcontainer
  .tox-editor-container
  .tox-menubar {
  margin-bottom: 20px;
  column-gap: 23px;
}
#page
  #page-content
  #fitem_id_overviewfiles_filemanager
  .filemanager
  .filemanager-toolbar
  a {
  color: var(--primary-color);
  border: none;
  background-color: transparent !important;
}
#page
  #page-content
  #fitem_id_overviewfiles_filemanager
  .fp-pathbar
  .fp-path-folder {
  filter: invert(41%) sepia(40%) saturate(460%) hue-rotate(70deg)
    brightness(90%) contrast(90%);
}
.btn-primary:focus,
.btn-primary.focus,
.page-link:focus {
  box-shadow: none !important;
  outline: none !important;
}
#page #page-content #fgroup_id_buttonar div.col-form-label {
  display: none !important;
}
#page #page-content #fgroup_id_buttonar {
  justify-content: space-around;
}
#page #page-content #fgroup_id_buttonar .flex-wrap {
  justify-content: center;
}
#page #page-content #fgroup_id_buttonar .flex-wrap input {
  border-radius: 10px;
  padding: 10px 40px;
}
#page #page-content #fgroup_id_buttonar .felement {
  margin-top: 40px;
}
#page
  #page-content
  .tertiary-navigation
  .enrolusersbutton
  form
  input.btn-primary {
  border-radius: 10px;
  padding: 10px 40px;
}
#page #page-content button.text-reset i.fa-times-circle {
  color: var(--primary-color);
}
#page #page-content button.text-reset i.fa-plus {
  background-color: var(--primary-color);
  color: white;
  border-radius: 50%;
  padding: 3px 2px;
}
table#participants {
  border: none;
  border-radius: 12px;
  overflow: hidden;
  text-align: center;
}
table#participants th {
  border: none;
  text-align: center !important;
  vertical-align: middle;
}
table#participants th.header.c4 {
  text-align: left !important;
  padding: 4px 15px;
}
table#user-grades td {
  text-align: center !important;
}
table#participants th.cell.c1,
table#user-grades th.cell.c0 {
  text-align: left !important;
  font-weight: 400;
  background-color: #e8e8e8;
  border-top: 1px solid #dee2e6;
}
table#participants th.cell.c1 span,
table#user-grades th.cell.c0 span {
  background-color: white;
}
table#participants td {
  text-align: center !important;
  vertical-align: middle;
}
table#participants th .commands i {
  display: none !important;
}
i.fa-pencil {
  color: var(--primary-color);
}
table#participants td.c3,
table#participants td.c4 {
  padding: 4px 15px;
}
table#participants td.c3 a,
table#participants td.c4 a {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
table#participants td.c6 div {
  display: flex;
  gap: 5px;
}
table#participants td.c6 div span {
  display: flex;
  align-items: center;
}
table#participants td.c6 div i,
table#generaltable td.lastcol i {
  color: white;
  background: var(--primary-color);
  padding: 5px 3px;
  border-radius: 15px;
}
table#participants td.c6 div i.fa-trash,
table#generaltable td.lastcol i.fa-trash {
  background: red;
}
table#user-grades {
  border-radius: 12px;
  overflow: hidden;
  text-align: center;
}
table#user-grades td div {
  margin: 0px;
  align-items: center;
}
table#user-grades th.category div.header {
  font-weight: 400;
}
table#user-grades th .gradeitemheader img {
  filter: invert(41%) sepia(40%) saturate(460%) hue-rotate(70deg)
    brightness(90%) contrast(90%);
}
table#participants tr:nth-child(odd),
table#user-grades tr:nth-child(odd),
.path-grade-report-grader .gradeparent tr .cell:nth-child(odd) {
  background-color: #e8e8e8; /* Light gray background for odd rows */
}
.path-grade-report-grader .gradeparent td.grade_type_value,
.path-grade-report-grader .gradeparent td.grade_type_value input,
.path-grade-report-grader .gradeparent td.grade_type_value div {
  text-align: center;
}
#page #page-content ul.list-unstyled li {
  margin: 15px 0px;
}
#page #page-content ul.list-unstyled li a {
  border-bottom: 1px solid #ebebeb;
  padding: 5px 0px;
}
.backlink_ar {
  padding: 0px 20px;
  display: none;
}
.backlink_ar a.btn-primary:hover {
  color: white !important;
}
.path-mod-resource .backlink_ar,
.path-mod-forum .backlink_ar,
.path-mod-page .backlink_ar,
.path-mod-practicum .backlink_ar,
.path-mod .backlink_ar {
  display: block;
}

.gradingform_rubric.evaluate .criterion .levels .level.checked {
  background: transparent !important;
  color: var(--color-primary) !important;
}
.gradingform_rubric.evaluate .criterion .levels .level {
  cursor: pointer !important;
}

/* dashboard grades page styling  */

#page-mod-assign-grader [data-region="grading-navigation-panel"] {
  background-color: rgba(86, 117, 54, 0.3);
  align-content: center;
}
#page-mod-assign-grader
  [data-region="grading-navigation-panel"]
  [data-region="grading-navigation"] {
  justify-content: space-between;
}

#page-mod-assign-grader
  [data-region="grading-navigation-panel"]
  [data-region="assignment-info"],
#page-mod-assign-grader
  [data-region="grading-navigation-panel"]
  [data-region="user-selector"] {
  align-content: center;
}
#page-mod-assign-grader
  [data-region="grading-navigation-panel"]
  [data-region="assignment-info"]
  a,
#page-mod-assign-grader
  [data-region="grading-navigation-panel"]
  [data-region="user-selector"]
  a {
  font-size: 12px;
  color: #567536;
}
#page-mod-assign-grader
  [data-region="grading-navigation-panel"]
  [data-region="user-info"]
  a
  img {
  height: 60px;
  margin-right: 25px;
}
#page-mod-assign-grader
  [data-region="grading-navigation-panel"]
  [data-region="user-info"]
  h4 {
  text-align: right;
}
#page-mod-assign-grader
  [data-region="grading-navigation-panel"]
  [data-region="user-info"] {
  background: white;
  border-radius: 18px;
  border: 1px solid #000;
}
@media (min-width: 768px) {
  #page-mod-assign-grader
    [data-region="grading-navigation-panel"]
    [data-region="user-info"] {
    height: 100%;
    max-width: 410px;
    padding: 10px 50px;
  }
  #page-mod-assign-grader [data-region="review-panel"],
  #page-mod-assign-grader [data-region="grade-panel"] {
    top: 130px;
  }
  #page-mod-assign-grader [data-region="grading-navigation-panel"] {
    height: 130px;
  }
  #page-mod-assign-grader
    [data-region="grade-panel"]
    .submissionstatustable
    div.assignsubmission
    table
    td.ygtvcontent
    div
    a {
    width: 320px;
  }
  #page-mod-assign-grader
    [data-region="grade-panel"]
    .submissionstatustable
    div.assignsubmission
    table
    td.ygtvcontent
    div {
    display: flex;
  }
  #page-mod-assign-grader
    [data-region="grade-panel"]
    .submissionstatustable
    div.assignsubmission
    div.box {
    padding: 0px 20px 0px 20px;
  }
}

#page-mod-assign-grader
  [data-region="grading-navigation-panel"]
  [data-region="user-info"]
  a
  em {
  font-size: 12px;
}
#page-mod-assign-grader [data-region="grade-panel"] h3 {
  font-size: 16px;
  font-weight: 700;
}
#page-mod-assign-grader
  [data-region="grade-panel"]
  div.submissionstatussubmitted,
#page-mod-assign-grader [data-region="grade-panel"] div.earlysubmission {
  color: #567536;
  background: transparent;
  padding: 18px;
}
#page-mod-assign-grader [data-region="grade-panel"] div.earlysubmission {
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
}
#page-mod-assign-grader [data-region="grade-panel"] div.submissionnotgraded,
#page-mod-assign-grader [data-region="grade-panel"] div.submissiongraded {
  padding: 0px 18px 0px 18px;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
}
#page-mod-assign-grader [data-region="grade-panel"] div.submissionnoteditable {
  padding: 0px 18px 18px 18px;
  border-bottom: 1px solid #d6d6d6;
  border-radius: 0px 0px 12px 12px;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
}
#page-mod-assign-grader
  [data-region="grade-panel"]
  div.submissionstatussubmitted {
  border-top: 1px solid #d6d6d6;
  border-radius: 12px 12px 0px 0px;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
}
#page-mod-assign-grader [data-region="grade-panel"] {
  padding-top: 30px;
  font-size: 14px;
}
#page-mod-assign-grader [data-region="grade-panel"] .submissionstatustable div,
#page-mod-assign-grader
  [data-region="grade-panel"]
  .submissionstatustable
  div
  table
  tbody
  tr:nth-child(odd),
#page-mod-assign-grader table tbody tr:nth-child(odd) {
  background-color: white !important;
}
#page-mod-assign-grader
  [data-region="grade-panel"]
  .submissionstatustable
  div.assignsubmission {
  margin-top: 20px;
  border: 1px solid #d6d6d6;
  border-radius: 12px;
}
#page-mod-assign-grader
  [data-region="grade-panel"]
  .submissionstatustable
  div.assignsubmission
  div.box {
  border-radius: 12px;
}

#page-mod-assign-grader
  [data-region="grade-panel"]
  .submissionstatustable
  div.assignsubmission
  div.box
  .comment-area {
  max-width: 100%;
}
#page-mod-assign-grader
  [data-region="grade-panel"]
  .submissionstatustable
  div.assignsubmission
  div.box
  .comment-area
  textarea,
#page-mod-assign-grader
  [data-region="grade-panel"]
  .submissionstatustable
  div.assignsubmission
  div.box
  .comment-area
  textarea:focus-visible {
  border-radius: 12px;
  border: 1px solid #d6d6d6;
  padding: 0px 20px;
  align-content: center;
}
#page-mod-assign-grader [data-region="grade-actions-panel"] form {
  text-align: left;
}
#page-mod-assign-grader
  [data-region="grade-actions-panel"]
  form
  .btn-secondary {
  border-radius: 6px;
  border: 2px solid #587b34;
  background: transparent;
}

#page-mod-assign-grader
  [data-region="review-panel"]
  .drawingregion
  .drawingcanvas {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100% !important;
}
#page-course-management #course-category-listings .listitem-category .clearfix {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 10px;
  background: #edf1e9;
  padding: 15px;
  border-radius: 10px;
}

#page-course-management
  #course-category-listings
  .listitem-category
  .clearfix
  .float-right,
#page-course-management
  #course-category-listings
  .listitem-category
  .clearfix
  .float-right
  .d-flex {
  align-items: center;
}
#page-course-management
  #course-category-listings
  .listitem-category
  .clearfix
  .float-right
  .d-flex
  .dropdown-menu.show {
  padding: 10px;
}
#page-course-management
  #course-category-listings
  .listitem-category
  .clearfix
  .course-count
  i {
  margin-left: 5px !important;
}
#page-course-management #menumovecoursesto {
  margin-bottom: 10px !important;
}
#page-course-management #course-category-listings .pair-key {
  padding: 0px !important;
}
#page-course-management #course-category-listings .pair-key span {
  margin: 0px !important;
}
#course-category-listings .listitem[data-selected="1"] {
  border-left: calc(1px + 5px) solid #4c782b !important;
}
#page-course-management #region-main > div > h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 35px;
}
#page-course-management #course-category-listings .card-header {
  font-size: 22px;
  font-weight: 700;
}

/* recover courses page  */

#page-backup-restorefile #page.drawers,
#page-report-myfeedback-index #page.drawers,
#page-report-progress-index #page.drawers,
#page-report-stats-index #page.drawers {
  margin-top: 25px;
}
#page-backup-restorefile #page.drawers .moremenu,
#page-report-myfeedback-index #page.drawers .moremenu,
#page-report-progress-index #page.drawers .moremenu,
#page-report-stats-index #page.drawers .moremenu {
  height: 50px;
}
#page-backup-restorefile #page.drawers .moremenu .nav-tabs,
#page-report-myfeedback-index #page.drawers .moremenu .nav-tabs,
#page-report-progress-index #page.drawers .moremenu .nav-tabs,
#page-report-stats-index #page.drawers .moremenu .nav-tabs {
  padding: 0px;
  /* max-width: 100% !important; */
}
#page-backup-restorefile
  #page.drawers
  .secondary-navigation
  .nav-tabs
  a.nav-link.active,
#page-report-myfeedback-index
  #page.drawers
  .secondary-navigation
  .nav-tabs
  a.nav-link.active,
  #page-report-progress-index
  #page.drawers
  .secondary-navigation
  .nav-tabs
  a.nav-link.active,
  #page-report-stats-index
  #page.drawers
  .secondary-navigation
  .nav-tabs
  a.nav-link.active {
  border-radius: 0px;
}
#page-backup-restorefile #page.drawers .moremenu .nav-tabs ul.dropdown-menu,
#page-report-myfeedback-index
  #page.drawers
  .moremenu
  .nav-tabs
  ul.dropdown-menu,
  #page-report-progress-index
  #page.drawers
  .moremenu
  .nav-tabs
  ul.dropdown-menu,
  #page-report-stats-index
  #page.drawers
  .moremenu
  .nav-tabs
  ul.dropdown-menu {
  top: 18px !important;
  background-color: #edf1ea;
  border-radius: 10px;
}
#page-backup-restorefile
  #page.drawers
  .moremenu
  .nav-tabs
  ul.dropdown-menu
  a.dropdown-item,
#page-report-myfeedback-index
  #page.drawers
  .moremenu
  .nav-tabs
  ul.dropdown-menu
  a.dropdown-item,
  #page-report-progress-index
  #page.drawers
  .moremenu
  .nav-tabs
  ul.dropdown-menu
  a.dropdown-item,
  #page-report-stats-index
  #page.drawers
  .moremenu
  .nav-tabs
  ul.dropdown-menu
  a.dropdown-item {
  padding: 0.5rem 1.5rem;
}
#page-backup-restorefile
  #page.drawers
  .moremenu
  .nav-tabs
  ul.dropdown-menu
  a.active,
#page-report-myfeedback-index
  #page.drawers
  .moremenu
  .nav-tabs
  ul.dropdown-menu
  a.active,
  #page-report-progress-index
  #page.drawers
  .moremenu
  .nav-tabs
  ul.dropdown-menu
  a.active,
  #page-report-stats-index
  #page.drawers
  .moremenu
  .nav-tabs
  ul.dropdown-menu
  a.active {
  color: white;
}
#page-backup-restorefile #page.drawers #page-content #fitem_id_backupfile {
  flex-direction: column;
  gap: 10px;
}
#page-backup-restorefile #page.drawers #page-content #region-main-box {
  margin-top: 20px;
}
#page-backup-restorefile
  #page.drawers
  #page-content
  #fitem_id_backupfile
  #id_backupfile_fieldset
  .filepicker-filelist {
  border: 1px dotted;
  height: 275px;
  border-radius: 8px;
  background-color: #fbfbfb;
}
#page-backup-restorefile
  #page.drawers
  #page-content
  #fitem_id_backupfile
  #id_backupfile_fieldset
  input.fp-btn-choose {
  margin-bottom: 10px;
}
#page-backup-restorefile
  #page.drawers
  #page-content
  #fitem_id_backupfile
  #id_backupfile_fieldset
  .filepicker-filelist
  .filepicker-container {
  border: none;
  background-color: #fbfbfb;
  align-content: space-around;
}
#page-backup-restorefile
  #page.drawers
  #page-content
  #fitem_id_backupfile
  #id_backupfile_fieldset
  .filepicker-filelist
  .filepicker-container
  .dndupload-arrow {
  top: 80px;
}
#page-backup-restorefile
  #page.drawers
  #page-content
  #fitem_id_submitbutton
  .col-md-3.col-form-label {
  display: none !important;
}
#page-backup-restorefile
  #page.drawers
  #page-content
  #fitem_id_submitbutton
  input#id_submitbutton {
  padding: 6px 30px !important;
}
#page-backup-restorefile #page.drawers #page-content .alert-info {
  background-color: #f5f1d5;
}
#page-backup-restorefile
  #page.drawers
  #page-content
  .singlebutton
  button[type="submit"] {
  background-color: #567636;
  color: white;
}

/* feedback dashboard page  */

#page-report-myfeedback-index #page.drawers #page-content .heading h2 {
  margin: 20px 0px 40px 0px;
  padding-right: 0px;
  background: transparent;
  color: black;
}
#page-report-myfeedback-index
  #page.drawers
  #page-content
  .nav-tabs
  li.nav-item {
  border-bottom: 1px solid #b2b2b2;
}
#page-report-myfeedback-index #page.drawers #page-content .nav-tabs .nav-link {
  padding: 0.5rem 0.85rem;
  color: #b2b2b2;
}
#page-report-myfeedback-index
  #page.drawers
  #page-content
  .nav-tabs
  .nav-link:focus {
  background-color: #edf1ea;
}
#page-report-myfeedback-index
  #page.drawers
  #page-content
  .nav-tabs
  .nav-link.active {
  background-color: #edf1ea;
  border: none;
  border-bottom: 1px solid #303030;
  color: #303030;
}
#page-report-myfeedback-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"]
  .fullhundred.clearfix {
  display: flex;
  margin: 40px 0px;
}
@media (max-width: 768px) {
  #page-report-myfeedback-index
    #page.drawers
    #page-content
    #region-main-box
    div[role="main"]
    .fullhundred.clearfix {
    flex-direction: column;
  }
}
#page-report-myfeedback-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"]
  .fullhundred.clearfix
  .mymods-container {
  width: 50%;
}
#page-report-myfeedback-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"]
  .fullhundred.clearfix
  .mymods-container-right {
  width: 50%;
  margin: 0px;
  align-self: end;
}
#page-report-myfeedback-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"]
  .fullhundred.clearfix
  .mymods-container-right
  p,
#page-report-myfeedback-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"]
  .fullhundred.clearfix
  .mymods-container-right
  span {
  border-radius: 10px;
  padding: 10px 20px;
  background: transparent;
  border: 1px solid #567636;
}
#page-report-myfeedback-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"]
  .fullhundred.clearfix
  .mymods-container-right
  p
  a,
#page-report-myfeedback-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"]
  .fullhundred.clearfix
  .mymods-container-right
  span
  a {
  color: #567636;
}
#page-report-myfeedback-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"]
  .ac-year-right {
  float: none;
  margin: 40px 0px;
}
#page-report-myfeedback-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"]
  .ac-year-right
  form {
  display: flex;
  flex-direction: column;
  width: 30%;
  gap: 20px;
}
#page-report-myfeedback-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"]
  .ac-year-right
  form
  input[type="submit"] {
  border-radius: 10px;
  padding: 10px 20px;
  background: transparent;
  border: 1px solid #567636;
}
#page-report-myfeedback-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"]
  .fullhundred.clearfix
  .profilepicture
  img {
  height: 197px;
  width: 230px;
  margin-right: 20px;
  border-radius: 5px;
}


/* progress report  */
#page-report-progress-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] form{
    gap: 14px;
  }
  #page-report-progress-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] .include-activity-selector{
margin-right: 40px !important;
  }
  #page-report-progress-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] form select,
  #page-report-stats-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] form select{
    border: 1px solid #567636;
    color: #567636;
  }
  #page-report-progress-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] .initialbar{
    margin-top: 40px !important;
  }
  #page-report-progress-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] .initialbar .initialbargroups{
    margin-top: 25px;
  }
  #page-report-progress-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] #completion-progress-wrapper table thead{
    display: table-row-group;
  }
  #page-report-progress-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] #completion-progress-wrapper table,#page-report-stats-index #page.drawers
  #page-content
  #region-main-box
  div[role="main"] form table{
    height: 417px;
  }
  #page-report-progress-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] #completion-progress-wrapper table tbody{
    display: table-header-group;
  }
  #page-report-progress-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] #completion-progress-wrapper table tbody th,  #page-report-progress-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] #completion-progress-wrapper table thead th{
    padding: 5px 10px;
  }
  #page-report-progress-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] #completion-progress-wrapper table thead th.completion-sortchoice,  #page-report-progress-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] #completion-progress-wrapper table thead th.completion-identifyfield{
    align-content: flex-start;
  }
  #page-report-progress-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] ul.progress-actions{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
  }
  #page-report-progress-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] ul.progress-actions li{
    padding: 10px 25px;
    border-radius: 8px;
    border: 1px solid #567636;
  }
  #page-report-progress-index
  #page.drawers
  #page-content
  #region-main-box
  div[role="main"] ul.progress-actions li a{
    color: #567636;
  }