@charset "UTF-8";
html,body {
	color: #063a58;
}
body#full {
	background-color: #CCC;
}
/* backgrounds */
.sparkbg0 {
	background-color: #ced2d3; /* lighter less saturated version of sparkbglight */
}

.sparkbg,#current-tab,.current_cat_index,a.cat_num:hover,a.cat_num:active,a.sparkbg:link,a.sparkbg:visited {
	background-color: #fff!important;
}
.sparkbg1,div.sliderbg,table.list th,a.btn:link,a.btn:visited,#progress-bar {
	background-color: #acb5b6;
    color:#063a58;
}
.sparkbg2,a.btn:hover,a.btn:active,a.bgdarker:link,a.bgdarker:visited {
	background-color: rgba(0,0,0,0.3);
	color:#fff;
}
.sparkbg3,div.sliderbg div,table.ratingScaleView,table.ratingScaleView td,a.bgdarker:hover,a.bgdarker:active {
	background-color: #063a58;
	color:#fff;
}
.sparkbglight,#wo-ok-button,.collaborative {
	background-color:#81a1b5;
}
.ui-datepicker {
	background-color: #acb5b6;
}
.btn.disabled {
	background-color:#c2c9ca !important;
	color:rgba(0,0,0,0.3)!important;
}
.bgclear {
	background-color: transparent;
}

.list tbody tr:nth-child(even) {
	background-color: rgba(0,0,0,0.05);
}
.list tbody tr:hover, .list tbody tr.hover {
	background-color: rgba(0,0,0,0.1);
}
.list.clickable tr:hover, .list.clickable tr.hover {
	background-color: #063a58;
	color:#fff;
}

#main {
    box-shadow: #00000070 0px 0px 10px 0px;
}
div#leftPanel {
	background-color: rgba(0,0,0,.1);
}
#assessment-info-panel {
	background-color:#acb5b6;
	color:#063a58;
}
/*#acb5b6; grey with blue text*/
/*#063a58; blue with white text*/
#assessment-info-panel a.btn {
	background-color:#fff;
	color:#063a58;
}
.header-btns a.btn {
	background-color:#fff;
	color:#063a58;
}
.header-btns a.btn:hover {
	background-color:#063a58;
	color:#fff;
}
.fixed-footer,.lti-prompt {
	background-color:#FAC709;
}
.wo-dialog-btn {
	color: black;
}
select {
	border: 1px solid rgba(0,0,0, 0.6);
}
#wo-cancel-button {
	background-color:#CCC;
}
#wo-overlay-title {
	border-top-color:#eee;
	border-bottom-color:#444;
	/* gradient from  sparkbg1 to sparkbglight ie darker to lighter*/
	background-image: linear-gradient(bottom, #063a58 0%, #81a1b5 100%);
	background-image: -o-linear-gradient(bottom, #063a58 0%, #81a1b5 100%);
	background-image: -moz-linear-gradient(bottom, #063a58 0%, #81a1b5 100%);
	background-image: -webkit-linear-gradient(bottom, #063a58 0%, #81a1b5 100%);
	background-image: -ms-linear-gradient(bottom, #063a58 0%, #81a1b5 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #063a58),
		color-stop(1, #81a1b5)
	);
}
#wo-overlay-content a {
	color:#063a58;
}
#progress-indicator {
	background-color:#EC532A; /* same as hilite color */
}

.logout,.spark_button {
	background-color: #063a58;
	color: #FFF;
}
input.spark_button:hover,input.logout:hover {
	background-color: #731d85;
}
/* **************************************************************** */
input[type="text"]:disabled, input[type="text"]:read-only,input[type="password"]:disabled, input[type="password"]:read-only {
	background:transparent;
	color:#063a58;
	border:none;
}
.spark_button.disabled {
	background-color:#999;
}
div#sbj_list {
	background-color: white;
}

hr.sectionHeader {
	background-color:white;
	border:0
}
hr {
	background: rgba(0,0,0,0.4);
}
a.btn.sorted {
	color:#fff;
}
ul.multiple-select {
	background-color: white;
	border: 1px solid rgba(0,0,0,0.3);
}
ul.multiple-select li {
	color: black;
}
ul.multiple-select li:hover, ul.multiple-select li.hover {
	background-color:#ddd;
}
ul.multiple-select li.selected {
	background-color:#005EAF;
	color:white;
}
/* student search popup panel */
#search-results tr.selected {
	color:#fff;
	background-color: #005EAF;
}
#search-result-container {
	background-color:#fff;
	border:1px solid rgba(0,0,0,0.8);
	color: black;
}
#task-nav {
	border-bottom-color:rgba(0,0,0,0.30);
}
#task-nav a {
	border-left-color: rgba(0,0,0,0.30);
	border-right-color: rgba(0,0,0,0.30);
	border-top-color: rgba(0,0,0,0.30);
	color:rgba(255,255,255,0.50);
}
#task-nav a:hover {
	color:#fff;
}
#task-nav a.current-task-nav {
	color:#063a58;
}
table.result-table {
	background-color:#FFFFFF;
	border-color: #666;
	color:#000000;
}
table.result-table td,table.result-table th {
	border-color: #666;
}
tr.student td {
	background-color:#CCCCCC;
}
tr.category td {
}
table.result-table a.info {
	color:#000;
	border-bottom-color:#000;
}
.sort-handle {
	color: black;
	background-color: #ddd;
}
/* task list filters */
.filter-current {
	background-color:#00A77D; /* same as or similar to assessment */
}
.filter-future {
	background-color:#FAC709; /* same as or similar to pre-assessment */
}

.h-resizer {
	background-color:#999;
	border-right-color:#222;
	border-left-color:#ccc;
}
.sectionHeader {
	border-bottom-color: rgba(0,0,0,0.3);
}
.sub-nav {
	border-left-color: rgba(0,0,0,0.3);
	border-right-color: rgba(0,0,0,0.3);
	border-top-color: rgba(0,0,0,0.3);
}

.sub-panel {
	border-bottom-color: rgba(0,0,0,0.3);
}

#wo-overlay-title h1 {
	color:#fff;
}
#error-message {
	background-color: #000;
}
.quotationBlock {
	background-color: white;
	color:black;
}
.logout,.spark_button {
	border-top-color: #fff;
	border-left-color: #fff;
	border-right-color: #000;
	border-bottom-color: #000;
}
.selectionPanel {
	/*background-color:rgba(0,0,0,.1);*/
}
.subSectionHead span {
	color:#fff;
}
#progress-bar {
	border-top-color:#555;
	border-right-color:#fff;
	border-bottom-color:#fff;
	border-left-color:#555;
}

div.sliderbg div {
	color:#fff;
	border-left-color:#fff;
}
div.sliderBlocker {
	background-color:rgba(0,0,0,0.25);
	color:white;
}
div.sliderbg.unused {
	border-color:#f00;
}
textarea.team-member-comment {
	border:1px solid rgba(0,0,0,0.25);
	color:#333;
}
textarea.team-member-comment.not-enough-words, textarea.categorycomment.not-enough-words {
	border:2px solid #e00;
}
textarea.team-member-comment.enough-words, textarea.categorycomment.enough-words {
	border:2px solid #0c0;
}
textarea.team-member-comment.too-many-words, textarea.categorycomment.too-many-words {
	border:4px solid #e60;
}
.comment-area .charcount {
	color:#666;
}
.comment-area:has(.not-enough-words) .charcount {
	color:#700;
}
.comment-area:has(.enough-words) .charcount {
	color:#080;
}
.comment-area:has(.too-many-words) .charcount {
	color:#b80;
}
@media only screen and (max-width: 660px) {
	div#rightPanel {
		border-top-color:white;
	}
}
a.info,.info {
	border-bottom-color:#063a58;
	cursor:help;
}

/*===================================================================
	BORDERS
===================================================================*/
table.list tr.studrow td,.fixed-footer {
	border-top-color:#888;
}
tr.group-end td {
	border-bottom-color:#81a1b5;/* sparkbglight */
}
table.list th,table.ratingScaleView,table.ratingScaleView td {
	border-color:#AcB5B6;/* sparkbg */
}
div.sliderbg {
	border-top-color:#063a58; /* sparkbg2 */
	border-right-color:#fff;
	border-bottom-color:#fff;
	border-left-color:#063a58; /* sparkbg2 */
}
.current_cat_index {
	border-color:#063a58;
}
.ui-state-active {
	border-color:#063a58;
}
.ui-state-highlight {
	border-color:#a86242;
}
a.btn:link,a.btn:visited {
}

/* file upload page*/
.tab-nav {
	border-top-color:transparent;
	border-bottom-color:transparent;
	border-left-color:rgba(255,255,255,0.5);
	background-color:#acb5b6;
}
.tab-nav:first-child {
	border-left-color:transparent;
}
.tab-nav:last-child {
	border-right-color:transparent;
}
.tab-nav.active-btn {
	background-color: #EC532A;
	color:white;
}
/*===================================================================
	STYLE UPLOAD GROUPS FROM OTHER TASK
===================================================================*/
table.list-selector tbody tr:hover {
	background-color: #ccc;
}
table.list-selector tbody td {
	border-top-color: #ccc;
}

/*===================================================================
	STYLE COPY PASTE UPLOAD
===================================================================*/
textarea.text-upload {
	background-color: #ccc;
}
textarea.text-upload:focus {
	background-color: white;
	border:1px solid #ccc;
}
table.spreadsheet {
	border-top-color:#ccc;
	border-right-color:#ccc;
}
table.spreadsheet td,table.spreadsheet th {
	border-left-color:#ccc;
	border-bottom-color:#ccc;
}
table.spreadsheet th.sort-cell {
	background-color: #999;
}
#spreadsheet-search {
	border-color: rgba(0,0,0,0.4);
}

.btn-cell {
	background-color: rgba(0,0,0,0.4);
}
.undo-delete-btn {
	background-color: red;
	color:white;
}
.undo-delete-btn::before {
	color:white;
}
.undo-delete-btn.no-undo {
	background-color: #5a7d80;
}
.sort-btn {
	background-color: #00f;
}
.sort-btn::before {
	color: white;
}
th.spreadsheetSortUp .sort-btn,th.spreadsheetSortDown .sort-btn {
	background-color: red;
}
.row-num-cell {
	background-color: rgba(0,0,0,0.4);
}
.cell-input {
	background-color: transparent;
}
table.spreadsheet tbody tr:hover {
	background-color: #ccc;
}
.contains_search {
	background-color: #ff0!important;
}
.cell-input:focus { 
	background-color: #ffc!important;
	color:#333!important;
}
.not-needed {
	background-color: rgba(0,0,0,0.4);
}
.not-needed .cell-input {
	color: #eee;
}


/*===================================================================
	TEXT
===================================================================*/
body {
	color: #063a58;
}
a {
	color: rgba(6,58,88,1.00);
}
a.ui-priority-secondary {
	color: rgba(6,58,88,0.5);
}
.errorText {
	color: #EC135B;
}
.errorField {
	background-color: #EC135B!important;
	color:white;
}
.errorField::placeholder {
	color:white;
}
.errorInput {
	border:1px solid #EC135B;
}
#task-list span.sort-handle.published {
	color:black;
    background-color:lime;
}
#task-list span.sort-handle.Inactive {
    background-color:#EC135B;
}
.alert {
	color: #EC135B;
}
.subSectionHead {
	color: #5C176A;
	font-size:18px;
}
.pre-group-formation {
	color:#00AAD6;
}
.group-formation {
	color:#54B946;
}
.pre-assessment {
	color:#FAC709;
}
.assessment {
	color:#00A77D;
}
.post-assessment,.hilite {
	color:#EC532A;
}
.published {
	color:lime;
}
a.sorted,th.headerSortUp a,th.headerSortDown a,th.headerSortUp,th.headerSortDown {
	color:#063a58;
}
#wo-alert-msg,#wo-confirm-msg {
	color:#000;
}
#wo-ok-button {
	
}
#login_logo #version {
	color:#acb5b6;
}
td.form p b {
	color:#063a58;
}
#load-counter {
	color:#acb5b6;
}
span#current-page {
	font-weight:bold;
	color:#EC532A;
}


#wo-alert-msg {
	/*background:url(../img/exclamation.png) no-repeat top left;
	padding-left:36px;*/
}