body {
	font-family:"Open Sans","Helvetica Neue", sans-serif;
	color:#333;
}

#loginAlert, #instructionsAlert {
	border-left:none;
	border-right:none;
	border-top:none;
	border-radius: 0;
	-webkit-border-left:none;
	-webkit-border-right:none;
	-webkit-border-top:none;
	-webkit-border-radius: 0;
	margin-top:-1px;
	border-bottom:1px solid #aaa;
	margin-bottom:0px;
}

.text-gray {
	color:#aaa;
}

.text-orange {
	color:#ffa700 !important;
}

.text-black {
	color:#000000 !important;
}

.text-darkgray {
	color:#454545 !important;
}

.text-purple {
	color:#bf00ff;
}

.text-aqua {
	color:#00f6ff	;
}

.bg-lightgray {
	background:#f1f1f1;
}
.bg-red {
	color:white;
	background-image: -webkit-linear-gradient(top, #d9534f 0, #c12e2a 100%);
	background-image: -o-linear-gradient(top, #d9534f 0, #c12e2a 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
	background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%);

	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
	filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
}

.label-white {
	background-color: white;
	color: #999;
	border: 1px solid #bbb;
}

.label-gradesbox {
	font-size:1em;
	padding-left:0.5rem;
	padding-right:1rem;
}

.label-gradesbox span {
	padding-left:0.5rem;
	padding-right:0.5rem;
	color:#ccc;
}

.label-dashboardreqbox {
	font-size:1.2rem;
	display:inline-block;
	width:100%;
	height:3.5rem;
	line-height:2.7rem;
	cursor:pointer;
}

.label-dashboardreqbox:hover {
	color:#454545;

	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}

.panel-bitdarker {
	border:1px solid #ccc;
}

.panel-bitdarker:not(.panel-success) > .panel-heading {
	border-color:#ccc;
	background:#ddd;
}

.panel-darker {
	border:1px solid #aaa;
}

.panel-darker > .panel-heading, .bg-darker {

	color:#666;
	text-shadow:0px 1px 1px rgba(255,255,255,1);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,bbbbbb+100 */
	background: rgb(221,221,221); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0%, rgba(187,187,187,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(100%,rgba(187,187,187,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(187,187,187,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(187,187,187,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(187,187,187,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(221,221,221,1) 0%,rgba(187,187,187,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-8 */
}

.noresults {
	text-align: center;
	color:#666;
	font-style: italic;
}

.button-white {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,ffffff+0,f6f6f6+47,f7f7f7+100 */
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(247,247,247,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(0%,rgba(255,255,255,1)), color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(247,247,247,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(247,247,247,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */

}

.btn-purple {
	color:white;
	border: 1px solid rgb(155, 76, 157);

	background: rgb(229,112,231); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1NzBlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2M4NWVjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhODQ5YTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(229,112,231,1) 0%, rgba(200,94,199,1) 47%, rgba(168,73,163,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 ); /* IE6-8 */
}

.btn-purple:hover {
	color:white;
	background: rgba(180, 74, 182, 1);
	border: 1px solid rgba(108, 59, 109, 1);

}

.button-flat {
	border-color: transparent;
	float: right;
	margin-right: -16px;
	margin-top:-11px;
	height:39px;
	width:39px;
	background:transparent;
	box-shadow:none;
	margin-left: 0.75rem;
}
.button-flat:hover {
	border-color: transparent;
	background: rgba(0, 0, 0, .25) !important;
}

.button-flat.selected {
	box-shadow: inset 0rem 0rem 2rem rgba(0, 0, 0, .4);
	color: rgba(255, 255, 255, .65);
}

.button-flat.selected.lighter {
	/* box-shadow: inset 0rem 0rem 2rem rgba(0, 0, 0, .4); */
	color: rgba(255, 255, 255, .65);
	background: rgba(255, 255, 255, .235);
	position: relative;
	top: 4px;

	height: 31px;
}

.button-flat.narrow {
	width: auto;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	margin-right: 0;
	margin-left: 0.2rem;
}

.panel-heading .button-flat.narrow:first-child {
	margin-right:-16px;
}

.panel-default .panel-heading .button-flat {
    color:#666;
    text-shadow:none;
}

.panel-default .panel-heading .button-flat:hover {
    color:white;
    text-shadow: none;

}


.button-borderless {
	border-color: transparent;
	color: #333;
	background: #fff;
	box-shadow:none;
}

.subpanel-heading .button-borderless {
	position:absolute;
	right:7px;
	top:7px;
	background:transparent;
}

.subpanel table.table {
	margin-bottom:0;
	margin-top:-1px;
}

.subpanel table.table tbody tr:first-child td {
	x-border-top:none;
}

.subpanel table.table tbody tr td {
	border-top:1px dotted #ddd;
}

.panel-gray-gradient {
	border-color:#bbb;
}

.panel-gray-gradient > .panel-heading {
	color:#999;
	text-shadow:0px 1px 0px white;
	border-color:#bbb;
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */

}

.panel-overlay {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:2em;
	opacity:0.35;
	padding:0.25em;
	-webkit-transition: all 0.05s linear;
}

.panel:hover .panel-overlay {
	opacity:1;
	background:rgba(0,0,0,.5);
	-webkit-transition: all 0.05s linear;
}

.student-card {
	position:relative;
}

.barberpole-bg {
    background: #eee;
    background: -webkit-linear-gradient(-45deg, transparent 25%, #eee 25%, #eee 50%, transparent 50%, transparent 75%, #eee 75%);
	background-size: 20px 20px;
	-webkit-animation: barberpole 20s infinite linear;
	color:#666;
	font-weight:bold;
	text-shadow:0px 0px 1px rgba(255,255,255,1);
}

@-webkit-keyframes barberpole {
	from {background-position: 0%;}
	to {background-position: 100%;}
}

.subpanel {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: -1px -15px;
}

.panel .subpanel:first-child {
    margin-top: -15px;
    border-top: none;
}

.panel .subpanel:last-child {
    margin-bottom: -16px;
	border-bottom:none;
}


.subpanel .subpanel-heading {
    background: #fafafa;
    padding: 1px 13px;
    border-bottom: 1px solid #ddd;
}

.subpanel .subpanel-heading h4 {
    font-size: 0.9em;
    color: #999;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 1)
}

.subpanel-heading.group-met h4 {
	color:limegreen;
}

.subpanel .subpanel-body {
    padding: 8px 13px;
}

.subpanel .subpanel-body:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.requirement-box {
    float: left !important;
    margin-right: 6px;
}

div.requirement-or {
	font-size: 1rem;
	font-weight: bold;
	color: #777;
	text-align: center;
	position: absolute;
	top: -1rem;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;

	background: #ddd;
	padding: 0.25rem;
	width: 4rem;
	border: 1px solid #ccc;
	border-radius:1rem;
}


footer.table-footer {
	position: absolute;
	margin-top: 1rem;
	text-align: center;
	width: 100%;
	font-size: 1.2rem;
	color: #999;
}

.table.table-hover tbody tr:hover td {
	background: #FFFFE3;
}

.requirement-orange {
	color:orange;
	x-webkit-text-stroke:1px rgba(0,0,0,.25);
}

.requirement-red {
	-webkit-text-stroke:1px rgba(0,0,0,.35);
	color:red;
}

.requirement-green {
	color:rgb(54, 223, 54);;
	-webkit-text-stroke:1px rgba(0,0,0,.25);
}

.glyphicon-unchecked {
	-webkit-text-stroke:1px rgba(0,0,0,0);

}

.requirement-lightblue {
	color:lightsteelblue;
	-webkit-text-stroke:1px rgba(0,0,0,.15);
}

.requirement-lightgray {
	color:#aaa;
}

.optional-well {
	clear:both;
	margin: 25px -14px -9px;
	padding-left: 12px;
	background-color: white;
	background-image: none;
	box-shadow: none;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: rgb(204, 204, 204);
}

.optional-well:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


.subpanel-heading span.group-met {
	display:none;
}

.subpanel-heading.group-met span.group-met {
	display:inline-block;
	color:limegreen;
}

.input-xs {
	height: 25px;
	padding: 3px 10px;
	font-size: 10px;
	line-height: 1.5;
	border-radius: 3px;
}

select.input-xs {
	height:25px;
	line-height: 25px;
}

.badge-white {
	background: white;
	border:1px solid #ddd;
	color:#999;
	text-shadow: none;
	font-weight: normal;
}

.badge-status-dot {
	height: 1.25rem;
	line-height: 1.25rem;
	width: 1.25rem;
	padding: 0;
}

.badge-status-dot.small {
	height: 1rem;
	line-height: 1rem;
	width: 1rem;
	padding: 0;

}

.badge-status-dot.orange {
	background-color:darkorange !important;
}

.badge-status-dot.green {
	background-color: rgb(0, 200, 0) !important;
}

.badge-status-dot.gray-o {
	background-color:white !important;
	border:2px solid gray;
}

.badge-status-dot.skyblue {
	background-color: skyblue !important;
}

.badge-status-dot.construction {
	background: repeating-linear-gradient(90deg, yellow, yellow 53%, #666 1px, #666 100%);
	border: 1px solid #333;
}

.badge-status-dot.checkered {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACZJREFUGBljZGBg+A/EyIARmcOEzMHGplwBin1QK1DcRLkVBE0AAHxTAg4YJFzbAAAAAElFTkSuQmCC);
	border: 1px solid #333;
}

.badge-square {
	border-radius:0.4rem;
}

.badge-faded-zero {
	background:white;
	border:1px solid #ccc;
	color:#ccc;
}

.subpanel-heading .input-number {
	display: none;
}

.subpanel-heading .badge-number {
	display: inline-block;
}

.subpanel-heading.edit-number .input-number {
	display: inline-block;
}

.subpanel-heading.edit-number .badge-number {
	display: none;
}

.subpanel-heading .input-label {
	display: none;
}

.subpanel-heading .badge-label {
	display: inline-block;
}


.subpanel-heading.edit-label .input-label {
	display: inline-block;
}

.subpanel-heading.edit-label .badge-label {
	display: none;
}

.container-fluid ol.breadcrumb {
	margin-top:10px;
	border:1px solid #ddd;
}

.breadcrumb span.lifted {
	position: relative;
	top: -.3rem;
}

.breadcrumb > li.floatright {
	float:right;
}

.breadcrumb > li + li.floatright::before {
	content:"";
}

.grading-toggle span.toggle-handle {
	width:30px;
}

.grading-toggle label.toggle-off {
	color:#999;
}

.grading-toggle {
	margin-top:-2px;
}

.grading-toggle label.toggle-on {
	text-shadow:0px 1px 0px rgba(0,0,0,.5);
}

.breadcrumb-navbar {
	margin-top:-20px;
	font-size:0.8em;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	border-radius:0;
	color:#999;
}

.breadcrumb-navbar > .active {
	font-weight:bold;
	color:#666;
}

li.grade-requirement a {
	display:none;
}

li.grade-requirement:hover a {
	display:inline-block;
}

.student-card {
	cursor: pointer;
}

.student-card .panel-body {
	height:10em;
}



.student-card.hasPicture .panel-body:first-child > span {
	opacity:0;
}

.student-card.hasPicture .panel-body:first-child {
	-webkit-filter:grayscale(1) opacity(0.35);
	filter:grayscale(1) opacity(0.35);
	-webkit-transition: all 0.05s linear;
}

.student-card.hasPicture:hover .panel-body:first-child {
	-webkit-filter:grayscale(0) opacity(1);
	filter:grayscale(0) opacity(1);
	-webkit-transition: all 0.05s linear;
}

.student-card:hover {
	border-color:#888;
}


td.indented-subrequirement {
	position:relative;
	vertical-align:middle !important;
	padding-left:2em !important;
}
td.indented-subrequirement::before {
	content:"";
	background:#eee;
	width:1.5em;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	border-right:1px solid #ddd;
}

.completeRowBackground {
	x-background:greenyellow !important;
	border-left:5px solid #bbb;
}

.passRowBackground {
	x-background:greenyellow !important;
	border-left:5px solid limegreen;
}

.badge-pass {
	background: limegreen;
	color: white;
	padding: 0.5rem 1rem;
	border:1px solid rgba(0,0,0,.25);
}


/*
tr.passRowBackground td:first-child {
	position: relative;
	padding-left: 1.25rem
}
tr.passRowBackground td:first-child::before {
	content: "\f00c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1rem;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: limegreen;
	color: white;
	position: absolute;
	text-align: center;
	padding: 0.35rem 0.35rem 0.5rem;
	left: -1.1rem;
	top: 1rem;
	border-radius: 1.25rem;
    width:2rem;
    height:2rem;
}
*/

.noPassRowBackground {
	x-background:lightpink !important;
	border-left:5px solid red;
}

.badge-noPass {
	background: red;
	color: white;
	padding: 0.5rem 1rem;
	border:1px solid rgba(0,0,0,.25);
}

/*

tr.noPassRowBackground td:first-child {
	position: relative;
	padding-left: 1.25rem
}
tr.noPassRowBackground td:first-child::before {
	content: "\f00d";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.6rem;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: red;
	color: white;
	position: absolute;
	text-align: center;
	padding: 0.15rem 0.35rem 0.35rem 0.35rem;
	left: -1.15rem;
	top: 0.9rem;
	border-radius: 2rem;
}
*/

/*
tr.progressingRowBackground td:first-child {
	position: relative;
	padding-left: 1.25rem
}
*/
.progressingRowBackground {
	x-background:gold !important;
	border-left:5px solid gold;
}

.badge-progressing {
	background: gold;
	color: rgba(0, 0, 0, .5);
	padding: 0.5rem 1rem;
	border:1px solid rgba(0,0,0,.25);
}
/*
tr.progressingRowBackground td:first-child::before {
	content: "\f054";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: gold;
	color: white;
	position: absolute;
	text-align: center;
	padding: 0.35rem;
	left: -1.25rem;
	top: 1rem;
	border-radius: 1.25rem;
}
*/


.cursor-pointer {
	cursor:pointer;
}

.recentitem:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#999999+0,555555+100 */
background: rgb(153,153,153); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(85,85,85,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(85,85,85,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(153,153,153,1) 0%,rgba(85,85,85,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#555555',GradientType=0 ); /* IE6-8 */
}

.silent-link {
	color:inherit;
	text-decoration: none;
	cursor:pointer;
}

.silent-link:hover {
	text-decoration: underline;
}

textarea.seamless {
	border:0;
	box-shadow:none;
	outline:0;
	resize:vertical;
}

input.seamless {
	border:0;
	box-shadow:none;
	outline:0;
	border-radius:0;
	-webkit-border-radius:0;
	box-shadow: none;
	-webit-box-shadow: none;
}

div.input-group.seamless .input-group-addon {
	border-radius:0;
	border:none;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

textarea.seamless:focus {
	box-shadow: none;
	-webit-box-shadow: none;
}

input.secret-disabled {
	background:transparent !important;
	color:black !important;
	border:none !important;
	box-shadow:none !important;
}

.button-heading {
	float:right;
	margin-right:-10px;
	margin-top:-4px;
}

input.inheader {
	width: auto;
	background-color: rgba(0, 0, 0, 0.15);
	color: white;
	border-color: rgba(0, 0, 0, 0.25);
	margin:-10px 10px -10px -15px !important;
	padding:5px 15px 5px 15px !important;
	font-size: 1.5rem;
	height:3.5rem;
}

.btn-default-white {
	color: #888;
	background-image: none;
	background-color: white;
	background:white;
	border-color: #adadad;
}

.btn-default-white:focus {
	box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
}

.btn-default-white:active {
	color: black;
	background-color: #ddd;
	border-color: #adadad
}

.btn-default-white:hover {
	color: black;
	background-color: #ddd;
	border-color: #adadad
}

.btn-red-outline {
	color: #d9534f;
	background-image: none;
	background-color: transparent;
	border-color: #d9534f
}

.btn-red-outline:focus {
	box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
}

.btn-red-outline:active {
	color: #fff;
	background-color: #d9534f;
	border-color: #d9534f
}

.btn-red-outline:hover {
	color: #fff;
	background-color: #d9534f;
	border-color: #d9534f
}

.annotation-source {
	font-size: 1.2rem;
	color: #888;
	border-left: 2px solid #aaa;
	padding-left: 1rem;
	margin-left: 2rem;
	margin-top: 0.5rem;
	font-style: italic;
}

table.annotations tr td:first-child {
	width:10rem;
	border-right: 1px dashed #ddd !important;
}

table.annotations tr td:nth-child(2) {
	padding-left:1rem;
}

table.annotations td.trello-action {

}

table.annotations td.trello-action p {
	margin-left:3rem;
	text-indent: -3rem;
}

table.annotations td header {
	font-size:1.1rem;
	margin:-8px -8px 1rem -1rem;
	padding:1rem;
	color:#888;
	border-bottom:1px solid #ddd;

	background:#f6f6f6;
}

table.annotations td header button {
	margin-top:-4px;
	margin-right:-3px;
}

table.annotations td header span.label {
	font-weight:normal;
}

table.annotations td header span.label:first-child {
}

table.annotations td header span.label:nth-child(2) {
	border-radius:2rem;
	margin-left:0.5rem;
	margin-right:0.5rem;
	font-size:1rem;
	padding:0;
	background:#bbb;
	color:white;
	text-align: center;
	padding-left:0.4rem;
	padding-right:0.3rem;
}

table.annotations td header span.label:nth-child(3) {
}

.annotation-date {
	position: relative;
	height: 100%;
	min-height: 7rem;
}

.annotation-date div:nth-child(1) {
	position:absolute;
	font-size:1rem;
	top:0.2rem;
	left:0;
	right:0;
	color:rgba(0,0,0,.5);
	text-align:center;
}


.annotation-date div:nth-child(2) {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 1.7rem;
	font-size: 2.4rem;
	color:#666;
}

.annotation-date div:nth-child(3) {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 0.3rem;
	font-size:1rem;
	color: rgba(0,0,0, .45);
}


/* ------------------------------------------------------------ */




.flip-container {
	-webkit-perspective:1000;
}
.flip-container,.card-front,.card-back {
	width:100%;
	height:10.5em !important;
}

.flipper {
	-webkit-transition:0.6s;
	-webkit-transform-style: preserve-3d;
	position:relative;
}

.card-front,.card-back {
	-webkit-backface-visibility: hidden;
	position:absolute;
	top:0;
	left:0;
}
.card-front {
	z-index: 2;
	-webkit-transform:rotateY(0deg);
}
.card-back {
	-webkit-transform: rotateY(180deg);
}

/* .flip-container:hover .flipper, .flip-container.hover .flipper {*/
.flip-container.show-back .flipper {
	-webkit-transform:rotateY(180deg);
}

.badge-extension {
	background: peru;
	border: 1px solid peru;
	x-background: crimson;
	x-border: 1px solid crimson;
	color: white;
	margin-right: 10px;
	padding-right:0.5rem;
	padding-left:0.5rem;
}

.badge-extension-text {
	x-display: inline-block !important;
	font-weight: normal;
	font-size:1.1rem;
	position:relative;
	bottom:0.1rem;
	padding-left:0.4rem;
	padding-right:0.2rem;
}

.badge-parent-extension {
	background: white;
	border: 1px solid peru;
	color: peru;
	x-border: 1px solid crimson;
	x-color: crimson;
	margin-right: 10px;
	padding-right:0.5rem;
	padding-left:0.5rem;
}

.badge-token {
	background:white;
	border:1px solid  #aaa;
	color:#aaa;
	margin-right:10px;
}

.badge-token-big {
	background:white;
	border:2px solid #aaa;
	color:#aaa;
	font-size:3rem;
	width:5rem;
	border-radius:2rem;
	font-weight:normal;
	margin-top: .5rem;
	margin-right: .5rem;
}

.badge-token-red {
	background-color: crimson;
	color: white;
	border-color: white;
	box-shadow: 0px 0px 7px rgba(255, 0, 0, .75);
}


.badge-grade {
	background:white;
	border:1px solid  #aaa;
	color:#aaa;
	margin-right:0px;
}

.student-card:hover .badge-grade {
	background:limegreen;
	border:1px solid green;
	color:white;
	text-shadow:0px 1px 1px rgba(0,0,0,1);
}


.badge-token.collapsed span {
	display:none;
}

.badge-token.expanded span {
	display:inline;
}

.sort-field {
	text-decoration: underline;
}

.extension-fineprint {
	font-size:1rem;
	font-weight: normal;
	x-color:red;
}

.btn-flag-red {
	color:#a94442 !important;
}

.btn-flag-orange {
	color:#ffa700 !important;
}


.btn-flag-blue {
	color:#337ab7 !important;
}

.btn-flag-green {
	color:#3c763d !important;
}

.btn-flag-gray {
	color:#454545 !important;
}

.btn-flag-purple {
	color:#bf00ff !important;
}

.btn-flag-red.flagged {
	background-image: -webkit-linear-gradient(top, #d9534f 0, #c12e2a 100%);
	background-image: -o-linear-gradient(top, #d9534f 0, #c12e2a 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
	background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
	filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #b92c28;
	color: white !important;
	text-shadow: none !important;
}

.btn-flag-orange.flagged {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
	background: rgb(255,175,75); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWY0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjkyMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-8 */
	border-color: #b92c28;
	color: white !important;
	text-shadow: none !important;
}


.btn-flag-blue.flagged {
	background-image: -webkit-linear-gradient(top, #337ab7 0, #265a88 100%);
	background-image: -o-linear-gradient(top, #337ab7 0, #265a88 100%);

	background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
	background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
	filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #245580;
	color: white !important;
	text-shadow: none !important;
}

.btn-flag-green.flagged {
	background-image: -webkit-linear-gradient(top, #5cb85c 0, #419641 100%);
	background-image: -o-linear-gradient(top, #5cb85c 0, #419641 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
	background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
	filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #3e8f3e;
	color: white !important;
	text-shadow: none !important;
}

.btn-flag-gray.flagged {
	background: rgba(170,170,170,1);
	background: -moz-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(119,119,119,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(170,170,170,1)), color-stop(100%, rgba(119,119,119,1)));
	background: -webkit-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(119,119,119,1) 100%);
	background: -o-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(119,119,119,1) 100%);
	background: -ms-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(119,119,119,1) 100%);
	background: linear-gradient(to bottom, rgba(170,170,170,1) 0%, rgba(119,119,119,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#777777', GradientType=0 );
	border:1px solid #666;
	color: white !important;
	text-shadow: none !important;
}

.btn-flag-purple.flagged {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc42ff+0,bf00ff+47,700099+100 */
	background: rgb(204,66,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjNDJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2JmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MDAwOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(204,66,255,1) 0%, rgba(191,0,255,1) 47%, rgba(112,0,153,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(204,66,255,1) 0%,rgba(191,0,255,1) 47%,rgba(112,0,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(204,66,255,1) 0%,rgba(191,0,255,1) 47%,rgba(112,0,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc42ff', endColorstr='#700099',GradientType=0 ); /* IE6-8 */	border:1px solid #666;
	border:1px solid #bf00ff;
	color: white !important;
	text-shadow: none !important;
}

.m-l-half {
	margin-left:0.5rem !important;
}

.m-l-1 {
	margin-left:1rem !important;
}

.m-l-2 {
	margin-left:2rem !important;
}


.m-b-neghalf {
	margin-bottom:-0.5rem !important;
}

.m-b-0 {
	margin-bottom:0rem !important;
}

.m-b-half {
	margin-bottom:0.5rem !important;
}


.m-b-1 {
	margin-bottom:1rem !important;
}

.m-b-2 {
	margin-bottom:2rem !important;
}

.m-r-0 {
	margin-right:0 !important;
}

.m-r-half {
	margin-right:0.5rem !important;
}

.m-r-1 {
	margin-right:1rem !important;
}

.m-r-2 {
	margin-right:2rem !important;
}

.p-l-1 {
	padding-left:1rem !important;
}

.p-r-1 {
	padding-right:1rem !important;
}

.p-x-half {
	padding-right:0.5rem !important;
	padding-left:0.5rem !important;
}

.p-x-1 {
	padding-right:1rem !important;
	padding-left:1rem !important;
}

.p-b-2 {
	padding-bottom:2rem;
}

.p-t-0 {
	padding-top:0 !important;
}

.p-t-1 {
	padding-top:1rem !important;
}

.p-t-2 {
	padding-top:2rem !important;
}

.p-y-1 {
	padding-top:1rem !important;
	padding-bottom:1rem !important;
}

.p-y-2 {
	padding-top:2rem !important;
	padding-bottom:2rem !important;
}


.p-r-1half {
	padding-right:1.5rem !important;
}

.m-y-1 {
	margin-top:1rem;
	margin-bottom:1rem;
}

.m-t-1 {
	margin-top:1rem !important;
}

.m-t-2 {
	margin-top:1rem !important;
}

.m-t-threequarters {
	margin-top:0.75rem !important;
}

.form-group.tighter {
	margin-bottom:0.5rem;
}

.modal.rounded-top .modal-content {
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.modal.rounded-top .modal-header {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.modal-header.bg-lightgray {
	background: #f1f1f1;
	color: #666;
	border-bottom: 1px solid #ccc;
}

.modal-header.subheader {
	margin-top:-2rem;
	border-top:1px solid #ccc;
}

.search-header {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 1.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left:15px;
	font-weight:bold;
	background: #f1f1f1;
	margin-left:-15px;
	margin-right:-15px;
	margin-top:1rem;
}

[kb-item] {
    cursor: pointer;
}
[kb-item].kb-selected {
}
[kb-item]:active {
    outline:none;
}

.search-institution-name {
	font-weight:bold;
}
.search-course-title {
	font-size:1.1rem;
}




div.row.spreadsheet {

}

div.row.spreadsheet > div {
	padding-right:0;
	padding-left:0;
}

div.row.spreadsheet > div:first-child {
	padding-left:1.5rem;
}


div.row.spreadsheet > div:last-child {
	padding-right:1.5rem;
}


div.row.spreadsheet > div > div.panel {
	border-radius:0;
	border-right-width: 0px;
}

div.row.spreadsheet > div > div.panel > div.panel-heading {
	border-radius:0;
}

div.row.spreadsheet > div:last-child > div.panel  {
	border-right-width: 1px;
}


@media (min-width: 2000px) {

	.col-xxl-force-show {
		border-right:1px solid #f1f1f1;
		height:100vh;
	}

	.col-xxl-force-show.no-border {
		border-right:none !important;
	}

	.col-xxl-force-show.ng-hide {
		display:inline-block !important;
	}
}

/* ------------------------------------------------------------------------------------- */

div#dayHeader.affix-top {

}

div#dayHeader.affix {
	position:fixed !important;
	width:100vw !important;
	top:0px !important;
}


div#calendar {
	width:91vw;
	margin-left:4.5vw;
	margin-top:1vw;
}

div#calendar div.dayHeader {
	z-index:999;
	position:relative;
}

div#calendar div.dayHeader > div {
	background:#e6e6e6;
	width:13vw;
	float:left;
	display:inline-block;
	margin-left:-1px;
	border:1px solid #ccc;
}

div#calendar div.dayHeader > div > div {
	padding: 0.5rem 0.5rem 0.5rem 0.4rem;
	font-weight:bold;
	color:#888;
}

div#calendar div.day {
	border:1px solid #ccc;
	background: #f9f9f9;
	width:13vw;
	display:inline-block;
	margin-top:-1px;
	margin-left:-1px;
	height:15rem;
	position:relative;
}
div#calendar div.day.today {
	border-color:#337ab7;
	background: rgba(51, 122, 183, 0.1);
	z-index:1000;
}


div#calendar div.day:hover {
}


div#calendar div.day div.month {
	font-size:1.2rem;
	background-color:#454545;
	position:absolute;
	width:15rem;
	font-weight:bold;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-x-height:1.5em;
	left:-1.5em;
	bottom:-1.5em;
	border:1px solid #454545;
	color:white;
	text-align: center;
	margin-bottom:-2px;
	margin-left:-1px;
	opacity:1;
	z-index:1000;
}

div#calendar div.day div.number {
	padding: 0.5em .5rem .2rem;
	font-size:1rem;
}

div#calendar div.day.oddMonth {
	background:white;
}

div#calendar div.day div.event {
	width:50%;
	max-height:3.5em;
	height:3.5em;
	font-size:0.75em;
	float:left;
	padding:0.25em;
	background:#bbb;
	color:#666;
	overflow: hidden;
	outline:none;
}

div#calendar div.day div.event div.campus {
	opacity:0.35;
}

div#calendar div.day div.event:hover div.campus {
	opacity:1;
}

div#calendar div.day div.event div.start {
	float:right;
	opacity:0.35;
}

div#calendar div.day div.event:hover div.start {
	opacity:1;
}

div#calendar div.day div.event div.title {
	clear:left;
}


div#calendar div.day div.event.elearning {
	color:#3c763d;
	background:#dff0d8;
}

div#calendar div.day div.event.milestone {
	color:white;
	background:#aaa;
}

div#calendar div.day div.event.idel {
	color:#8a6d3b;
	background:#fcf8e3;
}

div.eventOnCalendar {
	float: left;
	font-size: 1.2rem;
	margin-top:0.25rem;
	margin-left: 1vw;
	margin-right: 1vw;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	width: 11vw;
	padding: 0.5rem;
	border-radius: 0.6rem;
	text-align: center;
}

div.eventOnCalendar.requirement {
	background:#c12e2a;
	color:white;
	cursor: pointer;
}

div.eventOnCalendar.otherEvent {
	background:#bbb;
	color:white;
}

div.eventOnCalendar.extension {
	background:white;
	x-color:red;
	x-border:1px solid red;
	color:peru;
	border:1px solid peru;
	cursor: pointer;
}


@media screen and (max-width: 768px) {
	.day {
		width:92vw !important;
	}

	div#calendar div.day div.month {
		position:static;
		width:92vw;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		left:0;
		bottom:0;
		margin-bottom:0;
		margin-left:-1px;
		height: 3rem;
		font-size: 1.5rem;
		padding-top: 0.4rem;
	}

	div.eventOnCalendar {
		float: none;
		margin-top:0.5rem;
		margin-left: 2vw;
		margin-right: 2vw;
		width: auto;
	}


}


.earnedTokenTools {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:1px;
	background:white;
	padding:8px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.earnedTokenTools.over {
	z-index:2;
	cursor:pointer;

}
.earnedTokenTools.over.slideRight {
	border:1px solid #ddd;
	border-left-color: transparent;
	top: -1px;
	bottom: -1px;
}

.earnedTokenTools.under {
	z-index:1;
}

.hypothesis-icon {
	width:1.5rem;
	margin-left:0.5rem;
	margin-top:-0.2rem;
}

.hypothesis-button {
	margin-left:0;
	width:1.25rem;
	margin-top:0;
}

.btn-info > img.hypothesis-button {
	filter: invert() contrast(500%) brightness(500%);
}

.modal-content table.table {
	margin-bottom:0;
}

.modal-content table.table td,.modal-content table.table th {
	padding-top:1.25rem;
	padding-bottom:1.25rem;
}

.modal-content table.table td:first-child,.modal-content table.table th:first-child {
	padding-left:1.5rem;
}

.student-score-grid {
	display: flex !important;
	flex-wrap: wrap;
	align-items: start;
}

@media (min-width: 1600px) {
	.student-score-grid > div {
		flex-basis: 15vw;
		margin-right: 3rem;
	}

}

@media (min-width: 2000px) {
	.student-score-grid > div {
		flex-basis: 10vw;
		margin-right: 4rem;
	}

}


.student-score-grid > div.panel > div.panel-heading {
	background:white !important;
	color:#666;
	border-bottom-color: #eee;
	font-weight:bold;
}

.student-score-grid > div.panel > div.panel-heading.photo {
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center !important;
	height: 15rem;
	filter: grayscale(1) opacity(.35);
}

.student-score-grid > div.panel:hover > div.panel-heading.photo {
	filter: grayscale(0) opacity(1);
}

.student-score-grid > div.panel > div.panel-footer {
	background:white !important;
	color:#777;
	border-top-color: #eee;
	opacity:0.25;
}

.student-score-grid > div.panel:hover > div.panel-footer {
	opacity:1;
}

.student-score-grid > div.panel > div.panel-heading.noPassRowBackground {
	border-left: none;
	border-bottom:5px solid red;
}

.student-score-grid > div.panel > div.panel-heading.completeRowBackground {
	border-left: none;
	border-bottom:5px solid #bbb;
}

.student-score-grid > div.panel > div.panel-heading.passRowBackground {
	border-left: none;
	border-bottom:5px solid limegreen;
}

.student-score-grid > div.panel > div.panel-heading.progressingRowBackground {
	border-left: none;
	border-bottom:5px solid gold;
}

tr.over {
	border:2px dashed orange;
}

.drag {
    opacity:0.25;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ddd !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ddd !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ddd !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ddd !important;
}

::placeholder {
    color:#ddd !important;
}

.label-logo {
	border:2px solid #00f6ff;
	color:white;
	box-shadow: 0 0 1rem rgba(0, 0, 0, .75);
	border-radius:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
	background: rgb(125,126,125); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-8 */
}

.text-justified {
	text-align: justify;
	-webkit-hyphens:auto;
	hyphens:auto;
	-ms-hyphens:auto;
}

.no-hyphens {
	-webkit-hyphens:none;
	hyphens:none;
	-ms-hyphens:none;

}

.font-weight-bold {
	font-weight: bold !important;
}

h1 {
	color:black;
}

div#page-background {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(/images/iStock-597963342.jpg) no-repeat center;
	z-index: -1;
	background-size: cover;
	opacity: 0.2;
	filter: blur(0.35rem);
}

div#page-footer {
	background:#000;
	color:white;
}