textarea {
    font-family: 'Segoe UI';
    font-size: 13px;
    color: #333333;
    font-weight: 400;
}

.mandatory {
    color: red;
}

textarea.rich-textarea {
    height: 200px;
    display: block;
}

#dashboardplan.dashboard-container {
    height: 100%;
    max-height: inherit;
}

div.jHtmlArea {
    display: inline-block;
    margin: 5px 0 1px 0;
}

    div.jHtmlArea iframe {
        border: 1px solid #9B9B9B;
    }

    div.jHtmlArea .ToolBar {
        z-index: 50;
    }

        div.jHtmlArea .ToolBar ul {
            margin: 0 !important;
            border: 1px solid #9B9B9B !important;
            border-width: 1px 1px 0 1px !important;
            background: none !important;
        }

            div.jHtmlArea .ToolBar ul li.separator {
                background: none;
            }

            div.jHtmlArea .ToolBar ul li:hover {
                background: none !important;
            }

.module-row .description-area .jHtmlArea .ToolBar {
    width: -webkit-calc(100% - 2px) !important;
    width: -moz-calc(100% - 2px) !important;
    width: calc(100% - 2px) !important;
}

#dbPlanBasic {
    position: relative;
    float: left;
    min-width: 953px;
}

.fixed-width {
    width: 291px;
    position: relative;
    height: -webkit-calc(100% - 42px);
    height: -moz-calc(100% - 42px);
    height: calc(100% - 42px);
}

.dbplanform-row {
    margin-bottom: 16px;
    width: 100%;
    display: table;
}

.module-row {
    width: 50%;
    display: inline-block;
    float: left;
}

#ModuleTitle {
    width: 95% !important;
}

#ModuleDescription {
    width: 94% !important;
    overflow: auto;
}

.dbtitle-row {
    margin-bottom: 16px;
}

    .dbtitle-row input, .dbobjective-row input {
        width: 86%;
        height: 29px;
        border: 1px solid #969696;
    }

.module-description {
    width: 50%;
}

.dbobjective-row {
    margin-bottom: 16px;
    width: 50%;
    display: inline-block;
}

.description-area {
    height: 150px;
}

.description-area-preview {
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 5px;
    border: 1px solid rgb(51, 51, 51);
}

.ca-img {
    width: 289px;
    height: 162px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.imageArea {
    max-height: 100%;
    border: 0px solid #969696;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    max-width: 100%;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ca-img img {
    width: 289px;
    height: 162px;
}

.uploadsection {
    width: 100%;
    margin-top: 15px;
}

    .uploadsection > div:first-child {
        width: 90px;
    }

#addEditInstructors .uploadsection > div:last-child {
    height: 100%;
    width: 201px;
}


.width201px {
    width: 201px;
}

.upload-browse-button, .scorm-package-button {
    width: 80px;
    margin-left: 0px;
}

.test-externallink-button {
    width: 80px;
    margin-right: -10%;
}

.embed-content-checkbox {
    height: 15px;
}

.scorm-package-button.small-button {
    width: 40px;
}

.title-area input, .instructors-area input[type="text"],
.users-area input[type="text"], .time-area input[type="text"] {
    height: 29px;
    width: 99.5%;
    width: -webkit-calc(100% - 5px);
    width: -moz-calc(100% - 5px);
    width: calc(100% - 5px);
    border: 1px solid #969696;
}

.registrationUrl-area input, .streamingUrl-area input {
    height: 29px;
    width: 70%;
    width: -webkit-calc(70%);
    width: -moz-calc(70%);
    width: calc(70%);
    border: 1px solid #969696;
}

.coursenumber-area input {
    height: 29px;
    width: 99%;
    width: -webkit-calc(100% - 5px);
    width: -moz-calc(100% - 5px);
    width: calc(100% - 5px);
    border: 1px solid #969696;
}

.livedate-area input {
    height: 29px;
    width: 99%;
    width: -webkit-calc(80%);
    width: -moz-calc(80%);
    width: calc(80%);
    border: 1px solid #969696;
}


.contentlevel-area select, .livedate-area select {
    height: 33px;
    width: 99%;
    width: -webkit-calc(100% - 5px);
    width: -moz-calc(100% - 5px);
    width: calc(100% - 5px);
    padding-left: 5px;
    border: 1px solid #969696;
}

.text-area input {
    height: 29px;
    width: 30%;
    border: 1px solid #969696;
}

#dbPlanPromotion {
    height: 29px;
    width: 100%;
    border: 1px solid #969696;
}

.unit-area input[type='text'], .unit-area select, .tags-area .sub-area:first-child input[type='text'] {
    height: 33px;
    padding: 0px 0px 0px 5px;
}

.unit-area select {
    height: 33px;
    border: 1px solid #969696;
}

.dashboardplan-Tags input {
    height: inherit !important;
}

.unit-area input {
    border: 0px;
}

.unit-area select, .tags-area .sub-area select {
    width: 100%;
}

#planBasicInfo .tags-area .retirement-datepicker input {
    height: 31px;
    width: 84%;
    padding: 0px 0px 0px 7px;
    border: 0px;
    border-right: 1px solid #969696;
}

#labDetailsForm .retirement-datepicker input {
    height: 31px;
    width: 85%;
    padding: 0px 0px 0px 7px;
    border: 0px;
    border-right: 1px solid #969696;
}

#labDetailsForm .ret-area {
    width: 30%;
}

#uploadLabInstructions {
    margin-top: 8px;
}

#retireCourseForm .retirement-datepicker input {
    height: 31px;
    padding: 0px 0px 0px 5px;
    border-right: 1px solid #969696;
    margin-right: 1px;
}

#retireCourseForm #replacementCourseSection .retirement-datepicker input {
    padding: 0px 35px 0px 5px;
    border-right: 0px;
}

#retireCourseForm #replacementCourseSection .retirement-datepicker .posA {
    right: 3px;
}



#planCourseEvents .livedate-datepicker input {
    height: 31px;
    width: 85%;
    padding: 0px 0px 0px 7px;
    border: 0px;
    border-right: 1px solid #969696;
}

.audience-area .sub-area, .tags-area .sub-area {
    width: 49%;
    margin-right: 2%;
}

.audience-area.planinstructors-area .sub-area {
    width: 150px;
}

.audience-area.planinstructors-area .unit-area {
    width: 80%;
}


.instructors-area .sub-area,
.users-area .sub-area {
    width: 40%;
    margin-right: 2.5%;
}

#userAccessTokenForm .users-area .sub-area {
    width: 82.5%;
    margin-right: 0px;
}

.target-area.sub-area {
    width: 60%;
    margin-right: 2%;
}

.ret-area.sub-area {
    width: 38%;
}

.startendTime input {
    width: 30px;
}

.startendTime select {
    width: 50px;
    background: url('//lexauthoring.microsoft.com/Content/images/arrow_down.png') 90% 13px no-repeat;
}

.course-area .sub-area {
    width: 32%;
    margin-right: 2%;
}

.event-area .sub-area {
    width: 20%;
    margin-right: 2%;
}

    .event-area .sub-area:first-child {
        width: 30%;
        margin-right: 2%;
    }

.course-area .sub-area:last-child,
.audience-area .sub-area:last-child,
.tags-area .sub-area:last-child {
    margin-right: 0px;
}

.course-area .unit-area {
    width: 100%;
    float: left;
}

.date-icon {
    line-height: 29px;
}

    .date-icon img {
        vertical-align: middle;
        margin-top: -4px;
        margin-left: 1px;
        width: 24px;
        height: 24px;
    }

#planCourseEvents .date-icon img {
    margin-top: -4px;
    margin-left: 2px;
}

.retirement-datepicker {
    height: 31px;
    border: 1px solid #969696;
    width: 205px;
}


.livedate-datepicker {
    height: 31px;
    border: 1px solid #969696;
}

.dashboardplan-Tags {
    position: relative;
    border: 1px solid #969696;
    min-height: 31px;
}
/*jQuery UI overrides*/
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0px;
}

ul.tagit {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0px;
    min-height: 29px;
}

    ul.tagit li.tagit-choice {
        background-color: #FFF;
        border: 0px;
        border-radius: 0px;
    }

        ul.tagit li.tagit-choice:hover {
            background-color: #FFF;
        }

        ul.tagit li.tagit-choice a.tagLabel,
        ul.tagit li.tagit-choice a.tagit-close .text-icon {
            color: #0072c6;
            font-weight: 600;
            font-size: 13px;
        }

            ul.tagit li.tagit-choice a.tagLabel:hover,
            ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
                color: #0072c6;
            }

.ui-menu {
    border-radius: 0px !important;
    margin-top: 0px !important;
    width: 50% !important;
    border-top: 1px solid #000 !important;
    left: -1px !important;
    top: inherit !important;
}

    .ui-menu .ui-menu-item {
        border-radius: 0px !important;
        border: 0px !important;
    }

        .ui-menu .ui-menu-item:hover, .ui-menu .ui-menu-item:hover a, .ui-menu .ui-menu-item a:hover,
        .ui-menu .ui-menu-item:focus, .ui-menu .ui-menu-item:focus a, .ui-menu .ui-menu-item a:focus,
        .dashboardplan-Tags .ui-state-hover, .dashboardplan-Tags .ui-state-focus {
            border-radius: 0px !important;
            border: 0px !important;
            background-color: #0072C6 !important;
            color: #FFF;
        }

#autoCompleteCoursesWrapper .ui-menu {
    width: 100% !important;
    border: 1px solid #CACACA !important;
}

.publish-targets input[type="checkbox"] {
    display: inline-block;
    border: none;
    height: 15px;
    width: 15px;
    vertical-align: middle;
}

.publish-targets {
    height: 100%;
    margin-bottom: 20px;
}

    .publish-targets input {
        height: inherit;
        padding-left: 0px;
    }

    .publish-targets ul {
        height: 100%;
        min-height: 17px;
        margin-top: 10px;
    }

        .publish-targets ul li.items {
            min-height: 17px;
            line-height: 15px;
            margin-bottom: 10px;
        }

            .publish-targets ul li.items .checkname {
                margin-left: 5px;
                vertical-align: middle;
            }

.plan-separator {
    height: 1px;
    background-color: #C6C6C6;
    margin-bottom: 20px;
    margin-top: 20px;
}

#dbPlanNext {
    margin-left: 0px;
    margin-right: 0px;
    width: 70px;
}

#dbPlanSave, #showAddModuleOverlay {
    width: 120px;
}

#dashboardplan span.error, #addEditInstructors span.error, #addEditUsers span.error {
    color: #ba141a;
    position: absolute;
    left: 0px;
    bottom: -16px;
    white-space: nowrap;
    font-size: 13px;
    font-family: 'Segoe UI';
    font-weight: 400;
}

#addEditInstructors span.error,
#addEditUsers span.error {
    bottom: -14px;
}

#dashboardplan .description-area span.error {
    bottom: 0px;
}

#dashboardplan .objectives-text-area span.error {
    bottom: -18px;
    margin-bottom: 5px;
}

.hidden {
    visibility: hidden;
    position: absolute;
}

#dashboardplan .title-area span.error {
    bottom: 0px;
}

#dashboardplan .text-area span.error {
    bottom: 0px;
}

#dashboardplan .uploadsection span.error {
    top: 110px;
    bottom: 16px;
}

#dashboardplan .publish-targets span.error {
    bottom: -18px !important;
    left: 5px !important;
    position: absolute !important;
}

.package-upload-input {
    height: 27px;
    width: 300px;
}

#dashboardplan .coursenumber-area span.error,
#dashboardplan .tags-area span.error {
    white-space: inherit;
    position: relative;
    bottom: -2px;
}

.plan-nav {
    width: 55%;
    min-width: 160px;
}

    .plan-nav .nav-item {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 2px;
        cursor: pointer;
        text-transform: capitalize;
    }

.dbplan-submit-area {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

    .dbplan-submit-area .primarybutton,
    .dbplan-submit-area .tertiarybutton {
        margin: 0px;
    }

.plan-head {
    height: 30px;
    border-bottom: 1px solid #CACACA;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#planDetailsForm .dbplanform-row {
    width: 90%;
}

#planBasicInfo {
    display: inline-block;
}

#planSections, #body-main-section {
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.course-objectives {
    padding-top: 20px;
    margin-top: 20px;
    width: 100%;
    display: inline-block;
    border-top: 1px solid #CACACA;
}

.selected-products-audiences {
    margin-top: 10px;
    width: 100%;
    display: inline-block;
}


.course-objective-label {
    font-size: 25px;
    font-weight: 300;
}


.list-items {
    margin-left: 10px;
}


    .list-items li {
        margin-top: 5px;
        line-height: 15px;
    }

.objectives-text-area input {
    height: 29px;
    width: 86.5%;
    border: 1px solid #969696;
}

.objectives-text-area .txtRight {
    width: 86.5%;
    display: block !important;
    float: none;
}

.objectives-text-area .mlx-dropdown ul li label {
    padding-right: 10px;
}

.objectives-list {
    width: 100%;
}

.objectives-text-input {
    height: 29px;
    width: 86.5%;
    border: 1px solid #969696;
}

.objectives-add-button {
    width: 11% !important;
    height: 29px !important;
    margin-left: 1%;
    float: right;
    text-align: center;
    line-height: 29px;
    /*border: 3px solid #969696 !important;*/
    border: 2px solid rgb(210, 210, 210) !important;
    cursor: pointer;
    background-color: #FFF;
}

    .objectives-add-button:hover {
        background-color: rgb(210, 210, 210);
    }

.list-style-dot {
    list-style: disc;
    padding-left: 10px;
    list-style-position: inside;
}

.list-style-dot-out {
    list-style: disc;
    padding-left: 10px;
    list-style-position: outside;
}

.list-bullet-style {
    width: 3px;
    height: 3px;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 2.5px;
    display: inline-block;
    margin-bottom: 2px;
}

#planCourseEvents .description {
    color: #0072c6;
    cursor: pointer;
}

.removeLiveDate {
    font-weight: 600;
    color: #0072C6;
    cursor: pointer;
    height: 10px;
    width: 10px;
}

#dbPlanFrom {
    width: 100%;
    height: 100%;
}

#planSections, #instructorSections, #userSections, #labSections {
    height: -webkit-calc(100% - 42px);
    height: -moz-calc(100% - 42px);
    height: calc(100% - 42px);
}

#pc-container, #lab-container {
    width: -webkit-calc(100% - 640px);
    width: -moz-calc(100% - 640px);
    width: calc(100% - 640px);
    overflow-y: auto;
}

#pc-content, #lab-content {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
}

#planCourseObjective, #dbPlanBasic, #planDetailsForm, #planCourseEvents {
    width: -webkit-calc(100% - 20px) !important;
    width: -moz-calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
}

#publishedCourse .pd-container .profile-dd-menu,
#labSummary .pd-container .profile-dd-menu {
    width: 170px;
    bottom: 33px;
    top: inherit;
    right: 0px;
}

    #publishedCourse .pd-container .profile-dd-menu ul li,
    #labSummary .pd-container .profile-dd-menu ul li {
        width: 165px;
        height: 30px;
        line-height: 30px;
        padding-left: 5px;
        cursor: pointer !important;
        border: 0px !important;
        text-align: left !important;
    }

        #publishedCourse .pd-container .profile-dd-menu ul li.primarybutton a,
        #labSummary .pd-container .profile-dd-menu ul li.primarybutton a {
            color: white;
        }

        #publishedCourse .pd-container .profile-dd-menu ul li.headings {
            border-top: 1px solid #A1A1A1 !important;
            cursor: default !important;
        }

        #publishedCourse .pd-container .profile-dd-menu ul li.disabled-option {
            cursor: default !important;
        }

        #publishedCourse .pd-container .profile-dd-menu ul li.headings:hover {
            background-color: #FFF;
        }

        #publishedCourse .pd-container .profile-dd-menu ul li#pcCloneCourse {
            border-top: 1px solid #A1A1A1 !important;
        }

.pd-content {
    height: -webkit-calc(100% - 133px);
    height: -moz-calc(100% - 133px);
    height: calc(100% - 133px);
    background-color: #EEE;
}

.clear-both {
    clear: both;
}

.bookmarks-video-lesson-title {
    padding-bottom: 20px;
    padding-left: 0px;
    height: 20px;
    padding-top: 30px;
    font-size: 18px;
}

#videoBookmark .design-overlay-content {
    padding: 20px;
}

.bookmarks-container-header {
    background-color: #333333;
    padding: 8px;
    padding-left: 2%;
    color: #FFF;
}

.addBookmarksbutton {
    width: 120px !important;
    margin-top: 5px !important;
}

.bookmarks-content {
    margin-left: 3%;
    margin-top: 5px;
}

.bookmark-title-add {
    float: left;
    width: 65%;
}

#addBookmarkForm {
    display: inline-block;
    padding-bottom: 2%;
}

#bookmarksTitle {
    height: 30px;
    width: 385px;
    border: 1px solid #969696;
}

#bookmarkStartTime {
    height: 30px;
    width: 50%;
    border: 1px solid #969696;
    margin-right: 49%;
    text-align: center;
}

.bookmarks-tags-textarea ul {
    width: 300px;
    min-height: 30px;
    margin-left: 0px;
}

.bookmarks-startTime-add {
    margin-left: 8%;
    display: inline-block;
    width: 26%;
}

.bookmarks-container {
    height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .bookmarks-container.table-header {
        height: 25px;
    }

        .bookmarks-container.table-header ul li {
            padding-top: 3px;
            padding-bottom: 3px;
        }

    .bookmarks-container ul li {
        width: 100%;
        border-top: 1px solid rgb(0,114,198);
        padding-top: 1%;
        padding-bottom: 1%;
        font-size: 14px;
        display: inline-block;
        padding-right: 3%;
    }

        .bookmarks-container ul li:hover {
            background-color: rgb(210, 210, 210);
        }

        .bookmarks-container ul li div {
            float: left;
        }

.svgSprite15.bookmarkicon {
    background-position: 0px -195px;
    margin-right: 3%;
    margin-left: 2%;
}

.videobookmark-video-container {
    width: 48%;
    float: left;
}

#addBookMarksContainer {
    width: 50%;
    float: left;
    margin-left: 20px;
}

#addBookmarkForm span.error {
    color: #ba141a;
}

.svgSprite20.tickGreen {
    background-position: 0px -100px;
}

.svgSprite12.arrowBlue {
    background-position: -24px 0px;
}

#confirmNewVersion .overlay-button-container {
    margin-right: 0px;
    margin-left: 1em;
}

    #confirmNewVersion .overlay-button-container .primarybutton {
        margin: 0px 20px 0px 0px;
    }

#dbPlanNewVersion.primarybutton {
    margin-left: 0px;
    margin-right: 0px;
    width: 140px;
}

ul.tagit li.tagit-new {
    width: 98%;
}

#newVersionOptions {
    width: 40px;
}

.height25 {
    height: 25px;
}

.disabledContainer .overlay-container {
    height: 135px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    position: absolute;
    opacity: 0.5;
}

#uploadBonusMaterial .disabledContainer .overlay-container {
    min-width: 500px;
}

#main-body .overlay-container-510 {
    min-width: 510px;
    max-width: 510px;
}

#main-body .overlay-container-550 {
    min-width: 550px;
    max-width: 550px;
}

#localizationImportProgress .overlay-container .loading-animation {
    margin: 70px auto;
}

#main-body .mlx-combobox .ui-autocomplete {
    position: relative;
    width: 100% !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    background-image: none !important;
}

    #main-body .mlx-combobox .ui-autocomplete .ui-state-focus {
        background-image: none;
    }

    #main-body .mlx-combobox .ui-autocomplete .ui-menu-item {
        padding-left: 10px !important;
    }

        #main-body .mlx-combobox .ui-autocomplete .ui-menu-item .ui-corner-all {
            padding: 0px !important;
        }

            #main-body .mlx-combobox .ui-autocomplete .ui-menu-item .ui-corner-all:hover {
                background: none !important;
                background-color: transparent !important;
            }

        #main-body .mlx-combobox .ui-autocomplete .ui-menu-item .ui-corner-all {
            background: none !important;
            background-color: transparent !important;
            border: 0px !important;
        }

.livedate-area .mlx-wrapper {
    width: 50px;
    float: left;
    margin-right: 5px;
    border-color: #CACACA !important;
}

.livedate-area .mlx-dropdown-container {
    position: absolute;
    top: 33px;
    width: 50px !important;
}

    .livedate-area .mlx-dropdown-container:nth-child(2) .mlx-drop-source {
        left: 0px;
    }

    .livedate-area .mlx-dropdown-container:nth-child(5) .mlx-drop-source {
        left: 65px;
    }

    .livedate-area .mlx-dropdown-container:nth-child(8) .mlx-drop-source {
        left: 130px;
    }

.livedate-area .mlx-wrapper .mlx-input {
    border: none;
    width: 25px !important;
}

.course-module .mlx-wrapper {
    width: 120px;
    float: left;
    margin-right: 5px;
    border-color: #CACACA !important;
}

.course-module .mlx-dropdown-container {
    position: absolute;
    top: 33px;
    left: auto;
    right: 7px;
    width: 120px !important;
}

.course-module .mlx-wrapper .mlx-input {
    border: none;
    width: 100px !important;
}

.assessment-header .mlx-wrapper {
    width: 270px;
    float: left;
    border-color: #CACACA !important;
}

.assessment-header .mlx-dropdown-container {
    position: absolute;
    top: 33px;
    left: auto;
    width: 270px !important;
}

.assessment-header .mlx-wrapper .mlx-input {
    border: none;
    width: 250px !important;
}

.assessment-header .passing-perarea .mlx-wrapper,
.assessment-header .passing-perarea .mlx-dropdown-container {
    width: 100px !important;
}

    .assessment-header .passing-perarea .mlx-wrapper .mlx-input {
        width: 80px !important;
    }

.assessment-header .passing-perarea .mlx-wrapper {
    float: left;
}

.assessment-header .passing-perarea {
    margin-left: 255px;
    margin-top: 18px;
}

    .assessment-header .passing-perarea .mlx-dropdown-container {
        right: 3px;
    }

.assessment-header .textout-area {
    margin-top: 18px;
}

    .assessment-header .textout-area input {
        margin-top: 8px;
        width: 20px;
        height: 20px;
    }

.mlx-wrapper.select-disabled input {
    color: #888 !important;
}

.height220 {
    height: 220px;
}

.grayBorder {
    border: 1px solid #969696 !important;
}

.width100-10 {
    width: -webkit-calc(100% - 10px) !important;
    width: -moz-calc(100% - 10px) !important;
    width: calc(100% - 10px) !important;
}

span.error + .description-area-preview + .textLeft {
    display: none;
}

.valid + div + span.error + .description-area-preview + .textLeft {
    display: block;
}

#profilePictureSection {
    right: 144px;
    z-index: 10;
}

.instructor-profile-picture {
    background-position: -1440px -480px;
}

.bio-area .txtRight {
    margin-right: 217px;
}

#additionalMetadataContainer .audience-area {
    margin-bottom: 0px;
}


#addLesson .design-overlay-head {
    padding-bottom: 0px;
    border-bottom: 0px;
}

.bonusMaterialTabs {
    float: left;
    width: 100%;
    height: 110px;
}

    #addLesson .design-overlay-content,
    .bonusMaterialTabs .design-overlay-content {
        padding-bottom: 0px;
        padding: 0px;
    }

    #addLesson .ui-tabs,
    .bonusMaterialTabs.ui-tabs {
        padding: 0px;
        border: 0px;
    }

    #addLesson .ui-widget-header,
    .bonusMaterialTabs .ui-widget-header {
        border: 0px;
        background: #ffffff;
        background-image: none;
        border-bottom: 1px solid #CACACA;
        padding-left: 30px;
        padding-right: 30px;
    }

    #addLesson .ui-tabs .ui-tabs-panel,
    .bonusMaterialTabs.ui-tabs .ui-tabs-panel {
        padding-left: 30px;
        padding-right: 30px;
    }

#addLesson {
    height: calc(100% - 43px);
}

#main-body .ui-widget-content,
#main-body .ui-widget {
    color: #333333;
    font-family: 'Segoe UI';
    font-size: 13px;
    font-weight: 400;
}

#addLesson .ui-widget-content a,
.bonusMaterialTabs.ui-widget-content a {
    color: #0072C6;
}

#addLesson .ui-widget-content .ui-state-active a,
.bonusMaterialTabs.ui-widget-content .ui-state-active a {
    color: #333333;
    font-weight: 700;
}


#addLesson .ui-state-default,
#addLesson .ui-widget-content .ui-state-default,
#addLesson .ui-widget-header .ui-state-default,
.bonusMaterialTabs .ui-state-default,
.bonusMaterialTabs.ui-widget-content .ui-state-default,
.bonusMaterialTabs .ui-widget-header .ui-state-default {
    border: 0px;
    background: none;
    font-weight: normal;
    color: #333333;
}

#addLesson .ui-state-hover, #addLesson .ui-widget-content .ui-state-hover,
#addLesson .ui-widget-header .ui-state-hover, #addLesson .ui-state-focus,
#addLesson .ui-widget-content .ui-state-focus, #addLesson .ui-widget-header .ui-state-focus,
.bonusMaterialTabs .ui-state-hover, .bonusMaterialTabs.ui-widget-content .ui-state-hover,
.bonusMaterialTabs .ui-widget-header .ui-state-hover, .bonusMaterialTabs .ui-state-focus,
.bonusMaterialTabs.ui-widget-content .ui-state-focus, .bonusMaterialTabs .ui-widget-header .ui-state-focus {
    border: 0px;
    background: none;
    font-weight: normal;
    color: #ffffff;
}

    #addLesson .ui-widget-content .ui-state-hover:before,
    #addLesson .ui-widget-content .ui-state-active:before,
    .bonusMaterialTabs.ui-widget-content .ui-state-hover:before,
    .bonusMaterialTabs.ui-widget-content .ui-state-active:before {
        content: "";
        border-left: 8px solid #ffffff;
        border-right: 8px solid #ffffff;
        border-bottom: 8px solid #CACACA;
        position: absolute;
        left: 40%;
        left: -webkit-calc(50% - 8px);
        left: -moz-calc(50% - 8px);
        left: calc(50% - 8px);
        bottom: -1px;
    }


    #addLesson .ui-widget-content .ui-state-hover::after,
    #addLesson .ui-widget-content .ui-state-active::after,
    .bonusMaterialTabs.ui-widget-content .ui-state-hover::after,
    .bonusMaterialTabs.ui-widget-content .ui-state-active::after {
        content: "";
        border-left: 7px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #ffffff;
        position: absolute;
        left: 40%;
        left: -webkit-calc(50% - 8px);
        left: -moz-calc(50% - 8px);
        left: calc(50% - 7px);
        bottom: -3px;
    }

#bonusMaterialForm .link-area {
    width: calc(40%);
    margin-right: 20px;
}

    #bonusMaterialForm .link-area input {
        padding: 5px;
        height: 21px;
    }

#bonusMaterialForm .bonusMaterialTabs.ui-tabs .ui-tabs-panel {
    padding: 5px 30px 5px 30px;
}

#dashboardDesign.dashboard-container {
    height: 100%;
}

    #dashboardDesign.dashboard-container form, #designHome {
        height: 100%;
    }

.dashboard-container .db-design-sub {
    width: 49%;
    height: 100%;
    float: left;
}

    .dashboard-container .db-design-sub:last-child {
        margin-left: 20px;
    }

    .dashboard-container .db-design-sub .db-design-header {
        height: 63px;
    }

    .dashboard-container .db-design-sub .db-design-body {
        margin-top: 16px;
        height: 78%;
        padding-left: 20px;
        overflow: hidden;
    }

    .dashboard-container .db-design-sub .db-design-footer {
        margin-top: 10px;
        height: 33px;
    }

.dashboard-container #courseLayout .db-design-sub .db-design-footer {
    margin-top: 0px;
    position: absolute;
    bottom: 0px;
}


.db-design-assemble-body {
    height: 45px;
}

    .db-design-assemble-body .db-design-assemble-header {
        height: 100%;
        width: 100%;
        border-bottom: 1px solid #CACACA;
    }

        .db-design-assemble-body .db-design-assemble-header .db-design-assemble-header-link {
            vertical-align: middle;
            height: 100%;
            float: right;
            display: table;
        }

.db-design-assemble-header-link .expand {
    margin: 20px;
    vertical-align: middle;
    display: table-cell;
    color: rgb(0, 94, 178);
    cursor: pointer;
}

.package-upload-container {
    height: 33px;
    margin-bottom: 16px;
    margin-top: 16px;
}

.package-upload-input {
    height: 31px;
    width: 75%;
    border: 1px solid #000;
    line-height: 31px;
    padding-left: 5px;
}

.embedlink-upload-input {
    height: 31px;
    width: 75%;
    border: 1px solid #000;
    line-height: 31px;
}

.noborder-input {
    border: none !important;
}

.upload-label {
    padding-top: 10px;
    padding-bottom: 50px;
}

#designHome, #packagePrePublish, #courseLayout, #courseAssembly {
    height: 100%;
}

.overlay-wrapper-small {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    width: 650px;
    min-height: 150px;
    max-height: 600px;
    height: 90.5%;
    height: calc(100% - 80px);
    overflow-y: auto;
    z-index: 300;
    padding: 0;
    background-color: #fff;
    display: block;
}

.overlay-close {
    width: 40px;
    height: 40px;
    z-index: 360;
    position: absolute;
    top: 0;
    right: 0;
}

.fixed-overlay-close {
    width: 50px;
    height: 50px;
}

.close-button-outline {
    float: right;
    width: 50px;
    height: 50px;
    display: inline-block;
}

.position-fixed {
    position: fixed;
}

.close {
    margin: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #333;
    height: 40px;
    width: 40px;
    line-height: 20px;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    display: block;
    text-align: center;
}

.design-overlay-head, .design-overlay-content {
    padding: 15px 30px 15px 30px;
}

.design-overlay-content-scroll {
    max-height: 500px !important;
    min-height: 400px !important;
    overflow-y: auto;
}

.design-overlay-head {
    padding-top: 20px;
    height: 30px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 0px;
    vertical-align: bottom;
    border-bottom: 1px solid #CACACA;
}

#scormProgessBar.ui-progressbar {
    background-color: #CACACA;
    background-image: none;
    width: 40%;
    margin-top: 16px;
}

#scormProgessBar .ui-progressbar-value {
    background-color: #007233;
    background-image: none;
}

#scormProgessBar {
    line-height: 1.5;
}

    #scormProgessBar .subhead {
        color: #FFF;
        position: absolute;
        padding-left: 10px;
        z-index: 10;
        font-weight: 500;
    }

.message-cont {
    margin-top: 10px;
    line-height: 1.5;
}

    .message-cont input {
        width: 24px;
        height: 24px;
    }

.message-img, message-lab {
    float: left;
    margin-right: 10px;
}

    .message-img img {
        width: 40px;
        height: 40px;
    }

.message-lab {
    width: 90%;
}

.assemble-prepublish .db-design-footer .scorm-package-button {
    margin-top: 0px;
    margin-right: 0px;
    float: right;
    margin-left: 5px;
}

.assemble-prepublish .db-design-body #uploadScorm,
.assemble-prepublish .db-design-body #assembleCourse {
    width: 120px;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 10px;
}

.assemble-prepublish .db-design-footer .profile-dd-menu {
    width: 120px;
    bottom: 33px;
    top: inherit;
    right: 0px;
    text-align: left;
}

    .assemble-prepublish .db-design-footer .profile-dd-menu ul li a {
        color: #0072C6;
    }

    .assemble-prepublish .db-design-footer .profile-dd-menu ul li.disabled a {
        cursor: default !important;
        color: #969696;
    }

    .assemble-prepublish .db-design-footer .profile-dd-menu ul li.enabled:hover {
        background-color: #0072C6;
    }

    .assemble-prepublish .db-design-footer .profile-dd-menu ul li.disabled:hover {
        background-color: transparent;
    }

        .assemble-prepublish .db-design-footer .profile-dd-menu ul li.disabled:hover a {
            color: #969696;
        }

    .assemble-prepublish .db-design-footer .profile-dd-menu ul li.enabled:hover a {
        color: #FFF;
    }

    .assemble-prepublish .db-design-footer .profile-dd-menu ul li {
        padding-left: 5px;
    }

        .assemble-prepublish .db-design-footer .profile-dd-menu ul li.disabled {
            cursor: default !important;
        }

.assemble-prepublish .db-design-body.screen-shot {
    background-color: transparent;
}

.db-design-body .view-mode {
    text-align: left;
    height: 48px;
    position: absolute;
    background-color: rgb(51, 51, 51);
    color: #fff;
    margin-left: -20px;
    width: 100%;
    line-height: 48px;
    bottom: 0px;
}

#confirmScormExport {
    margin-top: 0px;
    margin-right: 5px;
}

#packageExport .upload-browse-button {
    float: left;
}

.overlay-container .confirmation-overlay-head {
    height: 30px;
    padding: 30px 30px 30px 0px;
    font-weight: 300;
    font-size: 25px;
    color: #333333;
    text-align: left;
}

.overlay-container.eula-head .confirmation-overlay-head {
    padding: 0px;
}

.overlay-container.eula-head {
    max-width: 500px;
    min-width: 500px;
}

    .overlay-container.eula-head .eula-accept {
        text-align: justify;
    }

#confirmationExportOverlay, #publishConfirmationOverlay {
    z-index: 500;
}

    #confirmationExportOverlay .overlay-container .overlay-button-container {
        margin: 0px;
    }

    #confirmationExportOverlay .primarybutton {
        margin-left: 0px;
    }

    #publishConfirmationOverlay .confirmation-overlay-button, #layoutPublishConfirmationOverlay .confirmation-overlay-button, #letsGetStarted, #letsGetStartedEvents {
        width: 120px;
        margin: 0px;
    }

        #publishConfirmationOverlay .confirmation-overlay-button:first-child {
            margin-right: 10px;
        }

.confirmation-overlay-button {
    float: left;
    width: 80px;
}

.confirmation-overlay-right-button {
    float: right;
    width: 80px;
}

.dashboard-container .course-assemble .db-design-body {
    margin-top: 0px;
    padding-top: 16px;
    border-bottom: 1px solid #CACACA;
    border-left: 1px solid #CACACA;
    border-right: 1px solid #CACACA;
    padding-right: 40px;
}

#courseLayout .course-assemble .db-design-body {
    margin-top: 0px;
    padding-top: 16px;
    border-bottom: 1px solid #CACACA;
    border-left: none !important;
    border-right: none !important;
    padding-right: 40px;
}

.dashboard-container .course-assemble .db-design-header {
    border-top: 1px solid #CACACA;
    border-left: 1px solid #CACACA;
    border-right: 1px solid #CACACA;
    width: -webkit-calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    width: calc(100% - 2px);
}

.dashboard-container #courseLayout .course-assemble .db-design-body {
    height: 86%;
    padding-left: 20px;
    padding-top: 35px;
    padding-right: 20px;
    overflow-y: auto;
}

.course-layout .course-module .header-icon {
    color: #0072C6;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #0072C6;
    margin-top: 5.5px;
    cursor: pointer;
}

.course-layout .course-module .content-header .header-icon {
    border: 0px;
}

.course-layout .course-module .module-header, #publishedCourse #pc-container .module-header,
#labSummary #lab-container .module-header {
    min-height: 35px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100%;
}

#publishedCourse #pc-container .module-header,
#labSummary #lab-container .module-header {
    background-color: #D2D2D2;
}

.course-layout .course-module .module-header {
    border-bottom: 1px solid #CACACA;
}

.course-layout .course-module .content-header,
.course-layout .course-module .content-buttons {
    min-height: 35px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid #CACACA;
    width: 100%;
}

.course-layout .course-module .content-header,
.course-layout .course-module .content-buttons {
    padding-left: 40px;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
}

.header-title {
    width: 50%;
    display: table;
    height: 35px;
}

    .header-title span {
        line-height: 1.25;
        display: table-cell;
        vertical-align: middle;
    }

.content-header .header-title {
    width: 60%;
}

.course-layout .course-module .scorm-package-button {
    margin: 1px 0px 0px 0px;
    width: 20%;
    min-width: 100px;
}

    .course-layout .course-module .scorm-package-button.small-button {
        min-width: 40px;
        width: 40px;
    }

.buttons-separator {
    width: 50px;
    text-align: center;
}

    .buttons-separator span {
        line-height: 35px;
        text-align: center;
    }

#iframeWrapper {
    height: 0px;
    width: 0px;
}

#moduleFlyoutMoreOptions.profile-dd-menu, #lessonFlyoutMoreOptions.profile-dd-menu,
#videoLessonFlyoutMoreOptions.profile-dd-menu, #documentLessonFlyoutMoreOptions.profile-dd-menu,
#courseFlyoutMoreOptions.profile-dd-menu {
    width: 120px;
    bottom: 33px;
    top: 35px;
    right: 0px;
    text-align: left;
    left: -80px;
    height: 76px;
}

#courseExamFlyoutMoreOptions.profile-dd-menu,
#examFlyoutMoreOptions.profile-dd-menu,
#assessmentFlyoutMoreOptions.profile-dd-menu {
    width: 160px;
    top: 35px;
    right: 0px;
}

#assessmentFlyoutMoreOptions.profile-dd-menu {
    width: 180px;
}

    #courseExamFlyoutMoreOptions.profile-dd-menu ul li,
    #examFlyoutMoreOptions.profile-dd-menu ul li,
    #assessmentFlyoutMoreOptions.profile-dd-menu ul li {
        height: 30px;
        line-height: 30px;
        padding-left: 5px;
        cursor: pointer !important;
        border: 0px !important;
        text-align: left !important;
    }


#documentLessonFlyoutMoreOptions.profile-dd-menu, #courseFlyoutMoreOptions.profile-dd-menu {
    height: 110px;
    width: 120px;
}


#layoutFlyoutMoreOptions.profile-dd-menu {
    height: 36px;
}


#videoLessonFlyoutMoreOptions.profile-dd-menu {
    height: 144px;
    width: 120px;
}

#courseFlyoutMoreOptions.profile-dd-menu {
    width: 160px;
    left: auto;
}

#layoutFlyoutMorePreviewOptions.profile-dd-menu,
#layoutFlyoutMorePreviewOptionsScorm.profile-dd-menu {
    height: auto;
}

.overlay-wrapper-large {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    width: 90%;
    width: calc(100% - 66px);
    min-height: 150px;
    max-height: 700px;
    height: 90.5%;
    height: calc(100% - 80px);
    overflow-x: hidden;
    z-index: 300;
    padding: 0;
    background-color: #fff;
    display: block;
    min-width: 1300px;
    max-width: 1300px;
}


/*Add lesson*/
.tile-container {
    float: left;
    padding: 4px;
    background-color: #FFF;
}

    .tile-container:hover {
        padding: 2px;
        border: 2px solid #737373;
    }

#addLesson span.error, td.error,
.bonusMaterialTabs span.error {
    color: #ba141a;
}

.lessonContentTile, .lessonSelectedContentTile {
    height: 90px;
    width: 90px;
    background-color: #737373;
    padding: 5px;
    color: #FFF;
    font-weight: 600;
    cursor: pointer;
}

.lessonSelectedContentTile {
    background-color: rgb(0, 114, 198);
}

.add-lesson-panelL {
    float: left;
    width: 52%;
}

.add-lesson-panelR {
    float: right;
    min-height: 300px;
    width: 40%;
    padding: 20px;
}

.video-panel {
    border: 1px solid #EAEAEA;
}

.text-panel {
    padding: 0px;
}

.content-slider-text {
    margin-right: 10%;
    padding-left: 10px;
    display: inline-block;
}

.add-lesson-panelR .content-slider-container {
    width: 50px;
    height: 15px;
    background-image: none;
    z-index: 6;
}

    .add-lesson-panelR .content-slider-container.ui-slider-horizontal .ui-slider-range,
    .add-lesson-panelR .content-slider-container.ui-slider-horizontal .container-back {
        top: 0px;
        height: 100%;
        background-color: #0072C6;
        background-image: none;
        border: 1px solid #FFF;
        height: 13px;
    }

    .add-lesson-panelR .content-slider-container.ui-slider-horizontal .container-back {
        width: 48px;
        background-color: #CACACA;
        border: 1px solid #FFF;
    }

    .add-lesson-panelR .content-slider-container.ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 10px;
        height: 15px;
        cursor: default;
        top: 0px;
        margin-left: 0px;
        margin-right: 10px;
        margin-top: -1px;
        background-color: #000;
        background-image: none;
        border: 1px solid #000;
    }

    .add-lesson-panelR .content-slider-container .ui-widget-header {
        background: blue;
    }

.svgSprite40.video-tile {
    background-position: -280px -240px;
    margin-right: 3px;
}

.svgSprite40.document-tile {
    background-position: -280px -360px;
}

.svgSprite40.demo-tile {
    background-position: -280px -400px;
}

.svgSprite40.link-tile {
    background-position: -120px -440px;
}

.svgSprite40.lab-tile {
    background-position: -280px -440px;
}

.svgSprite40.simulation-tile {
    background-position: -280px -320px;
}

.svgSprite40.html-tile {
    background-position: -240px -760px;
}

.svgSprite25.tickTile {
    background-position: -25px -125px;
}

.svgSprite40.information {
    background-position: 0px -280px;
}

.svgSprite20.information {
    background-position: -80px -260px;
}

.svgSprite15.redStar {
    background-position: -45px -90px;
}

#lessonContentClosedCaptionsUpload {
    width: 10px;
}

.add-lesson-panelL input[type='text'] {
    width: 90%;
    height: 29px;
    border: 1px solid #969696;
}

.add-lesson-panelR .overlayEditor {
    height: 250px;
    width: 600px;
}

.videoLesson.ui-progressbar {
    background-color: #CACACA;
    background-image: none;
    width: 40%;
    margin-top: 16px;
}

.videoLesson .ui-progressbar-value {
    background-color: #007233;
    background-image: none;
}

.videoLesson {
    line-height: 1.5;
}

    .videoLesson .subhead {
        color: #FFF;
        position: absolute;
        padding-left: 10px;
        z-index: 10;
        font-weight: 500;
    }

#progressBar-small {
    line-height: 1.5;
}

    #progressBar-small.ui-progressbar {
        background-color: #CACACA;
        background-image: none;
        width: 20%;
        margin: 1px 0px 0px 0px;
    }

    #progressBar-small .ui-progressbar-value {
        background-color: #007233;
        background-image: none;
    }

    #progressBar-small .subhead {
        color: #FFF;
        position: absolute;
        padding-left: 10px;
        z-index: 10;
        font-weight: 500;
    }

#lessonVideoProgress .tertiarybutton, #lessonVideoProgress .primarybutton, #arrangeCourseContent .tertiarybutton, #arrangeCourseContent .primarybutton {
    width: 80px;
}

.overlay-wrapper-large .primarybutton,
.overlay-wrapper-large .tertiarybutton {
    width: 80px;
    margin: 0px;
}

.overlay-wrapper-large .tertiarybutton {
    margin-left: 20px;
}

#lessonContentClosedCaptionsUpload {
    width: 10px;
}

.add-lesson-panelL input[type='text'] {
    width: 90%;
    height: 29px;
    border: 1px solid #969696;
}

.clickAddmoduleToBegin {
    text-align: center;
    position: relative;
    vertical-align: middle;
    margin-top: 150px;
}

/* Assessment CSS start*/
.questionDiv.design-overlay-content {
    width: 95%;
}

#addAssessmentContainer input[type='text'] {
    height: 29px;
}

#addAssessmentContainer .choices {
    width: 22px;
    height: 22px;
    margin-left: 20px;
}

#addAssessmentContainer #assessmentRandomizeOrder {
    margin-top: 3px;
    padding: 0px;
    margin-left: 0px;
}

#addAssessmentContainer .answerset .choices {
    margin-top: 3px;
}

#addAssessmentContainer .answerset input[type="text"] {
    padding: 0px;
    padding-left: 5px;
}

#addAssessmentContainer .answerset .explanationText {
    border: 0px;
    border-right: 1px solid #CACACA;
    border-top: 1px solid #CACACA;
}

#addAssessmentContainer .answerset .tfExplanation {
    border-left: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
}

#addAssessmentContainer .answerset:first-child .tfExplanation {
    border-bottom: 0px;
}

#addAssessmentContainer .answerset .answerText {
    border-bottom: 0px;
    border-left: 1px solid #CACACA;
    border-right: 1px solid #CACACA;
    border-top: 1px solid #CACACA;
}

#addAssessmentContainer .answerset:last-child .explanationText,
#addAssessmentContainer .answerset:last-child .answerText {
    border-bottom: 1px solid #CACACA;
}

#addAssessmentContainer select {
    height: 33px;
    width: 120px;
}

#assessmentAttemtsLimit, #assessmentShowOnly {
    width: 50px;
}

#assessmentTitle, .questionDiv input, questionText spam.error {
    width: 500px;
}

.removeAnswer {
    font-weight: 600;
    color: #0072C6;
    cursor: pointer;
    height: 15px;
    width: 15px;
}

.borderT {
    border-top: 1px solid #CACACA;
}

.opt-area {
    width: 60px;
}

.ans-index-area {
    width: 20px;
}

.ans-index {
    width: 20px;
    line-height: 31px;
}

.ans-tf-area {
    width: 60px;
}

.ans-text-area {
    width: 650px;
}

.option-set-header .ans-text-area {
    padding-left: 5px;
}

.quest-text-area {
    width: 650px;
}

.svgSprite25.course-module-collapsed {
    background-position: 0px -25px;
    border: none !important;
}

    .svgSprite25.course-module-collapsed:hover {
        background-position: -50px -25px;
    }

.svgSprite25.course-module-expanded {
    background-position: -75px -25px;
    border: none !important;
}

    .svgSprite25.course-module-expanded:hover {
        background-position: -125px -25px;
    }

.svgSprite20.courselayout-lesson-video {
    background-position: -40px -300px;
}

.svgSprite20.courselayout-lesson-embed {
    background-position: -40px -220px !important;
    border-radius: 0px;
}

.svgSprite20.courselayout-lesson-lab {
    background-position: -120px -140px !important;
    border-radius: 0px;
}

.svgSprite20.courselayout-lesson-text {
    background-position: -40px -140px;
    border-radius: 0px;
}

.svgSprite20.courselayout-lesson-none {
    background-position: -400px 0px;
    border-radius: 0px;
}

.svgSprite20.courselayout-simulation {
    background-position: -120px -160px;
}

.svgSprite20.courselayout-demo {
    background-position: -120px -200px;
}

.svgSprite20.courselayout-html {
    background-position: -100px -380px;
    border-radius: 0px;
}

.svgSprite20.courselayout-lesson-document {
    background-position: -120px -180px;
    border-radius: 0px;
}


.svgSprite20.courselayout-assessment {
    background-position: 0px -320px;
    border-radius: 0px;
}

.svgSprite20.courselayout-exam {
    background-position: 0px -380px;
    border-radius: 0px;
}

.svgSprite25.courselayout-exam {
    background-position: 0px -475px;
    border-radius: 0px;
}

#lessonVideoProgress .tertiarybutton {
    margin-top: 16px;
}

#lessonVideoProgress .message-lab {
    padding-top: 10px;
    padding-left: 50px;
}

    #lessonVideoProgress .message-lab label {
        display: block;
    }


#lessonVideoProgress .primarybutton {
    margin-top: 50px;
    margin-left: 0px;
}

#confirmationVideoUpload {
    z-index: 500;
}

.content-header-elements {
    padding-left: 60px;
    max-height: 29px;
    padding-top: 10px;
    display: table;
    width: 100%;
    border-bottom: 1px solid #CACACA;
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
}

    .content-header-elements li {
        margin-bottom: 10px;
    }

    .content-header-elements div {
        height: 28px;
    }

.content-container {
    height: calc(100% - 48px);
    margin-left: -20px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-repeat: no-repeat;
}

.questions-container .answerText, .questions-container .explanationText {
    width: 99%;
    width: -webkit-calc(100% - 7px);
    width: -moz-calc(100% - 7px);
    width: calc(100% - 7px);
}

.questions-container {
    overflow-y: auto;
    height: 99%;
    height: -webkit-calc(100% - 5px);
    height: -moz-calc(100% - 5px);
    height: calc(100% - 5px);
    margin-top: 5px;
}

.option-set .tertiarybutton {
    width: 150px;
}

.option-set .buttonrow {
    width: 174px;
}

#addEditAssessmentForm span.error {
    color: #ba141a;
}

#addEditAssessmentForm input[type="text"] {
    border: 1px solid #CACACA;
}

#addEditAssessmentForm .design-overlay-content {
    height: -webkit-calc(100% - 160px);
    height: -moz-calc(100% - 160px);
    height: calc(100% - 160px);
}

#addEditAssessmentForm #assessmentContainer {
    height: -webkit-calc(100% - 90px);
    height: -moz-calc(100% - 90px);
    height: calc(100% - 90px);
}

    #addEditAssessmentForm #assessmentContainer.assessment {
        height: -webkit-calc(100% - 155px);
        height: -moz-calc(100% - 155px);
        height: calc(100% - 155px);
    }

.assessment-title span.error {
    max-width: 400px;
    display: block;
    position: absolute;
}

.videobookmark-container {
    min-height: 400px;
    height: 400px;
}

.videobookmark-video-container {
    height: 100%;
}

#videoPreview {
    width: 100%;
    height: 100%;
}

#addEditModule .dbobjective-row input {
    border: none;
}

    #addEditModule .dbobjective-row input[type='checkbox'] {
        height: 13px;
        width: 13px;
    }

#addEditModule .dbtitle-row .txtRight {
    margin-right: 5%;
}

#addEditModule .description-area textarea {
    height: 250px;
}

#addEditModule .show {
    line-height: 20px;
}

#addEditModule span.error, #bonusMaterialForm span.error {
    color: #ba141a;
    font-size: 13px;
    font-family: 'Segoe UI';
    font-weight: 400;
    display: inline-block;
}

#addEditModule .description-area span.error {
    bottom: inherit;
}

.svgSprite25.show-more {
    background-position: 0px -100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    margin: auto;
}

.enabled .svgSprite25.show-more:hover {
    background-position: -50px -100px;
}

.svgSprite25.show-more-white, .svgSprite25.show-more-white:hover {
    background-position: -25px -100px !important;
}

.svgSprite25.show-more-blue, .svgSprite25.show-more-blue:hover {
    background-position: -50px -100px !important;
}

.randomize-order {
    width: 100px;
    margin-top: 7.5px;
    position: absolute;
}

.true-false {
    line-height: 31px;
}

.processing {
    border-radius: 50%;
    border: 1px solid #0072C6;
    height: 20px !important;
    width: 20px;
    text-align: center;
    color: #0072c6;
    display: inline-block;
    vertical-align: baseline;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    right: 10px;
}

#dbDesignForm span.error {
    color: #ba141a;
}

#scormProcessing .overlay-button-container {
    margin-top: 0px;
}

#assemblyProcessing .overlay-button-container {
    margin-top: 0px;
}

#rearrangeProcessing .overlay-button-container {
    margin-top: 0px;
}

#whatIsSco {
    line-height: 15px;
    height: 60px;
}

.assessment-header span.error {
    position: absolute;
}

#courseAssemblyErrorsList {
    display: none;
}

    #courseAssemblyErrorsList .design-overlay-content {
        max-height: 400px;
        overflow-y: auto;
        padding-left: 30px;
        padding-right: 30px;
    }

    #courseAssemblyErrorsList .overlay-button-container {
        margin: 0px 0px 10px 0px;
    }

    #courseAssemblyErrorsList .error-details .errorInfo {
        left: 30px;
    }

    #courseAssemblyErrorsList .error-details .error-info {
        left: 55px;
        line-height: 75px;
    }

    #courseAssemblyErrorsList .overlay-button-container .enabled {
        margin: 0px 0px 0px 30px;
        width: 80px;
    }

    #courseAssemblyErrorsList .overlay-button-container .primarybutton {
        width: 120px;
        margin-left: 10px;
    }

    #courseAssemblyErrorsList .error-details:hover span {
        text-decoration: none;
    }

#lessonContentClosedCaptionsUploadInput {
    width: 60%;
}

#lessonVideoProgress .ui-progressbar {
    height: 31px;
    line-height: 31px;
}

#courseLayout .big-button {
    width: 160px !important;
}

.savingProgress div {
    margin: 10px;
    width: 60px;
    float: left;
}

.saving-animation {
    background: url('//lexauthoring.microsoft.com/Content/images/progressIndicatorBlue40x40.gif') no-repeat;
    width: 40px !important;
    height: 40px;
    margin: 0px auto !important;
}

.error-message ol {
    list-style: disc;
    margin-left: 20px;
}

#body-main-section .enabled-option {
    cursor: pointer !important;
}

#body-main-section .disabled-option {
    cursor: default !important;
}

#body-main-section .enabled-option:hover {
    background-color: #0072C6;
}

#body-main-section .disabled-option:hover {
    background-color: transparent;
    cursor: default !important;
}

#body-main-section .enabled-option:hover > a {
    color: #FFF;
}

#body-main-section .disabled-option > a {
    cursor: default !important;
    color: #969696;
}

#body-main-section .disabled-option:hover > a {
    font-weight: 400 !important;
    cursor: default !important;
}

#body-main-section li.headings > a,
#body-main-section li.headings:hover > a {
    color: #3E3E3E !important;
    font-weight: 400 !important;
    cursor: default !important;
}

#body-main-section li.headings.disabled-option > a,
#body-main-section li.headings.disabled-option:hover > a {
    color: #969696 !important;
    font-weight: 400 !important;
    cursor: default !important;
}

.svgSprite18.courselayout-moveup {
    background-position: -162px -270px;
    border-radius: 0px;
    cursor: pointer;
}

.svgSprite18.courselayout-movedown {
    background-position: -162px -306px;
    border-radius: 0px;
    cursor: pointer;
}

.svgSprite18.courselayout-moveup:hover {
    background-position: -162px -342px;
    border-radius: 0px;
    cursor: pointer;
}

.svgSprite18.courselayout-movedown:hover {
    background-position: -162px -360px;
    border-radius: 0px;
    cursor: pointer;
}

.svgSprite10.courselayout-star {
    background-position: -50px -60px;
    border-radius: 0px;
}

.svgSprite10.courselayout-star {
    background-position: -50px -60px;
    border-radius: 0px;
}

.courselayout-moveupdown {
    width: 20px;
}

.content-header .ui-progressbar {
    height: 31px;
}

.bonusMaterialsDelete {
    background-position: -45px -60px;
}

.bonusMaterialsStatus {
    min-height: 1px;
}

#listBonusMaterials,
#readonlyListBonusMaterials {
    width: -webkit-calc(100% + 20px);
    width: -moz-calc(100% + 20px);
    width: calc(100% + 20px);
}

#listBonusMaterials {
    height: -webkit-calc(100% - 120px);
    height: -moz-calc(100% - 120px);
    height: calc(100% - 120px);
}

#readonlyListBonusMaterials {
    max-height: 330px;
}

.operations-tooltip {
    top: -44px;
    line-height: 1.5;
    display: none;
    background-color: #FFF;
    padding: 8px;
    z-index: 9999;
    -webkit-box-shadow: 0 0 5px #969696;
    box-shadow: 0 0 5px #969696;
    border-width: 2px;
    border: 2px solid rgb(115, 115, 115);
}

body .operations-tooltip .ui-tooltip ul {
    padding-left: 15px;
}

    body .operations-tooltip .ui-tooltip ul li {
        list-style: disc;
        list-style-position: outside;
    }

.errorInfo .operations-tooltip {
    top: -66px;
}

.svgSprite20.information:hover .operations-tooltip,
.svgSprite20.errorInfo:hover .operations-tooltip,
.errorHelp:hover .operations-tooltip {
    display: block;
}

.errorHelp {
    background-position: 0px -120px;
}

    .errorHelp .operations-tooltip {
        z-index: 361;
        top: 0px;
        left: 0px;
    }


.clear-right {
    clear: right;
}

.compliance-attention {
    width: 45%;
    height: 10%;
}

.lab-search-info {
    float: left;
    margin-top: -4px;
    margin-right: 5px;
}

.textout-area .help-icon {
    top: 10px;
    right: 35px;
}

.limit-area .help-icon {
    top: 30px;
    right: 70px;
}

.showOnly-area .help-icon {
    top: 30px;
    right: -10px;
}

#dashboardPublish.dashboard-container {
    height: 100%;
}

#publish-banner {
    margin: 0 auto;
    width: 900px;
    margin-top: 5px;
}

#publish-details {
    margin: 0 auto;
    width: 800px;
}

.banner-wrapper {
    position: relative;
    width: 840px;
}

.publish-details-container {
    height: 90%;
    margin-top: 20px !important;
}

    .publish-details-container .details {
        height: 21%;
        margin-bottom: 20px;
    }

    .publish-details-container .publish-details {
        width: 75%;
        margin-left: 20px;
    }

.publish-img {
    height: 98px;
    width: 175px;
    border: 1px solid #969696;
}

    .publish-img img {
        height: 98px;
        width: 175px;
    }

.banner-front {
    background-color: #9B4F97;
    height: 50px;
    width: 900px;
    position: relative;
    left: 0px;
    z-index: 2;
    line-height: 50px;
    text-align: center;
    box-shadow: 0px 0px 6px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 6px rgba(255,255,255,1);
    -khtml-box-shadow: 0px 0px 6px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 0px 6px rgba(255,255,255,1);
    -o-box-shadow: 0px 0px 6px rgba(255,255,255,1);
}

.banner-wrapper .banner-front .headline, .banner-wrapper .banner-front {
    color: #FFF;
}

.banner-edge-topleft,
.banner-edge-topright,
.banner-edge-bottomleft,
.banner-edge-bottomright {
    position: absolute;
    z-index: 1;
    border-style: solid;
    height: 0px;
    width: 0px;
}

.banner-edge-topleft,
.banner-edge-topright {
}

.banner-edge-bottomleft,
.banner-edge-bottomright {
    top: 50px;
}

.banner-edge-topleft,
.banner-edge-bottomleft {
    border-color: transparent #FFFFFF transparent transparent;
}

.banner-edge-topleft {
    top: -5px;
    border-width: 5px 20px 0 0;
}

.banner-edge-bottomleft {
    border-width: 0 20px 0px 0;
}

.banner-edge-topright,
.banner-edge-bottomright {
    left: 880px;
    border-color: transparent transparent transparent #FFFFFF;
}

.banner-edge-topright {
    top: -5px;
    border-width: 5px 0 0 20px;
}

.banner-edge-bottomright {
    border-width: 0 0 0px 20px;
}

.banner-back-left {
    position: absolute;
    top: -5px;
    left: -80px;
    width: 100px;
    height: 50px;
    background-color: #9B4F97;
    z-index: 0;
}

.banner-back-right {
    position: absolute;
    top: -5px;
    right: -140px;
    width: 100px;
    height: 50px;
    background-color: #9B4F97;
    z-index: 0;
}

    .banner-back-right:after {
        content: "";
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 30px solid rgb(155, 79, 151);
        position: absolute;
        right: -30px;
        top: 0px;
        z-index: 100;
    }

    .banner-back-right:before {
        content: "";
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: 30px solid rgb(155, 79, 151);
        position: absolute;
        left: 70px;
        bottom: 0px;
    }

.banner-back-left:after {
    content: "";
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid rgb(155, 79, 151);
    position: absolute;
    right: 71px;
    top: 0px;
    z-index: 100;
}

.banner-back-left:before {
    content: "";
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid rgb(155, 79, 151);
    position: absolute;
    left: -31px;
    bottom: 0px;
}

#dashboardPublish.dashboard-container .db-design-footer {
    height: 33px;
}

#dashboardPublish .db-design-footer .scorm-package-button {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 5px;
}
#dashboardPublish .db-design-footer .profile-dd-menu {
    width: 120px;
    bottom: 33px;
    top: inherit;
    right: 0px;
    text-align: left;
}

    #dashboardPublish .db-design-footer .profile-dd-menu ul li a {
        color: #0072C6;
    }

    #dashboardPublish .db-design-footer .profile-dd-menu ul li:hover a {
        color: #FFF;
    }

    #dashboardPublish .db-design-footer .profile-dd-menu ul li {
        padding-left: 5px;
    }
.share-it {
    width: 80%;
}
#dashboardPublish .db-design-footer .big-button {
    margin-left: 0px;
    width: 75%;
}
.mlx-wrapper {
    display: block;
    height: 31px;
    border: 1px solid #969696;
    background: white;
    width: 100%;
}

.mlx-input::-ms-clear {
    display: none;
}

.mlx-input {
    width: 90% !important;
    border: none;
    height: 31px;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-top: 0px;
    margin-top: 0px;
}


.mlx-dropdown-container {
    height: 100%;
    position: relative;
}

.mlx-dropdown {
    width: 100%;
    background-color: #FFF;
}

    .mlx-dropdown ul {
        list-style-type: none;
        padding-left: 0px;
        margin: 0px;
    }

#main-body .mlx-dropdown ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px !important;
    display: table;
    width: 100%;
}

#main-body .mlx-dropdown#autoCompleteCoursesWrapper ul li {
    padding-top: 0px;
    padding-bottom: 0px;
}

#main-body .mlx-dropdown ul li:hover,
#main-body .mlx-dropdown ul li.selected:hover {
    background-color: #00188F;
    background-image: none;
    color: #FFF;
}

#main-body .mlx-dropdown.ui-widget ul li:hover a,
#main-body .mlx-dropdown.ui-widget ul li.selected:hover a,
#main-body .mlx-dropdown.ui-widget ul li.selected a,
#main-body .mlx-dropdown.ui-widget ul li a.ui-state-focus,
#main-body .mlx-dropdown.ui-widget ul li:hover a.ui-state-focus,
#main-body .mlx-dropdown.ui-widget ul li.selected:hover a.ui-state-focus,
#main-body .mlx-dropdown.ui-widget ul li:hover a .link,
#main-body .mlx-dropdown.ui-widget ul li.selected a .link,
#main-body .mlx-dropdown.ui-widget ul li.selected:hover a .link,
#main-body .mlx-dropdown.ui-widget ul li a.ui-state-focus,
#main-body .mlx-dropdown.ui-widget ul li a.ui-state-focus .link {
    background-image: none;
    color: #FFF !important;
}

#main-body .mlx-dropdown ul li.selected {
    background-color: #0072C6;
    color: #FFF;
}

#main-body .mlx-dropdown.ui-widget ul li.selected,
#main-body .mlx-dropdown.ui-widget ul li a.ui-state-focus {
    background-color: #0072C6;
    color: #FFF;
}

#main-body .mlx-dropdown ul li.hovered {
    background-color: #00188F;
    color: #FFF;
}

#main-body .mlx-dropdown ul li input {
    vertical-align: middle;
    cursor: pointer;
    float: left;
    padding-left: 5px;
}

.mlx-dropdown ul li label {
    width: 100%;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    display: table-cell;
}

    .mlx-dropdown ul li label:first-child {
        padding-left: 5px;
    }

.mlx-drop-target ul li label:first-child, .mlx-drop-target .edit-label {
    width: 5px;
}

.edit-label {
    word-break: normal !important;
}

.mlx-drop-target ul li label {
    vertical-align: middle;
}

.mlx-drop-source {
    z-index: 101;
    border: 1px solid #C6C6C6;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .mlx-drop-source input {
        height: inherit;
        padding-left: 0px;
    }

    .mlx-drop-source ul li label {
        vertical-align: middle;
        line-height: 10pt;
    }

.course-area .mlx-dropdown.mlx-drop-source {
    position: absolute;
    width: 100%;
}

li.inactive-item label:nth-child(2){
    color: #ba141a;
    text-decoration: line-through;
}

.mlx-dropdown-close-icon {
    color: #0072c6;
    cursor: pointer;
    font-weight: 600;
}


.mlx-drop-target {
    z-index: 100;
}

#main-body .mlx-drop-target ul li:hover {
    background-color: transparent;
    color: inherit;
}

.dropdown-icon, .text-dropdown {
    width: 18px;
    height: 31px;
    display: block;
    background: url('../images/arrow_down.png') 4px 12px no-repeat;
    float: right;
    margin-left: -10px;
}

.text-dropdown {
    background: url('../images/arrow_down.png') 4px 4px no-repeat;
}

.mlx-wrapper.select-enabled:hover span, .mlx-wrapper.select-enabled span:hover {
    background-color: #DADADA;
}

.mlx-list-wrapper .addbutton-icon {
    width: 30px;
    height: 35px;
    display: inline-block;
    background: url('../images/Expand-icon_devUI.png') top 12px right 4px no-repeat;
    vertical-align: middle;
    margin-top: -5px;
}

.mlx-list-wrapper {
    display: table;
    height: 31px;
    width: 100%;
}

    .mlx-list-wrapper .mlx-list-input {
        width: 90%;
        float: left;
        border: none;
        height: 32px;
        border: 1px solid #969696;
    }
#confirmLocalization .mlx-dropdown.mlx-drop-source {
    width: 150px;
    position: fixed;
}
.mlx-pagination-wrapper {
    padding-right: 10px;
    float: right;
}

.page-link-button {
    padding: 8px;
    color: #0072C6;
    font-size: 14px;
}

    .page-link-button:hover {
        text-decoration: none;
    }

.page-link {
    padding: 8px;
    color: #0072C6;
    font-size: 14px;
}

    .page-link:hover {
        text-decoration: none;
    }

.page-span {
    padding: 8px;
    font-size: 16px;
}

.page-span-link {
    padding: 8px;
    color: #0072C6;
    font-size: 14px;
}

.state-disabled {
    color: #A0A0A0;
    cursor: default;
}

.active-page {
    color: #333333;
    cursor: default;
}