/* Minification failed. Returning unminified contents.
(4,16): run-time error CSS1030: Expected identifier, found '.'
(4,29): run-time error CSS1031: Expected selector, found ')'
(4,29): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/****************************************
    A-G CMP CSS
*****************************************/
body:has(footer.fixed-bottom) {
    padding-bottom: 48px;
}

/* Prevents flickering while the app is loaded*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

.pad-20 {
    padding: 20px;
}

.pad-15 {
    padding: 15px;
}

.pad-10 {
    padding: 10px;
}

.pad-5 {
    padding: 5px;
}

.pad-left-0 {
    padding-left: 0px;
}

.pad-left-5 {
    padding-left: 5px;
}

.pad-left-10 {
    padding-left: 10px;
}

.pad-left-25 {
    padding-left: 25px;
}

.pad-left-30 {
    padding-left: 30px;
}

.pad-right-5 {
    padding-right: 5px;
}

.pad-top-5 {
    padding-top: 5px;
}

.pad-top-15 {
    padding-top: 15px;
}

.pad-bottom-5 {
    padding-bottom: 5px;
}

.pad-bottom-10 {
    padding-bottom: 10px;
}

.pad-bottom-20 {
    padding-bottom: 20px;
}

.margin-left-30 {
    margin-left: 30px;
}

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

.margin-top-15 {
    margin-top: 15px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-0 {
    margin-bottom: 0
}

.width-100 {
    width: 100%;
}

.min-height-4 {
    min-height: 4rem;
}

.ta-editor {
    min-height: 300px;
    height: auto;
    overflow: auto;
    font-family: inherit;
    font-size: 100%;
    margin: 1px 0 20px 0;
}

/* Navigation: start */
.navbar-nav li.new {
    background-color: #fff;
}

.navbar-nav li.new a {
    color: #1295D8;
}

/* Navigation: end */

/****************************************
    Header
*****************************************/
header .course-list {
    display: inline-block;
    font-family: "KievitProBook";
}

header .course-list:hover .right-triangle {
    border-left-color: #009DDC !important;
}

header .course-list a {
    background: #fff;
    display: inline-block;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0.4em 0.6em;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

header .course-list a {
    color: #fff;
    background-color: #009DDC;
    text-decoration: none;
}

header .course-list a:focus {
    text-decoration: none;
}

header .course-list .right-triangle {
    border-color: transparent;
    border-left: 9px solid #009DDC;
    border-style: solid;
    border-width: 17px 0 15px 9px;
    display: inline-block;
    float: left;
    height: 0;
    -moz-transition-property: border-color;
    -o-transition-property: border-color;
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    width: 1em;
}

.review-edit-details {}

.review-edit-details .section-header a {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.review-edit-details .well {
    border: none;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.review-edit-details .alert-warning {
    border: none;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.font-color-blue {
    color: #1295D8;
}

.feedback {}

header .select-account {
    border-width: 0px;
    padding: 4px;
    margin-bottom: 5px;
    background-color: rgba(255, 255, 255, 0);
    text-align-last: right;
}

/**************************************
* Select2
**************************************/
.select2-select {
    /* so intellisense doesn't complain */
}

.select2-container {
    padding: 0px;
    border-width: 0px;
}

.select2-container .select2-choice {
    height: 34px;
    line-height: 34px;
}

/**************************************
* Misc
**************************************/
.nowrap {
    white-space: nowrap;
}

.display-block {
    display: block;
}

.auto-width-table {
    min-width: 50%;
    width: auto;
}

.width-auto,
.width-auto .select2-container {
    width: auto;
}

.width-50,
.width-50 .select2-container {
    width: 60px;
}

.width-60,
.width-60 .select2-container {
    width: 60px;
}

.width-70,
.width-70 .select2-container {
    width: 70px;
}

.width-80,
.width-80 .select2-container {
    width: 80px;
}

.width-90,
.width-90 .select2-container {
    width: 90px;
}

.width-100,
.width-100 .select2-container {
    width: 100px;
}

.width-110,
.width-110 .select2-container {
    width: 110px;
}

.width-120,
.width-120 .select2-container {
    width: 120px;
}

.width-140,
.width-140 .select2-container {
    width: 140px;
}

.width-160,
.width-160 .select2-container {
    width: 160px;
}

.width-180,
.width-180 .select2-container {
    width: 180px;
}

.width-200,
.width-200 .select2-container {
    width: 200px;
}

.width-220,
.width-220 .select2-container {
    width: 220px;
}

.width-240,
.width-240 .select2-container {
    width: 240px;
}

.width-260,
.width-260 .select2-container {
    width: 260px;
}

.width-280,
.width-280 .select2-container {
    width: 280px;
}

.width-300,
.width-300 .select2-container {
    width: 300px;
}

.width-320,
.width-320 .select2-container {
    width: 320px;
}

.width-340,
.width-340 .select2-container {
    width: 340px;
}

.width-360,
.width-360 .select2-container {
    width: 360px;
}

.width-380,
.width-380 .select2-container {
    width: 380px;
}

.width-400,
.width-400 .select2-container {
    width: 400px;
}

.width-420,
.width-420 .select2-container {
    width: 420px;
}

.width-440,
.width-440 .select2-container {
    width: 440px;
}

.width-460,
.width-460 .select2-container {
    width: 460px;
}

.width-480,
.width-480 .select2-container {
    width: 480px;
}

.width-500,
.width-500 .select2-container {
    width: 500px;
}

.width-600,
.width-600 .select2-container {
    width: 600px;
}

.width-max,
.width-max .select2-container {
    width: 100%;
}

.width-50-percent {
    width: 50%;
}

.width-90-percent {
    width: 90%;
}

.width-100-percent {
    width: 100%;
}

.modal-body-feedback {
    margin-right: 30px;
}

.grey {
    background-color: #eee;
    margin-bottom: 40px;
    padding: 20px
}

.grey .fa-4x {
    color: #666;
}

.green {
    color: green
}

/****************************************
    Modal scrolling body
*****************************************/
.body-scroll-md {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 10px;
}

.body-scroll-lg {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 10px;
}

/**************************************
* Bootstrap Overrides (separate from Jessica)
**************************************/
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #ddd;
    border-color: #ccc;
    color: #fff;
}

.btn-default.disabled.active,
.btn-default[disabled].active {
    color: #000;
}

.btn-xs {
    padding: 2px 8px;
    font-size: 12px;
    font-weight: normal;
    margin-top: 1px;
    margin-bottom: 2px;
}

.alert.alert-info.scenario-revision-empty,
.alert.alert-info.scenario-readonly {
    background-color: #eee;
    border-color: #ddd;
    color: #333;
}

.alerts {
    line-height: 2.0;
    /*position: absolute;
    top: -160px;
    right: 0;*/
    position: fixed;
    top: 100px;
    right: 75px;
    z-index: 100;
}

.alerts .alert {
    padding: 10px;
    max-width: 600px;
    min-width: 400px;
}

.alerts .alert .close {
    color: #fff;
    font-weight: normal;
    opacity: 1;
}

.alerts .alert>h4 {
    margin-bottom: 5px;
}

.alerts .alert>p,
.alert>ul {
    line-height: 19px;
}

.alerts .alert-success {
    color: #fff;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    border-color: #333;
}

.alerts .alert-info {
    color: #555;
    background: rgba(255, 255, 255, 1.0);
    border-color: #E95DA4;
    border-width: 2px;
}

.alerts .alert-info .close {
    color: #333;
    font-weight: normal;
    opacity: 1;
}

.alerts .alert-info .fa-info {
    margin-top: 2px;
}

.border-bottom {
    border-bottom: 1px solid #ddd !important;
    padding-top: 10px;
    padding-bottom: 10px;
    /*padding-top: 10px;*/
}

.alerts .alert-danger {
    color: #fff;
    background: #c0392b;
    background: rgba(192, 57, 43, 0.72);
    border-color: #C0392B;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: 0.40;
    filter: alpha(opacity=40);
}

.btn-default.disabled,
.btn-default[disabled] {
    color: #333;
}

/****************************************
    ngTable sorting header icons
*****************************************/
th.sortable {
    background: url(/images/sort_both.png) no-repeat center left;
    cursor: pointer;
}

th.sortable.sort-asc {
    background: url(/images/sort_asc.png) no-repeat center left;
}

th.sortable.sort-desc {
    background: url(/images/sort_desc.png) no-repeat center left;
}

th.header.sortable {
    padding-left: 18px !important;
}


/****************************************
    Overrides to override.css
*****************************************/
.description {
    font-size: 13px;
}

.alert-warning {
    background-color: rgb(255, 229, 82);
    /* #ffe552 */
    background-color: rgba(255, 229, 82, .7);
    /* #ffe552 */
}

.navbar {
    margin-bottom: 30px;
}

.navbar-nav li {
    margin: 0 0 0 10px;
    padding: 5px 5px;
}

.logo {
    padding: 35px 0 0 0;
}

.menu {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
}

.location em.small {
    color: #999;
}

.modal-header h3 {
    color: #333;
    border-bottom: 1px solid #999;
}

.modal-header h4 {
    color: #666;
    font-style: italic;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.modal-top-btns {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 2;
}

.modal-dialog.full-screen {
    width: 95% !important;
}

/****************************************
    ADA Compliance Skip Nav link
*****************************************/
.skipnav a {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skipnav a:focus,
.skipnav a:active {
    position: static;
    left: 0;
    width: auto;
    height: auto;
    overflow: visible;
    text-decoration: underline;
}

.emphatic {
    font-weight: bold;
}

.fa-bullets ul {
    padding-left: 20px;
    list-style: none;
}

.fa-bullets li:before {
    font-family: 'Font Awesome 5 Free';
    list-style: none;
    content: '\f058';
    margin: 0 5px 0 -15px;
    color: #1295D8;
}

.fa-bullets ul>li>ul>li:before {
    content: '\f061';
}

.hide-default-pagination td[ng-include="templates.pagination"] {
    display: none;
}

.label-uc-blue.border-only {
    color: #1295D8;
    border-color: #1295D8;
}

.label-uc-purple.border-only {
    color: #e25da1;
    border-color: #e25da1;
}

.label.border-only {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
}

.label {
    display: inline-block;
    padding: 3px;
    border-radius: .25em;
    font-weight: 400;
    padding-top: .3em;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: #1295D8;
    fill: #1295D8;
}

.dropdown-menu>li>a.text-muted {
    color: #777;
    cursor: not-allowed;
}

.dropdown-menu>li>a.text-muted:hover {
    color: #fff;
    cursor: not-allowed;
}

/* ---- Timeline overrides ---- */


.timeline ol {
    background: #caecf6;
}

.timeline ol:before {
    border: 10px solid #24a4dd;
    /*border: 10px solid #24a4dd;*/
}

.timeline ol:after {
    border-left: 20px solid #24a4dd;
}

.timeline li .point {
    border: 4px solid #24a4dd;
    background: #fff;
}

@media print {
    .timeline a[href]:after {
        content: none !important;
    }

    .timeline ol {
        border-bottom: 3px solid #24a4dd;
    }
}

.feedback-alert {
    background-color: #fff2d3;
    border-left: #ffcc31 9px solid;
    display: block;
    height: 117px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
    margin-bottom: 13px;
    padding: 11px 11px 11px 15px;
    width: 577px;
    border-radius: 3px;
    box-shadow: 14px 17px 55px -5px rgba(112, 111, 112, 1);
    -webkit-box-shadow: 14px 17px 55px -5px rgba(112, 111, 112, 1);
    -moz-box-shadow: 14px 17px 55px -5px rgba(112, 111, 112, 1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.feedback-alert-greeting {
    font-variant: small-caps;
    font-weight: bold;
    font-size: 18px;
}

.feedback-alert-message {
    font-weight: bold;
    font-size: 15px;
}

.feedback-alert-action {
    margin-top: -13px;
}

.feedback-alert .close {
    font-size: 36px;
}

.feedback-question {
    font-size: 25.41px;
    color: #253858;
}

.feedback-answer [type=radio] {
    display: none;
}

.feedback-answer [type=radio]+label {
    border: #fff solid 2px;
    cursor: pointer;
    display: inline-block;
    font-size: 24px;
    height: 36px;
    line-height: 29px;
    padding-top: 1px;
    padding-left: 1px;
    width: 36px;
    text-align: center;
}

.feedback-answer [type=radio]:checked+label {
    border: #1395d8 solid 4px;
    border-radius: 100%;
}

.feedback-answer .likert-caption {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.feedback-answer .likert-caption> :last-child {
    justify-self: flex-end;
}

.feedback-answer .answer-hint {
    font-size: 14.41px;
    color: #253858;
    opacity: 0.6;
    margin-top: 0.5em;
}

.rating-items {
    display: flex;
    align-content: stretch;
    justify-content: space-between;
    width: 100%;
}

.word-count-limit {
    font-size: 11px;
    font-style: italic;
    color: #999999;
}

.modal-feedback .modal-content {
    top: 120px;
}

.my-account {
    /* empty */
}

.message-area {
    padding: 38px;
}

.cmp-module {}

/* Compatibility layer: angular-ui-bootstrap (Bootstrap 3) modals under Bootstrap 4 */

/* Make Bootstrap 3's .modal.in visible in Bootstrap 4 */
.modal.in {
    display: block;
    opacity: 1;
}

/* Ensure fade animation still works */
.modal.fade.in {
    opacity: 1;
}

.modal.fade.in .modal-dialog {
    transform: none;
}

/* Backdrop class mapping (Bootstrap 3 used .in, Bootstrap 4 uses .show) */
.modal-backdrop.in {
    opacity: .5;
}

/* (Optional) If you see double scrollbars, keep overflow behavior */
body.modal-open {
    overflow: hidden;
}

/* Optional: adjust spacing now that 'admin' wrapper removed */
.manage-user-modal .modal-header {
    padding: 0.75rem 1rem;
}

.manage-user-modal .modal-body {
    max-height: calc(100vh - 170px);
    overflow-y: auto;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.notification-details-body>.row {
    margin-bottom: 1.5rem;
}
.course-details {
}

.course-details h1 {
    margin-bottom: 0;
}

.course-details h2 {
    margin: 0 0 20px
}

.course-details h4 {
    margin-top: 5px;
    margin-bottom: 20px;
}

.course-details th.school-name {
    border-bottom: 1px solid #fff !important;
    font-size: 15px;
    padding-left: 0 !important;
}

.course-details td.check {
    font-size: 18px;
}

.course-details .submission-status {
    color: #db3489;
    font-family: "KievitProBlack";
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.course-details .alert-warning {
    background-color: #b7eaff;
}

.course-details .dates {
    color: #666;
    font-family: "KievitProBook";
    text-align: right;
    line-height: 1.75;
    margin-bottom: 5px;
}

.course-details .table-bordered {
    border: 1px solid #ddd !important;
}

.course-details table > thead > tr > th {
    border-bottom: 1px solid #ddd !important;
}

.course-details .table-striped > thead > tr:nth-child(2n+1) > th {
    background-color: transparent !important;
}

.course-details .table-striped > tbody > tr:nth-child(2n+1) > td {
    background-color: #f2f2f2 !important;
}

.course-details .nested-table {
    width: 100%;
}

.course-details .nested-table th {
    background-color: transparent !important;
    color: #555 !important;
    opacity: 1;
}

.course-details .well {
    border: none;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.course-details .well.old-highlight {
    background-color: rgba(0, 163, 173, 0.3);
}

.course-details .course-materials table {
    border: none !important;
}

.course-details .course-materials .table > thead > tr:nth-child(2n+1) > th {
    background-color: transparent !important;
    color: #666 !important;
    opacity: 1.0;
}

.course-details .course-materials .panel {
    background-color: transparent;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 0;
}

.course-details .course-materials .panel .panel-heading {
    color: #000;
    font-size: 18px;
}

.course-details .course-materials .panel-info>.panel-heading {
    background-color: transparent;
    border-bottom: solid 4px #ccc;
    padding-left: 0;
}

.course-details .delivery strong {
    color: #666;
}

.course-details .dashboard .modal-body .form-group {
    margin-top: 30px;
}

.course-details .section-header {
    background: rgb(238,238,238);
    background: rgba(238,238,238,0.5);
    padding: 10px 0;
    margin: 30px 0 20px 0;
}

.course-details .section-header h1 {
    color: #1295D8;
    font-family: KievitProMedium;
    font-size: 22px;
    margin: 0;
}

.course-sections {
    padding-top: 0;
}

/* Courses - Course List */
/* div.container-white > div.panel.panel-default > div.card-header.panel-heading*/
div.container-white > div.panel.panel-default {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-color: rgb(221,221,221);
}

div.container-white > div.panel.panel-default > div.card-header.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}


.courses-list .parent,
.courses-archive .parent {
    color: #888;
    font-family: "KievitProBookItalic";
    font-size: 13px;
}

.courses-list .subject-area-filters,
.courses-archive .subject-area-filters {
    font-family: "KievitProBook";
    font-size: 22px;
}

.courses-list .subject-area-filters .inactive,
.courses-archive .subject-area-filters .inactive {
    color: #333;
    text-decoration: none;
}

.courses-list .subject-area-filters a.inactive:hover,
.courses-archive .subject-area-filters a.inactive:hover {
    color: #333;
    text-decoration: none;
}

.courses-list .subject-area-filters span,
.courses-archive .subject-area-filters span {
    color: #999;
    font-size: 16px;
}

.courses-list .switch,
.courses-archive .switch {
    font-family: "KievitProBook",Arial,Sans-Serif;
    font-size: 17px;
    text-transform: uppercase;
}

.courses-list .switch i,
.courses-archive .switch i {
    border-left: solid 2px #ccc;
}

.courses-list .switch a:hover,
.courses-archive .switch a:hover {
    text-decoration: none;
}

.courses-list .switch .list,
.courses-archive .switch .list {
    border-bottom: solid 3px #1ba0db;
    color: #1ba0db;
    padding: 0 4px 4px 4px;
    margin-right: 10px;
}

.courses-list .switch .archive,
.courses-archive .switch .archive {
    border-bottom: solid 3px #ffb511;
    color: #ffb511;
    padding: 0 4px 4px 4px;
    margin-left: 10px;
}

.courses-list .district-switch .school-archive {
    color: #ff9A28;
    font-size: 14px;
    font-family: "KievitProBook",Arial,Sans-Serif;
}
.courses-archive .district-switch .reference-list {
    color: #1ba0db;
    font-size: 14px;
    font-family: "KievitProBook",Arial,Sans-Serif;
}

.courses-list td,
.courses-archive td {
    padding-left: 10px !important;
}

.courses-list h1 {
    color: #1ba0db;
}

.courses-list .switch .list {
    border-bottom-width: 4px;
    font-family: "KievitProBold";
}

.courses-archive .switch .archive {
    border-bottom-width: 4px;
    font-family: "KievitProBold";
}

.courses-archive h1 {
    color: #ffb511;
}

.courses-archive .actions i.fa:hover {
    color: #1ba0db;
}

.courses-archive {
}

.courses-list .filters,
.courses-archive .filters {
    background-color: #ddd;
    padding: 15px;
}

.courses-list .filters .filter-btn,
.courses-archive .filters .filter-btn {
    font-size: 17px;
    padding: 5px 16px;
    margin-top: 0px;
    background-color: #888;
    color: #fff;
}

.courses-list .nav-tabs li a,
.courses-archive .nav-tabs li a {
    border-color: #eee #eee #ddd;
    color: #aaa;
    font-size: 22px;
    text-align: center;
    width: 145px;
}

.tab-subtitle {
    font-size: 11px;
    position: absolute;
    top: 35px;
    left: 2px;
    width: 100%;
    color: #999;
    display: none;
}

.courses-list .nav-tabs li a:hover,
.courses-archive .nav-tabs li a:hover {
    color: #555;
}

.courses-list .nav-tabs li a:hover .tab-subtitle,
.courses-archive .nav-tabs li a:hover .tab-subtitle {
    display: block;
}

.courses-list .nav-tabs li.active a,
.courses-archive .nav-tabs li.active a {
    background-color: #f5f5f5;
    color: #555;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.courses-list .dropdown-toggle {
    color: #1295D8;
    border: 1px solid #eee;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, .5);
    padding: 9px 10px 6px 10px !important;
}

.dropdown-menu-right-align {
    right: 0 !important;
    left: auto !important;
}

.courses-list td.actions .dropdown-menu {
    top: 60% !important;
}

.courses-list td.actions li.separator {
    border-top:1px solid #ccc; 
    height: 3px; 
    margin: 5px 0px;
}

.courses-list a.action {
    padding: 3px 20px;
    color: #333;
}

.courses-list a.action[disabled] {
    -ms-opacity: .5;
    opacity: .5;
    text-decoration: none;
}

tr.course-list-warning {
    background-color: #ffebeb;
    border-width: 2px 2px 0px 2px;
    border-style: solid;
    border-color: #ffe7e7;
}

tr.course-list-warning-border {
    border-width: 0px 2px 2px 2px;
    border-style: solid;
    border-color: #ffdede;
}

tr.course-list-warning-border td {
    border-top: none !important;
}

tr.course-list-warning-border.expanded {
    border-bottom: none;
}

.courses-list table .discipline {
    font-size: 13px;
}

.course-expiration {
    position: relative;
}

.course-expiration i {
    position:absolute; 
    left:2px;
    top: 4px;
}

/* course/submission detail  */
.course-summary .form-group {
    margin-top: 15px;
}

.course-summary .control-label {
    /*color: #888;*/
    font-size: 15px;
    font-weight: 600;
}

.course-summary h4 {
    font-size: 25px;
}

.course-summary .unavailable {
    color: #999;
    font-style: italic;
}

.course-summary .btn-edit-section {
    font-size: 16px;
    margin-top: 0px;
}

.new-content-plus {
    font-size: 110%;
    padding-right: 5px;
}

.consolidate-courses tr.disable-row,
.consolidate-courses tr.disable-row .text-muted {
    color: #999;
}


.courses-list .button-bar {
    position: absolute;
    bottom: 0;
    right: 30px;
    left: 0;
    text-align: right;
    margin-left: 10px;
}
.courses-list .button-bar .menu-btn {
        background-color: #1295D8;
        color: #fff;
        font-weight: normal;
        font-size: 13px;
        width: 120px;
        white-space: normal;
        margin-bottom: 0px;
        margin-left: 2px;
    }

.button-bar .menu-btn i {
    font-size: 17px;
}

/*****************CSS FOR NEW DESIGN**************************/
.course-list-search {
    background-color: #f5f5f5;
    padding: 13px 15px 0px 15px;
}

.course-list-search .filters-applied {
    background-color: #E44C9A;
    color: #fff;
    padding: 3px 7px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.course-list-search .clear-filters {
    position: absolute;
    top: 0px;
    right: 0px;
}

.course-list-search .advanced-search {
    border-top: 1px solid #ddd;
    padding: 15px 10px;
    background-color: #efefef;
  
}

.course-list-search .filter-label {
    color: #999;
}

.course-list-filters {
    padding: 30px 15px 20px 15px;
}

.courses-list .filter-overlay {
    background: rgba(255, 255, 255, .5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    text-align: center;
    vertical-align: middle;
    padding-top: 20px;
    color: #aaa;
}

.course-list-button-filter .btn {
    padding: 5px 14px;
    color: #777;
    border-color: #ccc;
    background-color: #fff;
    margin-top: 0;
}

.course-list-button-filter .btn:hover {
    background-color: #ddd;    
}

.course-list-button-filter.filter-blue .btn.active,
.course-list-button-filter.filter-blue .btn:focus {
    color: #fff;
    background-color: #1295d8;
}

.course-list-button-filter.filter-grey .btn.active {
    color: #fff;
    background-color: #999;
}

.course-list-button-filter.btn-group {
    margin: 0 0;
}

.course-list-button-filter.btn-group>.btn {
    margin: 0 0;
}

.course-list-button-filter.btn-group>.btn:first-child {
    -ms-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.course-list-button-filter.btn-group > .btn:last-child {
    -ms-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


.courses-list .tooltip {
    -ms-opacity: 1.0;
    opacity: 1.0;
}

.courses-list .tooltip .tooltip-inner {
    color: #555;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -ms-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.courses-list .tooltip .tooltip-arrow {
    border-bottom-color: #fff;    
}

.legend-dot {
    height: 13px;
    width: 13px;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #ccc;
    margin-bottom: -3px;
    margin-right: 3px;
}

.legend-dot.district {
    background-color: #ffffc8;
}

.legend-dot.school {
    background-color: #fff;
}

.course-list-label {
    background-color: #FF8F28;
    color: #fff;
    font-size: 13px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 10px;
    -ms-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.courses-list .subject-area-code {
    background-color: #dedede;
    padding: 2px 4px 1px 4px;
    border: 1px solid #ccc;
    margin-right: 3px;
    color: #555;
    font-size: 12px;
}

.dropdown-toggle-orange,
.dropdown-toggle-orange:focus,
.dropdown-toggle-orange:active,
.dropdown-toggle-orange:hover {
    color: #FF8F28;
    border: 1px solid #eee;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, .5);
    padding: 9px 10px 6px 10px !important;
}

.courses-list thead th {
    vertical-align: middle !important;
}

.courses-list .course-alert {
    background-color: #ededed;
    color: #555;
    padding: 7px 12px 0px 7px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-top: 5px;
    /*width: fit-content;*/
    border: 1px solid #ccc;
    width: 350px;
}

.courses-list .course-alert .btn {
    padding-top: 0;
    padding-bottom: 0;
}

.school-actions {
    margin-right: 15px;
}

.school-actions .btn {
    padding: 4px 8px;
}

.alert-course-title {
    background-color: rgb(255, 229, 82); 
    background-color: rgba(255, 229, 82, .7); 
}

.review-edit-details .btn {
    padding-top: 0px;
    padding-bottom: 0px;
}

.form-agreement {
    min-height: 95px;
}

/* Fix for popover opacity issue with angular-animate */
.popover.no-animate,
.popover.no-animate.in,
.popover.no-animate.fade.in {
    opacity: 1 !important;
    display: block !important;
}

.popover.no-animate.ng-enter,
.popover.no-animate.ng-leave {
    opacity: 1 !important;
}

n /* Dashboard: start */
.dashboard h1 {
    font-size: 32px;
}

.dashboard .nav-tabs,
.users .nav-tabs {
    margin-bottom: 10px;
}

    .dashboard .nav-tabs > li.active > a, .dashboard .nav-tabs > li.active > a:hover,
    .admin .nav-tabs > li.active > a, .admin .nav-tabs > li.active > a:hover {
        background-color: transparent;
        border-bottom: solid 5px #1295D8;
    }

    .dashboard .nav-tabs > li > a:hover,
    .admin .nav-tabs > li > a:hover {
        border-bottom: solid 5px #ccc;
    }

.dashboard th.sortable, .dashboard th.sortable.sort-desc, .dashboard th.sortable.sort-asc,
.admin th.sortable, .admin th.sortable.sort-desc, .admin th.sortable.sort-asc {
    background-color: #EDEDED;
}

.dashboard td.loading {
    color: #9D9D9D;
    font-size: 25px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    text-align: center;
}

.dashboard .institutionName {
    color: #999;
}

.dashboard .modal-body label {
    font-size: 18px;
    color: #000;
}

.dashboard .modal-body .form-group {
    margin-top: 30px
}

.dashboard .static-content {
    margin: 0 0 5px 15px;
}

.dashboard h4 small {
    font-size: 14px;
    padding-left: 5px;
}

/* Dashboard: end */

/* New Dashboard: start */
.dashboard-new h2 {
    color: #333;
    font-family: KievitProMedium;
    font-size: 30px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 20px;
}

.dashboard-new h3 {
    color: #333;
    font-family: KievitProMedium;
    font-size: 24px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 20px;
}

.dashboard-new .container-new {
    border-right: solid 1px #333;
}

.dashboard-new .container-existing {
    margin-left: 10px;
}

.dashboard-new ul {
    padding: 0 0 10px 0;
}

.dashboard-new li {
    margin-bottom: 10px;
}

    .dashboard-new li a, .dashboard-new li a.btn {
        font-family: KievitProBook;
        font-size: 18px;
        font-weight: normal;
        margin: 0;
        padding: 0;
    }

        .dashboard-new li a:hover, .dashboard-new li a.btn:hover {
            color: #1295D8;
            text-decoration: underline;
        }

.dashboard-new .course-links li i,
.dashboard-new .quicklinks li i {
    color: #1295D8;
    font-size: 12px;
    padding-left: 5px;
}

.dashboard-new .notifications {
    background: url(/images/bg-pink.jpg) #db3489 top center no-repeat;
    background-size: cover;
    padding: 20px 15px 15px 15px;
    opacity: 1;
    margin-bottom: 20px;
}

    .dashboard-new .notifications h4 {
        color: #fff;
        font-family: KievitProBold;
        font-size: 24px;
        font-weight: normal;
        margin-top: 0;
        text-transform: uppercase;
    }

    .dashboard-new .notifications li:after {
        font-family: 'Font Awesome 5 Free';
        content: "\f054";
        display: inline;
        margin-left: 8px;
    }

    .dashboard-new .notifications span {
        color: #fff;
    }

.mynotifications-list {
    margin-left: 0;
    list-style-type: none;
}

    .mynotifications-list li a {
        font-size: 16px !important;
    }

    .mynotifications-list .notification-unread a {
        font-weight: bold;
    }

    .mynotifications-list li:after {
        display: none !important;
    }

.fa-notification-unread {
    color: yellow !important;
    padding-right: 8px;
    margin-top: 3px;
    margin-left: -5px;
}

.fa-notification-unread-list {
    color: #ffb511 !important; 
}

.dashboard-new .mynotifications-list li {
    background: rgba(2555,255,255,.3);
    border-radius: 10px;
    padding: 10px;
}

.dashboard-new .quicklinks {
    background: url(/images/bg-blue.jpg) #60b59e 0 -290px repeat;
    background-size: cover;
    padding: 20px 25px 15px 25px;
    opacity: 1;
}

    .dashboard-new .quicklinks h4 {
        color: #333;
        font-family: KievitProBold;
        font-size: 24px;
        font-weight: normal;
        margin-top: 0;
        text-transform: uppercase;
    }

    .dashboard-new .quicklinks ul + ul {
        border-top: dashed 1px #fff;
        padding-top: 10px;
    }

/*Style for white box with red border, red icons and black letters  */
.dashboard-new .actionitems {
    background: url(/images/bg-blue.png) rgba(114, 205, 244, .09) top right no-repeat;
    padding: 20px 15px 15px 15px;
    margin-bottom: 20px;
    border-style: solid;
    border-color: #FFB511;
    border-width: 3px;
}

    .dashboard-new .actionitems h4 {
        color: #FFB511;
        font-family: KievitProBold;
        font-size: 24px;
        font-weight: normal;
        margin-top: 0;
        text-transform: uppercase;
    }

    .dashboard-new .actionitems span {
        color: #000;
    }

.actionitems-list {
    margin-left: 0;
    list-style-type: none;
}

    .actionitems-list li a {
        font-size: 16px;
        color: #1295D8;
    }

    .actionitems-list .notification-unread a {
        font-weight: bold;
    }

    .actionitems-list li:after {
        display: none !important;
    }

.fa-actionitem {
    padding-right: 8px;
    margin-top: 3px;
    margin-left: -5px;
    font-size: 18px;
}

.dashboard-new .right-side {
}

    .dashboard-new .right-side ul {
        padding: 0;
    }

.dashboard-new .quicklinks li,
.dashboard-new .notifications li {
    color: #fff;
    font-size: 16px;
}

    .dashboard-new .quicklinks li:after,
    .dashboard-new .notifications li:after {
        content: "\f054";
        display: inline;
        font-family: 'Font Awesome 5 Free';
        font-size: 14px;
        margin-left: 8px;
    }

    .dashboard-new .quicklinks li a,
    .dashboard-new .notifications li a {
        color: #fff;
    }

.dashboard-new .course-search {
    background: url(/images/bg-blue.png) #b7eaff top right no-repeat;
    margin-bottom: 20px;
    padding: 20px;
}

    .dashboard-new .course-search ul {
        padding: 8px 5px;
    }

        .dashboard-new .course-search ul.dropdown-menu {
            border-radius: 0;
        }

    .dashboard-new .course-search li {
        margin: 0;
    }

        .dashboard-new .course-search li a {
            font-family: KievitProMedium, Arial, sans-serif;
            font-size: 14px;
            padding: 5px;
        }

            .dashboard-new .course-search li a:hover {
                text-decoration: none;
            }

    .dashboard-new .course-search .input-group-btn button .caret {
        margin-left: 5px;
    }

    .dashboard-new .course-search .btn-orange {
        margin: 0 !important;
        width: 80%;
        float: right;
    }

.dashboard-new .announcements {
    background-color: rgba(255, 226, 78, 0.19);
    margin-top: 40px;
    padding: 20px;
    border: solid 1px #ccc;
    color: #555;
    position: relative
}

    .dashboard-new .announcements h3 {
        color: #555;
    }

.announcements .content-modified-on {
    position: absolute;
    top: 8px;
    right: 15px;
}

.dashboard-new .resources strong {
}

.dashboard-new .resources ul {
}

.dashboard-new .resources li {
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}
.mycourses {
    
}

.mycourses h2 {
    font-family: "KievitProBook";
    font-size: 22px;
    margin-top: 0;
}

.mycourses th.sortable, .mycourses th.sortable.sort-desc, .mycourses th.sortable.sort-asc {
    background-color: #EDEDED;
}

.mycourses .fa.fa-pencil-square-o {
    color: #1295D8;
    
}
.mycourses .fa.fa-minus-circle {
    color: #aa0000;    
}

.mycourses .parent {
    color: #888;
    font-family: "KievitProBookItalic";
    font-size: 13px;
}

.mycourses .loading {
    color: #fff;
    line-height: 2.4;
    vertical-align: middle;
    position: absolute;
    top: -31px;
    width: 100%;
}

.mycourses ul {
    display: table;
    width: 100%;
}

.mycourses .filter-year {
    margin-right: 15px;
    float: right; 
}

.mycourses .filter-status {
    display: inline-block;
}

.mycourses .filter-status .btn-group .btn {
    font-size: 14px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.mycourses .progression-container {
    margin-bottom: 50px;
}

.mycourses .progression-container .row:first-child {
    /*margin-bottom: 2px;*/
}

.mycourses .progression-container a {
    color: #1295D8;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
}

.mycourses .progression-container .hover a {
    color: #1ba0db;
}

.mycourses .progression-container a:hover,
.mycourses .progression-container a:visited,
.mycourses .progression-container a:active {
    text-decoration: none;
}

.mycourses .progression-container .active a {
    color: #333;
    font-size: 24px;
}

.mycourses .progression-container .progression:before {
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    color: #ffffff;
    display: inline-block;
    font-size: 24px;
    line-height: 22px;
    margin-left: -28px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    width: 22px;
}

.mycourses .progression-container .progression.active:before,
.mycourses .progression-container .progression.active.hover:before {
    color: #333;
    line-height: 24px;
    width: 24px;
}

.mycourses .progression-container .progression.hover:before {
    color: #1295D8;
}

.mycourses .progression-container .draft,
.mycourses .progression-container .forwarded,
.mycourses .progression-container .submitted {
    background: #ccc;
}

.mycourses .progression-container .draft {
    margin-left: 50px;
}

    .mycourses .progression-container .draft:before,
    .mycourses .progression-container .forwarded:before,
    .mycourses .progression-container .submitted:before,
    .mycourses .progression-container .results:before {
        background-color: #fff;
        color: #1295D8;
        font-family: 'Font Awesome 5 Free';
    }

.mycourses .progression-container .draft:before {
    content: "\f044";
    
}
.mycourses .progression-container .forwarded:before {
    content: "\f064";
    
}
.mycourses .progression-container .submitted:before {
    content: "\f046";    
}
.mycourses .progression-container .results:before {
    content: "\f0ca";
}

.mycourses .share-icon-second-row {
    margin-right: 5px;
}

.draft-badge {
    border-radius: 10px;
    top: -15px!important;
    left: -3px;
    background-color: #1295D8;
    border-color: #1295D8;
    color:  #ffffff
}
.my-institution {
    
}

.my-institution h2 {
    font-family: KievitProBook;
    margin: 0;
    font-size: 26px;
    margin-bottom: 5px;
}

.my-institution .form-group {
    margin-top: 15px;
}

.my-institution .control-label {
    font-family: KievitProBook;
    font-size: 15px;
}

.admin h2 {
    font-family: KievitProBook;
    margin: 0;
}

.admin .form-group {
    margin-top: 15px;
}

.admin.modal-open .form-group {
    display: flex;
}

.admin .form-group .btn {
    margin: 0;
}

.demographic-warning {
    color: #db3489;
}

.admin .static-content {
    margin: 0 0 5px 0;
}

.admin.settings label {
    font-size: 18px;
    color: #000;
}

.demographic th.sortable, .demographic th.sortable.sort-desc, .demographic th.sortable.sort-asc {
    background-color: #EDEDED;
}

.users {
    
}

.users .nav-tabs>li>a {
    font-family: KievitProBook;
    font-size: 16px;
    
}

.dashboard .nav-tabs>li.active>a, .dashboard .nav-tabs>li.active>a:hover, .admin .nav-tabs>li.active>a, .admin .nav-tabs>li.active>a:hover {
    background-color: transparent;
    border-bottom: solid 5px #1295d8;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    border: 1px solid #ddd;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.accreditation-example-file {
    width: 60%;
    border: 1px solid #ccc;
    margin: 0 0 15px 20px;
}

.inputfile {
    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    color: #fff;
    display: inline-block;
    padding: 7px;
    background-color: #005581;
}

.my-institution .edit-section {
    border: 1px solid #ddd;
    background-color: #eee;
    background-color: rgba(238, 238, 238, 0.6);
    padding: 15px;
}

.width-750 {
    width: 750px;
}

.upload-group {
    width: 100%;
}

.upload-file {
    width: 80% !important;
}

.reports h2 {
    font-family: "KievitProBook";
    font-size: 22px;
    margin-top: 0;
}

.reports h1 {
    margin-left: -10px;
}

.reports th.sortable, .mycourses th.sortable.sort-desc, .mycourses th.sortable.sort-asc {
    background-color: #EDEDED;
}


.reports > .button-bar {
    clear: right;
}

    .reports > .button-bar .menu-btn {
        background-color: #1295D8;
        color: #fff;
        font-weight: normal;
        font-size: 13px;
        width: 120px;
        white-space: normal;
        margin: 0 7px 0 0;
        padding: 0;
    }
    .reports > .button-bar .menu-btn-no-margin {
        background-color: #1295D8;
        color: #fff;
        font-weight: normal;
        font-size: 13px;
        width: 120px;
        white-space: normal;
        margin: 0 0 13px 0;
        padding: 0;
    }

.report-alert {
    margin-top: 125px;
    margin-left: 16px;
    min-width: 300px !important;
    width: 300px;
}


.search-filter {
    border-right: 1px solid #ddd;
    padding-right: 10px;
    padding-bottom: 40px;
}

/* CourseStatusSearchGroup.Approved */
.course-search-status1 {
    color: #049C37;
    font-weight: bold;
}
/* CourseStatusSearchGroup.NotApproved */
.course-search-status2 {
    color: #CD0000;
    font-weight: bold;
}
/* CourseStatusSearchGroup.InReview, CourseStatusSearchGroup.NotSubmitted */
.course-search-status3, .course-search-status4 {
    color: #9C9C9C;
    font-weight: bold;
}

h4.text-gray {
    color: #aaa;
}

h5.facet-title {
    font-weight: 600;
}

.facetitem {
    font-size: 12px;
}

.facetitem.subitem {
    color: #777;
    margin-left: 20px;
}

.facetgroup .sub-title {
    border-top: solid 1px #ccc;
    text-transform: uppercase;
    font-size: 11px;
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/*.facetitem.subitem input[type="checkbox"] + label:before {
    height: 14px;
    width: 14px;
    padding: 0px;
}*/

.search-result-title {
    background-color: #f5f5f5;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
}

.search-result-institution {
    font-size: 15px;
    font-weight: normal;
}

.search-result.container-white {
    padding: 0px;
    padding-bottom: 4px;
    margin-top: 10px;
    border-bottom-color: #f2f2f2;
}

.course-search .search-result .badge {
    border-radius: 10px;
    font-weight:normal;
    font-size: 12px;
}

.course-search .badge-pink {
    background-color: #db3489;
}

.course-search .search-result {
    font-size: 14px;
}

.search-result .detail-label {
    font-size: 13px;
    color: #aaa;
    padding-top: 3px;
}

.search-simple-result {
    padding: 7px 0px;
    background-color: #fff;
    border-bottom: #fff 1px solid;
    border-top: #fff 1px solid;
    background-color: #f5f5f5;
}

.search-help {
    color: #333;
    -ms-opacity: .7;
    opacity: .7;
}

.search-help .panel-heading {
    font-weight: bold;
    font-size: 15px;
}

.search-help .tips {
    line-height: 1.6;
}

.search .btn-default:hover {
    background-color: transparent;
    border-color: transparent;
}
.step {
    /*min-width: 1140px;*/
}

    .step .submission-type {
        color: #777;
        font-family: KievitProBookItalic;
        font-size: 16px;
        padding: 10px;
    }

/* Course Submission: start*/
.courseMaterial .panel-body {
    height: 195px;
}

.courseMaterial dd {
    padding-bottom: 8px;
}

.courseMaterial td.edit-col {
    width: 25px;
}

.freeform-display {
    height: expression( this.scrollHeight > 299 ? "300px" : "auto" ); /* sets max-height for IE */
    max-height: 300px; /* sets max-height value for all standards-compliant browsers */
    overflow: auto;
    border: 1px solid #ccc;
    padding: 8px;
}

/* Course Submission: start*/
.step .btn-primary.arrow-left, .step .btn-primary.arrow-right {
    background-color: #db3489 !important;
    position: relative;
    padding-top: 6px;
    padding-bottom: 6px
}

.step .btn-primary.arrow-right {
    margin-right: 20px;
}

.step .btn-primary.arrow-left {
    margin-left: 20px;
}

.step .btn-primary.arrow-right:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #db3489;
    border-width: 20px;
    margin-top: -20px;
}

.step .btn-primary.arrow-left:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #db3489;
    border-width: 20px;
    margin-top: -20px;
}

.step h1, .review h1, .search h1 {
    font-family: KievitProMedium;
    font-size: 32px;
}

.step h4, .review h4 {
    font-size: 25px;
}

.step h5 {
    font-family: KievitProMedium;
    font-size: 20px;
}

.step label {
    font-size: 17px;
}

.step-author label {
    font-size: 14px !important;
}

.step .resubmission a {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.step .modal-body label {
    font-size: 12px;
}

.step .steps-label, .step .steps-label a {
    color: #1295D8;
    font-size: 18px;
    padding: 0;
    text-align: center;
}

    .step .steps-label, .step .steps-label a.disabled {
        color: #ccc;
        font-size: 18px;
        padding: 0;
        text-align: center;
    }

        .step .steps-label a:hover {
            color: #1ba0db;
            text-decoration: none;
        }

        .step .steps-label.active, .step .steps-label.active a {
            color: #333;
            font-size: 22px;
        }

        .step .steps-label.adopted {
            color: #ccc;
        }

.step .steps-container {
    margin-bottom: 20px;
}

    .step .steps-container .steps:before {
        border-radius: 18px;
        -moz-border-radius: 18px;
        -webkit-border-radius: 18px;
        color: #ffffff;
        display: inline-block;
        font-size: 18px;
        line-height: 36px;
        margin-left: -48px;
        margin-top: -8px;
        position: absolute;
        text-align: center;
        width: 36px;
    }

    .step .steps-container .basic {
        background: #1295D8;
        background: rgba(18, 149, 216, 0.5);
        margin-left: 60px;
    }

        .step .steps-container .basic:before {
            background: #1295D8;
            content: '1';
        }

    .step .steps-container .description {
        background: #ffb511;
        background: rgba(255, 181, 17, 0.5);
    }

        .step .steps-container .description:before {
            background: #ffb511;
            content: '2';
        }

        .step .steps-container .description.adopted:before {
            font-family: 'Font Awesome 5 Free';
            content: '\f00c';
        }

    .step .steps-container .materials {
        background: #db3489;
        background: rgba(219, 52, 137, 0.5);
    }

        .step .steps-container .materials:before {
            background: #db3489;
            content: '3';
        }

        .step .steps-container .materials.adopted:before {
            font-family: 'Font Awesome 5 Free';
            content: '\f00c';
        }

    .step .steps-container .summary:before {
        font-family: 'Font Awesome 5 Free';
        background: #666;
        content: '\f005';
    }

.step .step-basic-info .form-inline .form-group {
    margin: 0 !important;
}

.step.step-basic-info textarea {
    display: inline;
    margin-left: 20px;
    vertical-align: top;
    width: 600px;
}

.step .step-description .freeform-display {
    padding: 15px;
}

.step .step-description .well {
    border: none;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.step .step-description .alert-warning label {
    font-size: 14px;
    margin-bottom: 0;
}

.step .step-description .alert-warning div.static-content {
    display: inline;
}

.step-description table {
    opacity: 1;
}

    .step-description table.ng-move {
        -webkit-transition: 2s;
        transition: 2s;
        opacity: 0;
    }

    .step-description table.ng-move-active {
        opacity: 1;
    }

/* For modals embedded within #page-description */
.step-modal.step-description {
}

    .step-modal.step-description .panel {
        border: none;
    }

    .step-modal.step-description .panel-heading {
        border: none;
    }

    .step-modal.step-description .panel-title {
        margin-top: 10px;
    }

    .step-modal.step-description .panel-body .freeform-display {
        border: 10px solid #f5f5f5;
    }

.step.step-materials table th {
    background-color: #fff;
    color: #666;
    font-size: 14px;
    font-weight: bold;
}

.step.step-materials table td.primary {
    color: #1295D8;
    padding-left: 10px !important;
}

.step.step-materials table td.truncate-url {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.step-modal.step-materials .panel {
    background-color: transparent;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 0;
}

    .step-modal.step-materials .panel .panel-heading {
        color: #000;
        font-size: 18px;
    }

.step-modal.step-materials .panel-info > .panel-heading {
    background-color: transparent;
    border-bottom: solid 4px #ccc;
    padding-left: 0;
}

.step .step-summary {
}

    .step.step-summary span.requisite,
    .step.step-revision span.requisite {
        color: #999;
        font-family: KievitProBook;
        font-size: 12px;
        padding-left: 10px;
    }

    .step.step-summary .form-horizontal .form-group,
    .step.step-revision .form-horizontal .form-group {
        margin: 10px 0;
    }

        .step.step-summary .form-horizontal .form-group label,
        .step.step-revision .form-horizontal .form-group label {
            padding-top: 0;
            text-align: right !important;
        }

        .step.step-summary .form-horizontal .form-group .btn,
        .step.step-revision .form-horizontal .form-group .btn {
            margin: 0;
        }

.step .step-author {
}

/* Self Assessment: used on Basic Info & Summary */
#self-assessment .section {
    margin-bottom: 20px;
}

#self-assessment .section-title {
    background-color: #efefef;
    padding: 10px 10px 10px 10px;
}

    #self-assessment .section-title h4 {
        font-size: 18px;
        margin-bottom: 0;
        margin-top: 0;
    }

        #self-assessment .section-title h4 span {
            font-size: 15px;
        }

            #self-assessment .section-title h4 span.plus-minus {
                float: right;
                font-size: 12px;
            }

                #self-assessment .section-title h4 span.plus-minus a {
                    color: #ccc;
                }

#self-assessment .section-objective {
    background-color: #efefef;
    padding: 0 10px 10px 10px;
}

#self-assessment .power-standard {
    background-color: #d9edf7;
    color: #31708f;
    font-weight: bold;
}

#self-assessment h5 {
    background-color: #f5f5f5;
    color: #666;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px;
}
/* Self Assessment: end */

.submission-feedback,
#course-review-feedback .popover {
    background-color: #ffffd1;
    margin-bottom: 15px;
}

#course-review-feedback {
    margin-top: 13px;
}

    #course-review-feedback a {
        padding-left: 225px;
    }

.submission-feedback h4 {
    font-size: 25px;
}

.submission-feedback .control-label {
    font-size: 15px;
}

.popover-padding {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

#forward-back-to-author-note .popover {
    width: 400px;
    margin-left: -175px;
}


.multi-level-dropdown optgroup {
    color: #444;
    font-size: 14px;
}

    .multi-level-dropdown optgroup option {
        color: #777;
        font-size: 14px;
    }

.label-normal {
    font-size: 100%;
}

.requisite-container {
    padding-top: 7px;
    padding-left: 25px;
}

.requisite-acknowledgement {
    padding-top: 7px;
}

.requisite-hint {
    display: block;
    color: #777777;
    margin-top: 10px;
    margin-bottom: 10px;
}

.requisite-course-titles {
    font-size: 14px;
}

.requisite-form {
    /* Empty style to stop VS from squiggling the style name */
}

.requisite-form-group {
    margin-left: 0px;
}

    .requisite-form-group input[type=text] {
        width: 450px;
        float: left;
        margin: 8px 8px 8px 0;
    }

.popover-disabled-container {
    display: inline-block;
    margin: 30px 30px 30px 5px;
    cursor: not-allowed
}

.module-title {
    padding-top: 20px;
}
.institution-registration {
    /* top level container */
}

    .institution-registration .navigation {
        float: left;
        width: 240px;
        position: absolute;
    }

        .institution-registration .navigation .thumbnail {
            padding: 0px;
        }

        .institution-registration .navigation h4 {
            font-size: 16px;
            padding: 10px 5px;
            border-bottom: 1px solid #bbbbbb;
            font-weight: bold;
        }

    .institution-registration .registration-body {
        margin-left: 285px;
        min-height: 500px;
    }

#registration-summary .section-title {
    font-size: 18px;
    border-bottom: 1px solid #cccccc;
    margin-top: 40px;
    font-weight: bold;
}

#registration-summary label.form-control:hover,
#registration-summary label {
    cursor: default;
}

#registration-summary .btn:hover {
    cursor: default;
    background-color: transparent;
    color: #1295D8;
}

.alerts-login {
    top: 200px !important;
}

.alerts {
    line-height: 2.0;
    position: fixed;
    z-index: 100;
    top: 237px;
    left: 59%;
    right: initial;
    width: 425px;
}

.institution-registration .uc-light {
    background-color: #D1D2D4;
}

.institution-registration h3 {
    color: #000000;
    margin: 0;
}

.institution-registration hr {
    margin-top: 0px;
    border-top: 1px solid #9d9d9d;
    opacity: 0.7;
}

.login-group {
    margin-top: 10px;
}

.institution-type {
    border: solid 1px #ccc;
    min-height: 300px;
    margin: 12px 0 23px 0;
}

    .institution-type p {
        padding: 15px 15px 0 15px;
    }

    .institution-type .uc-dark {
        background: #005581;
    }

    .institution-type .uc-warm {
        background: #8F8884;
    }

    .institution-type .institution-type-header {
        width: 100%;
        padding: 15px;
    }

        .institution-type .institution-type-header h4 {
            color: #fff;
            margin: 0;
        }

    .institution-type .institution-type-body {
        min-height: 155px;
    }

    .institution-type .institution-type-footer {
        display: flex;
        justify-content: flex-end;
    }

.institution-registration .drop-shadow {
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.16);
}

.institution-type .btn-primary {
    color: #005581;
    background-color: #fff !important;
    border: solid 1px #005581;
    border-radius: 0;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 20px;
    margin: 11px;
}

.institution-space {
    width: 100%;
    padding: 40px 40px 40px 80px;
}

.institution-logo {
    max-width: 325px;
}

.forgot-password-confirmation {
    padding: 15px;
}