.global-header .main-header .nav-links .main .nav-item {
    margin: 0 11px;
}

.certificate-card.mode-honor .card-logo {
    background-image: url("/static/v0.0.6/images/certhumb.9d2826e7bf86.png") !important;
    background-size: cover !important;
}

.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-title a {
    word-break: break-word;
    color: #00B2AB !important;
    font-size: 19px !important;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: -5px !important;
}

.courses-container .courses .course .course-info .course-title {
    color: #000 !important;
    font-size: 16px !important;
    margin: 5px 0;
    height: 96px;
    overflow: hidden;
    font-weight: 700;
    text-transform: uppercase;
}

.fa-check.fa.complete-checkmark {
    border: 1px solid #00B2AB;
    margin-left: 10px;
    border-radius: 100px;
    color: white !important;
    background-color: #00B2AB;
}

.complete-checkmark .fa .fa-check {
    transform: rotate(0deg) !important;
}

.action-resume-course {
    padding: 11.5px;
}

.navbar-nav .mr-auto {
    padding-top: 13px !important;
}

/* courses dashboard mobile*/
@media (max-width: 600px) {
    .dashboard .main-container .my-courses .wrapper-header-courses .header-courses {
        padding-right: 10px;
        text-align: center !important;
    }

    .dashboard .main-container .my-courses .listing-courses .course-item .wrapper-course-details-info {
        text-align: center !important;
    }

    .dashboard .main-container .my-courses .course .details .course-actions .wrapper-action-more .action-more {
        height: 38px !important;
        margin-left: 5px;
    }

    .dashboard .main-container .my-courses .listing-courses .course-item .wrapper-course-details .course-title {
        text-align: center !important;
    }
}

/* courses.html page elastic search */
#main>section>section>div.courses>ul>li>article>a>section>h2>span.course-code,
#main>section>section>div.courses>ul>li>article>a>section>div.course-date,
#main>section>section>div.courses>ul>li>article>a>section>h2>span.course-organization {
    display: none !important;
}

#main>section>section>div.courses>ul>li>article>a>section>h2>span.course-title {
    margin-top: 25px !important;
    height: 50px !important;
}

#main>section>section>div.courses>ul>li>article>a>section.course-info {
    height: 80px !important;
}

#main>section>section>aside.search-facets {
    display: none !important;
}

.unit-inline-div {
    display: inline-block;
}

.back-btn {
    float: right;
}

body.rtl .back-btn {
    float: left;
}

.unit-inline-div a.btn {
    background: #00B2AB !important;
    color: #fffefe !important;
    border: none !important;
    padding: 7px 15px;
    border-radius: 20px;
    text-shadow: none !important;
    box-shadow: none !important;
    letter-spacing: 1px;
}

.unit-inline-div a.btn:hover,
.unit-inline-div a.btn:focus {
    background: #078883 !important;
}

.admin-instruction .admin-instruction-inner {
    border-bottom: none !important;
}

.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button img {
    width: 23px;
}

@media (max-width: 767px) {
    .dashboard .main-container .my-courses .course .details .wrapper-course-image {
        display: block;
        width: 100%;
    }
}

@media (max-width: 500px) {
    .dashboard .main-container .my-courses .course .details {
        display: block;
    }

    .dashboard .main-container .my-courses .course .details .wrapper-course-image {
        display: block;
        width: 100%;
        height: auto;
        max-height: inherit;
    }

    .dashboard .main-container .my-courses .course .details .wrapper-course-image .course-image {
        position: static;
        width: 100% !important;
        height: auto !important;
    }

    .wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary {
        float: none;
    }
}

.global-header {
    direction: rtl;
}

.global-header .main-header .header-logo {
    left: auto;
    right: 0;
    text-align: start;
}

.global-header .main-header .header-logo a,
.global-header .main-header .header-logo a .logo {
    float: right;
}

.global-header .hamburger-menu {
    right: auto;
    left: 15px;
}

.global-header .main-header .nav-links .main {
    margin: 0 120px 0 0;
}

.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .fa.is-hidden{display: none;}
#register .optional-fields.hidden{display: block!important; visibility: visible;}
.login-register .form-field.select-year_of_birth{margin-right: 0; width: 100%;}
.dashboard .main-container .extra-button .btn{margin-bottom: 15px;}

.login-register .form-field.select-parent_type{
    display: inline-block;
    width: 40%;
}
.login-register .form-field.text-parent_mobile_number{
    display: inline-block;
    width: 59%;
}
.login-register{
    max-width: 520px;
}
body.view-in-course .course-wrapper, body.view-in-course .profile-wrapper, body.view-in-course .instructor-dashboard-wrapper-2, body.view-in-course .wiki-wrapper, body.view-in-course .teams-wrapper, body.view-in-course .static_tab_wrapper, body.view-in-course .course-license {
    max-width: 1220px !important;
    box-sizing: border-box;
}   
.prerequisite-button { 
    border: none !important;
    background: none !important;
    text-align: right !important;
    cursor: pointer;
}   
     #course-container {
    max-width: 1220px !important;
    }
       
  .xmodule_display.xmodule_ProblemBlock h3.hd-3{display: none;}

/*ambassador-dashboard-my-school styles*/

  .ambassador-dashboard .download-btn {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 0px;
    width: 100%;
}

.ambassador-dashboard .report-section {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 10px;
}

.ambassador-dashboard .report-section ul {
    margin: 10px 0;
    padding-left: 20px;
}

.admin-instruction .download-btn {
  float: right !important;
}

/* dashboard page styles */

.extra-button {
  background-color: #f9f9ff;
  padding: 20px 5px;
  border-radius: 8px;
  font-family: Arial, sans-serif;
}

.header {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 20px;
}

.button-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.button-wrapper {
    background-color: #ECFFFE80;
    border: 2px solid #e6e6e6;
    padding: 19px 11px;
    display: flex;
    gap: 30px;
    vertical-align: middle;
    align-items: center;
}

.button-wrapper p {
    font-size: 20px;
    margin-bottom: 0px !important;
    color: #1C104B;
    line-height: 26px;
}
.dashboard .main-container {
    padding: 23px 20px 40px 0;
}
.dashboard .main-container .extra-button .btn {
    display: inline-block;
    text-align: center;
    padding: 10px 3px;
    font-size: 19px;
    color: #fff !important;
    text-decoration: none;
    border: 2px solid #00B2AB !important;
    border-radius: unset !important;
    background-color: #00B2AB !important;
    margin-bottom: 0px;
    min-width: 203px;
    height: max-content;
    vertical-align: middle;
    font-weight: 300;
}

.dashboard .main-container .extra-button .btn:hover {
background-color: #00B2AB !important;
    color: white !important;
}

.dashboard .main-container .my-courses .listing-courses .course-item .course-container {
  border: solid 4px #1C104B !important;
}

.dashboard .main-container .my-courses .course .details .course-actions .wrapper-action-more .action-more {
    border: solid 2px #1C104B !important;
}

.dashboard .main-container .my-courses .course .details .enter-course {
  background: #00B2AB !important;
  color: #FFFF !important;
  border: 1px solid #00B2AB !important;
}

.dashboard-container {
  background-color: #1C104B;
  border-radius: 14px;
  color: white;
  margin: 0 auto;
}

.dashboard .main-container .my-courses .wrapper-header-courses {
  margin-bottom: 20px !important;
}

.dashboard .main-container .wrapper-header-courses .tab {
  display: flex;
  justify-content:right;
  padding: 10px;
  border: unset !important;
  background-color: unset !important;
  box-shadow: unset !important;
}

.dashboard .main-container .wrapper-header-courses .tab button {
  background-color: unset !important;
  font-size: 40px;
  font-weight: 700;
}

.dashboard-banner {
    /*background-image: url(https://riyali-lilac-openedx-production.s3.eu-west-1.amazonaws.com/dashboard-banner.jpg);*/
    position: relative;
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*min-height: 400px;*/
}
  .dashboard-banner img{
    width: 100%;
  }
  .dashboard-banner .overlay-content{
    background: #1C104B;
    margin: 0 auto;
    position: absolute;
    bottom: 20%;
    width: 100%;
  }
.overlay-content h1 {
    color: #fff;
    margin: 0 auto;
    text-align: center !important;
    line-height: 1em;
    padding: 20px 0px;
    padding-bottom: 25px;

}
  
  .side-image img{
    width: 100%;
  }
  
  .dashboard .main-container .my-courses .course .details {
    background: #f6ffff;
    min-height: 160px;
    padding-left: 0;
    display: flex;
    transform: scale(1.015);
    border: 5px solid #1c104b;
    padding-right: 0px !important;
}
 .dashboard .main-container .my-courses .course .details .wrapper-course-details .course-title a {
    font-size: 22px !important;
   margin-bottom: 15px;
} 
span.info-university, span.info-course-id{
    color: #656565;
    font-weight: bold;
}  
.dashboard .main-container .my-courses .course .details .course-actions .wrapper-action-more .action-more {
    border: solid 2px #000 !important;
    border-radius: 0 !important;
}  
 span.fa.fa-cog {
    color: #000 !important;
} 
 .dashboard .main-container .my-courses .course .details .enter-course {
    background: #00B2AB !important;
    color: #FFFF !important;
    border: 1px solid #00B2AB !important;
    border-radius: 0px !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    /* min-height: 40px !important; */
    padding: 9px !important;
    padding-bottom: 11px !important;
}
  .dashboard .main-container .my-courses .course .details .course-actions .wrapper-action-more .action-more {
    border: solid 2px #000 !important;
    border-radius: 0;
    min-height: 38px;
}
  @media (max-width:700px){
    .dashboard .main-container .my-courses .course .details{
      display: block !important;
    }
        .dashboard .main-container .my-courses .course .details .wrapper-course-image {
        display: block;
        width: 100%;
        height: auto;
        max-height: inherit;
    }
    .dashboard .main-container .my-courses .course .details .wrapper-course-image .course-image{
        position: static;
        width: 100% !important;
        height: auto !important;
    }
    .dashboard .main-container{
      padding: 0px !important;
    }
    .extra-button{
      padding: 20px 0px !important;
    }
    .dashboard-banner img {
    min-height: 200px;
    }
    .dashboard .main-container .my-courses .course .details{
      padding-right: 0px;
    }
    .dashboard .main-container .my-courses .course .details .wrapper-course-details .wrapper-course-info-actions {
    display: flex;
    flex-wrap: wrap !important;
    }
  }
  @media (max-width: 500px){
    .button-wrapper{
      display: block;
    }
    .button-wrapper p {
    margin-top: 15px;
    }
  }

  /* Parent mobile number — required update modal */
  html.parent-mobile-modal-active,
  html.parent-mobile-modal-active body {
    overflow: hidden;
  }
  .parent-mobile-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 100050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
    background: rgba(28, 16, 75, 0.55);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .parent-mobile-modal {
    max-width: 440px;
    width: 100%;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 24px 48px rgba(28, 16, 75, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
    padding: 32px 28px 28px;
    text-align: center;
    position: relative;
    animation: parent-mobile-modal-in 0.35s ease-out;
  }
  @keyframes parent-mobile-modal-in {
    from {
      opacity: 0;
      transform: translateY(12px) scale(0.98);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  .parent-mobile-modal-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: linear-gradient(145deg, #ECFFFE 0%, #d4f5f3 100%);
    border: 2px solid #00B2AB;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .parent-mobile-modal-icon svg {
    width: 28px;
    height: 28px;
    fill: #1C104B;
  }
  .parent-mobile-modal h2 {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1C104B;
    margin: 0 0 12px;
    line-height: 1.35;
  }
  .parent-mobile-modal p {
    font-size: 1rem;
    color: #4a4a5a;
    margin: 0 0 24px;
    line-height: 1.55;
  }
  .parent-mobile-modal .parent-mobile-modal-cta {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 20px;
    font-size: 1.05rem;
    font-weight: 600;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 10px;
    background: #00B2AB !important;
    border: 2px solid #00B2AB !important;
    transition: background 0.2s, transform 0.15s;
  }
  .parent-mobile-modal .parent-mobile-modal-cta:hover {
    background: #009e98 !important;
    border-color: #009e98 !important;
    color: #fff !important;
  }
  .parent-mobile-modal .parent-mobile-modal-cta:focus {
    outline: 3px solid rgba(0, 178, 171, 0.45);
    outline-offset: 2px;
  }
  .required-profile-modal-panel.parent-mobile-modal {
    max-width: min(920px, 96vw);
    width: 100%;
    padding: 18px 20px 16px;
    text-align: left;
    margin: 0 auto;
  }
  .required-profile-modal-header {
    text-align: center;
    margin-bottom: 10px;
  }
  .required-profile-modal-header .parent-mobile-modal-icon {
    width: 44px;
    height: 44px;
    margin-bottom: 8px;
  }
  .required-profile-modal-header .parent-mobile-modal-icon svg {
    width: 22px;
    height: 22px;
  }
  .required-profile-modal-header h2 {
    margin-bottom: 4px;
    font-size: 1.15rem;
  }
  .required-profile-modal-subtitle {
    font-size: 0.8rem;
    color: #5c5c6c;
    margin: 0;
    line-height: 1.35;
  }
  .required-profile-modal-body {
    padding: 4px 0 0;
    overflow: visible;
    max-height: none;
  }
  .rpm-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px;
    align-items: end;
  }
  .rpm-span-2 {
    grid-column: 1 / -1;
  }
  .required-profile-modal-body .rpm-field label {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    color: #1C104B;
    margin-bottom: 3px;
    letter-spacing: 0.01em;
    text-transform: none;
    font-style: normal;
  }
  .required-profile-modal-body .rpm-optional-hint {
    font-weight: 400;
    color: #6b7280;
    font-size: 0.68rem;
  }
  .required-profile-modal-body .rpm-req {
    color: #c53030;
  }
  .required-profile-modal-body .rpm-field input[type="text"],
  .required-profile-modal-body .rpm-field input[type="email"],
  .required-profile-modal-body .rpm-field select {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 10px;
    font-size: 0.82rem;
    border: 1px solid #cfd4dc;
    border-radius: 6px;
    background: #fff;
    min-height: 34px;
    font-style: normal;
  }
  .required-profile-modal-body .rpm-field input:disabled {
    background: #f3f4f6;
    color: #4b5563;
    cursor: not-allowed;
  }
  .required-profile-modal-body .rpm-field {
    margin-bottom: 0;
  }
  .required-profile-modal-body .rpm-row-two {
    display: contents;
  }
  .required-profile-modal-body .rpm-field-half {
    margin-bottom: 0;
  }
  .required-profile-modal-body .rpm-error-banner {
    background: #fff0f0;
    color: #9b1c1c;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 0.8rem;
    margin: 6px 0 8px;
  }
  .required-profile-modal-body .rpm-submit {
    margin-top: 10px;
    padding: 10px 16px !important;
    font-size: 0.92rem !important;
    text-shadow: none;
    font-weight: normal;
  }
  /* Select2 school dropdown: searchable list */
  #parent-mobile-required-overlay .rpm-school-select2-dropdown .select2-search--dropdown {
    padding: 6px 8px;
    border-bottom: 1px solid #e8eaef;
  }
  #parent-mobile-required-overlay .rpm-school-select2-dropdown .select2-search__field {
    width: 100% !important;
    box-sizing: border-box;
    padding: 8px 10px !important;
    margin: 0;
    border: 1px solid #cfd4dc;
    border-radius: 6px;
    font-size: 0.85rem;
  }
  #parent-mobile-required-overlay .rpm-school-select2-dropdown .select2-results__options {
    max-height: min(42vh, 280px);
  }
  #parent-mobile-required-overlay #rpm-school + .select2-container .select2-selection--single {
    min-height: 34px;
    border-radius: 6px;
    border-color: #cfd4dc;
  }
  #parent-mobile-required-overlay #rpm-school + .select2-container .select2-selection__rendered {
    line-height: 32px;
    padding-left: 10px;
    font-size: 0.82rem;
  }
  .required-profile-modal-body .rpm-submit:hover, .required-profile-modal-body .rpm-submit:focus {
    box-shadow: none;
  }

/* RTL support for Arabic (and other RTL locales). */
body.rtl .required-profile-modal-panel.parent-mobile-modal {
    direction: rtl;
    text-align: right;
}
body.rtl .required-profile-modal-header {
    text-align: right;
}
body.rtl .required-profile-modal-body .rpm-field label,
body.rtl .required-profile-modal-subtitle,
body.rtl .required-profile-modal-body .rpm-error-banner {
    text-align: right;
}
body.rtl .required-profile-modal-body .rpm-field input[type="text"],
body.rtl .required-profile-modal-body .rpm-field input[type="email"],
body.rtl .required-profile-modal-body .rpm-field select {
    text-align: right;
}
body.rtl #parent-mobile-required-overlay #rpm-school + .select2-container .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 10px;
    text-align: right;
}
body.rtl #parent-mobile-required-overlay .rpm-school-select2-dropdown .select2-results__option {
    text-align: right;
}

  @media (max-width: 640px) {
    .rpm-form-grid {
      grid-template-columns: 1fr;
    }
    .required-profile-modal-panel.parent-mobile-modal {
      padding: 14px 12px 12px;
    }
    .parent-mobile-modal-overlay {
        align-items: flex-start;
        padding: 10px;
    }
    .required-profile-modal-panel.parent-mobile-modal {
        max-width: 100%;
        margin: 0;
        min-height: auto;
    }
    .required-profile-modal-body {
        max-height: calc(100vh - 170px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 10px;
    }
  }
  @media (max-width: 500px) {
    .parent-mobile-modal {
      padding: 24px 20px 22px;
    }
    .parent-mobile-modal h2 {
      font-size: 1.2rem;
    }
  }


@media (max-width: 767px) {
    .login-register .form-field.select-parent_type, .login-register .form-field.text-parent_mobile_number {
        display: block;
        width: 100%;
    }
}