/*Accordian*/
.complete {
    color: #999;
}
.complete-onyx {
    color: #231f20;
}
.event a {
    background-color: #42B373 !important;
    background-image :none !important;
    color: #ffffff !important;
}
.eventFull a {
    background-color: #FF0000 !important;
    background-image: none !important;
    color: #ffffff !important;
}
.title-duedate {
    min-height:10px;
}
.subtitle {
    min-height:10px;
    color: #999;
    font-size: 14px;
}
.btn-close {
    float: right;
    background-color: #f6f6f6;
    border: 1px solid #eee;
    color: #231f20;
    border-radius: 0;
    font-weight: bold;
    margin-bottom: 20px;
}
.btn-survey {
    background-color: #fa6119;
    color: white;
    float: right;
    padding: 0px 10px;
    margin-bottom: 5px;
    border-radius: 0px;
}
.btn-withdraw {
    font-weight: bold;
    color: white;
    background-color: #5f6062;
    float: left;
    border-radius: 0;
}
.title-status, .locationLabel {
    font-weight: bold;
}
.title-onyx {
    color: #231f20;
}
.title-completion{
    color: #999;
}
.title-course {
    font-size: 1.3em;
}
.alert-danger {
    border-radius: 0;
}
.course-body .container-fluid .row {
    padding-bottom: 10px !important;
}
.row {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
#PrimaryEmail, #SecondaryEmail {
    border: 1px solid #aaa;
    width: 240px
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #ddd!important;
}
.emailDiv {
    float: left;
    width: 450px;
}
.btn-action {
    border-radius: 0;
    background-color: #3b73b9;
    color: white;
    font-weight: bold;
}
.btn-waitlist {
    border-radius: 0;
    background-color: darkorange;
    color: white;
    font-weight: bold;
}
.btn-full, .btn-full:hover {
    border-radius: 0;
    background-color: darkred;
    opacity: 0.8;
    color: white!important;
    font-weight: bold;
    cursor: not-allowed;
}
.locationDropDown {
    width: 100px;
    margin-right: 20px;
    border: 1px #222;
}
.locationDiv {
    padding-top: 2px;
}
.datepicker {
    background-color: #3b73b9;
    color: white;
    border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    border: 0px;
}
.datepicker::placeholder {
    color: white;
}
.datepicker:hover {
    cursor: pointer;
    opacity: 0.6;
}
.emailLabel {
    font-weight: normal;
}
.btn-event, .btn-course {
    font-weight: bold;
    color: white;
    background-color: #3b73b9;
    float: left;
    border-radius: 0;
}
.btn-certificate {
    font-weight: bold;
    color: #231f20!important;
    background-color: white;
    float: left;
    border-radius: 0;
    top: 0px;
    font-size: 18px;
    margin: 12px;
}
.btn-filter {
    border-radius: 0;
    color: white;
    font-weight: bold;
    background-color: #118c4e;
    padding: 0px 10px;
    height: 22px;
    background-color:#17c;
}
.select-session {
    float: left;
    font-size: 1.8em
}
label {
    padding-right: 10px;
}
.btn:hover, .btn:active, btn:visited {
    color: lightgray;
}
.secondaryEmailLabel {
    margin-bottom: 20px;
}
.datepicker {
    padding-left: 7px;
    height: 22px;
    width: 175px;
}
.endDate {
    margin-left: 20px;
    margin-right: 20px;
    float: left;
}
.locationDiv {
    margin-bottom: 5px;
}
.startDate {
    float: left;
    margin-right: 0px;
}
.sub-header {
    padding-left: 35px;
    font-size: 1.1em;
}
#sessionList {
    max-height: 300px!important;
    overflow-y: scroll;
}
#location {
    width:218px;
}
.errorMessage, .successMessage {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
}
.attention-required {
    color: #222!important;
}
.perc{
    line-height: 70px!important;
    margin-left: -5px;
}
.demo{
    float:left;
    width: 100px;
}
.assignment-count {
    color: #118c4e;
    margin-bottom: 10px;
    /*font-weight: bold;*/
}
.assignment-count-complete {
    color: #999;
    margin-bottom: 10px;
    /*font-weight: bold;*/
    text-decoration: underline;
}
.session-content, .content, .catalog-content {
    padding-left: 30px;
    padding-right: 30px;
    min-width: 850px;
}
.catalog-list {
    padding-left: 20px;
}
.complete-curriculum{
    border-top: #e2e2e2 5px solid !important;
    margin-top: 40px!important;
}
.curriculum, .course {
    width: 100%;
}
.curriculum .curriculum-head, .course .course-head {
    background-color: #fff;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    filter: alpha(opacity=100);
    opacity: 1;
    text-shadow: 0 0px 0 #fff;
    font-weight: normal!important;
}
.course-head {
    padding-top: 10px;
    padding-bottom: 5px;
}
.curriculum-head {
    color: #444;
    border: #e2e2e2 solid 1px;
    margin-bottom: 15px;
}
.middle {
    float: left;
    width: calc(100% - 180px);
}
.course {
    border-bottom: 1px solid #ccc;
}
.curriculum .curriculum-head * , .course .course-head *{
    cursor: pointer;
}
.catalog-content h3, .curriculum .curriculum-body h3 {
    margin-top: 30px;
    width: 100%;
    padding-bottom: 5px;
    color: #444;
    min-width: 100%;
    border-bottom: 1px #444 solid;
    margin-bottom: 0px;
}
.curriculum .curriculum-body h3:first-of-type{
    margin-top: 20px;
}
.course .course-head h4 { 
    color: #888;
    margin-top: 15px;
}
.learning-button, .event-button, .learning-button-nw, .virtual-button{
    top: 0px;
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 27px
}
.catalog-button {
    top: 0px;
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 27px
}
.curriculum .curriculum-head .middle h2 {
    margin-bottom: 10px;
    margin-top: 0px;
    max-width: 1200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.course .course-head .middle h4 {
    margin-bottom: 10px;
    margin-top: 0px;
    max-width: 1200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.curriculum .curriculum-head .middle h2:first-of-type {
    margin-top: 10px;
}
.curriculum .curriculum-head:hover,.course .course-head:hover {
    background-color: #f2f2f2;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=80);
    opacity: 0.80;
}
.course .course-body {
    height: auto;
    overflow: hidden;
    background-color: #fff;
    display: none;
    padding-left: 35px;
}
.curriculum .curriculum-body {
    height: auto;
    overflow: hidden;
    background-color: #fff;
    display: none;
    padding-left: 35px;
}
.curriculum .curriculum-body{
    padding-left: 120px;
}
.course .course-body{
    display: none;
    background-color: #f2f2f2;
    border-top: 1px #ccc solid;
    padding-top: 10px;
}

.course .course-body .alert {
    margin-left: -30px;
}
.arrow {
    color: #231f20;
    float: right;
    font-size: 1.6em;
    margin-right: 25px;
    margin-top: 35px;
}
.arrow-complete {
    color: #231f20;
    float: right;
    margin-right: 25px;
    margin-top: 35px;
    font-size: 1.6em;
}
.course-arrow {
    float: right;
    margin-right: 10px;
    bottom: 10px;
    color: #231f20;
    /*border: 2px solid black;*/
}
.learning-icon {
    color: #118c4e!important;
    padding-right: 10px;
    font-size: 1.2em;
}
.learning-icon-needs-attention {
    color: lightgrey!important;
    padding-right: 10px;
    font-size: 1.2em;
}
.learning-icon-onyx {
    color: #231f20;
    padding-right: 10px;
    font-size: 1.2em;
}
.body-left {
    max-width: 60%;
    float:left;
    padding-top: 10px;
}
.fa-chevron-circle-up, .fa-chevron-circle-down {
    padding-top: 13px!important;
    font-size: 20px!important;
    color: #fff;
}
.fa-times, .fa-lock {
    font-size: 20px!important;
    color: #fff;
    padding-right: 10px!important;
    margin: 0!important;
}
.duckface {
    opacity: 0;
}
.icon-bar {
    float: right;
    height: 40px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 10px;
}
.disabled, .disabled:hover {
    background-color: lightgrey!important;
}
.course:last-child{
    margin-bottom: 30px!important;
}
/*.modal-dialog {
    width: 95%;
    height: 95%;
}
.modal-content {
    min-height: 100%!important;
    height: 100%;
    border-radius: 0;
}*/
#myIframe{
    width: 100%;
    border: none;
    overflow: hidden;
}
/*.modal-header{
    height: 8%;
    max-height: 50px;
}
.modal-body{
    min-height: 95%!important;
    height: 95%;
    border-radius: 0;
    margin: 0;
    padding: 0;
    overflow: hidden!important;
}*/
.progress-frame {
    height: 100%;
    padding: 300px 200px;
}
/*.modal {
    min-width: 600px!important;
    min-height: 800px!important;
}*/
.filterDiv {
    clear: both;
    background-color: #ddd;
    padding: 5px 15px 15px 15px;
    height: 100px;
}
.course-iframe {
    display: none;
    width: 100%;
    height: 90% !important;
    left: 0!important;
    right: 0!important;
    top: 0 !important;
    bottom: 0 !important;
    position: absolute !important;
    background-color: white;
}
.goBack {
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}
#courseTitle {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}
.courseHeader {
    height: 50px;
    max-height: 50px;
    overflow: hidden;
}

@media (max-width: 1400px) {
    .curriculum .curriculum-head .middle h2 {
        max-width: 950px;
    }
}
@media (max-width: 1300px) {
    .curriculum .curriculum-head .middle h2 {
        max-width: 900px;
    }
}
@media (max-width: 1200px) {
    .curriculum .curriculum-head .middle h2 {
        max-width: 700px;
    }
}
.row {
    max-width: 900px!important;
}
@media (max-width: 1100px) {
    .curriculum .curriculum-head .middle h2 {
        max-width: 700px;
    }
}
@media (max-width: 1000px) {
    .curriculum .curriculum-head .middle h2 {
        max-width: 550px;
    }
}
@media (max-width: 900px) {
    .curriculum .curriculum-head .middle h2 {
        max-width: 550px;
    }
    .emailDiv {
        float: none;
    }
    #PrimaryEmail {
        margin-left: 55px;
    }
    #SecondaryEmail {
        margin-left: 10px;
    }
    .secondaryEmailLabel {
        padding: 0px;
    }
    .startDate, .endDate {
        clear: both;
        float: none;
        padding: 0px;
        margin: 0px;
    }
    #toDate {
        margin-left: 60px;
    }
    .locationDropDown {
        margin-left: 15px;
        width: 164px;
    }
}
@media (max-width: 800px) {
    .curriculum .curriculum-head .middle h2 {
        max-width: 500px;
    }
}
@media (max-width: 700px) {
    .curriculum .curriculum-head .middle h2 {
        max-width: 400px;
    }
}