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

.certificate-card.mode-honor .card-logo {
    background-image: url("/static/custom_css/${static.url('images/certhumb.png")}") !important;
    background-size: cover !important;
}

.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-title a {
    word-break: break-word;
    color: #006B65 !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 #006B65;
    margin-left: 10px;
    border-radius: 100px;
    color: white !important;
    background-color: #006B65;
}

.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: #006B65 !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%;}

@media (max-width: 767px) {
.login-register .form-field input, .financial-assistance-wrapper .financial-assistance-form .form-field input, .login-register .form-field select, .financial-assistance-wrapper .financial-assistance-form .form-field select, .login-register .form-field textarea, .financial-assistance-wrapper .financial-assistance-form .form-field textarea{height: 45px;}
.login-register .form-field label.focus-out, .financial-assistance-wrapper .financial-assistance-form .form-field label.focus-out, .login-register .form-field input.focus-out, .financial-assistance-wrapper .financial-assistance-form .form-field input.focus-out, .login-register .form-field select.focus-out, .financial-assistance-wrapper .financial-assistance-form .form-field select.focus-out, .login-register .form-field textarea.focus-out, .financial-assistance-wrapper .financial-assistance-form .form-field textarea.focus-out, .login-register .form-field .plaintext-field.focus-out, .financial-assistance-wrapper .financial-assistance-form .form-field .plaintext-field.focus-out{line-height: 38px;}
.dashboard .main-container .extra-button .btn{margin-bottom: 10px;}
}
.global-header .main-header .header-logo a .logo {height: 72px !important;}
#course-container {max-width: 1219px;padding: 0 15px;}
.xmodule_display.xmodule_VideoModule .video .subtitles .subtitles-menu li span {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;font-size: 16px;}
.xmodule_display.xmodule_VideoModule .video .video-wrapper .closed-captions.is-visible {color: #ffd300 !important;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;font-size: 18px !important;}
.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_incorrect:hover{
border-color: #fc221d;
}
.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_incorrect{
border: 2px solid #fc221d;
}
.xmodule_display.xmodule_CapaModule div.problem .notification.error {
border-top: 3px solid #fc221d;
}
.xmodule_display.xmodule_CapaModule div.problem .notification.error .icon {
margin-left: 15px;
color: #fc221d;
}
.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect .status-icon::after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect .status-icon::after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_incorrect .status-icon::after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_incorrect .status-icon::after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect .status-icon::after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect .status-icon::after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_incorrect .status-icon::after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_incorrect .status-icon::after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_incorrect .status-icon::after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_incorrect .status-icon::after{
color: #fc221d;
}
/*correct answers        */
.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_correct {
border: 2px solid #9ac455;
}
.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct .status-icon::after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct .status-icon::after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_correct .status-icon::after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_correct .status-icon::after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_correct .status-icon::after{
color: #9ac455;
}
.xmodule_display.xmodule_CapaModule div.problem .notification.success {
border-top: 3px solid #9ac455;
} 
.xmodule_display.xmodule_CapaModule div.problem .notification.success .icon {
margin-left: 15px;
color: #9ac455;
} 
.xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.incorrect .status-icon::after {
color: #fc221d;
}
.xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.correct .status-icon::after {
color: #9ac455;
}

.word-count-message{
display: none !important;
}    
/*radio and checkboxes     */
.xmodule_display.xmodule_CapaModule .problem input[type='radio']:after {
width: 15px;
height: 15px;
border-radius: 50%;
top: -2px;
left: -2px;
position: relative;
background-color: #d1d3d1;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid white;
margin-right: -5px;
}  
.xmodule_display.xmodule_CapaModule .problem input[type='radio']:checked:after {
width: 15px;
height: 15px;
border-radius: 50%;
top: -2px;
left: -2px;
position: relative;
background-color:#006B65 !important;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid white;
margin-right: -5px;

}

/*  checkboxes shapes     */
.xmodule_display.xmodule_CapaModule .problem input[type='checkbox']:after {
width: 16px;
height: 16px;
border-radius: 5px;
top: -1px;
left: -2px;
position: relative;
background-color: #d1d3d1;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid white;
margin-right: -5px;

}  
.xmodule_display.xmodule_CapaModule .problem input[type='checkbox']:checked:after {
width: 16px;
height: 16px;
border-radius: 5px;
top: -1px;
left: -2px;
position: relative;
background-color:#006B65 !important;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid white;
margin-right: -5px;
}   
    
    
/*borders    */
    .xmodule_display.xmodule_CapaModule div.problem .choicegroup label:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label:hover{
        border-color:#006B65 !important;
    }
.course-wrapper .course-content .xblock .poll-block-form-wrapper .poll-header{padding-bottom: 30px;}
.course-wrapper .course-content .xblock .poll-block-form-wrapper .survey-table{margin-bottom: 30px;}
.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .icon{color: #5a5a5a !important;}
/*    hide the the video title*/
.xmodule_VideoModule .hd-2{display: none !important;}

.xmodule_display.xmodule_VideoModule .video .subtitles.en,
.xmodule_display.xmodule_VideoModule .video .video-wrapper .closed-captions.en{direction: ltr;}
.xmodule_display.xmodule_VideoModule .video .subtitles.ar,
.xmodule_display.xmodule_VideoModule .video .video-wrapper .closed-captions.ar{direction: rtl;}
.xmodule_display.xmodule_VideoModule .video .subtitles.ar ol{text-align: right;}
 .courseware .holder {
     padding-top: 0px !important; 
}   
    .unit-inline-div a.btn{
        border-radius: 3px !important;
    } 
 .wrapper-course-material .course-tabs .tab a:visited.active, .wrapper-course-material .course-tabs .tab a.active, .wrapper-course-material .course-tabs .tab a:visited:hover, .wrapper-course-material .course-tabs .tab a:hover{
     color: #fb9300 !important;
     border-bottom-color: #fb9300 !important;
    }

.courses-container .courses .course .course-info .course-title {
    height: auto !important;
}
    .courses-container .courses .course .course-info {
    height: 100px !important;
}
    .courses-container .courses .course .course-image .cover-image {
    margin-bottom: 15px;
}
    .course-date{
        display: none;
    }
    .courses-container .courses .courses-listing .courses-listing-item {
    margin: 0 1.3% 0px 0 !important;
}
   body.view-in-course .static_tab_wrapper, body.view-in-course .course-license {
    max-width: 1220px;
    box-sizing: border-box;
} 
    .global-header {
        background: #00454B;
        z-index: 11;
    }
    .global-header .main-header{
        padding: 32px 0px;
    }
    .global-header .main-header .nav-links .secondary .nav-item a {
    color: #656565;
    line-height: 18px;
    padding: 9px 25px;
    box-sizing: border-box;
    font-size: 18px;
/*    background: #fff !important;*/
    color: #00454B!important;
}
    .global-header .main-header .nav-links .secondary .sign-in-btn{
      background: #fff !important;   
    }
    .rtl .global-header .main-header .nav-links .main, .lang_ar .global-header .main-header .nav-links .main {
    margin: 0 12% 0 0;
}
    .global-header .main-header .nav-links .main .nav-item a {
    color: #f5f5f5;
    font-size: 18px;
    }
    .global-header .main-header .nav-links .secondary .username {
    color: #f5f5f5;
        font-size: 18px;
    }
    .global-header .main-header .nav-links .secondary .nav-item .fa {
    color: #f5f5f5;
    }
    .global-header .main-header .header-logo a .logo {
    height: 106px !important;
    }
    .courses-container .courses .course .course-info {
    height: 173px !important;
}
    .course-info header.course-profile .intro-inner-wrapper .intro .main-cta strong {
    font-family: "DIN Next LT Arabic";
}
/*
.find-courses .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item {
     float: right; 
    display: inline-block;
    margin-left: 2.35765%;
    width: 31.23176%;
    margin-bottom: 25px !important;
    min-height: 400px;
    vertical-align: top;
}
   .find-courses .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:nth-child(4n+1){
       clear: initial !important;
    } 
*/
    @media (max-width:1100px){
        .global-header .main-header .header-logo a .logo {
        height: 84px !important;
        }
        .global-header .hamburger-menu .line{
            background: #fff;
        }
        .global-header .main-header .nav-links .main .nav-item a {
            color: #505050;
        }
        .global-header .main-header .nav-links .secondary .username {
            color: #484646;
        }
        .global-header .main-header .nav-links .secondary .nav-item .fa {
            color: #545454;
        }
        
    }