.campus-module-manager { }
.campus-module-manager .unit { background-color: #EEEEEE; border: 1px solid #DDDDDD; box-sizing: border-box; display: block; margin-bottom: 10px; width: 100%; }
.campus-module-manager .unit-header {
    background: #f0f0f0;
    background: -webkit-linear-gradient(#ffffff , #f0f0f0);
    background: -o-linear-gradient(#ffffff, #f0f0f0);
    background: -moz-linear-gradient(#ffffff, #f0f0f0);
    background: linear-gradient(#ffffff, #f0f0f0);
    display: block; min-height: 70px; width: 100%;
}
.campus-module-manager .unit-status-link { display: inline-block; width: calc(100% - 240px); height: 68px; }
.campus-module-manager .unit-header-ctrls { float: right; padding: 5px; }
.campus-module-manager .unit-status-icon { float: left; }
.campus-module-manager a.unit-name { color: #121212; display: block; font-size: 16px; margin-left: 60px; padding: 5px 0px; text-decoration: none; vertical-align: top; }
.campus-module-manager .target-date-label { color: #555555; font-weight: bold; }
.campus-module-manager .unit-status-icon { background: url(../images/icons_large.png) no-repeat; display: block; height: 48px; margin: 1px 4px; width: 48px; }
.campus-module-manager .unit-status-icon.complete { background-position: -48px 0px;  }
.campus-module-manager .unit-status-icon.locked { background-position: -96px 0px;  }
.campus-module-manager .unit-toggle { background: url('../images/btn_open.png') no-repeat; display: block; float: right; height: 26px; margin-top: 10px; width: 75px; color: #444; }
.campus-module-manager .unit-toggle:hover { background-position: 0px -26px; }
.campus-module-manager .unit-toggle.open { background: url('../images/btn_close.png') no-repeat; }
.campus-module-manager .unit-toggle.open:hover { background-position: 0px -26px; }
.campus-module-manager .unit-contents {
    -webkit-box-shadow: inset 0px 5px 5px -2px rgba(213,213,213,1);
    -moz-box-shadow: inset 0px 5px 5px -2px rgba(213,213,213,1);
    box-shadow: inset 0px 5px 5px -2px rgba(213,213,213,1);
    background: #eeeeee; border-top: 1px solid #d5d5d5; overflow: auto; padding: 5px 0px; position: relative;
}
.campus-module-manager .unit-contents .loading { padding-left: 15px; }
.campus-module-manager .unit-overview { margin: 0px 15px; }
.campus-module-manager .tasks { margin: 0px 10px; }
.campus-module-manager .task { background: #DDDDDD; border: 1px solid #DDDDDD; box-sizing: border-box; display: block; margin-bottom: 10px; width: 100%; }
.campus-module-manager .task-header {
    background: #bababa;
    background: -webkit-linear-gradient(#e9e9e9 , #bababa);
    background: -o-linear-gradient(#e9e9e9, #bababa);
    background: -moz-linear-gradient(#e9e9e9, #bababa);
    background: linear-gradient(#e9e9e9, #bababa);
    display: block; min-height: 50px; width: 100%;
}
.task-header-ctrls > span { margin-top: -38px !important; }
.campus-module-manager .task-status-link { display: inline-block; width: 100%; height: 50px; }
.campus-module-manager .taks-header-ctrls { float: right; padding: 5px; }
.campus-module-manager .task-status-icon { float: left; }
.campus-module-manager a.task-name { color: #121212; display: block; font-size: 14px; margin-left: 40px; padding: 5px 0px; text-decoration: none; vertical-align: top; }
.campus-module-manager .task-status-icon { background: url(../images/icons_medium.png) no-repeat; display: block; height: 34px; margin: 5px; width: 34px; }
.campus-module-manager .task-status-icon.complete { background-position: -34px 0px;  }
.campus-module-manager .task-status-icon.locked { background-position: -68px 0px;  }
.campus-module-manager .task-toggle { background: url('../images/btn_open.png') no-repeat; display: block; float: right; height: 26px; margin: 13px 10px 0px 10px; width: 75px; }
.campus-module-manager .task-toggle:hover { background-position: 0px -26px; }
.campus-module-manager .task-toggle.open { background: url('../images/btn_close.png') no-repeat; }
.campus-module-manager .task-toggle.open:hover { background-position: 0px -26px; }
.campus-module-manager .task-contents {
    -webkit-box-shadow: inset 0px 5px 5px -2px rgba(173,173,173,1);
    -moz-box-shadow: inset 0px 5px 5px -2px rgba(173,173,173,1);
    box-shadow: inset 0px 5px 5px -2px rgba(173,173,173,1);
    background: #dddddd; border-top: 1px solid #a8a7a7;
}
.campus-module-manager .task-contents .loading { padding-left: 15px; }
.campus-module-manager .task-instructions { margin: 0px 15px; }
.campus-module-manager .tools { background: #ffffff; margin: 10px; }
.campus-module-manager .tools-header {
    background: #dedede;
    background: -webkit-linear-gradient(#ffffff , #dedede);
    background: -o-linear-gradient(#ffffff, #dedede);
    background: -moz-linear-gradient(#ffffff, #dedede);
    background: linear-gradient(#ffffff, #dedede);
    display: block; height: 35px;
}
.campus-module-manager .tools-title { background: #ffffff; color: #121212; display: inline-block; font-size: 24px; height: 35px; letter-spacing: -1px; padding: 2px 10px; }
.campus-module-manager .tool-header {
    background: url(../images/bkg_tool.png) bottom no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    min-height: 62px;
}
.campus-module-manager .task-toggle, .campus-module-manager .unit-toggle { padding: 2px 0px 0px 7px; box-sizing: border-box; }

.campus-module-manager .tool-status-ctrls { float: right; padding: 10px 5px 0px 5px; }
.campus-module-manager .tool-status-icon { background: url(../images/icons_small.png) no-repeat; float: left; height: 24px; margin: 3px; width: 24px; }
.campus-module-manager .tool-status-icon.complete { background-position: -24px 0px;  }
.campus-module-manager .tool-status-icon.locked { background-position: -48px 0px;  }
.campus-module-manager .tool-status-icon.skipped { background-position: -72px 0px;  }
.campus-module-manager .tool-status-icon.onapproval { background-position: -96px 0px;  }
.campus-module-manager .status-dropdown { font-size: 12px; margin: 7px 10px 7px 3px; width: 165px; }
.campus-module-manager .status-dropdown.disabled { color: #999999; }
.campus-module-manager .tool-header-ctrls { float: left; padding: 0px 10px; font-size: 24px; }
.campus-module-manager .tool-toggle { background: url('../images/arrows.png') no-repeat; display: block; height: 8px; margin-top: 8px; width: 15px; cursor: pointer; }
.campus-module-manager .tool-toggle:hover { background-position: 0px -8px; }
.campus-module-manager .tool-toggle.closed { background-position: 0px -16px; }
.campus-module-manager .tool-toggle.closed:hover { background-position: 0px -24px; }
.campus-module-manager .tool-name { color: #222222; display: block; font-size: 17px; font-weight: bold; padding: 7px; cursor: pointer; }
.campus-module-manager .tool-contents { clear: left; }
.campus-module-manager .tool-description { padding: 5px 15px 0px 35px; position: relative; }
.campus-module-manager .tool-description p:first-of-type { margin-top: 0px; }
.campus-module-manager .tool-description p:last-of-type { margin-bottom: 0px; }
.campus-module-manager .tool-footer-ctrls { padding: 0px 10px 10px 10px; }
.campus-module-manager .unit-target-date-day { font-size: 11px; margin-right: 3px; padding: 0px 10px 0px 0px; width: 15px;  }
.campus-module-manager .unit-target-date-month { font-size: 11px; margin-right: 3px; padding: 0px; }
.campus-module-manager .unit-target-date-year { font-size: 11px; width: 30px; padding: 0; margin: 0; }
.campus-module-manager .save { background: url(../images/tick.png) no-repeat; border: none; width: 15px; height: 15px; line-height: 0; font-size: 0; color: transparent; margin: 2px 0px 0px 4px; vertical-align: top; }
.campus-module-manager .save:hover {background: url(../images/tick.png) -16px 0px;}
.campus-module-manager .tool-status-loader { background: url(../images/ajax_loader.gif) no-repeat; display: inline-block; height: 16px; margin-right: 5px; vertical-align: middle; width: 16px; }

.wide #campus-popup-window { height: 615px; max-width: 950px; width: 950px; }

.campus-module-manager-progress-bars { margin: 10px 0px; }
.campus-module-manager-progress-title { font-weight: bold; }
.campus-module-manager-progress { background: #f7f7f7; border: 1px solid #dddddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; clear: both; display: block; padding: 1px; position: relative; width: 100%; }
.campus-module-manager-progress-bar {
    background-color: #005f91;
    background: -ms-linear-gradient(bottom,#005f91,#007ec3);
    background: -moz-linear-gradient(bottom,#005f91,#007ec3);
    background: -o-linear-gradient(bottom,#005f91,#007ec3);
    background: -webkit-gradient(linear,left bottom,left top,from(#005f91),to(#007ec3));
    background: -webkit-linear-gradient(bottom,#005f91,#007ec3);
    background: linear-gradient(bottom,#005f91,#007ec3);
    height: 24px;
}
.mm-progress-toggle { cursor: pointer; }
.campus-module-manager-progress-percent { display: inline-block; font-size: 14px; left: 0; margin-left: auto; margin-right: auto; position: absolute; right: 0; text-align: center; top: 3px; }
.campus-module-manager-progress .fiftytwo { color: #ffffff; }
.campus-module-manager-progress-detail .campus-module-manager-progress { margin-top: 2px; }
.campus-module-manager-progress-detail .campus-module-manager-progress-bar {
    background-color: #cecece;
    background: -ms-linear-gradient(bottom,#cecece,#dfdfdf);
    background: -moz-linear-gradient(bottom,#cecece,#dfdfdf);
    background: -o-linear-gradient(bottom,#cecece,#dfdfdf);
    background: -webkit-gradient(linear,left bottom,left top,from(#cecece),to(#dfdfdf));
    background: -webkit-linear-gradient(bottom,#cecece,#dfdfdf);
    background: linear-gradient(bottom,#cecece,#dfdfdf);
    height: 20px;
}
.campus-module-manager-progress-detail .campus-module-manager-progress-percent { font-size: 13px; top: 2px; }
.campus-module-manager-progress-detail .fiftytwo { color: #2a2a2a; }
.campus-module-manager-progress-guide { display: block; font-size: 12px; margin-top: 3px; text-align: center; }
a.campus-module-manager-progress-guide { color: #121212; margin-top: -5px; margin-bottom: 10px; }
.campus-module-manager-expiry-notification { background: #DDFFDD; border: 1px solid #009900; box-sizing: border-box; margin-top: 2px; padding: 5px; text-align: center; width: 100%; }
.campus-module-manager-expiry-notification.medium { background: #ffffe0; border: 1px solid #e6db55; }
.campus-module-manager-expiry-notification.high { background: #ffcccc; border: 1px solid #ff0000; }

.mm-overview-unit, .mm-overview-task, .mm-overview-tool { border-bottom: 1px solid #e2e2e2; clear: both; color: #121212; display: block; }
.mm-overview-unit-name, .mm-overview-task-name, .mm-overview-tool-name { margin-left: 30px; padding: 5px; }
.mm-overview-unit { background: #dddddd; min-height: 50px; }
.mm-overview-task { background: #f7f7f7; min-height: 43px; padding-left: 30px; }
.mm-overview-tool { min-height: 29px; padding-left: 60px; }
.campus-module-manager-overview .tool-mode { font-weight: bold; }
.module-manager-print { display: block; font-size: small; margin-bottom: 10px; text-align: center; width: 100%; }

.unit-hidden, .task-hidden { border: 2px solid #ff0000 !important; }

.module-manager-link-preview-expanded { display: none; }
.module-manager-link-preview .expand, .module-manager-link-preview .contract { cursor: pointer; }
.activity-link-container .module-manager-link-preview { min-height: 40px; }

@media screen and (max-width: 650px) {
    .unit-header { height: 83px; }
    .unit-header .unit-status-link { display: block; width: 100%; }
    .unit-header .unit-header-ctrls { width: 100%; box-sizing: border-box; margin-top: -6px; }
    .unit-header .unit-header-ctrls .unit-target-date { float: left; }
    .unit-header .unit-header-ctrls .unit-toggle { float: right; margin-top: -4px; }
    .campus-module-manager .unit-status-link, .task-header .task-name { padding-top: 5px; }
    .campus-module-manager .unit-status-link { height: 50px; }
    .unit-header .unit-target-date { margin-left: 5px; }
    .campus-module-manager .task-header { position: relative; }
    .task-header .task-header-ctrls .task-toggle { position: absolute; bottom: 5px; right: -7px; }
    .task-header .task-status-link { padding-bottom: 20px; }
    .campus-module-manager .tool-status-ctrls { display: block; width: 100%; float: unset; }
    .tool-status-ctrls .status-dropdown { width: calc(100% - 80px); }
    .campus-module-manager .tool-name { padding: 0 0 10px 38px; }
    .campus-module-manager .task-resources { float: unset !important; border-left: none !important; padding: 0 0 10px !important; }
}