/**
 * Summit Education - CBT CSS File
 *
 * Summit Logo Colors:
        Grey/black: #231F20
        Red:        #B20838
        Blue:       #1A2674
        Green:      #7B7000
        Yellow:     #FDB813
 */



/*Animation*/

/* make keyframes that tell the start state and the end state of our object */

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fade-in {
	opacity: 0; /* make things invisible upon start */
	-webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}

	.fade-in.one {
		-webkit-animation-delay: 0.7s;
		-moz-animation-delay: 0.7s;
		animation-delay: 0.7s;
	}

	.fade-in.two {
		-webkit-animation-delay: 1.2s;
		-moz-animation-delay: 1.2s;
		animation-delay: 1.2s;
	}

	.fade-in.three {
		-webkit-animation-delay: 1.6s;
		-moz-animation-delay: 1.6s;
		animation-delay: 1.6s;
	}

/*=== FADE IN DOWN ===*/
@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

/*=== Trigger  ===*/
.animate {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/*Page*/



html, body {
	min-height: 100vh;
	color: #363636;
	font-size: 1rem; /*16px*/
	font-family: "source-sans-pro",sans-serif;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
	/*background: #c7e6f5;*/ /* Old browsers */
	/*background: -moz-linear-gradient(top, #c7e6f5 10%, #989bcc 100%);*/ /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, #c7e6f5 10%,#989bcc 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, #c7e6f5 10%,#989bcc 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e6f5', endColorstr='#989bcc',GradientType=0 ); /* IE6-9 */
}

	body.authentication,
	body.home {
		background: url(/Images/bg-kids-2.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

h1.logo {
	margin: 0;
	padding: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

h2 {
	font-size: 24px;
}

input,
textarea,
select {
	color: #363636 !important;
}

/*Login*/
section#loginForm {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
}

#logo-full {
	display: none;
}

.authentication #logo-full {
	display: block;
	width: 275px;
}

.authentication.changepasswordurl #logo-full {
	margin-top: 10vh;
}

.home #logo-full {
	display: block;
	margin: 2rem auto 3rem;
	width: 200px;
}

#student-list {
	margin-top: 1rem;
}

@media only screen and (orientation : landscape) {
	.home #logo-full {
		margin: 1rem auto 1.5rem;
		width: 250px;
	}
}

.btn-pit-form {
	position: relative;
	top: 13px;
	color: #fff !important;
}

.btnPitForm {
	color: #fff !important;
}

section#loginForm .login-box {
	padding: 20px;
	color: #fff;
	font-size: 0.875em;
	background: rgba(30, 40, 108, 0.5);
	width: 20rem;
	border-radius: 4px;
}



section#loginForm legend {
	color: #fff;
	font-size: 1.5em;
	font-weight: 700;
	margin-bottom: 20px;
	border: none;
}

section#loginForm .editor-field {
	margin-bottom: 10px;
}

	section#loginForm .editor-field input {
		width: 100%;
		border: 1px solid #ddd;
		padding: 5px 8px;
		color: #363636;
	}

section#loginForm .editor-label.remember-me {
	margin-top: 23px;
	/*  Nick Calarco, 11/10/17 - removed float to make room for CV */
	/*float: left;*/
}

section#loginForm .button {
	margin-top: 20px;
	float: right;
}

.panel .editor-label {
	clear: both;
}

.editor-label label {
	font-size: 0.875rem;
}

.greeting h2 {
	font-size: 1.5rem;
	font-weight: normal;
	text-align: center;
	margin: 0.5rem 0 0;
}

.greeting .btn-group {
	vertical-align: top;
	border-radius: 4px;
	padding: 0.5rem 1rem;
	margin-top: -0.5rem;
	margin-left: 0.25rem;
	background: rgba( 255, 255, 255, 0.3);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3)
}

	.greeting .btn-group a {
		cursor: pointer;
		color: #363636;
	}

		.greeting .btn-group a:hover {
			text-decoration: none;
		}

/*Dashboard*/
ul.sections {
	box-sizing: border-box;
	counter-reset: item;
	list-style: none;
	margin: 0 -15px;
	padding: 0 1px;
	background: #B7BEEE;
}

	ul.sections li {
		background-color: #B7BEEE;
		border: none;
		box-sizing: border-box;
		display: block;
		float: left;
		/*margin: 1px 0 0 1px;*/
		padding: 0.5px;
		width: 25%;
		height: 50%;
		text-align: center;
	}

.student-info p {
	font-size: 0.75rem;
}

.student-links ul.sections {
	margin-top: -2px;
}

	.student-links ul.sections li {
		background-color: transparent;
		border: none;
	}

		.student-links ul.sections li a {
			color: #363636;
			display: block;
			background-color: rgba(255,255,255, 0.3);
			padding: 1rem;
			border-radius: 4px;
			margin: 2px;
		}

			.student-links ul.sections li a h3 {
				font-size: 1rem;
				font-weight: 700;
			}

			.student-links ul.sections li a p {
				font-size: 0.75rem;
			}

.student-links .bg-circle-icon {
	width: 6rem;
	height: 6rem;
	background-color: #666d99;
	border-radius: 500px;
	margin: 0 auto 0.5rem;
	transition: all 0.3s ease;
	/*margin: 1rem;
    float: left;*/
}


.accordion-group {
	box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
	border-radius: 4px;
	padding: 1rem;
	margin-bottom: 0.25rem;
	padding: 0.25rem !important;
}


.accordion-toggle {
	padding: 0.5rem;
	transition: all 0.3s ease;
	cursor: pointer;
	/*box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);*/
	border-radius: 4px;
	display: block;
	min-height: 3rem;
}

.accordion-domains .accordion-toggle:after {
	content: "\e114";
	font-family: 'Glyphicons Halflings';
	top: 0.5rem;
}


.accordion-toggle.collapsed {
	cursor: pointer;
	box-shadow: none;
	background-image: none;
	background: #fff;
}

	.accordion-toggle.collapsed .btn-group {
		display: none;
	}

.accordion-toggle .btn-group {
	margin-top: 1.9rem;
	margin-right: 0.75rem;
	display: block;
}

#accordion .student-link.checked {
	border: 1px solid #fff;
	border-radius: 4px;
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
	background-color: #b6c2df;
}


#accordion .student-link {
	border: 1px solid transparent;
	background-color: transparent;
	/*border: 1px solid #fff;
    background: rgba( 255, 255, 255, 0.5);*/
	border-radius: 4px;
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
}

#accordion .panel-heading {
	font-size: 1.25rem;
	border-bottom: 1px solid #fff !important;
	background-color: #b6c2df !important;
	color: #60689b;
	border-radius: 4px 4px 0 0;
	margin: -1rem -1rem 1rem -1rem;
}

#accordion .panel-collapse {
	background: rgba( 255, 255, 255, 0.5);
}


/*.accordion-toggle.collapsed:after {
        content: "\e252";
        font-family: 'Glyphicons Halflings';
        position: absolute;
        right: 1.5rem;
        top: 3.75rem;
        color: #60689b;
        font-size: 2rem;
    }

.accordion-toggle:after {
        content: "\e253";
        font-family: 'Glyphicons Halflings';
        position: absolute;
        right: 1.5rem;
        top: 3.75rem;
        color: #60689b;
        font-size: 2rem;
    }*/

.accordion-toggle:hover {
	cursor: pointer;
}

ul.sections li a {
	color: #fff;
	display: block;
	background-color: #8285aa;
	padding: 1rem;
}


ul.sections li:hover a {
	text-decoration: none;
}

	ul.sections li:hover a .bg-circle-icon {
	}

ul.sections li a h3 {
	font-size: 1.25vw;
	font-weight: 700;
}

ul.sections li a p {
	font-size: 0.75rem;
}



ul.sections li:only-child {
	width: 100%;
}

ul.sections li:first-child:not(:only-child):not(:nth-last-child(2n)):not(:nth-last-child(3n)):not(:nth-last-child(5n))::after {
	/* length not matched below */
}

ul.sections li:nth-last-child(2n):first-child,
ul.sections li:nth-last-child(2n):first-child ~ li {
	/* list can be divided by 2 */
	width: 50%;
}

ul.sections li:nth-last-child(3n):first-child,
ul.sections li:nth-last-child(3n):first-child ~ li {
	/* list can be divided by 3 */
	width: 33.33%;
	height: 50%;
}


ul.sections li:nth-last-child(4n):first-child,
ul.sections li:nth-last-child(4n):first-child ~ li {
	/* list can be divided by 4 */
	width: 25%;
}

@media only screen and (orientation : portrait) {


	/*ul.sections li:first-child:not(:nth-last-child(2n)):not(:nth-last-child(3n)):not(:nth-last-child(4n)) {
        width: 100%;
    }*/

	.home li:nth-last-child(7n):first-child,
	.home li:nth-last-child(7n):first-child ~ li {
		width: 25%;
	}


	.home li:nth-last-child(n+5) {
		width: 33.3% !important;
	}

	.home ul.sections li a h3 {
		font-size: 1.25rem;
		font-weight: 700;
	}
}


@media only screen and (orientation : landscape) {

	ul.sections li:nth-last-child(5n):first-child,
	ul.sections li:nth-last-child(5n):first-child ~ li {
		/* list can be divided by 5 */
		width: 20%;
		height: 100%;
	}

	ul.sections li:nth-last-child(6n):first-child,
	ul.sections li:nth-last-child(6n):first-child ~ li {
		/* list can be divided by 6 */
		width: 16.66%;
		height: 100%;
	}

	.home li:nth-last-child(7n):first-child,
	.home li:nth-last-child(7n):first-child ~ li {
		/* list can be divided by 7 */
		width: 14.28%;
		height: 100%;
	}
}

/*Divide the content in main and nav areas*/
@media only screen and (orientation : portrait) {

	.thirty-8 {
		/*width: 100vw;*/
		height: 40vh;
		/*position: absolute;
        top: 0;*/
	}

	.sixty-2 {
		/*width: 100vw;*/
		/*height: 62vh;*/
		/*position: absolute;
        top: 38vh;
        left: 0;
        overflow: hidden;*/
		position: absolute;
		bottom: 0;
	}
}

@media only screen and (orientation : landscape) {


	.thirty-8 {
		/*width: 100vw;*/
		/*height: 62vh;*/
		height: 50vh;
		position: absolute;
		top: 0;
	}

	.sixty-2 {
		/*width: 100vw;*/
		/*height: 38vh;*/
		position: absolute;
		bottom: 0;
	}
}



/* Force the sides to stack on login screen */
.authentication .thirty-8 {
	/*width: 100vw;*/
	height: 38vh;
	/*position: absolute;
    top: 0;*/
}

.authentication .sixty-2 {
	/*width: 100vw;*/
	height: 62vh;
	/*position: absolute;
    top: 38vh;
    left: 0;
    overflow: hidden;*/
}


.authentication.changepasswordurl .sixty-2 {
	/*width: 100vw;*/
	height: 75vh;
	/*position: absolute;
    top: 38vh;
    left: 0;
    overflow: hidden;*/
}


/*.lessonplan .sixty-2 {
    top: 0;
    height: 100vh;
    overflow: auto;
}*/

.validation-summary-valid {
	position: absolute;
}

.student-container {
	margin: 0 -1rem 1rem;
}

#student-list a {
	color: #363636;
}

	#student-list a:hover {
		text-decoration: none;
	}

.form-group {
	padding: 1rem 0 0;
}

/*UI Checklist Updates*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid #B7BEEE !important;
	background: #B7BEEE !important;
	font-weight: normal;
	color: #2d306c !important;
}

.ui-multiselect-checkboxes label {
	padding: 3px 6px !important;
}

	.ui-multiselect-checkboxes label input {
		margin-right: 3px;
	}

.ui-multiselect span.ui-icon {
	margin-top: 0.25rem;
}

/*End*/

.col-special {
	border-left: 1px solid #60689b;
	padding-left: 30px;
}

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

.panel-filter {
}

	.panel-filter .hidden-md .saveNewLessonBtn {
		margin-top: 0;
	}

	.panel-filter .saveNewLessonBtn {
		margin-top: 1.8rem;
	}

.panel .mulit-select {
	width: 91%;
	margin: 1rem auto 0;
}

	.panel .mulit-select button {
		width: 100% !important;
	}


.panel select.selected-students,
.panel select.selected-lesson-plans {
	margin: 1rem;
	border-radius: 2px;
	width: 91%;
	margin: 1rem auto 0.5rem;
}

#masteredPlans-div {
	width: 91%;
	margin: 0 auto;
}

	#masteredPlans-div label.checkbox {
		margin-top: 0;
		margin-left: 20px;
	}

.medium-tall-textbox input {
	height: 5rem;
}

.tall-textbox {
	height: 10rem;
}

.student-table-div h3 {
	margin-top: 0 !important;
}

.panel {
	box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
	border: none;
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 1rem;
	position: relative;
}

	.panel .control-group {
		margin-bottom: 1.5rem;
	}

	.panel.student-rows {
		background: rgba(255, 255, 255, 0.3);
		margin-bottom: 0.75rem;
	}

.panel-score .panel-header .row {
	margin-left: -15px;
	margin-right: -15px;
}

.panel-score .panel-header .step-target-div > .row {
	margin-left: 0;
}

.panel-score .panel-header .row.single-select {
	margin-right: 0;
}

.panel-score .panel-header select {
	margin-bottom: 0;
	font-size: 0.75rem;
}

.accordion-body .panel {
	margin: 0 0.75rem 0.5rem;
	/*border: 1px solid #B7BEEE;*/
}

.panel h2 {
	margin-top: 0;
}

.panel.panel-tight {
	padding: 0;
}

.panel.panel-flat {
	border-radius: 0;
	padding: 0;
}

	.panel.panel-flat .panel-header {
		border-radius: 0;
	}

.panel-buttons {
	padding-bottom: 1rem;
}

.key {
	margin-top: 1rem;
}

.panel .table-wrapper {
	margin-bottom: 0;
}

.panel .table {
	margin: 0 /*-8px*/; /*Offsets the extra padding of table cells*/
	/*width: auto;*/
}

.panel-flat .table {
	margin: 0;
}

.panel .table.dataTable {
	margin: 0 auto;
}


.descriptive-details.panel-header {
	background: #888db6;
	border-radius: 4px 4px 0 0;
	padding: 8px 1rem;
	color: #fff;
	margin: -1rem -1rem 1rem;
}

.panel-header {
	background: #888db6;
	border-radius: 4px 4px 0 0;
	padding: 8px;
}

	.panel-header a {
		color: #fff;
		font-size: 1rem;
	}

	.panel-header .btn {
		min-width: 8rem;
	}

	.panel-header h2 {
		color: #fff;
		font-size: 1.6rem;
		font-weight: 700;
		margin: 0;
		padding: 3px 10px 2px;
	}

	.panel-header h3 {
		color: #fff;
		font-size: 1rem;
		margin: 0;
		padding: 3px 10px 2px;
	}

#scoreTable .panel-content {
	background: #fff;
	border-radius: 0 0 4px 4px;
	font-size: 0.875rem;
}

#scoreTable .info .panel-content {
	background-color: #f8ead9;
	/*border: 1px dotted #60689b;*/
	border-top: none;
}

.panel-content {
	padding: 10px;
}

.top-border-score {
	border-top: 1px dashed #fff;
	margin-top: 0.75rem;
	padding-top: 0.75rem;
}

	.top-border-score:first-child {
		border: none;
		margin-top: 0;
		padding-top: 0;
	}

.top-border-special {
	border-top: 1px dashed #B7BEEE;
	margin-top: 0.75rem;
	padding-top: 0.75rem;
}

	.top-border-special.behavior {
		margin-top: 3.75rem;
	}

	.top-border-special a.btn {
		margin-top: 12px;
		margin-bottom: 5px;
	}

	.top-border-special .radio-toggle-group {
		margin-bottom: 1.25rem;
	}

.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	color: #363636;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #8bdaff;
	border-radius: 10px;
}

.person-small .bg-circle-icon.center-content,
.center-content {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none;
}




/*Circle button*/
i.circle-button {
	display: block;
	width: 2rem;
	height: 2rem;
	background-color: #60689b;
	text-align: center;
	line-height: 2rem;
	border-radius: 500px;
}

/* Grid Buttons */
.btn-sm-primary {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	border-color: #60689b;
	background-color: #60689b;
	color: white !important;
}

.btn-sm-danger {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	border-color: #e86c82;
	background-color: #e86c82;
	color: white !important;
}

	.btn-sm-primary.disabled, .btn-sm-danger.disabled {
		filter: grayscale(95%);
		cursor: not-allowed;
	}

i.circle-button.icon-remove {
	color: #fff;
	background-color: #e86c82;
}

/*User*/
.person-small {
}

	.person-small div {
		float: left;
	}

	.person-small .bg-circle-icon {
		width: 2rem;
		height: 2rem;
		background-color: #60689b;
		margin: 0;
	}

		.person-small .bg-circle-icon.user {
			background-image: url(/Images/user-w.png);
			/*background-image: 
                linear-gradient(transparent, transparent),
                url(/Images/user-w.svg);*/
			background-repeat: no-repeat;
			background-position: center 3px;
			background-size: 100%;
		}

		.person-small .bg-circle-icon.info-sheet {
			background-image: url(/Images/info-sheet.png);
			/*background-image: 
                linear-gradient(transparent, transparent),
                url(/Images/user-w.svg);*/
			background-repeat: no-repeat;
			background-position: center 7px;
			background-size: 55%;
		}



		.person-small .bg-circle-icon.print {
			background-image: url(/Images/printer@2x.png);
			/*background-image: 
                linear-gradient(transparent, transparent),
                url(/Images/user-w.svg);*/
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 75%;
		}

		.person-small .bg-circle-icon.edit {
			background-image: url(/Images/edit.png);
			/*background-image: 
                linear-gradient(transparent, transparent),
                url(/Images/user-w.svg);*/
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 60%;
		}

		.person-small .bg-circle-icon.add {
			background-image: url(/Images/add-lessonplan.png);
			/*background-image: 
                linear-gradient(transparent, transparent),
                url(/Images/user-w.svg);*/
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 60%;
		}

		.person-small .bg-circle-icon.scoresheet {
			background-image: url(/Images/settings-w.png);
			/*background-image: 
                linear-gradient(transparent, transparent),
                url(/Images/user-w.svg);*/
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 60%;
		}

	.person-small .user-name {
		line-height: 34px;
		margin-left: 0.5rem;
	}

.inline-link-list {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	float: right;
}

	.inline-link-list a {
		margin-left: 1rem;
		display: block;
		float: left;
	}

/*Student*/
.person-medium {
}

	.person-medium div {
		text-align: center;
	}

	.person-medium .bg-circle-icon {
		width: 5rem;
		height: 5rem;
		background-color: #d28e99;
		transition: all 0.3s ease;
	}

	.person-medium:hover .bg-circle-icon {
		transform: scale(1.2);
	}

	.person-medium .bg-circle-icon.student-icon {
		background-image: url(/Images/user-w.png);
		/*background-image: 
                linear-gradient(transparent, transparent),
                url(/Images/user-w.svg);*/
		background-repeat: no-repeat;
		background-position: center 0.6vw;
		background-size: 100%;
		box-shadow: 0 0 0 3px #fff, 0px 3px 8px rgba(0, 0, 0, .3);
	}

	.person-medium .student-name {
		font-size: 0.875rem;
		line-height: 1.3;
		color: #363636;
		text-shadow: 0px 1px 1px rgba(255, 255, 255, .5);
	}

	.person-medium .student-first-name {
		font-size: 0.875rem;
		line-height: 1.3;
		color: #363636;
		text-shadow: 0px 1px 1px rgba(255, 255, 255, .5);
		display: inline;
	}

	.person-medium .student-last-name-cv {
		font-size: 0.875rem;
		line-height: 1.3;
		color: transparent;
		text-shadow: 0 0 5px rgba(0,0,0,0.5);
		display: none;
		float: left;
		text-align: unset;
	}

/* Group*/
.group-medium {
	position: relative;
}

	.group-medium div {
		padding: 1vw;
	}

	.group-medium .rect-icon {
		width: 8rem;
		height: 8rem;
		background-color: #000;
	}

		.group-medium .rect-icon.group {
			background-image: url(cog.png);
			background-image: linear-gradient(transparent, transparent), url(user-w.svg), url(user-w.svg), url(user-w.svg);
			background-repeat: no-repeat;
			background-position: 1vw 1vw, center 1vw, 5vw 1vw;
			background-size: 40% 40%;
		}

	.group-medium .group-name {
		font-size: 1.5w;
		background: #fff;
		width: 10vw;
		height: 5.5vw;
		position: absolute;
		top: 4.5vw;
		border-radius: 0 0 4px 4px;
	}

/*Icons*/

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 10px dashed;
	border-top: 10px solid\9;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.sections a:hover .bg-circle-icon {
	transform: scale(1.2);
}

.bg-circle-icon {
	width: 7rem;
	height: 7rem;
	background-color: #666d99;
	border-radius: 500px;
	margin: 1rem auto;
	transition: all 0.3s ease;
	overflow: hidden;
	/*margin: 1rem;
    float: left;*/
}

	.bg-circle-icon img {
		width: 100%;
		height: auto;
	}

.accordion-toggle .bg-circle-icon {
	margin: 0.5rem 1rem 0.5rem 0.5rem;
	float: left;
}

.accordion-toggle .user-name {
	text-align: left;
	float: left;
	line-height: 6.25rem;
	font-size: 24px;
}

.bg-circle-icon.admin-icon {
	background-image: url(/Images/cog-w.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(/Images/cog-w.svg);*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}

.bg-circle-icon.scoresheet-icon {
	background-image: url(/Images/settings-w.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(/Images/settings-w.svg);*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}

.bg-circle-icon.attendance-icon {
	background-image: url(/Images/contact-book-w.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(/Images/contact-book-w.svg);*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}

.bg-circle-icon.alerts-icon {
	background-image: url(/Images/alert.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(alert.svg);*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}

.bg-circle-icon.edit-alerts-icon {
    background-image: url(/Images/edit-alert.png);
    /*background-image: 
        linear-gradient(transparent, transparent),
        url(edit-alert.svg);*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%;
}

.bg-circle-icon.student-icon {
	background-image: url(/Images/user-w.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(user-w.svg);*/
	background-repeat: no-repeat;
	background-position: center 35%;
	background-size: 60%;
}

.bg-circle-icon.lesson-plan-icon {
	background-image: url(/Images/add-lessonplan.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(/Images/add-lessonplan.svg);*/
	background-repeat: no-repeat;
	background-position: 63% center;
	background-size: 60%;
}

.bg-circle-icon.reports-icon {
    background-image: url(/Images/reports.png);
    /*background-image: 
        linear-gradient(transparent, transparent),
        url(/Images/reports.svg);*/
    background-repeat: no-repeat;
    background-position: 63% center;
    background-size: 60%;
}

.bg-circle-icon.activePlansReport-icon {
    background-image: url(/Images/reports.png);
    background-repeat: no-repeat;
    background-position: 63% center;
    background-size: 60%;
    border: 2px solid lawngreen;
}

.bg-circle-icon.steptargetReport-icon {
    background-image: url(/Images/report-stepstargets.png);
    background-repeat: no-repeat;
    background-position: 63% center;
    background-size: 60%;
    border: 2px solid yellow
}

.bg-circle-icon.nxperweekReport-icon {
    background-image: url(/Images/report-nxperweek.png);
    background-repeat: no-repeat;
    background-position: 57% center;
    background-size: 64%;
    border: 2px solid firebrick
}

.bg-circle-icon.domainReport-icon {
    background-image: url(/Images/report-domain.png);
    background-repeat: no-repeat;
    background-position: 51% center;
    background-size: 76%;
    border: 2px solid darkorange
}

.bg-circle-icon.revisionReport-icon {
    background-image: url(/Images/report-revision.png);
    background-repeat: no-repeat;
    background-position: 56% center;
    background-size: 71%;
    border: 2px solid deepskyblue;
}

.bg-circle-icon.masteryReport-icon {
    background-image: url(/Images/report-mastery.png);
    background-repeat: no-repeat;
    background-position: 51% center;
    background-size: 66%;
    border: 2px solid indigo;
}

/*Student Section*/
.bg-circle-icon.edit-curriculum-icon {
	background-image: url(/Images/edit-curriculum.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(edit-curriculum.svg);*/
	background-repeat: no-repeat;
	background-position: 63% center;
	background-size: 60%;
}

.bg-circle-icon.view-curriculum-icon {
	background-image: url(/Images/view-curriculum.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(view-curriculum.svg);*/
	background-repeat: no-repeat;
	background-position: 63% center;
	background-size: 60%;
}

.bg-circle-icon.upcoming-icon {
	background-image: url(/Images/upcoming.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(upcoming.svg);*/
	background-repeat: no-repeat;
	background-position: 58% center;
	background-size: 60%;
}

.bg-circle-icon.student-assessment-icon {
	background-image: url(/Images/student-assessment.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(student-assessment.svg);*/
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size: 60%;
}

.bg-circle-icon.progress-icon {
	background-image: url(/Images/progress.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(progress.svg);*/
	background-repeat: no-repeat;
	background-position: 53% center;
	background-size: 60%;
}

.bg-circle-icon.affected-lessonplan-icon {
	background-image: url(/Images/affected-lessonplan.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(affected-lessonplan.svg);*/
	background-repeat: no-repeat;
	background-position: 63% center;
	background-size: 60%;
}

/*Admin*/
.bg-circle-icon.user-icon {
	background-image: url(/Images/user-account.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(user-account.svg);*/
	background-repeat: no-repeat;
	background-position: 50% 45%;
	background-size: 60%;
}

.bg-circle-icon.approval-icon {
	background-image: url(/Images/checkmark.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(checkmark.svg);*/
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size: 60%;
}

.bg-circle-icon.lesson-plan-priority-icon {
	background-image: url(/Images/lesson-plan-priority.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(lesson-plan-priority.svg);*/
	background-repeat: no-repeat;
	background-position: 63% center;
	background-size: 60%;
}

.bg-circle-icon.curriculum-icon {
	background-image: url(/Images/curriculum.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(curriculum.svg);*/
	background-repeat: no-repeat;
	background-position: 63% center;
	background-size: 60%;
}

.bg-circle-icon.assessment-config-icon {
	background-image: url(/Images/assessment-config.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(assessment-config.svg);*/
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size: 60%;
}

.bg-circle-icon.assessment-questions-icon {
	background-image: url(/Images/assessment-questions.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(assessment-questions.svg);*/
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size: 60%;
}

.bg-circle-icon.relationships-icon {
	background-image: url(/Images/relationships.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(relationships.svg);*/
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size: 60%;
}

.bg-circle-icon.definition-icon {
	background-image: url(/Images/definition.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(definition.svg);*/
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size: 60%;
}

.bg-circle-icon.holiday-icon {
	background-image: url(/Images/holiday.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(holiday.svg);*/
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size: 60%;
}

/*Curriculum*/
.bg-circle-icon.config-icon {
	background-image: url(/Images/config.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(config.svg);*/
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size: 60%;
}

.bg-circle-icon.bank-icon {
	background-image: url(/Images/bank.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(bank.svg);*/
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size: 60%;
}

.section-text {
	/*float: left;*/
	/*width: 30vw;*/
}

/*Content*/

.row {
	margin-left: 0;
	margin-right: 0;
}

.additional-selections {
	margin-left: -15px;
	margin-right: -15px;
}

.container {
	padding: 0 15px;
}

.authentication .content,
.home .content {
	width: auto;
	min-height: 100vh;
}

.authentication .main-holder,
.home .main-holder {
	margin-top: 0;
}

.home .main-holder {
	min-height: 100vh;
}

.section-header {
	background: #60689b;
	color: #fff;
	position: fixed;
	min-height: 72px;
	width: 100%;
	top: 54px;
	left: 0;
	z-index: 999;
}

	.section-header h2 {
		font-weight: 700;
		padding: 0 15px 15px;
		margin: 0;
		float: left;
		font-size: 24px;
	}

	.section-header div.btn-group {
		padding: 0 15px;
	}

/*.section-header + div*/ .main-content {
	margin-top: 94px;
}

.navOrganization {
	float: none !important;
	margin-top: 61px !important;
}

.breadcrumb {
	background: none;
	border-radius: 0;
	margin: 0;
	padding-top: 12px;
	padding-bottom: 0;
	position: relative;
	font-size: 0.75rem;
	color: #fff;
	z-index: 10;
}

	.breadcrumb a {
		color: #97cff3;
	}

.descriptive-details {
	font-size: 0.875rem;
}

/* Tabs */

.nav-tabs {
	border: none;
}

.section-header .nav-tabs {
	position: absolute;
	bottom: 0;
	right: 30px;
}

.nav-tabs > li {
	margin-bottom: 0;
}

	.nav-tabs > li > a,
	.nav-tabs > li > label {
		margin-right: 2px;
		margin-bottom: 0;
		line-height: 1.42857143;
		border: none;
		border-radius: 0;
		color: #fff;
		background-color: #888cb6;
		height: 44px;
		margin-top: 28px !important;
		font-weight: 700;
		cursor: pointer;
	}

.nav > li > a,
.nav > li > label {
	position: relative;
	display: block;
	padding: 10px 15px;
	transition: color .3s;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > label:hover {
	background-color: #888cb6;
	color: #2d306c;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover,
.nav-tabs > li.active > label, .nav-tabs > li.active > label:focus, .nav-tabs > li.active > label:hover,
#optionStudent:checked ~ .nav-tabs > li#optionStudent-tab > label,
#optionGroup:checked ~ .nav-tabs > li#optionGroup-tab > label {
	color: #2d306c;
	cursor: default;
	background-color: #c7e6f5;
	border: none;
}

#optionOrganization:checked ~ .nav-tabs > li#optionOrganization-tab > label,
#optionPIT:checked ~ .nav-tabs > li#optionPIT-tab > label {
	color: #2d306c;
	cursor: default;
	background-color: #c7e6f5;
	border: none;
}

.fa-chk::before {
	font-family: "FontAwesome";
	font-weight: 900;
	content: "\f00c";
}

.fa-cross::before {
	font-family: "FontAwesome";
	font-weight: 900;
	content: "\f00d";
}

.gridRow td {
	text-align: center;
}

.gridHeader14 th {
	width: 14% !important;
	text-align: center;
}

.gridHeader16 th {
	width: 16% !important;
	text-align: center;
}

.gridHeader20 th {
	width: 20% !important;
	text-align: center;
}

.gridHeader25 th {
	width: 25% !important;
	text-align: center;
}

.gridHeader30 th {
	width: 30% !important;
	text-align: center;
}

#behaviorGroups {
	float: left;
	width: 175px;
	height: 35px;
	padding: 8px 12px;
	border-radius: 4px;
	border: 1px solid #bbb !important;
	box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, .15);
	width: 100%;
}

#EditBehaviorGroups {
	float: left;
	width: 175px;
	height: 35px;
	padding: 8px 12px;
	border-radius: 4px;
	border: 1px solid #bbb !important;
	box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, .15);
	width: 100%;
}

#antecedentGroups {
	float: left;
	width: 175px;
	height: 35px;
	padding: 8px 12px;
	border-radius: 4px;
	border: 1px solid #bbb !important;
	box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, .15);
	width: 100%;
}

#EditAntecedentGroups {
	float: left;
	width: 175px;
	height: 35px;
	padding: 8px 12px;
	border-radius: 4px;
	border: 1px solid #bbb !important;
	box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, .15);
	width: 100%;
}

/*Hide the inputs when used as tabs*/
.radio-state {
	position: absolute;
	left: -10000px;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
	color: #333;
	background: none;
	border-color: transparent;
}



.tab-content {
	padding: 15px;
}

.irr-container {
	float: left;
}

.irr,
.irr-div {
	float: left;
}

.irr-div {
	margin-left: 1rem;
}

.datepicker {
	/*float: right;*/
}

.table.summary-table,
.table.scoreTable {
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.3);
}

	.table.summary-table > thead,
	.table.scoreTable > thead,
	.table.scoreTable .scoreRow {
		background: rgba(255, 255, 255, 0.5);
	}

		.table.summary-table > thead > tr > th {
			width: 10%;
			border-bottom: none;
			border-radius: 4px 4px 0 0;
			font-size: 0.75rem;
			text-align: center;
		}

	.table.scoreTable .scoreRow {
		border-radius: 0 0 4px 4px;
	}

	.table.summary-table > thead > tr > th,
	.table.summary-table > tbody > tr > td {
		/*padding: 3px;*/
	}

	.table.summary-table input {
		font-size: 0.75rem;
		text-align: center;
		padding: 0.5rem 0.25rem;
		margin-bottom: 0 !important;
		box-shadow: none;
		border: 1px solid #fff;
	}

.score-wrapper {
	margin-top: 0.5rem;
}



.result-input-wrapper {
	/*background: #eee;
    border-radius: 4px;*/
}

.score-summary {
	background: #B7BEEE;
	border: 1px dashed #888db6;
	margin-top: 0.75rem;
	padding: 1rem;
}

	.score-summary > .row {
		margin-left: -15px;
		margin-right: -15px;
	}

input + .score-unit {
	font-size: 0.75rem;
	float: left;
	margin: 0.75rem 0.75rem 0 0.25rem;
}

.score-desc {
	padding-right: 0.75rem;
	padding-top: 0.5rem;
}

.score-notes textarea {
	display: block;
	width: 100%;
	margin-bottom: 0.5rem;
	padding: 0.5rem;
	font-size: 0.75rem;
}

.summary-label-header {
	padding-bottom: 0.5rem;
}

.table-wrapper label,
.dataTables_filter label {
	margin-bottom: 0;
	font-size: 0.875rem;
}

.student-nav-controls .dataTables_filter input {
	margin-top: 0.5rem !important;
}

.dataTables_length select,
.dataTables_filter input[type=search] {
	width: auto !important;
	margin-top: 0;
}

.dataTables_wrapper .student-nav-controls .dataTables_paginate {
	margin-top: 0.35rem;
}

table.dataTable.student-list {
	background: rgba( 255, 255, 255, 0.3);
	border-radius: 4px 4px 0 0;
	margin-top: 1rem;
}

.student-nav-controls {
	padding: 0 0.5rem;
	background: rgba( 255,255,255,0.6);
	border-radius: 0 0 4px 4px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}

table.dataTable.student-list thead th {
	font-size: 1.25rem;
	border-bottom: 1px solid #fff !important;
	/*background-color: #b6c2df !important;*/
	color: #60689b;
	border-radius: 4px 4px 0 0;
}

.student-filters {
	z-index: 100;
}

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
	content: "\e114";
	font-family: 'Glyphicons Halflings';
	float: right;
}

table.dataTable thead .sorting_desc:after {
	content: "\e113";
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
	background-image: none !important;
}

.timer-buttons {
	margin-top: 27px;
}

	.timer-buttons .btn-sm-primary {
		padding: 7px 10px;
	}

.ui-widget.ui-widget-content {
	padding: 2px 7px;
}

.ui-widget-content a {
	padding: 3px;
	margin: 2px 0;
}

input[type=text],
input[type=search],
input[type="password"],
select,
.chosen-container-multi .chosen-choices li.search-field,
input[type="email"],
input[type=url] {
	font-size: 1rem;
	padding: 8px 12px;
	border-radius: 4px;
	border: none;
	width: 100%;
	border: 1px solid #bbb;
	box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, .15);
	margin-bottom: 0.5rem;
}

.chosen-container.chosen-container-multi {
	width: 100% !important;
	margin-left: -4px;
}

.chosen-container-multi .chosen-choices li.search-field {
	padding: 5px 0;
	margin-top: 10px;
	margin-bottom: 0;
}

.chosen-container-multi .chosen-choices li.search-choice {
	font-size: 12px;
}

.chosen-container-multi .chosen-choices {
	border-radius: 3px;
	font-size: 1rem;
	padding: 5px;
	margin-top: 5px;
	width: 102%;
}

	.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
		font-size: 1rem;
		padding: 8px 12px;
	}

.datepicker.input-append input[type=text],
.dismissalTimePicker.input-append input[type=text] {
	border-radius: 4px 0 0 4px;
	float: left;
	width: 8rem !important;
	font-size: 1rem !important;
}

.freq-input {
	float: left !important;
	width: 4rem !important;
	border-radius: 0 !important;
	margin-bottom: 0 !important;
}

.dur-input {
	float: left !important;
	width: 3.75rem !important;
	margin-bottom: 0 !important;
}

.input-append .add-on,
.input-append .add-on:focus,
.input-append .add-on:active {
	border-radius: 0 4px 4px 0;
	display: block;
	float: left;
	font-size: 1rem;
	padding: 10px 12px;
	height: 40px;
	background: #b6c2df !important;
}

	.input-append .add-on-before,
	.input-append .add-on:focus,
	.input-append .add-on:active {
		border-radius: 4px 0 0 4px;
		display: block;
		float: left;
		font-size: 1rem;
		padding: 10px 12px;
		height: 40px;
		background: #b6c2df !important;
	}

	.input-append .add-on i {
		color: #2d306c;
	}

.irr {
	float: left;
	margin-left: 20px;
}

.icon-list-div {
	padding: 0px;
}

.c3-chart-line .c3-lines-Absent-Score .c3-line {
	stroke-width: 2px;
}

.c3-target-Absent-Score {
	/*stroke-dasharray: 3 3;*/
	stroke-dasharray: 3;
}


.main-holder {
	margin-top: 54px;
}

#student-summary {
	margin-bottom: 1rem;
}

	#student-summary .row {
		padding-bottom: 1rem;
	}

	#student-summary #btnAddNote {
		margin-top: 1rem;
	}

.main-holder .well {
	border-color: #1e9960;
	background-color: #d9e7f8;
	padding: 20px;
}

.main-holder .icon-list-div .well {
	border-color: #1e9960;
	background-color: #d9e7f8;
	padding: 0px;
	width: 95%;
	margin: 0 auto;
}

.true-clearfix {
	clear: both;
}

.hidden {
	display: none;
}

div.description {
	background: #aeccef;
	border-style: outset;
	border-width: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.description-title {
	padding-top: 0px;
	padding-bottom: 15px;
}

div.description-text {
	font-family: Georgia, "Times New Roman", Times, serif;
}

a.tooltips {
	position: relative;
	display: inline;
}

	a.tooltips span {
		position: absolute;
		min-width: 150px;
		color: #FFFFFF;
		background: #000000;
		height: 30px;
		line-height: 30px;
		text-align: center;
		visibility: hidden;
		border-radius: 6px;
		font-size: 9pt;
		font-family: arial;
		margin-left: -80px;
	}

		a.tooltips span:after {
			content: '';
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -8px;
			width: 0;
			height: 0;
			border-top: 8px solid #000000;
			border-right: 8px solid transparent;
			border-left: 8px solid transparent;
		}

a:hover.tooltips span {
	visibility: visible;
	opacity: 0.8;
	bottom: 30px;
	left: 50%;
	margin-left: -70px;
	z-index: 999;
}


/*
#c3-outer-div
{
    padding-top:0px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:15px;
}

#c3-chart
{   
    padding-top:0px;
    background-color: white;
    border-style: ridge;
    border-width: 5px;
}*/



#c3-outer-div {
	margin-top: 1rem;
	padding: 0px;
}

#c3-chart {
	background-color: white;
	padding-top: 0px;
	border: 1px dashed #B7BEEE;
}


.c3-ygrid-line line {
	stroke: green !important;
}

.c3-ygrid-line text {
	fill: green !important;
}




/****Table Styles*****/

.checked .bg-circle-icon:before {
	content: "";
	display: block;
	width: 5rem;
	height: 5rem;
	border-radius: 500px;
	background-color: rgba(54, 54, 54, 0.5);
	background-image: url(/Images/checkmark.png);
	/*background-image: 
        linear-gradient(transparent, transparent),
        url(checkmark.svg);*/
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size: 60%;
}


.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border: none !important;
}

.home .student-list .header {
	display: none;
}

.student-list {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 20vh;
	background: none;
	border: none !important;
}

	.student-list#accordion {
		overflow-x: visible;
		overflow-y: visible;
		max-height: none;
		background: none;
		border: none !important;
	}

		.student-list#accordion .person-small .bg-circle-icon.user {
			float: left;
			margin: 14px 0 0 15px;
		}

		.student-list#accordion .person-small .user-name {
			float: left;
			line-height: 60px;
			font-weight: bold;
		}

		.student-list#accordion .person-small .total-scores {
			float: right;
			margin-right: 15px;
			line-height: 60px;
		}


	.student-list tr {
		/*background: none !important;*/
		/*display: block;*/
		/*border: 1px solid #ddd;
    width: 20%;*/
	}

		.student-list tr td {
			border: none !important;
			/*  width: 100%;
    display: block;*/
		}

.student-list-item {
	height: 10.5rem;
}


.additional-features {
	margin-top: 1rem;
	border: 1px dotted #60689b;
	padding: 0 1rem 1rem;
	border-radius: 4px;
}

	.additional-features h5 {
		font-weight: 700;
	}

	.additional-features span {
		display: block;
		padding: 0 0 0.5rem;
	}

	.additional-features strong.header {
		background: #fff;
		margin-top: -1.25rem;
		margin-left: -8px;
		display: block;
		padding: 8px;
		float: left;
	}

	.additional-features .editable {
		clear: both;
	}

.toggle-checkbox-group > div {
	padding: 1rem 0 0;
}

.alerts-table {
	padding: 15px;
}

.panel > .table.LPMain {
	margin: 15px 0 0;
}

.lp-mastered {
	color: #5fb06b;
	font-size: 1.25rem;
}

.lp-active {
	color: #f7a81b;
	font-size: 1.25rem;
}

.lp-onhold {
	color: #e1697e;
	font-size: 1.25rem;
}

.key div,
.key span {
	font-size: 0.75rem !important;
	line-height: 1.25rem !important;
	height: 1.25rem;
}

.key .no-icon {
	padding-top: 0.15rem;
}

/*.LPMain th + td > div {
    width: 100% !important;
    overflow: hidden;
    font-size: 1rem;
    padding: 8px 12px;
    border-radius: 4px;
}*/

.lesson-select {
	position: relative;
	width: 60%;
}

	.lesson-select select {
		font-weight: 700;
		padding: 0 15px 5px;
		margin: 0;
		float: left;
		font-size: 24px;
		color: #fff !important;
		background: none;
		border: none;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

		.lesson-select select:hover {
			cursor: pointer;
		}

	.lesson-select:after {
		/*content: '<>';
		font: 17px "Consolas", monospace;
		color: #fff;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		right: 11px;*/
		/*Adjust for position however you want*/
		/*top: 8px;
		padding: 0 0 2px;
		border-bottom: 1px solid #B7BEEE;*/
		/*left line */
		/*position: absolute;
		pointer-events: none;*/
	}

	.lesson-select option {
		font-weight: normal;
		padding: 15px;
		margin: 0;
		float: left;
		font-size: 0.875rem;
		color: #363636 !important;
		background: #fff;
		border: none;
		box-shadow: none;
	}

.date-range {
}

	.date-range select {
		width: auto !important;
	}

h3.button-to-right {
	margin-top: 14px;
	margin-bottom: 20px;
}

.special-callout {
	color: #363636;
	background-color: #f2f2f2;
	border: 1px dashed #B7BEEE;
	margin-bottom: 10px;
	border-radius: 4px;
}

	.special-callout .inline-link-list {
		float: right;
	}

		.special-callout .inline-link-list a {
			margin: 0.25rem 0 0.25rem 0.25rem;
		}

.lesson-plan-callout {
	clear: both;
	font-size: 0.875rem;
	padding: 0.5rem 0;
}

	.lesson-plan-callout .lesson-plan-callout {
		clear: both;
		margin: 0.5rem 0.5rem 0;
	}

.lesson-plan-item-row {
	padding-bottom: 20px;
}

.lesson-plan-item label {
	font-size: 0.875rem;
	text-align: center;
	width: 100%;
}

	.lesson-plan-item label + div {
		width: auto !important;
		overflow: hidden;
		font-size: 1rem;
		padding: 8px 12px;
		border-radius: 4px;
		border: 1px solid #ddd;
		box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, .15);
	}

.no-hrs.table > tbody > tr > td,
.no-hrs.table > tbody > tr > th,
.no-hrs.table > tfoot > tr > td,
.no-hrs.table > tfoot > tr > th,
.no-hrs.table > thead > tr > td,
.no-hrs.table > thead > tr > th {
	border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	background: rgba(255,255,255,0.3) !important;
	border-radius: 4px !important;
	font-size: 0.875rem;
}

	.dataTables_wrapper .dataTables_paginate .paginate_button.current,
	.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
	.dataTables_wrapper .student-nav-controls .dataTables_paginate .paginate_button.current,
	.dataTables_wrapper .student-nav-controls .dataTables_paginate .paginate_button.current:hover {
		color: #fff !important;
		border: 1px solid #60689b !important;
		background: #60689b !important;
		border-radius: 4px !important;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
		color: #60689b !important;
		border: 1px solid #B7BEEE !important;
		background: #B7BEEE !important;
		border-radius: 4px !important;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
		display: none !important;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 0.75em;
	border: 0 none;
	background: #fff;
	font-size: 0.75rem;
}

thead tr.centerHead th {
	text-align: center;
}


table.dataTable tbody thead tr {
	background-color: #B7BEEE !important;
}

.su-table thead,
.activeCurriculumTable thead,
#summary-log-table thead {
	background-color: #B7BEEE !important;
	font-size: 0.75rem;
}

table.tablesorter.su-table thead tr th,
table.tablesorter.su-table tfoot tr th {
	background-color: #B7BEEE;
	border: none;
	font-size: 0.75rem;
	padding: 10px;
}


th {
	text-align: left;
	border: none 0px;
	padding-left: 0;
}

table h3 {
	margin-top: 10px;
}

.table.LPMain input[type="text"],
.table.LPMain input[type="number"],
.table.LPMain input[type="search"],
.livespell_textarea,
.table.LPMain select,
.table.LPMain .livespell_textarea,
.table-wrapper input[type="text"],
.table-wrapper input[type="number"],
.table-wrapper input[type="search"],
.table-wrapper select,
.table-wrapper .livespell_textarea,
.table-wrapper input[type="password"],
.table-wrapper input[type="email"] {
	/*display: block;*/
	padding: 8px 12px;
	border-radius: 4px;
	border: 1px solid #bbb !important;
	box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, .15);
	width: 100%;
	color: #363636 !important;
	font-size: 0.75rem;
}

td .livespell_textarea {
	padding: 8px 12px !important;
	width: 100% !important;
	min-height: 3.25rem !important;
}

.controls textarea {
	padding: 8px 12px;
	border-radius: 4px;
	border: 1px solid #bbb !important;
	box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, .15);
	width: 100%;
	color: #363636 !important;
	font-size: 0.75rem;
}

.order-input {
	width: 3rem;
}

fieldset {
	margin-bottom: 1rem;
}

input#LessonPlanFilter {
	width: auto !important;
}

.table.LPMain .dataTables_wrapper,
.table-wrapper {
	background: rgba(30, 40, 108, 0.5);
	padding: 1rem;
}

.table-wrapper {
	clear: both;
	margin-bottom: 1rem;
	border-radius: 4px;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
}

	.table-wrapper > h3 {
		margin: 0.25rem 0 1.25rem;
		color: #fff;
	}

table .table-wrapper {
	margin-bottom: 0;
}

.table-wrapper table {
	margin: 0;
}


.button-wrapper {
	margin-bottom: 1.25rem;
}

.table.LPMain .dataTables_wrapper label,
.table-wrapper label {
	color: #fff;
}

.table-wrapper td > div label {
	/*color: #363636;*/
}

.dataTables_wrapper input,
.dataTables_wrapper select,
.table-wrapper input,
.table-wrapper select {
	/*width: auto !important;*/
	margin-bottom: 0.5rem;
}

.table-wrapper .dataTables_info {
	color: #fff !important;
	padding-top: 1.35rem !important;
}

.table-wrapper td .controls input,
.table-wrapper td .controls select,
.table-wrapper td .controls textarea {
	margin-bottom: 0 !important;
}

.table.LPMain .dataTables_wrapper .dataTables_paginate,
.table-wrapper .dataTables_wrapper .dataTables_paginate {
	padding-top: 0.75em;
}

.header td.sorting_disabled {
	/*padding: 0 !important;*/
}

.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable thead td,
.dataTables_wrapper table.dataTable.no-footer {
	border-bottom: 1px solid #999;
}

.dataTables_wrapper tr td {
	border-top: 1px solid #ddd;
}


.dataTables_wrapper tr:hover td {
	cursor: pointer;
	background-color: #ddd;
}

.student-list tr:hover td {
	background: none !important;
}

.dataTables_wrapper tr td a {
    text-decoration: none;
    display: block;
    color: #337ab7;
}

.dataTables_wrapper tr td a:hover {
    color: #23527c;
    text-decoration: underline;
}

.table.LPMain .dataTables_wrapper .dataTables_paginate .paginate_button,
.student .table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button,
.table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button,
.table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	color: #fff !important;
}

.student .table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button,
.table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button {
	/*margin: 0.5rem 0;*/
}

	.table.LPMain .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
	.table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
		opacity: .3;
	}

th a {
	display: block;
	position: relative;
}

	th a:link, th a:visited, th a:active, th a:hover {
		color: #333;
		font-weight: 600;
		text-decoration: none;
		padding: 0;
	}

	th a:hover {
		color: #000;
	}

th.asc a, th.desc a {
	margin-right: .75em;
}

	th.asc a:after, th.desc a:after {
		display: block;
		position: absolute;
		right: 0em;
		top: 0;
		font-size: 0.75em;
	}

	th.asc a:after {
		content: '▲';
	}

	th.desc a:after {
		content: '▼';
	}

tr.group,
tr.group:hover {
	background-color: #ddd !important;
	font-weight: bold;
}

.col-sm-12 td {
	/*display: block;*/
}

td {
	padding: 0.25em 0 0.25em 0em;
	border: 0 none;
}

tr.pager td {
	padding: 0 0.25em 0 0;
}

.bb td, .bb th {
	border-bottom: 1px solid black !important;
}

/*****Specfic Table Settings ******/

.step-target-div .select-container {
	padding-left: 0;
}

.step-target-div select {
	width: 100%;
	font-size: 0.875rem;
}

.questionHeader .alert,
.assessment-info .alert {
	margin-bottom: 0;
}

.assessment-info .assessment-student {
	padding-top: 1.25rem;
	padding-left: 1rem;
}

.questionHeader h3 {
	margin-bottom: 1.5rem;
}

.alert-info {
	color: #363636;
	background-color: #f2f2f2;
	border: 1px dashed #B7BEEE;
}

.alerts-table td {
	vertical-align: middle;
}

.alerts-table tr *:first-child, .weekly-outlook th, .center, th.center {
	/* text-align:center; */
}

table.weekly-outlook thead th, table.weekly-outlook tbody td {
	text-align: center;
	font-size: 9pt;
	font-family: arial;
}

.student-table {
	width: 50%;
	margin: 0 auto;
	font-size: 9pt;
	font-family: arial;
}

	.student-table .actions {
		text-align: center;
		font-size: 9pt;
		font-family: arial;
	}

	.student-table td a {
		text-decoration: none;
	}

.activeCurriculum {
	width: 100%;
	/*font-size: 9pt;
    font-family:arial;*/
}

.sList tbody tr td:not(:first-child), table td.centered {
	text-align: center;
	/*font-size: 9pt;
    font-family:arial;*/
}

/*****End Tables*****/

/*****Bootstrap Overrides****/
.row-fluid .span12 {
	margin-left: 0;
}

.navbar-brand {
	float: left;
	height: 34px;
	padding: 8px 0 12px;
	margin: 0 !important;
}

.navbar-header {
	float: left;
}

.navbar {
	background-color: #fff;
	height: 54px;
	margin: 0;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2) !important;
}

	.navbar .container {
		width: auto;
		padding: 0 15px;
	}

.authentication .navbar,
.home .navbar {
	display: none;
}

/*****End Bootstrap Overrides****/


/*****Select Styles*******/
/**Student Grouping Page*/
.selected-students { /*border: 1px solid gray;*/
	font-size: 14px;
}

/*****End Select Styles*******/

/*****Button Styles*******/

.lessonplan-link {
	min-width: 10rem;
	margin: 1rem auto;
	display: block;
}

.button,
.btn,
.button:active {
	border: none;
    position: relative;
	font-size: 0.875rem;
	font-weight: 700;
	padding: 8px 16px;
	color: #363636;
	border-radius: 500px;
	background: #8bdaff; /* Old browsers */
	background: -moz-linear-gradient(top, #8bdaff 0%, #7bc0e1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #8bdaff 0%,#7bc0e1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #8bdaff 0%,#7bc0e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bdaff', endColorstr='#7bc0e1',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.2);
}
	.btn.addSubDomain, .btn.addFuncArea {
		margin-bottom: 1rem;
	}

.btn-border {
	background: #fff;
	border: 1px solid #60689b;
	color: #60689b;
}

#student-list.owl-theme .owl-controls .owl-page {
	padding: 0.875rem 0.25rem;
}

	#student-list.owl-theme .owl-controls .owl-page span {
		background: #363636;
	}

.owl-theme .owl-controls .owl-buttons {
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
}

	.owl-theme .owl-controls .owl-buttons div {
		background: none !important;
		display: block !important;
		width: 2rem !important;
		padding: 2.5rem 0 0 !important;
		position: absolute;
		color: #2d306c !important;
	}

		.owl-theme .owl-controls .owl-buttons div.owl-prev {
			left: -2rem;
		}

		.owl-theme .owl-controls .owl-buttons div.owl-next {
			right: -2rem;
		}


			.owl-theme .owl-controls .owl-buttons div.owl-prev:before,
			.owl-theme .owl-controls .owl-buttons div.owl-next:before {
				content: "\e079";
				font-family: 'Glyphicons Halflings';
				position: absolute;
				/*right: 1.5rem;*/
				top: 0;
				color: #60689b;
				font-size: 2rem;
				width: 2rem;
				height: 2rem;
				display: block;
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 75%;
			}

			.owl-theme .owl-controls .owl-buttons div.owl-next:before {
				content: "\e080";
			}

.btn-group.open .dropdown-toggle {
	box-shadow: none;
}

.dropdown-menu .btn {
	background: none;
	box-shadow: none;
	border-radius: 0;
	width: 100%;
	text-align: left;
}

	.dropdown-menu .btn:hover {
		background: #f2f2f2;
	}

.btn-correct {
	color: #fff;
	background: #6cc879; /* Old browsers */
	background: -moz-linear-gradient(top, #6cc879 0%, #5fb06b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #6cc879 0%,#5fb06b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #6cc879 0%,#5fb06b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cc879', endColorstr='#5fb06b',GradientType=0 ); /* IE6-9 */
}

.btn-incorrect {
	color: #232323;
	background: #ff778f; /* Old browsers */
	background: -moz-linear-gradient(top, #ff778f 0%, #e1697e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff778f 0%,#e1697e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff778f 0%,#e1697e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff778f', endColorstr='#e1697e',GradientType=0 ); /* IE6-9 */
}

.btn-prompt {
	color: #232323;
	background: #ffc55e; /* Old browsers */
	background: -moz-linear-gradient(top, #ffc55e 0%, #e2af53 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffc55e 0%,#e2af53 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffc55e 0%,#e2af53 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc55e', endColorstr='#e2af53',GradientType=0 ); /* IE6-9 */
}

/*Flexible table for group scoring*/

#quickScoreModal .modal-lg {
	width: 95vw !important;
}

	#quickScoreModal .modal-lg .modal-body {
		padding: 1vw;
	}

.group-table .table {
	position: relative;
	/*width: 700px;*/
	width: 93vw;
	overflow: hidden;
	margin: 0;
}


	/*thead*/
	.group-table .table thead {
		position: relative;
		display: block; /*seperates the header from the body allowing it to be positioned*/
		width: 93vw;
		overflow: visible;
	}

		/*.group-table .table thead th {
    background-color: #99a;
    min-width: 120px;
    height: 32px;
    border: 1px solid #222;
}*/

		.group-table .table thead th:nth-child(1) { /*first cell in the header*/
			position: relative;
			display: block; /*seperates the first cell in the header from the header*/
			/*background-color: #88b;*/
		}


	/*tbody*/
	.group-table .table tbody {
		position: relative;
		display: block; /*seperates the tbody from the header*/
		width: 93vw;
		max-height: 55vh;
		overflow: scroll;
		overflow-x: auto;
		overflow-y: auto;
	}



@media screen and (min-height: 768px) {
	.group-table .table tbody {
		max-height: 70vh;
	}
}

@media screen and (min-height: 768px) and (orientation : portrait) {
	.group-table .table tbody {
		max-height: 80vh;
	}
}
/*.group-table .table tbody td {
    background-color: #bbc;
    min-width: 120px;
    border: 1px solid #222;
}*/
.group-table .table tbody tr td:nth-child(1) { /*the first cell in each tr*/
	position: relative;
	display: block; /*seperates the first column from the tbody*/
	/*height: 40px;
    background-color: #99a;*/
}

.group-table-container {
	position: relative;
	clear: both;
}

/*.group-table {
    overflow-x: auto;
    margin-left: 190px; 
}*/

/*.group-table .table {
        width: auto;
        margin-bottom: 0;
    }*/

.group-table .table th, .group-table .table td {
	height: 10rem;
	padding: 0.75rem 1rem;
	vertical-align: top;
	border-left-width: 3px;
}

	.group-table .table th:first-child, .group-table .table td:first-child {
		border-left-width: 1px;
	}

.group-table .table th {
	height: 6rem;
}

	.group-table .table th.head-column,
	.group-table .table td.head-column {
		width: 12rem;
		max-width: 12rem;
		/*position: absolute;
                left: 0;*/
	}

/*end Flex*/

.group-table .table > tbody > tr:nth-of-type(even) {
	background-color: #b6c2df;
}

.group-table .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
	border-bottom-width: 1px;
}

.group-table .table th {
	background: #60689b;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	/*max-width: 112px;*/
}

	.group-table .table th span.lesson-title {
		display: block;
		width: 112px;
	}

.group-table .table td.head-column {
	background-color: #888cb6;
	color: #fff;
}

.group-score-btns-container {
	width: 112px;
	margin: 0 auto;
}


.group-table .btn-score,
.group-table .btn-decrement,
.group-table .btn-increment {
	width: 48px;
	height: 48px;
	padding: 0 !important;
	margin-bottom: 10px;
}

.group-score-btns input {
	width: 48px;
	height: 48px;
	padding: 0 !important;
	margin-bottom: 8px;
	text-align: center;
	border-radius: 500px;
	box-shadow: inset 1px 1px 2px #ccc;
	border: 1px solid #ccc;
	line-height: 44px;
	font-size: 18px;
	font-weight: bold;
}

.time-colon {
	line-height: 44px;
	font-size: 18px;
	margin-left: -10px;
}

.offscreen {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.no-score {
	width: 112px;
	margin: 0 auto;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	padding-top: 1rem;
}

.no-score-ta {
	width: 112px;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding-top: 1rem;
}

.group-score-btns {
	float: left;
}

	.group-score-btns:first-child {
		margin-right: 1rem;
	}

.group-table .count {
	clear: both;
}

	.group-table .count span {
		text-align: center;
		display: block;
	}

	.group-table .count .number {
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		width: 100% !important;
		height: 21px;
		text-align: center;
	}

	.group-table .count span.number {
		margin-top: 5px;
	}

	.group-table .count .type {
		font-size: 11px;
		margin: 0 0 8px;
	}


#btnLaunch {
	min-width: 40vw;
	margin: 0.5rem auto 2rem;
	display: block;
}

#btnLaunch2 {
	min-width: 40vw;
	margin: 0.5rem auto 2rem;
	display: block;
}

.btnYellow {
	background-color: #fdb813;
	color: white;
	background-image: none;
	text-shadow: none;
	text-align: center;
	font-size: 9pt;
	font-family: arial;
}

.btnGreen {
	background-color: #7b7000;
	color: white;
	background-image: none;
	text-shadow: none;
	text-align: center;
	font-size: 9pt;
	font-family: arial;
}

.btnBlue {
	background-color: #1a2674;
	color: white;
	text-shadow: none;
	background-image: none;
	font-size: 9pt;
	font-family: arial;
}

.btnRed {
	background-color: #b20838;
	color: white;
	background-image: none;
	text-shadow: none;
	text-align: center;
	font-size: 9pt;
	font-family: arial;
}

.btnBlack {
	background-color: black;
	background-image: none;
	text-shadow: none;
	color: white;
	text-align: center;
	font-size: 9pt;
	font-family: arial;
}

.btnIcon {
	background-color: #eee;
	background-image: none;
	text-shadow: none;
	color: black;
	text-align: center;
	font-size: 9pt;
	font-family: arial;
}

.clearBtn {
	background: rgba(255, 255, 255, 0.5) !important;
	color: #e1697e !important;
}

.hideThisBtn {
	position: absolute;
	z-index: 997;
	right: -52px;
	right: -68px;
	top: -57px;
	background: #e86c82;
	border-radius: 0 4px 4px 0;
	padding: .4rem 0.25rem;
	cursor: pointer;
}

	.hideThisBtn:after {
		position: absolute;
		display: inline-block;
		border-top: 12px solid transparent;
		border-right: 12px solid #e86c82;
		border-bottom: 12px solid transparent;
		left: -12px;
		top: 30%;
		content: '';
	}


	.hideThisBtn span {
		display: block;
		color: #fff;
		text-align: center;
		font-family: sans-serif;
		font-size: 0.75rem;
		margin: -3px 0 3px;
	}

.btn-select-list {
	background: #fff;
	color: #60689b;
}

	.btn-select-list .badge {
		background: #60689b;
		color: #fff;
		font-weight: 700;
		padding: 12px 12px 10px;
		border-radius: 6px 0 0 6px;
		margin: -28px 4px -24px -12px;
	}

.dropdown-select-list {
	padding: 10px 12px 8px;
	border-radius: 8px;
	float: right;
}

	.dropdown-select-list:after {
		content: "\e114";
		font-family: 'Glyphicons Halflings';
		float: right;
		margin-left: 0.5rem;
	}

.dropdown-menu li span.pull-right {
	margin-left: 0.5rem;
}

.dropdown-links li {
	display: block;
	clear: both;
}

	.dropdown-links li > a {
		margin: 5px 8px;
		border: 1px solid #e6e6e6;
		padding: 5px 8px;
		border-radius: 4px;
	}

		.dropdown-links li > a .label {
			margin-top: 3px;
			margin-bottom: 3px;
		}

		.dropdown-links li > a > span:first-child {
			color: #60689b;
			white-space: normal;
		}

			.dropdown-links li > a > span:first-child > div {
				font-size: 0.75rem;
				width: 75%;
			}

@media only screen and (orientation : portrait) {
	.dropdown-links li > a > span:first-child > div {
		width: 60%;
	}
}

.restorLP .divider {
	display: none;
}

.panel-heading .btn-group {
	width: 50%;
}

/*****End Button Styles*******/


/*****Icon Styles*******/

.icon-list-div {
}

.icon-row-div {
	padding-top: 25px;
	display: initial;
}

.imgIcon img {
	padding-top: 5px;
	padding-left: 5px;
}

/*****End Icon Styles*******/


/**Unused Styles???*/
.customBtnGroupVert {
	border-radius: 0px;
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 0;
	vertical-align: middle;
	white-space: nowrap;
	*margin-left: .3em;
}

	.customBtnGroupVert > .btn {
		display: block;
		float: none;
		max-width: 100%;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

		.customBtnGroupVert > .btn + .btn {
			margin-left: 0px;
			margin-top: -1px;
		}

.brand {
	color: #500319;
}

.navbar .brand-logo.brand {
	color: #FFF;
}

.brand-logo.brand img {
	height: 48px;
}

#studentData {
	width: 100%;
	height: 250px;
	font-size: 9pt;
	font-family: arial;
}
/**End Unused Styles???*/


/*****Specfic Div Class Settings ******/
/***On _QuestionDetail Page*/
.centered {
	text-align: center;
}

#loader {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	text-align: center;
	vertical-align: middle;
}

	#loader img {
		margin: 10% auto;
	}
/*****End Specfic Div Class Settings ******/

/*****Text Box Styling*******/
.textBoxMediumLg {
	width: 200px;
	font-size: 12px;
}

.textBoxMedium {
	width: 99px;
	font-size: 12px;
}

.textBoxSmall {
	width: 99px;
	font-size: 9px;
}
/*****End Text Box Styling*******/


span.arrow {
	font-size: 9pt;
	font-family: arial;
}

.badge.badge-super-red {
	background: #F00;
	font-size: 9pt;
	font-family: arial;
}

.badge.badge-notify {
    position: absolute;
    top: -7px !important;
    right: -4px !important;
    background: #e86c82 !important;
    color: #fff;
}

.btn-notify:hover{ color: #333 !important;}

.vis {
    display: table-row;
}

.aToL:hover {
	cursor: pointer;
}


.nav {
	float: right;
	white-space: nowrap;
	margin: 0;
}

	.nav .btn.btn-default {
		border: none;
		padding-top: 10px;
		padding-bottom: 10px;
		background: #fff;
		box-shadow: none;
	}

		.nav .btn.btn-default:hover {
			background: #fff;
			color: #60689b;
		}

	.nav a i {
		color: #fff;
	}

	.nav li li a i {
		color: #000;
	}

a i {
	color: #000;
	text-decoration: none;
}

.btn i {
	color: #fff;
	text-decoration: none;
}

a:hover i {
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

td i.icon-chevron-right {
	cursor: pointer;
}

.doDrag {
	background: #FDB813;
}

.lower {
	padding-top: 5px;
}

a.removable i {
	/*padding-right:10px;*/
}

.rangeSpan {
	width: 50px;
}

input[type=range] {
	margin-left: 20px;
	font-size: 9pt;
	font-family: arial;
}

.table .dragIcon {
	/*background-image: url('/Images/drag.png');
    background-repeat:no-repeat;
    background-position: left center;*/
	width: 2.5rem;
	position: relative;
	top: 1px;
	display: table-cell;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 1.75rem;
	color: #B7BEEE;
	width: 2.5rem;
}

.dragIcon:before {
	content: "\e150";
}

.dragIcon span {
	font-size: 1.75rem;
	color: #B7BEEE;
	width: 2.5rem;
}

.confidentiality-view-option {
	position: relative;
	display: inline-block;
	left: 15px;
}

/* Login Confidentality Checkbox Styles */
.control {
	/*font-family: arial;*/
	display: block;
	position: relative;
	/*padding-left: 30px;*/
	padding-left: 17px;
	margin-bottom: 5px;
	/*padding-top: 4px;*/
	cursor: pointer;
	font-size: 16px;
}

	.control input {
		position: absolute;
		z-index: -1;
		opacity: 0;
	}

.control_indicator {
	position: absolute;
	top: 2px;
	left: 0;
	/*height: 20px;
    width: 20px;*/
	height: 13px;
	width: 13px;
	background: #e6e6e6;
	border: 0px solid #000000;
}

.control-radio .control_indicator {
	border-radius: undefined%;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
	/*background: #cccccc;*/
	background: #2aa1c0;
	height: 20px;
	width: 20px;
}

.extendPadding {
	padding-left: 30px;
	padding-top: 4px;
}

.control input:checked ~ .control_indicator {
	background: #2aa1c0;
	height: 20px;
	width: 20px;
}

.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
	background: #0e6647d;
}

.control input:disabled ~ .control_indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}

.control_indicator:after {
	box-sizing: unset;
	content: '';
	position: absolute;
	display: none;
}

.control input:checked ~ .control_indicator:after {
	display: block;
}

.control-checkbox .control_indicator:after {
	left: 8px;
	top: 4px;
	width: 3px;
	height: 8px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.control-checkbox input:disabled ~ .control_indicator:after {
	border-color: #7b7b7b;
}

/* Home Page Confidentiality Checkbox */
.control-home {
	/*font-family: arial;*/
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-top: 4px;
	cursor: pointer;
	font-size: 16px;
}

	.control-home input {
		position: absolute;
		z-index: -1;
		opacity: 0;
	}

.control_indicator_home {
	position: absolute;
	top: 2px;
	left: 0;
	height: 20px;
	width: 20px;
	background: #e6e6e6;
	border: 0px solid #000000;
}

.control-home-radio .control_indicator_home {
	border-radius: undefined%;
}

.control-home:hover input ~ .control_indicator_home,
.control-home input:focus ~ .control_indicator_home {
	background: #cccccc;
}

.control-home input:checked ~ .control_indicator_home {
	background: #2aa1c0;
	height: 20px;
	width: 20px;
}

.control-home:hover input:not([disabled]):checked ~ .control_indicator_home,
.control-home input:checked:focus ~ .control_indicator_home {
	background: #0e6647d;
}

.control-home input:disabled ~ .control_indicator_home {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}

.control_indicator_home:after {
	box-sizing: unset;
	content: '';
	position: absolute;
	display: none;
}

.control-home input:checked ~ .control_indicator_home:after {
	display: block;
}

.control-checkbox-home .control_indicator_home:after {
	left: 8px;
	top: 4px;
	width: 3px;
	height: 8px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.control-checkbox-home input:disabled ~ .control_indicator_home:after {
	border-color: #7b7b7b;
}

.answerButtons .btn {
	/*padding:20px;
    font-size: 9pt;
    font-family:arial;*/
}

.answerButtons {
	margin-top: 20px;
	font-size: 9pt;
	font-family: arial;
}

.breakable > * {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}

.dropdown-menu {
	opacity: 0.95;
	position: absolute !important;
	background-color: #fff !important;
	border: 1px solid #ccc !important;
}

.validationSummary {
	background-color: red;
	color: black;
	margin-top: 20px;
}

.well .wellBadgeRight {
	padding: 5px 10px;
	margin-bottom: -20px;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	background-color: White;
	top: -44px;
	position: relative;
	z-index: 2;
	right: -34px;
	float: right;
	border-color: #192574;
}

.well .wellBadgeLeft {
	padding: 5px 10px;
	margin-bottom: -20px;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	background-color: White;
	top: -44px;
	position: relative;
	z-index: 2;
	left: -34px;
	float: left;
	border-color: #192574;
	font-size: 10pt;
}

.well .wellBadgeStudent {
	padding: 5px 10px;
	margin-bottom: -20px;
	background-color: #B7BEEE;
	border: 1px solid #B7BEEE;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	top: -44px;
	position: relative;
	z-index: 2;
	left: -34px;
	float: left;
	border-color: #B7BEEE;
	font-size: 10pt;
}
/* Organization Modules*/
#module-control {
	/* Display */
	display: flex;
	flex-direction: column;
	/* Dimensions */
	width: 100%;
	border-radius: 4px;
	/* Dimensions */
	padding: 16px;
	min-width: 672px;
	box-sizing: border-box;
	/* Colors */
	background: rgba(30, 40, 108, 0.5);
	/* Effects */
	box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
}

	#module-control .row {
		/* Dimensions */
		width: 100%;
		height: 60px;
		/* Display */
		display: flex;
		flex-direction: row;
	}

		#module-control .row .data {
			/* Display */
			display: flex;
			/* Flex */
			flex: 0 0 120px;
			align-items: center;
			/* Dimensions */
			max-width: 150px;
		}

@media (min-width: 768px) {

	#module-control .row .data {
		/* Flex */
		flex: 0 0 100px;
	}

		#module-control .row .data button {
			flex-shrink: 0;
			flex-grow: 0;
		}

	#module-control .head {
		/* Dimensions */
		height: 25px;
		width: 100%;
		/* Colors */
		color: white;
		background: #60689b;
		/* Font */
		font-weight: bold;
		/* Layout */
		text-align: center;
	}

	#module-control .set {
		/* Font */
		text-align: left;
		/* Dimensions */
		flex: 1 0 auto !important;
		padding-left: 15px;
		font-size: 18px;
		font-weight: bold;
		/* Fix width */
		max-width: none !important;
	}

	#module-control .header .pad {
		/* Dimensions */
		padding-left: 15px;
	}

	#module-control .super {
		/* Dimensions */
		height: 60px;
		width: 100%;
		/* Color */
		background: white;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */
	}

		#module-control .super.good {
			background: #96d4a5;
		}

		#module-control .super.bad {
			background: #ff9e9e;
		}

		#module-control .super .data.cat {
			/* Layout */
			text-align: center;
		}


		#module-control .super td.dropper {
			/* Position */
			position: relative;
		}

		#module-control .super td .drop {
			/* Position */
			position: absolute;
			bottom: 0px;
			left: 0px;
			/* Dimensions */
			width: 100%;
			/* Colors */
			background: #ccdbf0;
			color: #7689a1;
			opacity: .4;
			/* Font */
			text-align: center;
			/* Animation */
			transition: .2s;
		}

			#module-control .super td .drop:hover {
				/* Colors */
				opacity: 1.0;
				/* Cursor */
				cursor: pointer;
				cursor: hand;
			}

	#module-control .sub {
		/* Display */
		display: none;
		/* Colors */
		background: #ccdbf0;
		/* Layout */
		text-align: left;
	}

		#module-control .sub .set {
			/* Layout */
			vertical-align: top;
			/* Dimensions */
			padding-left: 15px;
			/* Borders */
			border-right: 1px solid white;
		}


		#module-control .sub td {
			/* Dimensions */
			padding: 15px 0px;
		}


			#module-control .sub td .mod {
				/* Dimensions */
				padding: 5px 0px;
				/* Layout */
				text-align: center;
			}
}

/* Site Locations */
.will-section {
	/* Dimensions */
	width: 100%;
	border-radius: 4px;
	/* Dimensions */
	padding: 16px;
	box-sizing: border-box;
	/* Colors */
	background: rgba(30, 40, 108, 0.5);
	/* Effects */
	box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
}

	.will-section .itembox {
		position: relative;
		/* Display */
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		/* Dimensions */
		padding: 15px;
		/* Colors */
		background: white;
	}

		.will-section .itembox .body {
			min-height: 50px;
			width: 100%;
			transition: .2s ease-in;
		}

			.will-section .itembox .body.hidden {
				display: block !important;
				opacity: 0;
				min-height: 20px;
				height: 0px;
				overflow: hidden;
			}

			.will-section .itembox .body.highlight {
				background: #60689b20;
			}

		.will-section .itembox .item {
			padding: 5px 15px;
			display: inline-block;
			color: white;
			background: #60689b;
			border-radius: 4px;
			margin: 12.5px;
			opacity: 1;
			transition: .3s ease-in-out;
			box-sizing: border-box;
			-webkit-box-shadow: 1px 2px 4px 0px rgba(163,163,163,1);
			-moz-box-shadow: 1px 2px 4px 0px rgba(163,163,163,1);
			box-shadow: 1px 2px 4px 0px rgba(163,163,163,1);
		}

			.will-section .itembox .item:hover {
				background: #858ec7;
				cursor: grab;
			}

			.will-section .itembox .item.selected {
				transform: scale(1.2);
				/*padding: 10px 20px;
                    font-size: 15px;*/
				-webkit-box-shadow: 2px 4px 5px 0px rgba(163,163,163,1);
				-moz-box-shadow: 2px 4px 5px 0px rgba(163,163,163,1);
				box-shadow: 2px 4px 5px 0px rgba(163,163,163,1);
			}

			.will-section .itembox .item.inactive {
				filter: grayscale(950%);
			}

		.will-section .itembox [class*='-header'] {
			/* Dimensions */
			width: 100%;
			/* Font Properties*/
			font-size: 20px;
			/* Border */
			border-bottom: 1px solid #60689b;
			/* Colors */
			color: #60689b;
			opacity: 0.7;
		}
		.will-section .itembox .btn-div {
			width: 100%;
			padding-bottom: 15px;
		}
		.will-section .itembox .btn {
			width: 100%;
		}

	.will-section .settings-menu {
		width: 100%;
		background: rgba(255,255,255, 0.8);
		height: 0px;
		overflow: hidden;
		transition: .2s;
		float: right;
		z-index: 110;
		opacity: 0;
	}

		.will-section .settings-menu.see {
			height: 203px;
			opacity: 1;
		}

		.will-section .settings-menu .cont {
			padding: 15px;
			height: auto;
			overflow: hidden;
			float: left;
			width: 100%;
			transition: opacity .3s;
		}

		.will-section .settings-menu .msg {
			vertical-align: bottom;
			color: #e8e9f0;
			transition: color .5s;
		}

			.will-section .settings-menu .msg.success {
				color: green;
				transition: none;
			}

			.will-section .settings-menu .msg.fail {
				color: red;
				transition: none;
			}

		.will-section .settings-menu .name {
			display: inline;
			font-size: 24px;
		}

		.will-section .settings-menu label {
			color: black;
			margin-left: 10px;
		}

		.will-section .settings-menu .title {
			margin-bottom: 15px;
		}

		.will-section .settings-menu #rename {
			width: 400px;
			border: none;
			box-shadow: none;
			margin: 0;
			font-size: 24px;
			margin: -9px 13px 9px -13px;
		}

		.will-section .settings-menu input {
			margin: 10px 0px 15px 0px;
		}

		.will-section .settings-menu .group {
			margin-bottom: 10px;
		}

			.will-section .settings-menu .group .grp-header {
				font-size: 16px;
				margin-bottom: 5px;
				border-bottom: 1px solid #8f8f8f66;
			}

			.will-section .settings-menu .group .row {
				display: flex;
				flex-direction: row;
				height: 50px;
				transition: .2s;
				padding: 5px 15px;
				border-radius: 3px;
				box-sizing: border-box;
				align-items: center;
			}

				.will-section .settings-menu .group .row:hover {
					background: rgba(0, 0, 0, 0.05);
				}

				.will-section .settings-menu .group .row label {
					flex: 1 1 auto;
					font-weight: normal;
					margin-left: 0px;
				}

				.will-section .settings-menu .group .row select {
					flex: 0 0 200px;
					margin-bottom: 0px;
				}

				.will-section .settings-menu .group .row input {
					flex: 1 1 auto;
					margin: 0px 0px 0px 15px;
				}

			.will-section .settings-menu .group.save {
				margin-top: 15px;
			}

#beh-settings.see {
	height: 303px;
}

#set-settings.see {
	height: 83px;
}

#ant-settings.see {
	height: 253px;
}

#tec-settings.see {
	height: 253px;
}

.section-title {
	font-weight: bold;
	color: black;
	font-size: 1.875rem;
	margin-bottom: -10px;
	margin-top: 15px;
	color: rgba(30, 40, 108, 0.9);
	padding-left: 5px;
}

.will-section select {
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	outline: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.will-section input {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 3px !important;
	border: none !important;
	margin-bottom: 0px;
}

.will-section .create {
	width: 100%;
	height: 0px;
	overflow: hidden;
	transition: 2s;
	padding: 5px 15px;
	background: rgba(255,255,255, 0.8);
	color: black;
}

	.will-section .create.see {
		height: auto;
	}

	/*.will-section .create .cont {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        box-sizing: border-box;
        margin-top: 8px;
        margin-bottom: 8px;
    }*/

	.will-section .create .cont1 {
		display: block;
		width: 100%;
		margin-top: 8px;
		box-sizing: border-box;
		transition: opacity .2s;
	}

		.will-section .create .cont1 .row {
			width: 100%;
			display: flex;
			flex-direction: row;
			align-items: center;
		}

			.will-section .create .cont1 .row label {
				color: black;
			}

		.will-section .create .cont1 .c1 {
			flex: 2;
		}

		.will-section .create .cont1 .c2 {
			flex: 1;
			text-align: center;
		}

		.will-section .create .cont1 .c2 {
			box-sizing: border-box;
			padding: 0px 0px 0px 10px;
		}

		.will-section .create .cont1 .r2 .c2 select {
			margin: 0px;
		}

		.will-section .create .cont1 .r2 {
			margin: 5px 0px;
		}

		.will-section .create .cont1 .c3 {
			flex: 0 0 60px;
			text-align: right;
		}

	.will-section .create .Name {
		flex: 1 50%;
		margin-right: 15px;
		margin-bottom: 0px;
	}

	.will-section .create .ed-box input {
		margin-top: 10px;
		font-size: 12px;
	}

	.will-section .create .ed-box {
		flex: 1 1 100%;
		overflow: hidden;
		max-height: 52px;
		opacity: 1;
		transition: .2s !important;
	}

		.will-section .create .ed-box div {
			flex: 1 1 100%;
		}

		.will-section .create .ed-box.hideMe {
			max-height: 0px;
			opacity: 0;
		}

	.will-section .create #EntryRequired1 {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-radius: 0px;
		flex: 1 1 185px;
		margin-right: 15px;
		margin-bottom: 0px;
	}

/*.will-section .create button {
            display: block;
            flex: 0 0 5%;
            height: 33.15px;
            border: none !important;
            background: #60689b;
            color: white;
            font-weight: 400;
            font-size: 12px;
            float: right;
        }*/

#module-confirm {
	display: flex;
	height: 100%;
	width: 100%;
	position: fixed;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	z-index: 100;
	justify-content: center;
	align-items: center;
}

	#module-confirm .dial {
		flex: 0 500px;
		width: 500px;
		height: 400px;
		background: #dfe0eb;
		border-radius: 6px;
		box-shadow: 1px 1px 4px 0px black;
	}

		#module-confirm .dial div {
			width: 100%;
			box-sizing: border-box;
			padding: 0px 15px;
		}

		#module-confirm .dial .title {
			height: 60px;
			line-height: 60px;
			text-align: center;
			background: #60689b;
			color: yellow;
			font-size: 30px;
		}

		#module-confirm .dial .body {
			height: 290px;
			padding-top: 15px;
			padding-bottom: 15px;
			font-size: 18px;
		}

			#module-confirm .dial .body ul {
				margin-bottom: 0;
				height: 110px;
				box-sizing: border-box;
				list-style-type: none;
			}

				#module-confirm .dial .body ul li span {
					display: inline-block;
					width: 25px;
				}

		#module-confirm .dial .btn-box {
			display: flex;
			flex-direction: row;
			height: 50px;
			background: #60689b60;
			align-items: center;
		}

			#module-confirm .dial .btn-box div {
				flex: 1 1 auto;
			}

			#module-confirm .dial .btn-box button {
				flex: 0 180px;
			}

			#module-confirm .dial .btn-box #save {
				font-weight: bold;
			}

/* Pager */
.pager {
	margin: 8px 3px;
	padding: 3px;
}

	.pager .disabled {
		border: 1px solid #ddd;
		color: #999;
		margin-top: 4px;
		padding: 3px;
		text-align: center;
	}

	.pager .current {
		background-color: #6ea9bf;
		border: 1px solid #6e99aa;
		color: #fff;
		font-weight: bold;
		margin-top: 4px;
		padding: 3px 5px;
		text-align: center;
	}

	.pager span, .pager a {
		margin: 4px 3px;
	}

	.pager a {
		border: 1px solid #aaa;
		padding: 3px 5px;
		text-align: center;
		text-decoration: none;
	}

.spacer {
	padding: 15px;
}

.independent-options {
	padding: 25px 7px;
}

.independent-option {
	padding: 10px 7px;
}


.prompt-options {
	margin-top: 45px;
}

.prompt-option {
	padding: 3px 5px;
}

/*.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 18px/100% Arial, Helvetica, sans-serif;
	padding: 1.5px 15px 1.55px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}*/

.lgbutton {
	display: block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 18px/100% Arial, Helvetica, sans-serif;
	padding: 3.5em 95px 3.55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: 1.5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

	.lgbutton:hover {
		text-decoration: none;
	}

	.lgbutton:active {
		position: relative;
		top: 1px;
	}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #1e5799;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');*/
}

	.blue:hover {
		background: #007ead;
		background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
		background: -moz-linear-gradient(top, #0095cc, #00678e);
		/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');*/
	}

	.blue:active {
		color: #80bed6;
		background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
		background: -moz-linear-gradient(top, #0078a5, #00adee);
		/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');*/
	}

#irrCheckbox label {
	margin-top: 20px;
	font-size: 20px;
	font-weight: bold;
}

#notes input {
	height: 75px;
	width: 600px;
}

#attend {
	/*background-color: #c3d9f4;
    margin-top: 0.75em;
    font-size: 9pt;
    font-family: Georgia, "Times New Roman", Times, serif;
    border-color: black;
    border-collapse: separate;
        border-spacing: 2px;*/
}

	#attend td {
		/*background-color: #c3d9f4;
    margin-top: 0.75em;
    font-size: 9pt;
    font-family: Georgia, "Times New Roman", Times, serif;
    border-color: black;
    border-collapse: separate;
        border-spacing: 2px;*/
	}

	#attend th {
		/*background-color: #c3d9f4;
    margin-top: 0.75em;
    font-size: 9pt;
    font-family: Georgia, "Times New Roman", Times, serif;
    border-color: black;
    border-collapse: separate;
        border-spacing: 2px;*/
	}

	#attend tr {
		/*background-color: #c3d9f4;
    margin-top: 0.75em;
    font-size: 9pt;
    font-family: Georgia, "Times New Roman", Times, serif;
    border-color: black;
    border-collapse: separate;
        border-spacing: 2px;*/
	}

.student-form-input input {
	width: 95px;
}

.student-form-select select {
	width: 95px;
}

#frm1_submit {
	margin-top: 0.75em;
}

.ignoreAlert {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

/*
#students-tab-img
{
    display:block;
    margin:auto;

}

#studentTable_wrapper
{
    padding-top: 15px;
}
   */

/*Modals*/

.modal-header {
	background: #B7BEEE;
	border-bottom: 1px solid #60689b;
	color: #2d306c;
	border-radius: 5px 5px 0 0;
}

.modal-footer {
	border: none;
	padding-top: 0;
}

	.modal-footer .btn-default {
		background: none !important;
		box-shadow: none !important;
		color: #e1697e;
	}






@media screen {
	table.print-table {
		background: none;
		box-shadow: none;
	}

	thead.print-only,
	tfoot.print-only {
		display: none;
	}
}



@media print {

	table.print-table {
		background: none;
		box-shadow: none;
	}

	table.print-table .btn {
		display: none;
	}

	table.print-table tbody > td {
		padding: 0;
	}

	thead.print-only {
		display: table-header-group;
	}

	thead.print-only td {
		border-bottom: 2px solid #60689b;
		padding: 0 1rem 1rem;
		margin-bottom: 0;
		background-color: #fff;
	}

		/*thead.print-only td div.foreground {
            position: relative;
            z-index: 999;
        }

        thead.print-only td div.background {
            position: absolute;
            z-index: 888;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        thead.print-only td div.background img {
            width: 100%;
            height: 100%;
        }*/


	thead.print-only td h1 {
		margin-top: 0;
		margin-bottom: 0;
	}

	thead.print-only td .print-header-logo img {
		display: block;
		max-height: 80px;
		margin-bottom: 12px;
	}

	tfoot.print-only {
		display: table-footer-group;
	}

	tfoot.print-only td {
			border-top: 1px solid #B7BEEE;
			padding: 0.25rem 1rem 0;
			margin-top: 0.5rem;
			background-color: #fff;
		}

	.lesson-header h1 {
		margin-top: 0 !important;
	}

	.top-border-special {
		border: none;
	}

	.additional-features strong.header {
		margin-top: 8px;
	}

	html {
		margin: 0;
		/*border: 1px solid #000;*/
	}

	body {
		width: 100%;
	}

	.main-content {
		margin-top: 0 !important;
	}

	.panel {
		border: none !important;
	}

	h2 {
		padding-top: 0 !important;
		padding-bottom: 0px !important;
		display: block;
	}

	#c3-outer-div {
		margin-top: 10px !important;
	}

	.page-break {
		display: block;
		page-break-before: always !important;
		margin-bottom: 10px !important;
		position: relative;
		height: 75px;
		content: url("/Images/print-header.png");
	}

	.page-break + .top-border-special {
			border-top: none;
		}

	.page-bg {
		display: block;
		content: "Page " counter(page);
		position: absolute;
		top: 0.25in;
		right: 0.25in;
	}

	header.print-me {
		position: relative; /* Display only on print page (each) */
		top: 0; /* Because it's header */
		margin: 0 0 20px;
		width: 100%;
		/*height: 75px;*/
	}

	header.print-me .logo-bg {
			height: 75px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}

	header.print-me .logo-foreground {
			overflow: hidden;
			/*width: 100%;*/
			height: 75px;
		}

	header.print-me .logo-foreground img {
				/*height: 75px;
                width: 1333px;*/
			}

    .printHide, .dataTables_length, .dataTables_filter, .offline-ui.offline-ui-up, .dataTables_paginate {
        display: none;
    }
}

.grow {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: 150px;
	width: 100%;
	background: white;
	border-bottom: 2px solid black;
}

	.grow .center {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

		.grow .col .title {
			position: absolute;
			width: 100%;
			height: 5px;
			line-height: 5px;
			top: 0px;
			left: 0px;
			font-weight: normal;
			padding: 10px;
		}

			.grow .col .title h3, .grow .col .title h4 {
				margin: 0px;
				display: inline;
			}

			.grow .col .title .hint {
				display: inline;
				font-size: 12px;
				color: rgba(0, 0, 0, 0.7);
				margin-left: 15px;
			}

		.grow .col {
			position: relative;
			min-width: 570px;
			height: 150px;
		}


	.searchbar {
		height: 36px;
		box-sizing: border-box;
		width: 80%;
		display: flex;
		position: relative;
		flex-direction: row;
		border: 1px solid black;
		border-radius: 6px;
		background: white;
	}

		.searchbar input {
			flex: 1 1 auto;
			height: 100%;
			line-height: inherit;
			margin: 0px;
			padding: 5px 15px 5px 10px;
			border: none;
			background: white;
			border-radius: 6px;
			min-width: 0px;
		}

		.searchbar::after {
			content: "";
			flex: 0 0 36px;
			height: 36px;
			background: url("http://placehold.it/20x20");
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: center;
			text-align: center;
			line-height: 36px;
		}

	.search-results {
		display: none;
		position: absolute;
		max-height: 160px;
		width: 100%;
		height: auto;
		top: 100%;
		left: 0px;
		box-sizing: border-box;
		border-right: 1px solid grey;
		border-left: 1px solid grey;
		border-bottom: 1px solid grey;
		overflow-y: auto;
	}

		.search-results div {
			box-sizing: border-box;
			overflow: hidden;
			margin-top: -2px;
		}

		.search-results .result {
			width: 100%;
			height: 30px;
			color: black;
			box-sizing: border-box;
			cursor: hand;
			background: #e3ecfa;
			cursor: pointer
		}

			.search-results .result.selected span {
				background: #e3ecfa;
			}

	.search-esults .result:hover span {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9ca0b8+0,9ca0b8+50,9ca0b8+100&0.8+0,0.95+50,0.8+100 */
		background: -moz-linear-gradient(top, rgba(156,160,184,0.8) 0%, rgba(156,160,184,0.95) 50%, rgba(156,160,184,0.8) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(156,160,184,0.8) 0%,rgba(156,160,184,0.95) 50%,rgba(156,160,184,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(156,160,184,0.8) 0%,rgba(156,160,184,0.95) 50%,rgba(156,160,184,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9ca0b8', endColorstr='#cc9ca0b8',GradientType=0 ); /* IE6-9 */
	}

	.search-results .result span {
		display: block;
		width: 100%;
		height: 100%;
		line-height: 30px;
		font-size: 14px;
		padding-left: 6px;
		box-sizing: border-box;
		background: rgba(255,255,255,0.7);
		border-top: 2px solid #ebebeb;
	}

	.search-results .result.omit {
		display: none;
	}

	.selection {
		width: 80%;
		height: 50%;
		margin-top: 10px;
		border: 1px solid black;
		border-radius: 5px;
	}

	.col.organize {
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		flex: 0 0 auto;
		padding-top: 50px;
	}

	.select {
		display: inline-flex;
		flex-direction: row;
		height: 100px;
		line-height: 100px;
		font-size: 36px;
		box-sizing: border-box;
		flex: 0 0 50%;
		margin: 0px 35px;
		color: #acb3b6;
		transition: 0.2s;
		cursor: hand;
		cursor: pointer;
	}

		.select.active {
			transform: scale(1.05);
			color: green;
		}


			.select.active::before, .select.active::after {
				border-color: green;
			}

		.select::before, .select::after {
			content: "";
			flex: 0 0 15px;
			height: 100%;
			border: 2px solid #acb3b6;
			transition: 0.2s;
		}

		.select span {
			height: 100%;
			word-wrap: normal;
			font-size: 25px;
			text-align: center;
			line-height: 25px;
			padding: 25px 0px;
			width: 200px;
		}

		.select::after {
			border-left: none;
		}

		.select::before {
			border-right: none;
		}

		.select:hover {
			color: green;
			transform: scale(1.1);
		}

			.select:hover::before, .select:hover::after {
				border-color: green;
			}


/* Timer */
/* Timer */
.timer {
    flex: 0 200px;
    display: block;
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 2px solid #60689b;
    color: #60689b;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    transition: .15s;
    box-sizing: border-box;
}

    .timer.play {
        border-color: #d28e99;
        color: #d28e99;
        background: #d28e9915;
    }

    .timer .time {
        position: absolute;
        top: 25%;
        left: 0px;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .timer #running {
        top: 40%;
        opacity: 0.7;
        transform: scale(0.6);
    }

    .timer .time::before, .timer .time::after {
        content: "";
        flex: 1 1 auto;
    }

    .timer .time .minutes, .timer .time .seconds {
        flex: 0 0 70px;
        font-size: 30px;
        padding: 0px 10px;
    }

    .timer .control {
        position: absolute;
        display: block;
        background: black;
        width: 50px;
        height: 50px;
        left: 75px;
        bottom: 20px;
        transform: scale(1.25);
        background-size: 100% 100%;
        background: url("../img/play.svg");
        transition: .2s;
    }

    /* <div>Icons made by <a href="https://www.flaticon.com/authors/smashicons" title="Smashicons">Smashicons</a> from <a href="https://www.flaticon.com/" 			    title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" 			    title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> */
    .timer.play .control {
        background: url("../img/pause.svg");
    }

    .timer:hover {
        background: #60689b40;
        cursor: hand;
        cursor: pointer;
    }

    .timer.play:hover {
        background: #d28e9940;
    }

    .timer:hover .minutes, .timer:hover .seconds {
    }

    .timer .totalTime {
        position: absolute;
        top: 55px;
        left: 0;
        width: 100%;
        height: 40px;
        font-size: 16px !important;
        opacity: 0.7;
        display: flex;
        flex-direction: row;
    }

        .timer .totalTime::before, .timer .totalTime::after {
            content: "";
            flex: 1;
        }

        .timer .totalTime .minutes, .timer .totalTime .seconds {
            flex: 0 0 40px;
            padding: 0px 5px;
        }

    .timer .minutes {
        text-align: right;
        padding-left: 0px;
    }

    .timer .seconds {
        text-align: left;
        padding-right: 0px;
    }

.cleartimer {
    cursor: pointer;
    cursor: grab;
    margin: 15px 0px -15px 0px;
}

#times label {
    width: 50px;
}

#times .push {
    flex: 0 0 auto;
    margin: 10px 0px;
}

#times .half .remove {
    // display: inline-flex;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 150;
    padding: 8px 8px;
    border-radius: 50%;
    font-family: 'Glyphicons Halflings';
    box-sizing: border-box;
    transition: .2s;
    margin: 10px 0;
    color: white !important;
    cursor: pointer;
    cursor: hand;
    background: #60689b;
    filter: saturate(60%);
}

    #times .half .remove.show {
        display: inline-flex !important;
    }

    #times .half .remove .msg {
        height: 17px;
        line-height: 14px;
        padding-left: 0px;
        transition: padding-left 0.2s;
    }

    #times .half .remove.confirm .msg {
        padding-left: 5px;
    }

#times .remove .msg:before {
    content: "";
    width: 0;
    transition: width 0.2s ease-in-out;
    display: block;
}

#times .remove.confirm .msg:before {
    content: "Confirm";
    width: 55px;
}

#times .half .remove:hover {
    filter: saturate(100%);
}

#times .half .remove.confirm {
    filter: saturate(100%);
    background: #e86c82;
    border-radius: 6px;
}

.glyphicon {
    top: 0px;
}

.glyphicon-trash:before {
    display: block;
    padding: 2px 2px 0px 0px;
    box-sizing: border-box;
}

#times .half .remove span {
    display: inline-block;
    vertical-align: middle;
}

.parents-notified {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 30px;
    width: auto;
    padding: 7px 10px 5px 10px;
    line-height: 15px;
    background: #e86c821a;
    border-radius: 5px;
    color: red;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-weight: bold;
    font-size: 13px;
    border-left: 2px solid red;
    border-right: 2px solid red;
}

    .parents-notified .glyphicon {
        top: 1px;
    }

        .parents-notified .glyphicon:before {
            padding-right: 10px;
        }


.half.dur .toggle-add {
    position: absolute;
    height: 40px;
    width: 40px;
    background: #90c97e;
    border-radius: 50%;
    top: -20px;
    left: -25px;
    z-index: 100;
    color: green;
    filter: grayscale(75%);
    transition: 0.2s;
}

    .half.dur .toggle-add:before {
        content: "\002b";
        display: block;
        height: 40px;
        width: 42px;
        text-align: center;
        line-height: 40px;
    }

    .half.dur .toggle-add:hover {
        filter: grayscale(40%);
    }

    .half.dur .toggle-add.active {
        filter: grayscale(0%);
        transform: scale(1.1);
    }

.duration-header {
    background: #60689b;
}

#duration-box .duration {
    background: #60689b40;
}

    .duration-header .tab, #duration-box .duration .tab {
        flex: 1 1 33%;
        height: 100%;
        line-height: 35px;
        text-align: center;
        color: white;
    }

#duration-box.add .duration-add {
    display: block;
}

.duration-add .tab {
    flex: 1 1 100%;
    height: 20px;
    line-height: 20px;
    color: #1c861c !important;
    text-align: center;
    cursor: grab;
}

    .duration-add .tab .glyphicon {
        font-size: 12px;
    }

.duration-add {
    display: none;
    background: #99cc99;
    height: 20px;
    opacity: 0.7;
    width: 80%;
    margin: 0 auto;
}

#duration-box {
    flex: 1;
    overflow-y: auto;
    overflow-x: visible;
    min-height: 250px;
    height: 250px;
    max-height: 250px;
    flex: 0 0 250px;
    display: block;
    margin: 5px -25px;
    padding: 0 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    #duration-box .duration {
        position: relative;
        margin: 5px 0;
        transition: .2s;
        transform: scale(0.9);
        will-change: transform;
    }

        #duration-box .duration.current {
            transform: scale(1.0);
            box-shadow: 0 0 3px 0 black;
            -moz-box-shadow: 0 0 3px 0 black;
            -webkit-box-shadow: 0 0 3px 0 black;
        }

        #duration-box .duration .tab {
            font-size: 14px;
            color: black;
        }

            #duration-box .duration .tab:not(:nth-child(1)) {
                //flex: 1 1 40%;
                border-left: 1px solid #00000060;
            }

        #duration-box .duration::before {
            content: "\270f";
            font-family: 'Glyphicons Halflings';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            text-align: center;
            line-height: 35px;
            color: white;
            opacity: 0;
            background: #00000040;
            transition: .2s;
        }

        #duration-box .duration:hover .tab {
            color: #00000060 !important;
            border-color: #00000030 !important;
        }

        #duration-box .duration:hover::before {
            opacity: 1;
        }

#totalTime {
    font-size: 1.2em;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    #totalTime .min, #totalTime .sec {
        display: inline-block;
        vertical-align: baseline;
        min-width: 25px;
        margin-left: 15px;
        margin-right: 5px;
        text-align: right;
        height: 25px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-bottom: 1px solid black;
        text-align: center;
        line-height: 25px;
    }


.wrow .col .title {
    position: absolute;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    top: 0px;
    left: 0px;
    font-weight: normal;
    padding: 15px 0 0 15px;
}

    .wrow .col .title h3, .wrow .col .title h4 {
        margin: 0px;
        display: block;
    }

    .wrow .col .title .hint {
        display: block;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.7);
        height: auto;
        line-height: 1;
        width: 250px;
    }

.wrow .col {
    position: relative;
    flex: 1 1 50%;
    min-width: 570px;
    height: 400px;
}

.wrow:before {
    content: '\e013';
    position: absolute;
    z-index: -1;
    top: 80px;
    right: 0px;
    font-size: 18px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    box-sizing: border-box;
    background: #60689b;
    color: white;
    border-top-right-radius: 45%;
    border-bottom-right-radius: 45%;
    display: none;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: right .3s, visibility 0s linear .3s;
    display: inline-block;
    visibility: hidden;
}

.wrow.modified:before {
    visibility: visible;
    right: -50px;
    transition-delay: 0s;
}

.wrow:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    z-index: 101;
    background: #a4a4a44d;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.2s,opacity 0.2s linear;
}

.wrow.disabled:after {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}
.wrow {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    flex-wrap: wrap;
    background: white;
}

    .wrow .center {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

        .wrow .center.set-column {
            flex-direction: column !important;
        }
.tableBorder {
	border:1px solid #000

}
.c3-xgrid-line.medLine line {
	stroke: red;
}

.c3-xgrid-line.conditionLine line {
	stroke-dasharray: 5,5;
}