::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style: italic;
  opacity: .6;
  }
::-moz-placeholder { /* Firefox 19+ */
  font-style: italic;
  opacity: .6;
}
:-ms-input-placeholder { /* IE 10+ */
  font-style: italic;
  opacity: .6;
}
:-moz-placeholder { /* Firefox 18- */
  font-style: italic;
  opacity: .6;
}
input[type=text],
textarea,
input[type=password]
{
	color: #000000;
}

div.element-block {
	display: inline-block;
	padding: 12px;
	vertical-align: top;
	padding: 0px;
}
div.element-width-50:nth-child(odd) {
	float: right;
	clear: both;
}
table.element-block input[type=text],
div.element-block input[type=text],
div.element-block input[type=password],
div.element-block select {
	border-color: #b4b4b4;
	display: inline-block;
	width: 65%;
	margin: 0;
}
.element-width-50 {
	width: 49%;
}
.element-width-100 {
	width: 100%;
}
table.element-block input[type=text] {
	margin: 0px 0px 6px 0px;
	width: 112px;
}
table.element-block .total {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
table.element-block .total>div {
	display: inline-block;
	border-top: 4px #b4b4b4 solid;
	padding-top: 4px;
}
div.border {
	border-radius: 7px;
	background: #fff;
	margin-bottom: 10px;
	padding: 8px 7px;
	position: relative;
}
div.border>div,
div.border>span>div {
	margin-bottom: 6px;
}
.border table,
.border table.element-block,
.border table.element-block tr,
.border table.element-block tr th,
.border table.element-block tr td {
	background: none;
	margin-bottom: 6px;
}
.element-block div>div>div,
div.border>div>div,
div.border>span>div>div {
	display: inline-block;
	width: 90%;
	padding: 8px 7px;
}
div.border.popout>div>div
{
	display: block;
	width: 100%;
}
div.border h3 {
	color: green;
	font-size: 26px;
}
.ajaxResponse {
	margin-left: 10px;
	vertical-align: top;
}
.userMenu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.loginBlock .userMenu {
	width: 475px;
}
.loginBlock input[type=text],
.loginBlock input[type=password] {
	width: 96%;
	border: 1px #b4b4b4 solid;
  padding: 8px 6px;
  color: #919191;
  font-size: 13px;
}
.userMenu li,
.hbar div.menu ul.userMenu li {
	float: left;
	list-style: none !important;
	margin: 0;
	position: inherit;
	line-height: inherit;
}
.userMenu li a,
.hbar div.menu ul.userMenu li a {
	padding: 0px 13px;
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	line-height: 2em;
}
.hbar div.menu ul.userMenu li a {
	text-shadow: none;
}
.userMenu.main .current {
	color: #719430;
}
.userMenu.user {
	float: right;
}
.userMenu.user li a {
	color: #719430;
}
.userMenu.user .current {
	color: #404040;
}
.popout .sessionsContainer.sessions
{
	height: inherit;
	overflow: inherit;
}
.curriculumContainer video,
.sessionsContainer video,
.contentpad .StudentMovies .list .entry .image video,
.moviepage .entry .image video
{
	width: 100% !important;
}
.moviepage .entry .image video
{
	max-height: 380px;
}
.overlay .example .entry iframe {
	min-height: 300px;
}
.sections .entry,
.sessions .entry,
.contentpad .StudentMovies .list .entry
{
	display: inline-block;
	width: 240px;
	padding: 6px;
	margin-bottom: 10px;
	vertical-align: top;
}
.sections .entry .image,
.sessions .entry .image,
.overlay .entry .image,
.contentpad .StudentMovies .list .entry .image,
.moviepage .entry .image
{
	border: 2px #808080 solid;
	border-radius: 4px;
}
.overlay .entry .image video
{
	width: 100%;
}
.sections .entry:hover,
.sessions .entry:hover {
	color: #0c4e0e;
	background-color: rgba(255, 255, 0, 0.2);
	border-radius: 5px;
	border: 1px #719430 solid;
	cursor: pointer;
}
.sections .entry:hover img,
.sessions .entry:hover img {
	border-color: #719430;
}
.sections .entry iframe,
.sections .entry video {
	width: 540px;
    height: inherit;
}
.sections .overlay .entry {
	width: 92%;
}

.overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	flex-direction: column;
	z-index: 20;
	/*justify-content: center;*/
}
.overlay .border
{
	width: inherit;
	/*margin: 100px auto;*/
	width: 50%;
	height: 75%;
	overflow-y: scroll;
	overflow-x: hidden;
	display: flex;
	
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
	border: 1px solid #b4b4b4;
	display: block;
}
.overlay.studentUpload .border,
.overlay.userUpload .border
{
	height: auto;
}
.overlay.groupCreate
{
	width: inherit;
	height: inherit;
}
.overlay.groupCreate .border
{
	width: 380px;
	padding: 8px 15px;
	height: auto;
	overflow: unset;
}
.overlay.groupCreate .border input,
.overlay.groupCreate .border select
{
	width: 100%;
}
.overlay .border .response .title,
.overlay .border .score .title,
.overlay .border .comments .title
{
	font-weight: bold;
}
.overlay .border .score input[type=range]
{
	width: auto;
	display: inline-block;
}
.overlay .border .response .answer .canvas
{
	background-color: #fff;
	border: 1px #b4b4b4 solid;
}
.overlay .border .assignmentText .question.canvas
{
	display: none;
}
.overlay.editteacher .border,
.overlay.editstudent .border,
.overlay.assignment .border
{
	border-radius: 3px;
	padding: 0px;
}
.overlay.editteacher .header,
.overlay.editstudent .header,
.overlay.groupCreate .header,
.overlay.resyncclever .header
{
	background-color: #39778f;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin: 0px;
	padding: 10px;
}
.overlay.editteacher .content,
.overlay.editstudent .content,
.overlay.groupCreate .content
{
	background-color: #6b6b6b;
	color: #fff;
	display: flex;
	gap: 20px;
	flex-direction: row;
	margin: 0px;
	padding: 10px 40px;
}
.overlay.groupCreate .content>div,
.overlay.resyncclever .content>div
{
	width: 100%;
}
.overlay.groupCreate .content
{
	display: block;
}
.overlay.editteacher .content .column>div>div,
.overlay.editstudent .content .column>div>div
{
	line-height: 2em;
}
.overlay.editteacher .content select,
.overlay.editstudent .content select,
.overlay.groupCreate .content select
{
	color: #000;
}
.overlay.editteacher .content textarea,
.overlay.editstudent .content textarea
{
	margin: 0px;
}
.overlay.editteacher .content div#groupids,
.overlay.editstudent .content div#groupids
{
	overflow-x: clip;
	overflow-y: scroll;
	height: 100px;
	background-color: #fff;
	color: #000;
	border: 1px #b4b4b4 solid;
	padding: 0px 2px;
	line-height: 1.4em;
}
.overlay.editteacher .content .icon-trash,
.overlay.editstudent .content .icon-trash
{
	color: #f44a4b;
	cursor: pointer;
}
.overlay .footer
{
	background-color: #f79139;
	text-align: center;
	margin: 0px;
	padding: 10px;
}

canvas#drawsomething
{
	background-color: #fff;
	border: 1px #b4b4b4 solid;
	width: 100%;
}
.overlay .border .assignmentText #link
{
	display: none;
}

.buttonwrapper
{
	position: relative;
}
.buttonwrapper .buttonpop
{
	display: none;
	position: absolute;
	top: 100%;
	/*left: calc(375px * -0.5 + 50%);*/
	right: 0;
	background-color: #ffffff;
	border-radius: 16px;
	padding: 20px;
    box-shadow: 
		0px 9px 46px 8px rgba(0, 0, 0, 0.12),
		0px 24px 38px 3px rgba(0, 0, 0, 0.14),
		0px 11px 15px -7px rgba(0, 0, 0, 0.20);
}
.buttonwrapper .buttonpop .buttons
{
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	flex-direction: row;
	margin-top: 16px;
}

input.silasButton,
button.silasButton
{
	background-color: #2175d8;
	height: 40px;
	font-size: 16px;
	color: #fff;
	border-radius: 5px;
	padding: 8px 16px;
	border: none;
	line-height: 1;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
button.silasButton *
{
	fill: #fff;
}
.overlay.reportAction button.silasButton,
.overlay.sessionAction button.silasButton,
.overlay button.silasButton,
.popout button.silasButton
{
	display: initial;
}

button.silasButton:disabled
{
	border: none;
	background: var(--action-disabledBg, linear-gradient(0deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%), #FFF);
	color: var(--action-disabled, rgba(0, 0, 0, 0.26));
}
button.silasButton:disabled *
{
	fill: var(--action-disabled, rgba(0, 0, 0, 0.26));
}

button.silasButton.nobg
{
	background-color: transparent;
	color: #2175d8;
	border: 1px solid #2175d8;
	font-weight: bold;
}
button.silasButton.nobg *
{
	fill: #2175d8;
}
button.silasButton.nobg:disabled
{
	background: initial;
	color: var(--action-disabled, rgba(0, 0, 0, 0.26));
	border-color: rgba(0, 0, 0, 0.26);
}
button.silasButton.nobg:disabled *
{
	fill: var(--action-disabled, rgba(0, 0, 0, 0.26));
}
button.silasButton.icon
{
	background-color: transparent;
	color: #000000;
	border: 1px solid #e0e0e0;
	padding: 8px;
}
button.silasButton.icon.blue
{
	border: 1px solid #2274d8;
}
button.silasButton.icon:disabled
{
	background: initial;
	color: var(--action-disabled, rgba(0, 0, 0, 0.26));
	border-color: rgba(0, 0, 0, 0.26);
}
button.silasButton.icon *
{
	fill: #666666;
}
button.silasButton.icon.blue *
{
	fill: #2274d8;
}
button.silasButton.icon.blue *[stroke]
{
	stroke: #2274d8;
}
button.silasButton.icon:disabled *
{
	fill: rgba(0, 0, 0, 0.26);
}
button.silasButton.icon:disabled *[stroke]
{
	stroke: rgba(0, 0, 0, 0.26);
}
button.silasButton.icon#print
{
	padding: revert;
}
button.silasButton.clear
{
	background-color: transparent;
	color: rgba(0, 0, 0, 0.26);
	border: none;
	font-weight: bold;
}
button.silasButton.clear *
{
	fill: rgba(0, 0, 0, 0.26);
}
button.silasButton.blue
{
	color: #2175d8;
}
button.silasButton.noborder
{
	border: none;
}
button.silasButton.nopad
{
	padding: 0px;
	height: inherit;
}
button.silasButton#next:disabled
{
	background: initial;
}
button.silasButton#assignavail
{
	background-color: #4a768f;
}
.menudrop button.silasButton
{
	font-size: 14px;
}
button.silasButton#selected 
{
	background-color: #fff;
	border: 1px #2e4050 solid;
	color: #2e4050;
}
button.silasButton#selected *
{
	fill: #2e4050;
}
button.silasButton#back {
	font-size: 18px;
	padding: 5px 25px;
	line-height: 1;
}
button.silasButton#minimizefixed {
	position: absolute;
	top: 0px;
	padding: 0px;
	background-color: #2e4050;
	opacity: 0;
	z-index: 99;
}
button.silasButton.green {
	background-color: #21b350;
}
button.silasButton.lightgreen {
	background-color: #93e3ae;
}
button.silasButton.red {
	background-color: #ff0000;
}
button.silasButton.purple {
	background-color: #5e4a9e;
}
button.silasButton.disabled {
	opacity: .4;
}
button.silasButton.group {
	margin: 6px;
}
button.button.mac {
	min-height: 32px;
}
.assesspage .header button.silasButton {
	background-color: transparent;
    color: #2e4050;
    border: none;
    font-size: 18px;
	display: inline-block;
}
.assesspage .header button.silasButton {
	border: 1px #ffffff solid;
	padding-bottom: 8px;
}
.assesspage .header button.silasButton.active {
	border-bottom: 2px #2274d8 solid;
    border-radius: 0;
	color: #2274d8;
}
.assesspage .header button.silasButton:hover {
	border: 1px #2274d8 solid;
    border-radius: 0;
	background-color: #e0f2ff;
}
.assesspage .header button.silasButton:disabled {
	background: inherit;
	background-color: #e0f2ff;
    border-radius: 0;
	opacity: .4;
}
button.silasButton#cancel
{
	color: #e51740;
	border-color: #e51740;
}
button.silasButton#cancel:disabled
{
	color: inherit;
	background: unset;
}
.entryContainer .header .buttons button#cancel,
.entryContainer .header .buttons button#submit
{
	display: none;
}

.dashboardhead .weeknext .buttons,
.buttonContainerTop span
{
    color: #2e4050;
	font-size: 20px;
	cursor: pointer;
}
.curriculumpage .buttonContainer span,
.curriculumpage .buttonContainerTop span
{
    color: #eb994f;
	font-size: 30px;
	cursor: pointer;
}
.curriculumpage .buttonContainer span.icon-icon-immersivereader,
.curriculumpage .buttonContainerTop span.icon-icon-immersivereader
{
    color: #6a6a6a;
}
.curriculumpage .buttonContainer span.icon-forward,
.curriculumpage .buttonContainerTop span.icon-forward
{
    color: #4a778e;
}
.curriculumpage .buttonContainer span.icon-print-1,
.curriculumpage .buttonContainerTop span.icon-print-1
{
    color: #000;
}
.dashboardhead .weeknext .buttons span.icon-upload.importteachers,
.curriculumpage .buttonContainer span.icon-upload.importteachers,
.curriculumpage .buttonContainerTop span.icon-upload.importteachers,
.curriculumpage .buttonContainerTop span.icon-upload.importteachers,
.dashboardhead .weeknext .buttons span.icon-user-add.addteacher
{
    color: #4a778e;
}
.dashboardhead .weeknext .buttons span.icon-upload.importstudents,
.curriculumpage .buttonContainer span.icon-upload.importstudents,
.dashboardhead .weeknext .buttons span.icon-user-add.addstudent
{
    color: #eb994f;
}
.dashboardhead .weeknext .buttons span.previous,
.dashboardhead .weeknext .buttons span.next
{
    color: #f44a4b;
}
.dashboardhead .googleclassroom .buttons span.previous,
.dashboardhead .googleclassroom .buttons span.next
{
    color: #6aa44e;
}




.hidden {
	display: none !important;
}
.overlay h2 {
	color: #404040 !important;
	/*font-family: 'CCComicrazy-Regular', serif;*/
	font-family: 'Arimo', san-serif;
	font-size: 30px;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 1.1em;
}
.overlay div.example
{
	clear: both;
	display: block;
	margin: auto;
	margin-bottom: 6px;
}
.overlay .example .entry .title {
	position: relative;
}
.overlay .example .entry .footer {
	display: none;
}
.overlay .example .entry .title input[type='text'] {
	margin: 2px 0px !important;
	border: 1px #808080 solid !important;
}
.overlay .example .entry button {
	position: absolute;
	top: 0;
	right: -90px;
	font-size: 17px;
}
.overlay .example .entry .title button {
	position: inherit;
	right: inherit;
	font-size: 17px;
	margin-left: 4px;
}
.overlay .example .header,
.popout .header
{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 20px;
	text-align: center;
}
.popout .adata .header
{
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}
.overlay .example .chartimg,
.popout .chartimg
{
	display: none;
}
.overlay div.example .notfound,
.popout .notfound
{
	margin: 16px 0px;
	font-size: 18px;
	text-align: center;
}
.overlay div.example .directions,
.popout .directions
{
	margin: 16px 0px;
	font-size: 18px;
	text-align: left;
}
.overlay div.example table.responses,
.popout table.responses
{
	width: 100%;
	border-spacing: 5px;
}
.overlay div.example table.responses tr.fill1,
.popout table.responses tr.fill1
{
	background-color: #f0f0f0;
}
.overlay div.example table.responses th,
.popout table.responses th
{
	text-align: center;
}
.overlay div.example table.responses td,
.popout table.responses td
{
	padding: 10px;
	font-size: 18px;
}
.overlay div.example table.responses td.col1,
.popout table.responses td.col1
{
	/*white-space: nowrap;*/
	vertical-align: top;
}
.overlay div.example table.responses td.col2,
.popout table.responses td.col2
{
	vertical-align: top;
	text-align: left;
}
.overlay div.example table.responses td.col3,
.popout table.responses td.col3
{
	text-align: center;
	vertical-align: top;
}
.overlay div.tabmenu,
.popout div.tabmenu
{
	width: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.overlay div.tabmenu .link,
.popout div.tabmenu .link
{
	font-weight: bold;
}
.overlay div.tabmenu .link:hover,
.popout div.tabmenu .link:hover
{
	cursor: pointer;
}
.overlay div.tabmenu .link.current,
.popout div.tabmenu .link.current
{
	text-decoration: underline;
}
.overlay textarea {
	width: 100%;
	padding: 0;
	margin-top: 4px;
	height: 75px;
	margin: 5px 5px;
}
.overlay .scroll {
	height: 425px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	padding: 0px;
}
.overlay .scroll>div,
.overlay .scroll>h2 {
	padding: 5px 20px;
}
.overlay .les_descr {
		width: inherit;
		padding: 0px;
}

.curriculumContainer.sessions>div:first-of-type {
	padding: 0;
	list-style: none;
}
.curriculumContainer.sessions .tabscontainer {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-direction: row;
}
.curriculumContainer.sessions ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
.curriculumContainer.sessions ul.tabs li {
	background-color: #b4b4b4;
	float: left;
	position: relative;
	margin: 0 2px;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	padding: 1px;
	border-radius: 5px 5px 0px 0px;
	border-bottom: none;
	z-index: 1;
	top: 1px;
	line-height: 36px;
}
.curriculumContainer.sessions ul.tabs#sel li {
	background-color: #eb3351;
}
.curriculumContainer.sessions ul.tabs li a {
	padding: 8px 20px;
	font-weight: 600;
	color: #404040;
	font-size: 13px;
	text-decoration: none;
}
.curriculumContainer.sessions ul.tabs#sel li a {
	color: #ffffff;
}
.curriculumContainer.sessions ul.tabs li a:hover {
	text-decoration: none;
	color: #719430;
}
.curriculumContainer.sessions ul.tabs li:hover {
	background-color: #f0f0f0;
}
.curriculumContainer.sessions ul.tabs li.current,
.curriculumContainer.sessions ul.tabs#sel li.current {
	background-color: #f0f0f0;
	z-index: 3;
}
.curriculumContainer.sessions ul.tabs#sel li.current {
	border: 1px #eb3351 solid;
	border-bottom: 0px;
}
.curriculumContainer.sessions ul.tabs#sel li.current a {
	color: #eb3351;
}
.curriculumContainer.sessions .tabpage {
	display: block !important;
	background-color: #f0f0f0;
	border: 1px #f0f0f0 solid;
	border-radius: 5px;
	padding: 0px;
	width: 100%;
	z-index: 2;
	position: relative;
	font-size: 15px;
	min-height: 600px;
}


.curriculumContainer.sessions .subtabs {
	margin: 15px 0px;
    padding: 0;
    list-style: none;
	display: flex;
	justify-content: center;
}
.curriculumContainer.sessions .subtabs li {
	float: left;
}
.curriculumContainer.sessions .subtabs li a {
	padding: 8px 20px;
	color: #404040;
}
.curriculumContainer.sessions .subtabs li.current {
	font-weight: bold;
}


.curriculumContainer.sessions .tabpage .group {
	background: #e1e1e1;
	margin-bottom: 10px;
	border-radius: 5px;
	overflow: hidden;
	margin: 12px;
}
.curriculumContainer.sessions .tabpage .group .category {
	padding: 4px 8px;
	color: #fff;
	background-color: #666;
}
.curriculumContainer.sessions .tabpage .group .category:hover {
	cursor: pointer;
	background-color: #777;
}
.curriculumContainer.sessions .tabpage .group .subcategory {
	padding: 4px 8px;
	overflow: hidden;
}
.curriculumContainer.sessions .tabpage .group .subcategory:hover {
	cursor: pointer;
}
.curriculumContainer.sessions .tabpage .group .subcategory.open .title {
	font-weight: bold;
}
.curriculumContainer.sessions .tabpage .group .results {
	padding: 4px 8px;
	background-color: #efefef;
	margin-top: 4px;
}

.results .adata
{
	height: 58px;
	overflow: hidden;
}
.results .adata .header
{
	padding: 4px 8px;
	color: #2e3e58;
	border-top: 2px #dbdbdb solid;
	background-color: #f5f5f5;
	position: relative;
}
.results .adata .header .clickto
{
	font-size: 14px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.results .adata .header .clickto:hover
{
	cursor: pointer;
}
.results .adata .responses td,
.results .directions
{
	font-size: 14px;
}
.results .entry
{
	border: 2px #dbdbdb solid;
	margin-bottom: 20px;
}
.results .adata .header
{
	font-size: 20px;
}
.results .adata .header#clickto
{
	font-size: 20px;
	border-bottom: 2px #dbdbdb solid;
}

.popLogin {
	padding: 6px !important;
	margin-bottom: 0px;
}
.popLogin input {
	margin-bottom: 6px !important;
}
.popLogin button {
	background-color: #719430;
	color: #ffffff;
	border-color: #507210;
	padding: 9px 22px;
	cursor: pointer;
	border: none;
	-webkit-appearance: none;
	border-radius: 0px;
}
.popLogin .lutr {
	width: 196px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  font-size: 12px;
	line-height: normal;
}
.popLogin .lutr a {
	height: auto;
	line-height: normal;
}
.jsResponse {
	display: inline;
}

.post-card-excerpt table {
    display: inline-block;
    overflow-x: auto;
    margin: 0.5em 0 2.5em;
    max-width: 100%;
    width: auto;
    border-spacing: 0;
    border-collapse: collapse;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
    font-size: 1.6rem;
    white-space: nowrap;
    vertical-align: top;
    -webkit-overflow-scrolling: touch;
    background: radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100%;
    background-attachment: scroll,scroll;
    background-size: 10px 100%,10px 100%;
    background-repeat: no-repeat;
}
.post-card-excerpt table th {
    padding: 6px 12px;
    border: 1px solid #e3ecf3;
}
.post-card-excerpt table th {
    color: #15171a;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .2px;
    text-align: left;
    text-transform: uppercase;
    background-color: #f4f8fb;
}






.usersContainer.sessions {
	min-height: 600px;
}
.usersContainer.sessions .border span.icon {
	float: right;
	margin-left: 5px;
	background-color: inherit;
  border-radius: 100px;
  padding: 2px;
  position: relative;
}
.usersContainer.sessions .border:hover span.icon {
	color: green;
}
.usersContainer.sessions .border span.icon:hover {
	color: #f2f2f2;
	cursor: pointer;
	background-color: #666;
}
.usersContainer.sessions .border span.icon:first-of-type,
.usersContainer.sessions .border span.icon-user {
	float: none;
	margin-left: 0;
}
.usersContainer.sessions .border span.icon:hover:first-of-type,
.usersContainer.sessions .border span.icon-user:hover {
	color: green;
	cursor: inherit;
	background-color: inherit;
}
.usersContainer.sessions .border span.opCheck,
.usersContainer.sessions .border span.opCancel {
	display: none;
}
.usersContainer.sessions .border span.disabled {
	color: #ccc;
}

.usersContainer.sessions .border {
	width: inherit;
	display: block;
}
.usersContainer.sessions .border {
	background-color: #f2f2f2;
}
.usersContainer.sessions .border:nth-child(1) {
	background-color: #fcfcfc;
}
.usersContainer.sessions .border:hover {
	background-color: #fff;
}
.usersContainer.sessions .border span.name,
.usersContainer.sessions .border span.type {
	display: inline;
	margin-right: 10px;
}
.usersContainer.sessions .border span.name {
	font-weight: bold;
}
.usersContainer.sessions .border span.type {
	font-size: 12px;
}

.overlay.userAction .border h3 {
	margin-bottom: 20px;
}
.overlay.userAction .border>div {
	margin: auto;
	display: inherit;
}
.overlay.userAction .border div div {
	width: 150px;
	display: inline-block;
	vertical-align: top;
}
.overlay.userAction .border div input,
.overlay.userAction .border div textarea,
.overlay.userAction .border div select,
.overlay.userAction .border div span.groups,
.overlay.userStatus .border div select {
	width: 350px;
	display: inline-block;
}
.overlay.userAction span.name,
.overlay.userStatus span.name {
	font-size: 15px;
	margin-right: 10px;
	font-weight: bold;
}
.overlay.userAction span.type,
.overlay.userStatus span.type {
	font-size: 12px;
}



.overlay.studentAction .border h3 {
	margin-bottom: 20px;
}
.overlay.studentAction .border>div {
	margin: auto;
	display: inline;
}
.overlay.studentAction .border>div:nth-child(even) {
	margin-right: 20px;
	margin: auto;
    display: block;
}
.overlay.studentAction .border div div {
	width: 150px;
	display: inline-block;
	vertical-align: top;
}
.overlay.studentAction .border input,
.overlay.studentAction .border textarea,
.overlay.studentAction .border select,
.overlay.studentAction .border span.groups {
	width: 350px;
	display: inline-block;
	vertical-align: top;
}

.overlay.groupAction .border div div {
	width: 120px;
	display: inline-block;
	vertical-align: top;
}
.overlay.groupAction .border div div.selectgroup {
	width: 350px;
	border: 1px #b4b4b4 solid;
	padding: 2px;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 116px;
}
.overlay.groupAction .border div div.selectgroup label {
	display: flow-root;
	position: relative;
}
.overlay.groupAction .border div div.selectgroup span.opDelGroup {
	width: inherit;
	font-size: 19px;
	right: 15px;
}

.overlay.groupAction .border div div.selectgroup span {
	position: absolute;
	width: 290px;
	overflow: hidden;
	height: 20px;
}
.overlay.groupAction .border div div.selectgroup div {
	width: 320px;
	font-size: 12px;
	line-height: 20px;
}
.overlay.groupAction .border .icon {
	font-size: 26px;
}
.overlay.groupAction .border .icon:hover {
	color: green;
	cursor: pointer;
}

.overlay.groupAction .border input[type=text],
.overlay.groupAction .border textarea,
.overlay.groupAction .border select,
.overlay.groupAction .border span.groups {
	width: 350px;
	display: inline-block;
	vertical-align: top;
}
.overlay.groupAction .border input[type=checkbox] {
	float: right;
}

.studentsContainer.sessions span.icon {
	float: right;
	margin-left: 5px;
	background-color: inherit;
  border-radius: 100px;
  padding: 2px;
  position: relative;
}
.studentsContainer.sessions .border:hover span.icon {
	color: green;
}
.studentsContainer.sessions span.icon:hover,
.studentsContainer.sessions .border span.icon:hover {
	color: #f2f2f2 ;
	cursor: pointer;
	background-color: #666;
}
.studentsContainer.sessions span.icon:first-of-type,
.studentsContainer.sessions span.icon-user {
	float: none;
	margin-left: 0;
}
.studentsContainer.sessions span.icon:hover:first-of-type,
.studentsContainer.sessions span.icon-user:hover {
	color: green;
	cursor: inherit;
	background-color: inherit;
}
.studentsContainer.sessions span.opCheck,
.studentsContainer.sessions span.opCancel {
	display: none;
}
.studentsContainer.sessions .border.student span.groups {
	position: absolute;
	width: 478px;
	line-height: 14px;
	margin-top: 5px;
}
.studentsContainer.sessions .border.student span.groups span.group:before {
	content: ', ';
}
.studentsContainer.sessions .border.student span.groups span.group:first-of-type:before {
	content: ' ';
}
.studentsContainer.sessions span.disabled {
	color: #ccc;
}
.studentsContainer.sessions {
	margin: 0;
}
.studentsContainer.sessions.list {
	min-height: 600px;
}
.studentsContainer.sessions .border.student {
	display: block;
	width: inherit;
	background-color: #fcfcfc;
	font-size: 12px;
}
.studentsContainer.sessions .border.student span.name {
	font-size: 15px;
	margin-right: 10px;
}
.studentsContainer.sessions .border.student span.icon {
	font-size: 15px;
}
.studentsContainer.sessions .border.student i {
	font-style: italic;
}

.overlay.sessionAssess .descr_value {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.overlay.sessionAssess .descr_value div {
	flex: 1;
	text-align: center;
	padding: 3px;
	border: 1px #a5a5a5 solid;
}
.overlay.sessionAssess .descr_text {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.overlay.sessionAssess .descr_text div {
	flex: 1;
	text-align: center;
	padding: 3px;
	border: 1px #a5a5a5 solid;
}

.overlay.sessionAssess label {
	display: block;
}
.overlay.sessionAssess .scoreLabels {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.overlay.sessionAssess .scoreLabels div {
	flex: 1;
	max-width: 1%;
}

.border.filterby {
	padding: 8px 12px;
	display: flex;
	justify-content: flex-end;
}
.border.filterby>div {
	position: relative;
	text-align: right;
	padding: 8px 7px;
	margin-bottom: 0px;
}
.border.filterby>div:first-child {
	position: absolute;
	left: 0px;
	padding: 8px 7px;
	margin-bottom: 0px;
}
.border.filterby>div:first-child button {
	font-size: 15px;
	background: #000;
    color: #fff;
	margin: -4px 0px;
	border-radius: 3px;
}
.border.filterby .selection .current {
	color: #5e4a9e;
	font-size: 13px;
	font-weight: 600;
	text-align: left;
	width: inherit;
}
.border.filterby .selection {
	position: relative;
	display: inline-block;
	width: inherit;
	padding: 0px 7px;
}
.border.filterby .selection:hover>ul {
	display: block;
}
.border.filterby ul {
	display: none;
	position: absolute;
	border: 1px #b4b4b4 solid;
	top: 0px;
	right: 0px;
	background-color: #f0f0f0;
	border-radius: 3px;
	padding-right: 34px;
	list-style: none;
	z-index: 1;
}
.border.filterby ul li {
	position: relative;
	padding: 5px 17px;
	margin: 0px;
	width: 100%;
	white-space: nowrap;
	cursor: pointer;
}
.border.filterby ul li#noselect {
	cursor: inherit;
}
.border.filterby>div ul li:hover {
	background: #b4b4b4;
}
.border.filterby>div ul li:hover ul {
	display: block;
}
.border.filterby>div ul ul {
	top: -7px;
	right: 96%;
	z-index: 2;
}
.border.filterby .search input {
	font-size: 16px;
	margin: -6px 0px;
}
.border.filterby .search button {
	font-size: 15px;
	background: #000;
    color: #fff;
	margin: -4px 0px;
	border-radius: 3px;
}





.border.filterby select {
	width: 92%;
	display: inline-block;
}
.border.filterby select option#noselect {
	background-color: #b4b4b4;
	color: #fff;
	font-weight: bold;
}
.border.filterby select option#indent {
	padding-left: 20px;
}
.border.filterby li b {
	color: #bbb;
}

html body .tracking  [data-av_iconfont="entypo-fontello"]:before {
	margin-right: 6px;
}
html body .tracking .green[data-av_iconfont="entypo-fontello"]:before {
	color: green;
}
html body .tracking .yellow[data-av_iconfont="entypo-fontello"]:before {
	color: #fdd500;
}

.webgl-content #gameContainer #unity-input-select {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.webgl-content #gameContainer #unity-input-select #touch {
	background: url('/APP/TemplateData/Touch_and_game.png');
    width: 1280px;
    height: 720px;
}

/* moved to students.css */

.col-sm-6 img
{
	max-width: -webkit-fill-available;
}

@supports (-webkit-hyphens: none) {
.col-sm-6 img { 
	max-width: unset;
}
}

.printer .fontsize_20,
.popout .printer .fontsize_20 .directions
{
	font-size: 20px;
}
.printer .fontsize_30,
.popout .printer .fontsize_30 .directions
{
	font-size: 30px;
}
.printer .fontsize_40,
.popout .printer .fontsize_40 .directions
{
	font-size: 40px;
}
.printer .fontsize_50,
.popout .printer .fontsize_50 .directions
{
	font-size: 50px;
}

.avail_steps .entry,
.avail_content .entry
{
    border: 2px #ababab solid;
    margin: 6px 0px;
    padding: 3px;
	display: flex;
}
.avail_steps .entry span,
.avail_content .entry span
{
	margin-right: 20px;
	align-self: center;
}
.avail_steps .entry span:nth-last-of-type(3),
.avail_content .entry span:nth-last-of-type(3)
{
	margin-left: auto;
}
.avail_steps .entry span.type img,
.avail_steps .entry span.type video,
.avail_content .entry span.type img,
.avail_content .entry span.type video
{
	height: 80px;
}

.availentry .availTimer
{
	text-align: center;
	width: 404px;
}
.availslide
{
	border: 2px #ababab solid;
	width: 404px;
	min-height: 304px;
	display: none;
}
.availslide:nth-of-type(1)
{
	display: block;
}
.availslide .title
{
	font-size: 26px;
	padding: 5px;
	text-align: center;
}
.availslide .content
{
	width:400px;
	height:300px;
	position:relative;	
}
.availslide .content>div
{
	width:400px;
	height:300px;
	position:relative;
}
.availslide .content .audio
{
	position:absolute;
	bottom: 0px;
    top: unset;
    transform: none;
}
.availslide .content .image img,
.availslide .content .video video,
.availslide .content .audio audio
{
	max-width:400px;
	max-height:300px;
	width: 100%;
	height: auto;
	
	position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.availslide .content .audio audio
{
	bottom: 0px;
    top: unset;
    transform: none;
}
.availslide .content .audio audio
{
	height: revert;
}
.availslide .content .text
{
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	height: auto;
	background-color: #ffffffaa
}
.availslide.play
{
	cursor: pointer;
}
.availbuttons
{
	width: 404px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}
.availbuttons button
{
	flex: 1;
	background-color: #337ab7;
	color: #fff;
	line-height: 2em;
	padding: 10px;
	border-color: #959595;
}
.availbuttons button.inactive
{
	background-color: #eeebee;
	color: #959595;
}
.availprogress
{
    display: flex;
    flex-direction: row;
    align-items: stretch;
	width: 404px;
	gap: 4px;
	margin: 4px 0px;
}
.availprogress .step
{
	height: 20px;
	flex: 1;
	background-color: #b4b4b4;
}
.availprogress .step:first-child
{
	border-radius: 8px 0px 0px 8px;
}
.availprogress .step:last-child
{
	border-radius: 0px 8px 8px 0px;
}
.availprogress .step.complete
{
	background-color: #337ab7;
}
.avail.entry .status.completed
{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0px;
    color: green;
    background-color: #ffffff94;
    padding: 2px 0px;
}

.modal-container
{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(240,240,240); /* Fallback color */
	background-color: rgba(240,240,240,0.9); /* Black w/ opacity */
	margin: 0px !important;
}
.modal-container .availentry
{
	width: 404px;
	margin: auto;
}
.modal-container .availentry h2
{
	text-align: center;
}
.modal-container .availentry .availTimer .title
{
	font-size: 16px;
}
.modal-container .closemodal
{
	font-size: 40px;
	position: absolute;
    top: 0px;
    left: 0px;
	cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0px;
    padding: 2px 0px;
}

/*
.usersContainer.sessions .border input[type='text'] {
	width: 350px !important;
	display: inherit !important;
	margin: 0px 10px 0px 0px !important;
}*/