#content{
    position: absolute;
    top: 75px;
    bottom: 0;
    left: 0;
    right: 536px;;
    overflow: auto;
    background: #fff;
}
.cw-icon-label {
    background-color: #F95601;
    padding: 1px 4px;
    border-radius: 11px;
    margin: 0px 3px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.cw-labeled-icon:hover .cw-icon-label {
    background-color: #15B2FF;
}

#cw-right-pannel{
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 530px;
    padding: 0px 5px;
    right: 0;
    overflow: auto;
    background: #fff;
    border-left: 1px solid #999;
}
.cw-pannel-title {
    font-size: 18px;
    margin: 0;
    padding: 4px 0 4px 31px;
    font-weight: bold;
    border-bottom: 1px solid #aaa;
}

#sidebar-resizer {
    background-color: #f9f9f9;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 530px;
    width: 6px;
    cursor: e-resize;
}

#sidebar-resizer:hover {
	background-color: #AAA;
}
.cw-hide-todo #cw-right-pannel{
    width: 0 !important;
    padding: 0;

}
.cw-hide-todo #content{
    right: 0 !important;
}
#cw-top-nav .breadcrumb {
    left: 0;
    position: absolute;
    right: 0;
    top: 52px;
    padding: 1px 65px;
}


.exporter-details .tab-content {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 15px;
}


.publish-item{
    cursor: pointer;
}
.book-detial-cent {
    border: 1px solid #aaa;
    clear: both;
    padding: 5px;
}
.book-detial-cent.editing-book {
    border-color: red;
    box-shadow: 0 0 7px #f44;
}


.ui-dialog {
    z-index: 1055 !important;
}
.unit-item-list {
    color: #666;
}
.course-image-cont{
    position: relative;
}
img.course-image:-moz-broken, img.course-image{
    width: 262px; 
    height: 146px;
}
.set-course-image{
    position: absolute;
    bottom: 4px;
    right:4px;
}

.flex-container{
    align-items: center;
    display: flex;
}
.flex-container .list-text-display{
    flex: 1 1 0;
    margin: 0 9px;
}


.rosClassic {
    border: 1px solid blue;
    margin: auto;
    overflow: auto;
    padding: 5px;
}
.rosClassic::before {
    background: #eee none repeat scroll 0 0;
    content: "Rollover";
    display: block;
    font-weight: bold;
    padding: 3px;
}


.ui-widget-overlay {
    z-index: 1051 !important;
}

.mig_highlight {
    background-color: #ff3;
}
.item-loading{
    color:red;
}

.align-center {
    display: block;
    margin: auto;
}


.center{
    text-align: center;
}

.edit-content .section {
    border: 1px solid #666;
    margin: 5px 0;
    padding: 10px;
}


.cw-hidden-section{
    display: none;
}
.book-display > div {
    margin: -1px;
    border: 1px solid #666;
    border-radius: 3px;
    padding: 0 10px;
}
img:-moz-broken{
    -moz-force-broken-image-icon:1;
    width:24px;
    height:24px;
}
.login {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #333;
    border-radius: 4px;
    display: inline-block;
    left: 20%;
    padding: 10px;
    position: absolute;
    top: 20%;
}
/*html,body{
    height: 100%;
}*/
body{
    color:#141414;
}


.course-title-head{
    font-size: 3vw;
    margin: 0;
    padding: 10px;
}


.exporter-unit, .exporter-objectives, .exporter-batch, .exporter-details {
    background-color: #fff;
    margin: 8px;
    padding: 10px;
}

.exporter-unit, .exporter-unit-section{
    margin: 10px; 
    padding: 20px 15px 0;
    border-radius: 5px;
    background-color: #f9f9ff;
    border: 1px solid #ccc;

}
.import-book {
    overflow: hidden;
    vertical-align: middle;
}

.import-book img{
    float: left;
    height: 50px;
    margin: 2px;
}
img{
    max-width: 100%;
}

div.modal-lg {
    width: 90%;
}

#page-edit-content .modal-header{
    text-align: right;
    padding-top: 30px;
    /*display: none;
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right:20px;
    background-color: #fff;
    border-radius: 10px;*/
}
.page-preview-container{
    border: 1px solid #999;
    background-color: #fff;
    border-radius: 3px;
    margin: 0 10px 10px;
    max-height: 500px;
    overflow: auto;
    padding: 10px 20px;
}

.objective-enabler {
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 3px;
    margin: 10px;
    padding: 20px;
}

/*List Group*/
.list-group-item-disabled{
    color: #999;
}

.list-group-item-disabled .list-text-display{
    text-decoration: line-through;
}
.list-group-item .fa-remove, .page-preview-container .fa-remove{
    cursor: pointer;
    color: #ef6965;
}

.list-group {
    min-height: 20px;
}

.page-error-text{

    font-size: 10px

}
li.list-group-item.list-group-item-selected{
    background-color: #d9edf7;
}
.list-group-item:hover{
    background-color: #eee;
}
/*end list group*/


/*Drag and Drop start*/
ul[dnd-list], ul[dnd-list] > li {
    position: relative;
}

ul[dnd-list] > li {
    cursor: move;
}

ul[dnd-list] .dndDraggingSource {
    display: none;
}
ul[dnd-list] .dndPlaceholder:before {
    content: "Move Here";
}
ul[dnd-list] .dndPlaceholder {
    min-height: 20px;
    background-color: #eee;
    width: 100%;
    list-style: none;
    color: #aaa;
    text-align: center;
}
ul[dnd-list] > li .dnd-icon{
    margin: 0 8px 0 -8px;
    color: #ccc;
    font-weight: 100;
    vertical-align: middle;
    float: left;
}

ul[dnd-list] > li .dnd-icon-flex{
    margin: 0 8px 0 -8px;
    color: #ccc;
    font-weight: 100;
}

ul[dnd-list] > li:hover .dnd-icon, ul[dnd-list] > li:hover .dnd-icon-flex{
    color: #245580;
}
ul, ol{
    margin: 0;
    margin-bottom: 8px;
    padding: 0 16px;
    overflow: initial;
}
.circle-background{
    color: #fff;
    background-color: #666;
    font-size: 0.8em;
    padding: 1px 4px;
    border-radius: 100%;
}
.text-success .circle-background{
    background-color: #3c763d;
}

li.list-group-indent-1 .circle-background{
    margin-left: 20px;
}
li.list-group-indent-2 .circle-background{
    margin-left: 30px;
}
li.list-group-indent-3 .circle-background{
    margin-left: 40px;
}


/*Drag and Drop End*/

/*Page editing*/
.cw-edit-field{
    overflow: hidden;
}

body.page-editing #content{
    overflow: hidden;
} 

#page-edit-content{
    position: absolute;
    top: 0;
    left:0;
    right:0;
    background-color: #fff;
    padding: 60px  30px 10px;
    display:none;
    z-index: 100;
}

body.page-editing #page-edit-content{
    display: block;
}

.page-editing .mce-content-body{
    border: 1px red dashed;
    padding: 10px;
}

.mce-content-body .devry_note * {
    pointer-events: none;
}
/*End page editing*/



.download-alerts {
    max-height: 300px;
    overflow: auto;
    position: absolute;
    right: 20px;
    top: 100px;
    width: 250px;
    z-index: 99;
    font-size: 0.8em;
}

.download-alerts .list-group{
    margin-bottom: 0;
}

/* The starting CSS styles for the enter animation */
.ng-enter {
    transition:0.5s linear all;
    opacity:0;
}

/* The finishing CSS styles for the enter animation */
.ng-enter.ng-enter-active:not(.modal-backdrop)  {
    opacity:1;
}

.no-animate.ng-leave, .no-animate .ng-leave, .select-page-content .ng-leave:not(.dndDragging){
    transition:none;
    opacity:0;
    display: none;
}
.modal-backdrop.ng-leave {
    transition:0.5s linear all;
    opacity:0.5;
}
.modal{
    opacity: 0
}
.modal.in{
    opacity: 1
}
.modal.ng-leave, .modal.in-remove {
    transition:0.5s linear all;
    opacity:1;
}
.ng-leave:not(.dndDragging):not(.modal-backdrop) {
    transition:0.5s linear all;
    opacity:1;
}
.ng-leave.ng-leave-active, .modal.in-remove.in-remove-active {
    opacity:0 !important;
}

.modal.ng-leave{
    transition:0;
    opacity:0 !important;
}

.exporter-unit.ng-leave.ng-leave-active, .exporter-unit .ng-leave.ng-leave-active{
    display: none !important;
    opacity:0;
}

.exporter-unit.ng-leave, .exporter-unit .ng-leave, .uib-datepicker-popup.ng-leave, .uib-datepicker-popup .ng-leave, .modal-dialog.ng-leave, .modal-dialog.ng-enter{
    display: none !important;
    transition:0 linear all;
    opacity:0;
}

.cw-units-covered .btn{
    transition: all ease-in-out 0.3s;
}
li.list-group-indent-1 span.dnd-icon{
    margin-right: 20px;
}
li.list-group-indent-2 span.dnd-icon{
    margin-right: 30px;
}
li.list-group-indent-3 span.dnd-icon{
    margin-right: 40px;
}

.editor-tyk-holder
{
    width:300px;
    height:150px;
    overflow:hidden; 
    background:#5ab;
    border-radius: 10px;
    margin: 0 auto;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding-top: 50px;
    position: relative;

}
.editor-tyk-holder:before
{
    content: 'TYK';
}
.editor-tyk-holder[data-tky-type]:before
{
    content: attr(data-tky-type);
}

.editor-tyk-holder div
{
    display:none;
}


.katura-player, .kaltura-holder-single iframe, .kaltura-holder-playlist iframe, .kaltura-height-resize {
    display: none;
}
.edit-kaltura-media {
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    width: 225px;
}
.kaltura-holder-single, .kaltura-holder-playlist {
    background: none repeat scroll 0 0 #666;
    border-radius: 10px;
    height: 100px;
    padding: 20px;
    position: relative;
    cursor: pointer;
}
.kaltura-holder-single[data-kal-video]:before {
    color: #fff;
    content: "Kaltura Video\A " attr(data-kal-video);
    font-size: 26px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 35%;
    white-space: pre-wrap;
    width:100%;

}


.kaltura-holder-single[data-youtube-url]:before {
    color: #fff;
    content: "Youtube\A " attr(data-youtube-url);
    font-size: 26px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 20%;
    white-space: pre-wrap;
    width:100%;

}

.kaltura-holder-playlist:before {
    color: #fff;
    content: "Kaltura Playlist\A " attr(data-kal-playlist);
    font-size: 26px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 35%;
    white-space: pre-wrap;
    width:100%;

}

body > .dropdown-menu {
    z-index: 10000000;
}

.select-page-content {
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 5px 0 5px 4px;
    right: 0;
    top: 100px;
}

.assign-details {
    font-size: 10px;
}
.editor-request {
    background: #fdd;
    border: 1px solid #f00;
    position: relative;
}
.editor-request:hover{

    border-top:16px #f00 solid;

}
.editor-request:hover:before{
    content: "Request";
    position:absolute;
    font-size: 8pt;
    top:-18px;
}

body.mce-content-body{
    background-color: #fff;
}

.to-top {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    border-right: 1px solid #aaa;
    border-top: 1px solid #aaa;
    bottom: 7px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    left: 3px;
    padding: 2px 8px;
    position: fixed;
    text-align: center;
}
.to-top:hover {
    background-color: #eee;
}

.module-header {
    border-bottom: 1px solid #999;
    display: flex;
    margin-bottom: 5px;
}
.module-left-menu, .module-right-menu {
    padding: 0 5px;
}
.module-header h4 {
    flex: 1 1 0;
    margin-top: 0;
}

.collapse-heading{
    cursor: pointer;
}


.cw-item-box {
    background-color: #f5f5f5;
    border: 1px solid #aaa;
    border-radius: 2px;
    min-height: 150px;
    padding: 0;
}
.cw-box-header {
    background-color: #fefefe;
    border-bottom: 1px solid #bbb;
    min-height: 50px;
    padding: 6px;
}
.small-date {
    font-size: 11px;
}
.cw-box-content {
    max-height: 600px;
    overflow: auto;
    padding: 2px 8px;
}
.cw-box-content h2 {
    margin-top: 5px;
}


.cw-assingment-detail-label {
    font-weight: bold;
    text-align: right;
}
.row.cw-assingment-detail {
    padding: 3px;
}

.cw-page-heading {
    background-color: #bebebe;
    padding: 10px 20px;
}



.user_content .page-subheading:empty {
    display: none;
}
.user_content .page-subheading br {
    display: none;
}



.bordered-item-group {
    border: 1px solid #aaa;
    border-radius: 2px;
    margin: 5px;
    padding: 5px;
}


body.campus .online{
    display: none !important;
}

body.online .campus{
    display: none !important;
}

.admin .online{
    position: relative;
    background: #CCFFDD;
    margin-top:30px;
    border:1px #FF9900 solid;
    padding:10px;
    overflow: visible;
    box-sizing: border-box;
}
.admin .campus{
    position: relative;
    background: #f8d5d8;
    margin-top:30px;
    border:1px #FF9900 solid;
    padding:10px;
    overflow: visible;
    box-sizing: border-box;

}
.admin .online:before{
    content:"Online:";
    position: absolute;
    padding:4px;
    background: #CCFFDD;
    top: -29px;
    left:-1px;
    border: 1px #f90 solid;
    border-bottom: none;
    color: #c60;
}

.admin .campus:before{
    content:"Blended:";
    position: absolute;
    padding:4px;
    background: #f8d5d8;
    top: -29px;
    left:-1px;
    border: 1px #f90 solid;
    border-bottom: none;
    color: #c60;
}

#login-form{
    width: 50%;
    margin: 15% auto
}

.centered-page-content {
    background-color: #fbfbfb;
    border-radius: 4px;
    margin: 5% 20%;
    padding: 1px 16px;
    border: 1px solid #c8c8c8;
}



.status-item-icon.status- {
}
.status-item-icon {
    font-size: 0.7em;
    padding: 0 2px;
}
.status-Initial::before {
    content: "SME";
}

.status-SME::before {
    content: "SME";
}
.status-ID::before {
    content: "ID";
}
.status-AC::before {
    content: "AC";
}.status-CE::before {
    content: "CE";
}.status-MD::before {
    content: "MD";
    
} 
.status-IDev::before {
    content: "IDev";
}
.status-Complete::before {
    content: "\2713";
        font-size: 1.3em;
    font-weight: bold;
}

#login-form {
    background: #fefefe none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 16px;
    z-index: 5000000;
    position: relative;
}




nav.navbar {
    padding: 0 5%;
}
nav.navbar-inverse .navbar-nav > li > a, nav.navbar-inverse a.navbar-brand {
    color: #e7e7e7;
}
nav.navbar-inverse .navbar-nav > li > a:hover, nav.navbar-inverse a.navbar-brand:hover {
    color: #F95601;
}


.navbar-brand {
    background-image: url("https://lms.devry.edu/lms/CourseExport/css/LogoAuthoringToolDark.png");
    background-repeat: no-repeat;
    width: 92px;
}
.navbar-brand:hover {
    background-image: url("https://lms.devry.edu/lms/CourseExport/css/LogoAuthoringToolDark_hover.png");
}


uib-accordion .panel-group {
    margin-bottom: 4px;
}




  
 .week-due-0 button:hover span::before {
 content: "Week 1 Due";
}
.week-start-0 button:hover span::before {
    content: "Week 1 Start";
}
.week-due-1 button:hover span::before {
 content: "Week 2 Due";
}
.week-start-1 button:hover span::before {
    content: "Week 2 Start";
}
.week-due-2 button:hover span::before {
 content: "Week 3 Due";
}
.week-start-2 button:hover span::before {
    content: "Week 3 Start";
}
.week-due-3 button:hover span::before {
 content: "Week 4 Due";
}
.week-start-3 button:hover span::before {
    content: "Week 4 Start";
}
.week-due-4 button:hover span::before {
 content: "Week 5 Due";
}
.week-start-4 button:hover span::before {
    content: "Week 5 Start";
}
.week-due-5 button:hover span::before {
 content: "Week 6 Due";
}
.week-start-5 button:hover span::before {
    content: "Week 6 Start";
}
.week-due-6 button:hover span::before {
 content: "Week 7 Due";
}
.week-start-6 button:hover span::before {
    content: "Week 7 Start";
}
.week-due-7 button:hover span::before {
 content: "Week 8 Due";
}
.week-start-7 button:hover span::before {
    content: "Week 8 Start";
}
.week-due-8 button:hover span::before {
 content: "Week 9 Due";
}
.week-start-8 button:hover span::before {
    content: "Week 9 Start";
}
.week-due-9 button:hover span::before {
 content: "Week 10 Due";
}
.week-start-9 button:hover span::before {
    content: "Week 10 Start";
}
.week-due-10 button:hover span::before {
 content: "Week 11 Due";
}
.week-start-10 button:hover span::before {
    content: "Week 11 Start";
}
.week-due-11 button:hover span::before {
 content: "Week 12 Due";
}
.week-start-11 button:hover span::before {
    content: "Week 12 Start";
}
.week-due-12 button:hover span::before {
 content: "Week 13 Due";
} 
.week-start-12 button:hover span::before {
    content: "Week 13 Start";
}
.week-due-13 button:hover span::before {
 content: "Week 14 Due";
}
.week-start-13 button:hover span::before {
    content: "Week 14 Start";
}
.week-due-14 button:hover span::before {
 content: "Week 15 Due";
}
.week-start-14 button:hover span::before {
    content: "Week 15 Start";
}
.week-due-15 button:hover span::before {
 content: "Week 16 Due";
}
.week-start-15 button:hover span::before {
    content: "Week 16 Start";
}
.week-due-16 button:hover span::before {
 content: "Week 17 Due";
}
.week-start-16 button:hover span::before {
    content: "Week 17 Start";
}
.week-due-17 button:hover span::before {
 content: "Week 18 Due";
}
.week-start-17 button:hover span::before {
    content: "Week 18 Start";
}
.week-due-18 button:hover span::before {
 content: "Week 19 Due";
}
.week-start-18 button:hover span::before {
    content: "Week 19 Start";
}
.week-due-19 button:hover span::before {
 content: "Week 20 Due";
}
.week-start-19 button:hover span::before {
    content: "Week 20 Start";
}

.week-due-0.course-end button:hover span::before {
 content: "Week 1 Due/Course End";
}
.week-start-0.course-start button:hover span::before {
    content: "Course Start/Week 1 Start";
}
.week-due-1.course-end button:hover span::before {
 content: "Week 2 Due/Course End";
}
.week-due-2.course-end button:hover span::before {
 content: "Week 3 Due/Course End";
}
.week-due-3.course-end button:hover span::before {
 content: "Week 4 Due/Course End";
}
.week-due-4.course-end button:hover span::before {
 content: "Week 5 Due/Course End";
}
.week-due-5.course-end button:hover span::before {
 content: "Week 6 Due/Course End";
}
.week-due-6.course-end button:hover span::before {
 content: "Week 7 Due/Course End";
}
.week-due-7.course-end button:hover span::before {
 content: "Week 8 Due/Course End";
}
.week-due-8.course-end button:hover span::before {
 content: "Week 9 Due/Course End";
}
.week-due-9.course-end button:hover span::before {
 content: "Week 10 Due/Course End";
}
.week-due-1.course-end0 button:hover span::before {
 content: "Week 11 Due/Course End";
}
.week-due-1.course-end1 button:hover span::before {
 content: "Week 12 Due/Course End";
}
.week-due-1.course-end2 button:hover span::before {
 content: "Week 13 Due/Course End";
} 
.week-due-1.course-end3 button:hover span::before {
 content: "Week 14 Due/Course End";
}
.week-due-1.course-end4 button:hover span::before {
 content: "Week 15 Due/Course End";
}
.week-due-1.course-end5 button:hover span::before {
 content: "Week 16 Due/Course End";
}
.week-due-1.course-end6 button:hover span::before {
 content: "Week 17 Due/Course End";
}
.week-due-1.course-end7 button:hover span::before {
 content: "Week 18 Due/Course End";
}
.week-due-1.course-end8 button:hover span::before {
 content: "Week 19 Due/Course End";
}
.week-due-1.course-end9 button:hover span::before {
 content: "Week 20 Due/Course End";
}
.week-start-19 button:hover span::before {
    content: "Week 20 Start";
}

.course-start button:hover span::before {
    content: "Course Start";
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    bottom: 15px;
    left: -11px;
    position: absolute;
    padding: 0 2px;
    z-index: 1000;
    color:#333;
}

.course-end button:hover span::before {
    content: "Course End";
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    bottom: 15px;
    left: -11px;
    position: absolute;
    padding: 0 2px;
    z-index: 1000;
}

[class^="week-start-"] span::before, [class*=" week-start-"] span::before, [class^="week-due-"] span::before, [class*=" week-due-"] button span::before{
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    bottom: 15px;
    left: -11px;
    position: absolute;
    padding: 0 2px;
    z-index: 1000;
}

[class^="week-start-"].course-start span::before, [class*=" week-start-"].course-start span::before{
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    bottom: 15px;
    left: -11px;
    position: absolute;
    padding: 0 2px;
    z-index: 1000;
}
[class^="week-due-"].course-end span::before, [class*=" week-due-"].course-end button span::before{
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    bottom: 15px;
    left: -11px;
    position: absolute;
    padding: 0 2px;
    z-index: 1000;
}


.course-end button, .course-start button{
        background-color: #7cf;
    color: black;
    position: relative;
}

  [class^="week-start-"] button, [class*=" week-start-"]  button  {
    background-color: #dfd;
    color: black;
    position: relative;
    
  }
  
    .course-start[class^="week-start-"] button, .course-start[class*=" week-start-"]  button  {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#77ccff+0,77ccff+47,ddffdd+49,ddffdd+100 */
background: #77ccff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #77ccff 0%, #77ccff 47%, #ddffdd 49%, #ddffdd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #77ccff 0%,#77ccff 47%,#ddffdd 49%,#ddffdd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #77ccff 0%,#77ccff 47%,#ddffdd 49%,#ddffdd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77ccff', endColorstr='#ddffdd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: black;
    position: relative;
    
  }
  
  
  [class^="week-due-"] button , [class*=" week-due-"] button {
    background-color: #fdd;
    color: black;
    position: relative;
  }
  .course-end[class^="week-due-"] button , .course-end[class*=" week-due-"] button {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffdddd+0,ffdddd+49,77ccff+51,77ccff+100 */
background: #ffdddd; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffdddd 0%, #ffdddd 49%, #77ccff 51%, #77ccff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffdddd 0%,#ffdddd 49%,#77ccff 51%,#77ccff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffdddd 0%,#ffdddd 49%,#77ccff 51%,#77ccff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddd', endColorstr='#77ccff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: black;
    position: relative;
  }

  
.date-preview {
    border: 1px solid #aaa;  
    border-radius: 3px;
    padding: 0 0 5px 34px;
    background-color: #f6f6f6;
}
.date-preview table{
    margin: auto;
}

.align-middle > *{
    vertical-align: middle;
}

.align-middle > span {
    float: right;
    margin-right: 2%;
}
.align-middle {
    padding: 8px 0;
}


.resource-id [data-master-course]::before {
    font-weight: bold;
    content: "Master course: " attr(data-master-course);
}

li.status-list-item {
    display: flex;
}

li.status-list-item > div{
    flex: 1;
}

.cw-assingment-detail .controls {
    margin-left: 20px;
}


.html5interactive {
    min-height: 50px;
    background-color: lightcoral;
    border-radius: 3px;
    margin: 5px;
}

.html5interactive::before {
    display: block;
    content: "HTML5 Interactive";
    color: #fff;
    font-weight: bold;
    text-align: center;
}