html{
	height: 100%;
	overflow: hidden;
}
body{
	font-family: "Sansa", Helvetica, Arial, sans-serif;
	height: 100%;
	overflow: hidden;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}



/*::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}

::-webkit-scrollbar-button {
    background: #57CCD1;}
::-webkit-scrollbar-track-piece {
    background: #566974;}
::-webkit-scrollbar-thumb {
    background: #CBE6E7;}​
*/


.nav-tabs>li>a{
	cursor: pointer;
}

.fa-square{
	cursor: pointer;
}

#sim canvas{
	border: 1px solid #000;
}

a, a:not([href]):not([tabindex]){color: #4a969e; cursor: pointer;}
a:hover{color: #267982;}

#content{height: 100%;}

.sim-wrapper{height: inherit;}
/*.sim-wrapper.fixed-view{height: calc(100% - 16px)}*/
.sim-desktop-wrapper{height: calc(100% - 48px)}
.sim-mobile-wrapper{height: calc(100% - 48px)}

.sim-container{
	display: flex;
	height: inherit;
	position: relative;
}
.sim-column{
	flex: 1; 
	background-color: rgba(27, 30, 42, 1); 
	z-index: 1; 
	position: relative;
}

.fixed-view .sim-column{background-color: rgba(27, 30, 42, .7);}

.sim-column.collapsed{
	flex: 0; min-width: 50px; text-align: center; z-index: 3;
	/*background-color: #253446;*/
}
.sim-container .left-col.collapsed{border-right: 1px solid #1B1E2A;}
.sim-container .right-col.collapsed{border-left: 1px solid #1B1E2A;}

.sim-column-large{/*flex: 5*/ width: 70%; background-color: #1B1E2A;}
.ui-columns{display: flex; height: 100%; width: 100%;}

.sim-container.left-collapsed.right-collapsed .sim-column-large{width: calc(100% - 100px)}
.sim-mobile-wrapper .sim-container.left-collapsed.right-collapsed .sim-column-large{width: 100%}

.sim-container.left-collapsed.right-collapsed #class-box{
	width: calc(100% - 100px);
}
.sim-mobile-wrapper .sim-container.left-collapsed.right-collapsed #class-box{
	width: 100%;
}

.sim-container.left-collapsed.right-collapsed .classroom-alerts{width: 100%}

.right-drawer{
	overflow-y: auto;
	padding: 10px;
	padding-top: 0px;
	overflow-x: hidden;
	/*background-color: #1B1E2A;*/
}
.left-drawer{
    overflow-y: scroll;
    padding: 10px;
    padding-top: 0px;
    padding-left: 20px;
    /*background-color: #1B1E2A;*/
    
}
.bottom-drawer{
	position: fixed;
	z-index: 3;
	bottom: 49px;
	width: 100%;
}
.tabbed-drawer{
	position: absolute;
	z-index: 5;
	/*top: 45px;*/
	top: 41px; /* v2 */
	width: 100%;
}

.drawer-menu-v2{
	z-index: 5;
	top: 0px;
	width: 100%;
}

.menu-tab-container-v2{
	position: relative;
	display: flex;
	justify-content: space-between;
	background-color: black;
	z-index: 5;
	top: 0px;
	/*max-height: 350px;
	background-color: #253446;*/
	/*background-color: #fffrgba(27, 30, 42, .7)*/;
	width: 100%;
	border-bottom: 1px solid black;
}


.drawer-menu{
	position: absolute;
	z-index: 5;
	top: 0px;
	width: 100%;
}

.menu-tab-container{
	display: flex;
	justify-content: space-between;

	position: absolute;
	background-color: #1B1E2A;
	z-index: 5;
	top: 0px;
	/*max-height: 350px;
	background-color: #253446;*/
	/*background-color: #fffrgba(27, 30, 42, .7)*/;
	width: 100%;
	border-bottom: 1px solid #1B1E2A;
}

.menu-partition {
	flex-grow: 1;
	display: flex;
	width: 100%;
}
/*.tabbed-drawer.instruction-expanded .tabbed-drawer-contents{overflow-y: hidden;}*/
.tabbed-drawer.assigning-expanded{
	top: unset;
	bottom: 49px;
	margin-left: 0;
	width: 100%;
}
.tabbed-drawer.assigning-expanded .tabbed-drawer-contents{
	padding-top: 0px;
	overflow: unset;
}
.tabbed-drawer-menu{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #1B1E2A;
	padding: 3px;
	border-bottom: 1px solid #1b1e2ab3;
	font-size: 19px;
	z-index: 7
}
.tabbed-drawer-menu li{outline: none; padding-right: 2px;}
.nav-pills li.tabbed-nav-item>a:hover, li.tabbed-nav-item .fas{color:#CBE6E7 !important;}
.task-card{max-width: 350px;}

.fixed-view .bottom-drawer{bottom: 49px;}
.tabbed-drawer>.nav>.nav-item>.nav-link, 
	.tabbed-drawer-menu.nav>.nav-item>.nav-link{background-color: #1B1E2A !important; padding: 5px 10px;}

.tabbed-drawer>.nav>.nav-item>.nav-link.active,
	.tabbed-drawer-menu.nav>.nav-item>.nav-link.active{
	color: #000 !important;
	background-color: #87EDF9 !important;
}
.tabbed-drawer>.nav>.nav-item>.nav-link:hover, .bottom-drawer>.nav-tabs>.nav-item>.nav-link.active,
	.tabbed-drawer-menu.nav>.nav-item>.nav-link:hover{
	color: #000 !important;
	background-color: #87EDF9 !important;}

.tabbed-drawer .roster-main{}
.tabbed-drawer .roster-list{max-height: inherit; /*overflow-y: hidden;*/ padding: 0 5px;}
/*Disbling overflow y because it is handled by tabbed-drawer-contents*/
/*.tabbed-drawer .student-view-container{max-height: inherit; position: absolute; top: 0px;}*/
.tabbed-drawer .progress-container{max-height: inherit; overflow-y: auto; padding: 5px;}
.tabbed-drawer .lesson-plan-container{max-height: inherit; /*overflow-y: auto;*/ padding: 0;}
.lesson-plan-container h4{
	padding: 0px 5px 7px;
	margin: 0px;
	border-bottom: 1px solid #000;
}

.instruction-tabs{
	position: absolute;
	top: 25px;
	left: 270px;
}

.tabbed-drawer-contents{
	overflow: hidden; 
	overflow-y: auto;	
	/*border-radius: 5px;
	margin: 5px;
	height: calc(100% - 10px);
	position: relative;*/
	padding-top: 30px;
	height: 100%;
	color: #000;
	background: #fff;
}

.tabbed-drawer.comments-expanded .tabbed-drawer-contents{padding-top: 0px;}
.tabbed-drawer.instruction-expanded .tabbed-drawer-contents{padding-top: 0px;}

.tabbed-drawer-contents[data-hidden=true]{
	visibility: hidden;
	padding-top: 0;
	height: 0;
}

.category-list-wrapper{position: relative;}

.roster-item{display: flex; align-items: center; height: 53px; overflow: hidden;}

.roster-profile-link{position: absolute; right: 2px; top: 35%; color: #337ab7;}
.roster-profile-link:hover{color: #19578c;}

/*.performance-container{background-color: #1B222A}*/

.right-drawer .list-group-item{display: flex; align-items: center; padding: 1px;}


.left-drawer.collapsing, .right-drawer.collapsing{
    position: relative;
    /*background-color: #1B1E2A;*/
}

.left-drawer.collapsing .left-drawer-animation{
	width: 50px;
	position: fixed;
	height: 100%;
	left: 0px;
    animation-name: slide_left;
    animation-duration: 1s;
    background-color: #fff/*#1B1E2A*/;
}

.fixed-view .left-drawer.collapsing .left-drawer-animation{background-color: rgba(27, 30, 42, .7); display: none;}
.fixed-view .right-drawer.collapsing .right-drawer-animation{background-color: rgba(27, 30, 42, .7); display: none;}

.right-drawer.closing .right-drawer-animation{
	width: 50px;
	position: fixed;
	height: 100%;
	right: -1px;
    animation-name: slide_right;
    animation-duration: 1s;
    background-color: #1B1E2A;
}

/* The animation code */
@keyframes slide_left {
    0%   { left:50px;}
    50%  {left: 5px;}
    100% {background-color:#1B1E2A; left:0px;}
}

@keyframes slide_right {
    0%   {right:50px;}
    50%  {right: 5px;}
    100% {background-color:#1B1E2A;	right: 0px;}
}

.left-drawer-wrapper{
	min-width: 180px;
}

.collapsed .left-drawer-wrapper, .collapsed .right-drawer-wrapper{
	overflow: hidden; 
	width: 0px; 
	position: relative;
	height: 115%;
	display: none;
}

.collapsed .left-drawer-wrapper .left-drawer-close{display: none;}
.collapsed .right-drawer-wrapper .right-drawer-close{display: none;}

.sim-container.left-collapsed .left-drawer, .sim-container.right-collapsed .right-drawer{
	overflow-y: hidden; 
	height: 100% !important;
	width: 51px;
	position: relative;
}

#class-box{
	/*
	position: relative;
	overflow: hidden;*/
	position: absolute;
	width: 70%;
	bottom: -6px;
	background-color: #1B1E2A;
	/*margin-top:100px;*/
}

#sim-column-large-v2 {height: 100%; position: relative;}

#sim-column-large-v2 #class-box {
	/*
	position: relative;
	overflow: hidden;*/
	position: absolute;
	width: 100%;
	bottom: 0;
	background-color: #1B1E2A;
	/*margin-top:100px;*/
}

#sim-column-large-v2 #class-box .classroom-background{
	/*
	position: relative;
	overflow: hidden;*/
	position: relative !important;
	/*margin-top:100px;*/
}

@media only screen and (max-width: 800px) and (min-height: 500px) {
  #class-box{
  	/*top: 33px;*/
  }
}

.fixed-view #class-box{width: 100% !important; left: 0px;}


/*.sim-column.left-col:hover{
	width: 100px;
	-webkit-transition: width 1s; 
	-moz-transition: width 1s; 
	-ms-transition: width 1s; 
	-o-transition: width 1s; 
	transition: width 1s; 	
}

.collapsing{
	-webkit-transition: height 2s; 
	-moz-transition: height 2s; 
	-ms-transition: height 2s; 
	-o-transition: height 2s; 
	transition: height 2s; 	
}

#class-box.commenting{
	bottom: 129px;
}*/

/*#class-box.talking{
	bottom: 314px;
}*/

.right-drawer-icons{
	position: absolute;
	right: 0px;
    top: 0px;
    height: 100%;
}

.left-drawer-icons{
	position: fixed;
	left: 0px;
    top: 0px;
    height: 100%;
}

.lesson-back{border: transparent; cursor: pointer; padding-left: 10px;}
.lesson-back-close{cursor: pointer; position: absolute; right: 10px; z-index: 5; top: 31px; font-size: 16px;}
.conversation-back-close{cursor: pointer; position: absolute; right: 70px; z-index: 5; top: 5px; font-size: 16px;}

.btn-assign{border-radius: 25px; border: 2px solid #369aa5; padding: 2px 11px; margin-left: 7px;}
.btn-assign:hover{background-color: #3ebac7; color: #fff;}
.btn-assign.active{background-color: #369aa5; color: #fff;}

.instruct-icon, .progress-icon, .roster-icon, .talk-icon, .status-icon{
	position: absolute; cursor: pointer; width: 50px; height: 50px; padding: 6px;
	border: 2px solid transparent;
}
.roster-icon{right: 0px;}
.instruct-icon{left: 0px; top: 0px;}
.progress-icon{ top: 50px; left: 0px;}
.status-icon{bottom: 50px; right: 0px;}
.talk-icon{right: 0px; bottom: 0px;}
.instruct-icon:hover, .progress-icon:hover, .roster-icon:hover, .talk-icon:hover, .status-icon:hover{
	cursor: pointer;
	border-color: #253446;
}

.student-talk-text{
	padding-top:20px;
	padding-bottom: 20px;
	display:flex;
	width: 100%;
}

.student-talk-recipient-row {
	float:right;
}

.feature-box{
	/*flex: 1;*/
}

.feature-box.left-box, .feature-box.right-box{
	min-width: 300px;
	padding: 5px;
}

.feature-box.left-box{
	padding-left: 0px;
}

.feature-box.class-box{
	border: 0px;
}

.lesson-alert-wrapper{
    position: absolute;
    width: 100%;
    font-size: 15px;
    color: #000;	
}
.tabbed-view .lesson-alert-wrapper{
    bottom: 10px;
}

.btn-disabled {
	pointer-events: none;
	opacity: 0.5;
}

.talk-alert-wrapper {
	background-color: transparent;
	text-align: center;
}

.lesson-alert{
	position: relative;
	border: 1px solid #4ea4e0;
	border-radius: 5px;
	padding: 10px 25px 25px 20px;
	width: 90%;
	top: 10px;
	margin: auto;
	background-color: #fff;
    -webkit-box-shadow: 0px 7px 2px -3px rgba(100,100,100,100.9);
	-moz-box-shadow: 0px 7px 2px -3px rgba(100,100,100,0.9);
	box-shadow: 0px 7px 2px -3px rgba(100,100,100,100, 0.9);		
}
.tabbed-view .lesson-alert{top: unset;}

.classroom-log:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 35px;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-right-color: #4ea4e0;
	border-left: 0;
	margin-top: -20px;
	margin-left: -16px;
}

.classroom-log:after {
	content: '';
	position: absolute;
	left: 2px;
	top: 35px;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-right-color: #fff;
	border-left: 0;
	margin-top: -20px;
	margin-left: -16px;
}
.classroom-log .list-inline{
	margin-bottom: 0px;
}

.log-main-text {
	margin-bottom: 5px;
}

.classroom-alerts{
	flex: 1;
	position: relative;
	z-index: 2;
	/*background-color: rgba(130, 130, 130, 0.8);*/
	/*background-color: rgba(27, 30, 42, .7);*/
	width: 100%;
	margin: auto;
}
.tabbed-view .classroom-alerts{
	position: absolute;
	/*bottom: 20px;*/
	top: 154px; 
}

.classroom-alerts .alert{
	margin: 0px;
	display: flex;
	align-items: center;
	padding:0px;
	/*font-family: "Verdana", "Lucida Grande", sans-serif;	*/
	font-size: 14px;
	padding-right: 0px;
}

.classroom-alerts .media-body, .classroom-alerts .media-right{
	vertical-align: middle;}

.classroom-alerts .media{
	margin-top: 5px;
}

.classroom-alerts .media-left {
	padding-left: 25px;
	padding-top: 6px;
}

.classroom-alerts .media-right {
	padding-right: 40px;
}

.classroom-alerts .alert .main-text {
	padding-left: 12px;
	margin-bottom: 5px;
}

.classroom-alerts .alert .sub-text {
	font-style: italic;
	background: none;
}

.classroom-alerts .fa-exclamation-circle {
	color: #9e1616;
	background-color: #000;
	border-radius: 100%;
}

.talk-alert{
	/*position: absolute;*/
	display: inline-block;
	background-color: #fff;
	border-radius: 10px;
	width: 27%;
/*	left: 120px;
	top: 5px;
	width: calc(100% - 150px);*/
	color: #000;
	padding: 20px 20px 20px 20px;
	-webkit-box-shadow: 0px 7px 2px -3px rgba(0,0,0,0.29);
	-moz-box-shadow: 0px 7px 2px -3px rgba(0,0,0,0.29);
	box-shadow: 0px 7px 2px -3px rgba(0,0,0,0.29);
}

.tabbed-view .talk-alert{bottom: 0px; top: unset;}

.talk-alert:after {
/*	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 24px solid transparent;
	border-right-color: #fff;
	border-left: 0;
	border-bottom: 0;
	margin-top: -12px;
	margin-left: -24px;
	-webkit-box-shadow: 0px 7px 2px -3px rgba(0,0,0,0.29);
	-moz-box-shadow: 0px 7px 2px -3px rgba(0,0,0,0.29);
	box-shadow: 0px 7px 2px -3px rgba(0,0,0,0.29);*/

	content: '';
    position: absolute;
    bottom: 0;
    left: 39%;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top-color: #ffffff;
    border-bottom: 0;
    margin-left: -15px;
    margin-bottom: -13px;
}

.talk-alert.right:after {
/*	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 24px solid transparent;
	border-right-color: #fff;
	border-left: 0;
	border-bottom: 0;
	margin-top: -12px;
	margin-left: -24px;
	-webkit-box-shadow: 0px 7px 2px -3px rgba(0,0,0,0.29);
	-moz-box-shadow: 0px 7px 2px -3px rgba(0,0,0,0.29);
	box-shadow: 0px 7px 2px -3px rgba(0,0,0,0.29);*/

	content: '';
    position: absolute;
    bottom: 0;
    left: 39%;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top-color: #ffffff;
    border-bottom: 0;
    margin-left: 92px;
    margin-bottom: -15px;
}

.talk-alert .list-inline{margin-bottom: 4px;}

.talk-setting, .lesson-setting{
	background-color: #afafaf;
	border-radius: 15px;
	color: #fff;
	padding: 2px 10px;
	text-transform: capitalize;
	font-size: 11px;
}

.talk-comment{
	font-size: 18px;
}

/*.classroom-controls{
	position: absolute;
	width: 100%;
	bottom: 2px;
	padding: 14px 10px 4px 10px;
	background-color: #253446;
}*/
/*.fixed-view .classroom-controls{padding: 7px 10px 0px 10px; position: fixed; z-index: 4; bottom: 0;}
.fixed-view .classroom-controls .list-inline.pull-left{margin-bottom: 7px;}*/

.classroom-controls{
	padding: 7px 10px 0px 10px; 
	position: fixed; 
	z-index: 6; 
	bottom: 0; 
	left: 0px;
	background-color: black;
	width: 100%;
	border-top: 1px solid black;
	height: 50px; /*58*/
}
.classroom-controls .list-inline.pull-left{margin-bottom: 7px;}

.control-item{
	position: relative;
}

.control-item button{font-weight: bold; color: #fff;}

.paused-alert{
	background-color: rgba(250,250,250,1);
	border-radius: 5px;
	color: #000;
	padding: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: calc(100% - 20px);
	text-align: center;
	position: absolute;
	bottom: 152px;
	border: 1px solid;

}

.alert-close{
	position: absolute;
	right: 10px;
	top: 10px;
}

.talk-alert .alert-close:hover{color: black;}

.comments-close, .admin-close, .status-close{
	position: absolute;
	right: 10px;
	top: 45px;
	z-index: 6;
	cursor: pointer;
	padding: 2px 3px 5px 3px;
	background-color: #fff;
	padding-bottom: 0px;
	border-radius: 100%;
	color: #6c757d;
}

/*.instruction-expanded .comments-close{right: 0px;}*/

.roster-expanded .comments-close{right: 15px;}
.report-expanded .comments-close{/*right: 15px;*/}

.comments-close[data-drawer="report"]{right: unset; left: calc(33% - 30px);}


.report-item-complete .comments-close{top: 10px;}

.assigning-close{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
	cursor: pointer;
	padding: 5px 10px;
	background-color: #fff;
	color: #6c757d;
}

.assigning-close:hover, .comments-close:hover{
	color: #000;
}

.popout-close{
	position: absolute;
	right: 3px;
	top: 8px;
	z-index: 5;
	color: #6c757d;
}

.alert-close:hover, .comments-close:hover, .status-close:hover, .admin-close:hover, .popout-close:hover, .popout-icon:hover{
	color: #000; cursor: pointer;}

.popout-icon{position: absolute; right: 40px; top: 5px; z-index: 5;}
.instructions-download{position: absolute; right: 80px; top: 5px; z-index: 5;}

.talk-container{
	background-color: #253446;
	width: 100%;
	z-index: 3;
	padding-bottom: 5px;
	/*height: 165px;
	position: relative;*/
}

.talk-container-conversation{
	/*background-color: #253446;*/
	width: 100%;
	z-index: 3;
	padding-bottom: 5px;
	padding-top: 2px;
	position: relative;
}

.popout-box .talk-container-conversation{width: 500px;}

.conversation-label{
	margin-top:-10px !important;
	margin-bottom:0px !important;
	background:white;
	padding-left:17px;
	padding-bottom:7px;
	padding-top: 20px;
	border-bottom: 1px solid #000;
}
/*@media only screen and (max-width: 600px) {
  .talk-container {
  	height: unset;
  }
  .tabbed-drawer.comments-expanded{
    height: calc(100% - 258px);  	
  }
}*/

.talk-container  .btn{color: fff; font-weight: normal; margin-bottom: 4px;}
.talk-container .btn:hover{font-weight: normal;}
.talk-container .btn-default{background-color: transparent; outline: none !important;}
/*.talk-container .btn-default[disabled]{color: #000;}*/
.talk-container .btn-default[disabled]:hover{background: none; border: 1px solid #000;}
.talk-container .btn-xs{border:0;}
.talk-container .btn-default.active{background-color: #4ea4e0;}


.talk-container-conversation .btn{color: fff; font-weight: normal; margin-bottom: 4px;}
.talk-container-conversation .btn:hover{font-weight: normal;}
.talk-container-conversation .btn-default{background-color: transparent; outline: none !important; float: right;}
.talk-container-conversation .btn-default[disabled]{color: #000;}
.talk-container-conversation .btn-default[disabled]:hover{background: none; border: 1px solid #000;}
.talk-container-conversation .btn-xs{border:0;}
.talk-container-conversation .btn-default.active{background-color: #4ea4e0;}

.conversation-say-row .talk-button-group{
	position: absolute; width: 340px; position: absolute; top: 2px; right: 0px;
}

.talk-container.collapsed{
	cursor: pointer;
	height: 40px;
}
.talk-container .talk-header{
	padding-top: 3px;	
	width: 100%;
}
.talk-container .list-inline{
	margin-bottom: 3px;
	display: inline-block;
	margin: auto;
}
.talk-header.list-inline li{vertical-align: middle;}
.talk-header h3{margin-top: 5px; margin-bottom: 2px;}

.talk-menu{padding: 10px 0px 0px;}
.talk-menu .list-inline-item{ border-right: 1px solid #000; padding: 0px 15px; cursor: pointer;}
.talk-menu .list-inline-item:last-child{border-right: 0;}
.talk-menu .list-inline-item.active{color: #0eccbc;}

.student-view{
	width: 100%;
	text-align: center;
	padding: 5px;
	padding-bottom: 0;
}

.student-summary .student-view{
	transform: scale(0.8); 
    -webkit-transform: scale(0.8);  /* Safari & Chrome */
    -moz-transform: scale(0.8);  /* Firefox */
    -ms-transform: scale(0.8);  /* Internet Explorer */
    -o-transform: scale(0.8);  /* Opera */
	transform-origin: top left; height: 150px;
	-webkit-transform-origin: top left; height: 150px;
}


.list-student-info{font-size: 18px; padding-left: 75px;}

@media only screen and (min-width: 700px) {
	.student-profile-menu>li{
		float: unset;
	}  
}

/*.student-character-wrapper{transform: scale(2.2)}
.student-character-wrapper[data-hidden=true], .student-thumbnail[data-hidden=true]{opacity: 0;}
.student-character-wrapper[data-hidden=false], .student-thumbnail[data-hidden=false]{
	-webkit-transition: opacity 0.3s; 
	-moz-transition: opacity 0.3s; 
	-ms-transition: opacity 0.3s; 
	-o-transition: opacity 0.3s; 
	transition: opacity 0.3s; 	
}*/

.student-status-wrapper{
	height: 15px;
	width: 100%;
	padding-top: 15px;
	background-color: #1B1E2A;
	border-top: 1px solid #566974;
	text-align: center;
	overflow: hidden;
}

.student-status-divider{
	background-color: #253446;
	height: 70px;
	margin:  7px 15px;
	padding: 0px !important;
	border: 5px solid transparent;
	vertical-align: text-bottom;
}
.student-status-divider:hover{
	border-color: #253446;
	background-color: #1B1E2A;
	padding: 5px;
	cursor: pointer;
}

.indicator-desc{
	vertical-align: top;
	padding-top: 3px;
}

.student-status-wrapper.hovering{
	height: 95px;
	padding-top: 0px;
	position: relative;
	-webkit-transition: height 1s; 
	-moz-transition: height 1s; 
	-ms-transition: height 1s; 
	-o-transition: height 1s; 
	transition: height 1s; 	
}

/*.collapsing{
	-webkit-transition: height 2s; 
	-moz-transition: height 2s; 
	-ms-transition: height 2s; 
	-o-transition: height 2s; 
	transition: height 2s; 	
}*/

.student-status-indicator{
	height: 10px;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, red, white, blue); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, red, white, blue); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, red, white,  blue); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, red, white, blue); /* Standard syntax (must be last) */	
}
.status-indicator-left{position: absolute; left: 10px; top: 15px;}
.status-indicator-right{position: absolute; right: 10px; top: 15px;}
.status-indicator-middle{
	margin: auto; 
	width: calc(100% - 330px); 
	overflow-y: hidden;
	height: 97px;
}
.status-indicator-middle-wrapper{width: 1060px; text-align: center; margin: auto;}
.student-status-wrapper .status-indicator-middle-wrapper{display: flex;}
/*.student-status-wrapper .student-status-item{flex: 1;}*/

.student-status-item{display: inline-block; margin-bottom: 2px;}

.profile-table>tbody>tr>td{border-top: 0px;}
.profile-table td:first-child, .grade-table td:first-child{width: 185px; /*font-weight: bold;*/}
.profile-table td:nth-child(2), .grade-table td:nth-child(2){font-weight: 100;}
.profile-table tr:nth-child(odd){background: #e3e6e8;}

.student-status-txt{
	position: absolute; 
	top: -21px;
	left: 0px;
	background-color: #253446;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding: 2px 10px;
}

.student-thumbnail{
	margin: 2px 4px 4px;
	background-color: #fff;
	border-radius: 100%;
	padding: 0 !important;
	border: 6px solid;
	width: 75px;
	position: relative;		
}

.student-thumbnail .hair.hair-back{z-index: unset;}

.roster-list .roster-item .student-thumbnail{width: 59px; border-width: 2px;}

.student-thumb-overlay{
	width: 100%; 
	height: 100%; 
	position: absolute;
	z-index: 7;
}

.student-thumb-wrapper{
	width: 63px; 
	height: 65px;
	cursor: pointer;
	padding: 0px;
	border: 5px solid #fff;
	border-radius: 100%;
	overflow: hidden;
	background-color: #fff;
	margin: auto;
	position: relative;
}
.roster-list .roster-item .student-thumb-wrapper{width: 55px; height: 55px; border-width: 3px;}
.roster-list .roster-item .student-thumbnail .head-wrapper{
	transform: scale(0.7); 
    -webkit-transform: scale(0.7);   /* Safari & Chrome */
    -moz-transform: scale(0.7);   /* Firefox */
    -ms-transform: scale(0.7);   /* Internet Explorer */
    -o-transform: scale(0.7);   /* Opera */
	top: -33%; left: -34%;
}
.roster-list .roster-item .sim-tooltip{display: none;}

.student-thumbnail-active{
	position: absolute;
	bottom: -42px;
	width: 100%;
	color: #1B1E2A;
}

.talk-list-wrapper{
	height: 105px;
	overflow-y: auto;
	margin-bottom: 5px;
	position: relative;
}

.talk-list-item{
	cursor: pointer;
	margin-bottom: 4px;
	border-radius: 3px;
	padding: 4px;
	border: 0px;
}
.talk-list-item:hover{/*background-color: #1B222A !important;*/}

.talk-list-item textarea{/*width: calc(100% - 28px) !important;*/}
.talk-list-item .btn{
	position: absolute;
	top: 3px;
	right: 4px 10px;
}
.talk-button-hidden {
	background:white !important;
	color: black !important;
}

.talk-text{
	margin-left: 30px;
	margin-right: 30px;
}


.talk-button-group{
	display: flex;
	float: right;
}

.talk-button-group .assign-options-buttons{
	padding-top: 4px;
	padding-right: 10px;
}

.talk-button-group .talk-btn-text{
	padding-top: 8px;
}

.talk-button-selected{
	background:#337ab7 !important;
	color: white !important;
}

.talk-btn-text{padding-top: 3px;}

.intensity-dial-wrapper{
	margin-right: 10px;	
	margin-bottom: 0px;
	padding: 1px 10px;	
	position: relative;
	border-radius: 12px;
}
.intensity-dial-wrapper .form-group{margin-bottom: 5px;}
.intensity-dial-wrapper .form-group.intensity-who{}
.intensity-dial-wrapper .form-group.intensity-button{}

.intensity-dial-wrapper .form-inline{position: relative;}
.intensity-dial-wrapper .form-inline .btn{
	margin-left: 5px;
}
.intensity-dial-wrapper .tutorial-highlight{z-index: 0;}

.intensity-audio{position: absolute; top: 5px; left: 5px;}

.intensity-dial{
	color: #BED9FD;
	text-transform: capitalize;
	position: relative;
}

.knob{
	/*width: 140px;*/
	margin-top: -2px; 
	/*background: #fff;
	border: 2px solid #566974;*/
	border-radius: 100%;
	
}

.right-drawer .knob{width: 60px; margin-top:10px; pointer-events: none;}
.right-drawer .media-left{vertical-align: middle;}

.knob-bs2-bg {
	fill: #fff;
    /*fill: url("#grad");*/
    stroke: var(--knob-back-border);
}
.knob-track-bg:nth-child(even){
    /*stroke: url("#grad2");*/
    /*stroke: var(--knob-back-border);*/
}
.knob-track-bg:nth-child(odd){
    /*stroke: url("#grad3");*/
    /*stroke: var(--knob-back-border);*/
}
.knob-markers{

}
.say-btn{
	margin-top: 125px;
	width: 90%;
	border-radius: 0px;
	margin-right: 25px;
}
.assign-btn{
	width: 100%;
	border-radius: 0px;
	margin-bottom: 5px;
}
.sim-timer{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 38px;
	font-size: 20px;
	font-weight: 200;
	height: 0px;
}

.sim-timer-wrapper{
	position: relative;
	display: inline;
	padding: 5px 10px;
}


.settings-window, .admin-window, .animation-window{
	background-color: #1B1E2A;
    width: 200px;
    position: absolute;
    bottom: 50px;
    padding: 10px;
    right: 51px;
    border-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
    border: 1px solid #000;
    z-index: 1;
}

.fixed-view .admin-window{border-bottom: 0px;}

.admin-window{/*width: 350px;*/ width: 125px; right: 0; border-radius: 0;}
.admin-window .list-inline li:nth-child(1){vertical-align: top; border-right: 1px solid;}
.admin-window .list-inline li:nth-child(2){vertical-align: top; border-right: 1px solid;}

.animation-window{width: 150px; border-radius: 0}

.animation-window{bottom: 200px;}

.settings-window .list-group-item{
	border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom-width: 3px;
    margin-bottom: 2px;
    border-radius: 0 !important;
}
.sound-setting, .alert-setting{height: 25px;}

.settings-icon, .settings-square, .settings-expand, .settings-admin, .settings-view, 
	.return-module-icon, .strategy-close-icon, .tutorial-icon{
	color: #BED9FD;
}
.settings-icon:hover, .settings-square:hover, .settings-expand:hover, .settings-admin:hover, .settings-view:hover,
	.return-module-icon:hover, .strategy-close-icon:hover, .tutorial-icon:hover{
	color: #fff;
	cursor: pointer;
}
.settings-view{margin-right: 5px;}
.settings-square{
	display: none !important;
}
.left-drawer-contents{

}
.left-drawer .btn{
	color: #fff;
	font-weight: normal;
}
.left-drawer-section, .right-drawer-section{
	font-weight: normal;
	cursor: pointer;
	padding: 10px;
	border-top: 1px solid #566974;
	margin: 0px;
}


.left-drawer-section.instruction-section, .right-drawer-section.roster-section{
	border-top: 0px
}
.bottom-section{
	position: relative;
	bottom: 0;
	width: 100%;
	padding: 11px 25px;
}
.bottom-section.active{
	background-color: #253446;
}

.comments-showing .bottom-section{/*bottom: 157px;*/}
.talk-showing .bottom-section{/*bottom: 491px*/}


.right-drawer-close{
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 5px;
	background-color: #1B1E2A;
}
.fixed-view .right-drawer-close{
	background-color: unset;
	right: 10px;
}

.left-drawer-close{
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 1;
}
.roster-close:hover, .left-drawer-close:hover{
	color: #fff;
}

.progress-tab{
	text-align: center;
}
.progress-tab img{margin: auto;}
.progress-tab .media{margin: auto; display: inline;}
.progress-graph{width: 320px; padding: 10px 5px 0;}

.dial-wrapper{
	min-width: 200px;
}
.dial-learning{
	position: relative;
	margin: auto;
	margin-top: -5%;
	min-height: 200px;
	transform: scaleX(-1);
	width: 220px;
}
.student-box-wrapper .learning-face-icon{
	position: absolute;
    margin: unset;
    margin-top: unset;
    min-height: unset;
    width: 24px;
    bottom: -3px;
    right: -30px;  
}
/*.student-box-wrapper .dial-learning:hover{
	transform-origin: 20px 20px;
    transform: scale(2) scaleX(-1);
}*/

.dial-learning img{position: absolute; left: 0px;}
.dial-learning-meter{transform-origin: 50% 58%}

.lesson-plan-assign {
	margin:2px auto !important;
}

.lesson-plan-assign a {
	border-radius: 20px !important;
	padding: 5px 15px !important;
	border: 1px solid #566974;
	display: inline-block !important;
}

.left-drawer-contents{padding-top: 10px;}
.lesson-plan-container .lesson-item{padding: 5px 5px 0px;}
.lesson-plan-container .lesson-item.active{padding: 0;}
.lesson-item:nth-child(odd){background: #e9eff0;}
.tabbed-view .lesson-plan-container .lesson-item.active{padding: 10px; padding-bottom: 0px; background-color: #fff;}
.lesson-plan-container .lesson-item:hover{
	border-color: transparent !important; color: #000 !important;
	background-color: #dfe9eb;
}

.lesson-plan-container .lesson-item:hover .lesson-title, .lesson-item.active .lesson-title{height: initial;}
.conversation-say-row:hover .conversation-title{height: initial;}
.lesson-type>h5{text-transform: capitalize; font-size: 20px;}
.lesson-radio, .conversation-radio{display: inline-block; width: 30px; vertical-align: top; padding-top: 5px;}
.lesson-title, .conversation-title{
	display: inline-block; width: calc(100% - 120px); height: 27px; overflow: hidden; font-size: 18px; cursor: pointer;}
.sim-mobile-wrapper[data-template="brightspace"] .conversation-title{width: calc(100% - 360px)}
.lesson-more{display: inline-block; width: 90px; vertical-align: top; text-align: right; position: relative; display: none;}


.conversation-say{
    position: absolute;
    right: 10px;
}

.conversation-say-row{
    padding: 2px 0px 4px 5px;
	border: 0;
}
.conversation-say-row:hover{background-color: #bce1e8 !important;}

.conversation-say-row .say-button{border-radius: 25px; border: 2px solid #369aa5; padding: 2px 11px;}
.conversation-say-row .say-button:hover{background-color: #3ebac7; color: #fff;}
.conversation-say-row .say-button.active{background-color: #369aa5; color: #fff;}
.conversation-say-row:nth-child(odd){background: #e9eff0;}

.log-recipients{margin-bottom: 5px;}
.log-expand{display: inline-block; text-align: right;}

.caret-task {
	position: absolute;
	right: 10px;
}

.caret-task .fa-caret-up {
	color: blue;
}

.caret-task .fa-caret-down {
	color: #9e1616;
}

.task-details{
	padding: 0;
	margin-top: 10px;
	font-weight: 100;	
}
.tabbed-view .task-details{
	padding: 15px 5px 15px 30px;	
	/*background-color: #1B1E2A; */
}

.classroom-students-contents{position: relative; width: 100%; height: 100%;}
.classroom-students-ui{position: absolute; top: 0px; width: 100%; height: 100%;z-index: 10; /*display: none;*/}
.student-ui-container{/*display: none;*/}

/*.zoom-handles{position: absolute; top: 0px; width: 100%; pointer-events: none;}

.zoom-handle{margin: 0px 45%}*/

.zoom-handle{
	width: 35px; height: 40px; text-align: center; 
	background-color: #c7c7c7; padding: 10px; bottom: 50%; position: fixed; pointer-events: auto;}
.zoom-handle:hover{
	color: #253446;
	background-color: #BED9FD;
	cursor: pointer;
}
.zoom-handle.right-handle{right: 0px;}
.zoom-handle.left-handle{left: 0px;}

.fixed-view .zoom-handle.right-handle{}

.narrative-container{padding: 10px 10px 0; border-right: 1px solid #000; border-left: 1px solid #000;}
.narrative-container h4, .progress-tab h5, .traits-container h5{/*background-color: #253446;*/ padding: 5px; position: relative;}

.highcharts-container{margin: 10px auto 20px;}
.adjustment-graph .highcharts-background{fill: #253446;}

/*.highcharts-graph{stroke: #fff;}*/
.highcharts-plot-border{/*stroke: #fff;*/}
.highcharts-markers{display: none}
.adjustment-graph{
	padding: 20px 10px;
    min-width: 175px;
    text-align: center;
    padding-bottom: 10px;
    margin-top: -10px;
}
.lightbulb-wrapper{
	background-color: rgba(214, 231, 255, .4);
	border: 3px solid #253446;	
	margin: auto;
	border-radius: 40%;
	display: inline-block;
}
.lightbulb-wrapper img{
	width: 130px; 
	padding: 10px; 
}
.student-box-wrapper .adjustment-graph{
	position: absolute;
	bottom: -3px;
	left: -25px;
	padding: 0px;
	min-width: unset;
    transform: scale(1);
}
/*.student-box-wrapper .adjustment-graph:hover{
	transform: scale(2);
	transform-origin: 25px 20px;
}*/

.student-box-wrapper .lightbulb-wrapper{
	border: 0;
	background-color: transparent;
	pointer-events: none;
}
.student-box-wrapper .lightbulb-wrapper img{
	width: 25px;
	-webkit-transition: width 2s; /* Safari */
    transition: width 2s;	
    padding: 0px;
    pointer-events: none;
}

.dial-tooltip .tooltip-inner{padding: 5px; margin-right: -105px; margin-top: 5px;}
.lightbulb-tooltip{z-index: 0}
.lightbulb-tooltip .tooltip-arrow, .dial-tooltip .tooltip-arrow{display: none;}
.lightbulb-tooltip .tooltip-inner{padding: 5px; margin-left: -80px; margin-top: 45px;}

.back-to-roster{font-size: 11px; cursor: pointer;}

.student-selection-window-icons{
	position: relative;
	bottom: 82px;
	width: 57px;
}

.student-selection-window{
	position: fixed;
	background-color: #fff;/*rgba(27, 30, 42, .7);*/
	width: 100%;
	z-index: 4;
	border-bottom: 1px solid #566974;
	padding-bottom: 5px;
	/*bottom: 114px; 
	height: 113px;*/
	top: 44px;
	color: #000;
}

/*.student-selection-window[data-assigning="false"]{bottom: 83px; height: 82px;}*/

.student-selection-window h5{background-color: white; color: black; padding: 3px; min-height: 35px; display: flex; align-items: center;}
.student-selection-content{display: flex; align-items: center;}
.student-selection-list{width: calc(100% - 190px); margin-left: 45px;}
.student-assign-form{
	padding: 5px;
	width: 145px;
	height: 76px;
	top: 75px;
	right: 0px;
	z-index: 6;
	background: #fff;
	position: absolute;
	padding-top: 15px;
}
.selection-heading{/*position: absolute; width: 100%; top: -39px;*/}
.assign-icon{
	background-color: #777; 
	color: #999; 
	margin-left: 5px; border: 2px solid #777; 
	padding: 3px 4px;
	border-radius: 100%;
	text-align: center;
	margin-bottom: 3px;
	font-size: 14px;
}

/*.student-selection-window .assign-icon{
	display: inline;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;	
	padding: 3px 10px;
}*/

.student-selection-window .assign-icon-container{top: 0px; z-index: 2;}

.assign-icon-container{padding: 0px; top: 52px; position: absolute; z-index: 6; background: #fff;}
.assign-icon:hover{border-color: #000; cursor: pointer; color: white;}

.student-selection-window-icons .assign-icon-container{top: -32px; background: transparent;}

/*.student-selection-window .assign-icon:hover{ border-bottom-color: #777;}*/


.assign-icon[data-active="true"]{color: black; background-color: #4ea4e0; border-color: #4ea4e0 !important;}

.assign-tooltip{font-size: 16px;}

.selection-expand-icon{position: absolute; right: 0px; top: 18px; color: #fff;}
.selection-expand-icon:hover{cursor: pointer; transform: scale(1.3);}

.student-assign-form .form-group{margin-bottom: 0px;}
.student-selection-instruct{margin:0; color: #000; padding-top: 10px; text-align: left;}
.student-selection-instruct .checkbox{margin: 0;}

.student-selection-list h5{padding: 0 !important;}
.assigning-students-list{
	height: /*60%*/;
	height: 92px;
	overflow-x: auto;
	overflow-y: hidden;
}
.student-status-list{ text-align: left; height: 80px; margin-left: 0px;}
.student-status-list>li{padding: 0px; display: inline-block;}

.splash-screen{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	z-index: 20;
	display: flex;
	align-items: center;
	text-align: center;
	background-color: #1B1E2A;
}
.splash-screen-loading{flex: 1; font-size: 25px;}

.speech-bubble{
	position: absolute;
	padding: 5px 5px 5px 10px;
	width: 160px;
	background: #fff;
	border-radius: .4em;
	color: #000;
	bottom: 175px;
	left: 50px;
	border: 1px solid #000;
	z-index: 2;
}
.speech-bubble:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 13px solid transparent;
	border-top-color: #000;
	border-bottom: 0;
	border-right: 0;
	margin-left: -39px;
	margin-bottom: -13px;
}
.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 13px solid transparent;
	border-top-color: #fff;
	border-bottom: 0;
	border-right: 0;
	margin-left: -40px;
	margin-bottom: -10px;
}

.speech-bubble[data-narrow="true"]{
	left: 150px; 
	bottom: 110px; 
	margin-left: -13px; 
	margin-bottom: 7px; 
	width: 110px;}
.speech-bubble[data-narrow="true"]:before{left: 0; margin-left: -13px; margin-bottom: 7px;}
.speech-bubble[data-narrow="true"]:after{left: 0; margin-left: -11px; margin-bottom: 6px;}

.table-grouping .student-box:nth-child(odd) .speech-bubble[data-narrow="true"]{
	left: 15px;
}
.table-grouping .student-box:nth-child(odd) .speech-bubble[data-narrow="true"]:before{
	border-left: 0;
	margin-left: 0px;
	left: 100%;
	margin-bottom: 7px;
	border-right: 13px solid #0000;
}
.table-grouping .student-box:nth-child(odd) .speech-bubble[data-narrow="true"]:after{
	left: 100%;
	border-left: 0;
	border-right: 14px solid #0000;
	margin-bottom: 6px;
	margin-left: -3px;	
}
.table-grouping .student-box:nth-child(1) .speech-bubble, 
.table-grouping .student-box:nth-child(2) .speech-bubble{
	bottom: 195px;
}

.table-grouping .student-box:nth-child(1) .speech-bubble[data-narrow="true"], 
.table-grouping .student-box:nth-child(2) .speech-bubble[data-narrow="true"]{
	bottom: 130px;
}


.sim-mobile-wrapper[data-classsize="1"] .table-grouping .student-box:nth-child(1) .speech-bubble[data-narrow="true"], 
.sim-mobile-wrapper[data-classsize="1"] .table-grouping .student-box:nth-child(2) .speech-bubble[data-narrow="true"]{
	bottom: 100px;
	left: -10px;
}

.ai-dashboard{overflow-x: hidden; overflow-y: auto; height: inherit;}

.popouts-container{position: absolute; top: 42px; left: 5px; z-index: 1;}
.popout-box{
	background-color: #fff /*rgba(27, 30, 42, .7)*/;
	border-radius: 5px;
	padding: 5px;
	overflow: hidden;
	position: absolute;
}
.popout-box-topbar{
	background-color: #1B1E2A; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 8px;
}
.popout-box-topbar:hover{
	 background-color: #87EDF9;
	 cursor: move;
}

.popout-box h5{background-color: #253446; padding: 5px}
.popout-box h6{color: #fff; font-size: 14px; padding: 0px;}

.download-link{position: absolute; padding: 5px; margin-bottom: 5px; right: 90px; top: 0px;}

.lesson-plan-container{min-width: 500px; padding-top: 5px;}
/*.lesson-plan-container .popout-icon{right: 30px;}
.talk-container  .popout-icon{top: 5px; right: 30px;}
.talk-container-conversation .popout-icon{top: 5px; right: 30px;}
.student-view-container .popout-icon{
	right: 10px;
}*/
.student-view-nav .adjustment-graph{
	position: absolute;
	top: -25px;
	right: -67px;
	transform: scale(0.5);
	transform-origin: top right;
}
.student-view-nav .lightbulb-wrapper{border: unset;}

.student-navigation{display: flex; position: absolute; top: 2px; left: 32%;}
.student-navigation .prev-student, .student-navigation .next-student, .student-navigation .prev-next-spacer{
	display: flex; 
	align-items: center;
	z-index: 2;
}

.prev-student, .next-student{}
.prev-student:hover, .next-student:hover{font-weight: bold; cursor: pointer;}

.prev-student .student-view, .next-student .student-view, .student-thumbnail .student-view{width: 70px; height: 60px; padding: 0px 5px;}
.prev-student .student-view-avatar, .next-student .student-view-avatar,
	.student-thumbnail .student-view-avatar{
		transform: scale(0.3); 
	    -webkit-transform: scale(0.3);   /* Safari & Chrome */
	    -moz-transform: scale(0.3);   /* Firefox */
	    -ms-transform: scale(0.3);   /* Internet Explorer */
	    -o-transform: scale(0.3);   /* Opera */
		transform-origin: top left;
		-webit-transform-origin: top left;
}

.prev-student .student-thumbnail, .next-student .student-thumbnail{display: inline-block; width: 60px;}

.prev-student .student-thumb-wrapper, .next-student .student-thumb-wrapper{border: none; z-index: 0; width: 50px; height: 50px;}
.prev-student .student-thumbnail .head-wrapper, 
	.next-student .student-thumbnail .head-wrapper{
		top: -31%; left: -34%; transform: scale(0.7);
}

.pronoun, .capitalize{text-transform: capitalize;}

.chevrons{padding: 5px;}

.capitalize-sentence:first-letter{text-transform: capitalize;}

.student-grades{padding: 10px 15px 0px;}
.student-grades .table>tbody>tr>td{padding: 3px;}
.grade-table{width: 200px;}

.smoke-test{
	position: fixed;
	top: 5px;
	right: 5px;
	z-index: 5;
}
.smoke-test .btn{color: #000;}


.modal-dialog {
	/*position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%) !important;*/
	font-size: 23px;
	height: 100%;
	margin: 0 auto;
}
.modal-content{top: 45%; left: 50%; transform: translate(-50%, -50%);}

.modal-window-close{position: relative; float: right; padding: 5px;}
.modal-window-confirm{padding: 5px; float: right;}

.observations-table-wrapper{overflow: auto;}

.assign-form-select{padding: 5px; position: relative; flex: 1;}
.assign-form-select .tutorial-highlight{z-index: -1;}
.assign-form-button{padding: 5px; position: relative;}
.assign-form-button .tutorial-highlight{z-index: -1;}


.courses-slick-slider {
  max-width: 730px;
}
@media (min-width: 1181px) and (max-width: 1440px) {
  .courses-slick-slider {
    width: 580px;
  }
}
@media (min-width: 931px) and (max-width: 1180px) {
  .courses-slick-slider {
    width: 430px;
  }
}
@media (min-width: 666px) and (max-width: 930px) {
  .courses-slick-slider {
    width: 280px;
  }
}
@media (max-width: 665px) {
  .courses-slick-slider {
    width: 130px;
  }
}

.courses-carousel-container {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}
.scroll-button {
	cursor: pointer;
	display: block;
  text-align: center;
  bottom: 45%;
  transition: .3s;
  width: 35px;
  z-index: 3;
  position: absolute;
  overflow: visible;
}
.scroll-left {
  left: -25px;
}
.scroll-right {
	right: -25px;
}

.courses-slick-slider {
	/*margin-left: 15px;
	margin-right: 15px;*/
	margin: auto;
}
.courses-slick-list {
	overflow: hidden;
	position: relative;
	display: block;
}
.courses-slick-track {
	width: 5775px;
	position: relative;
	left: 0;
	top: 0;
	display: block;
	transition: transform 0.3s ease-in-out;
}
.courses-slick-slider {
	position: relative;
	display: block;
}
.courses-slick-slide {
	width: 150px;
	display: block;
	float: left;
	height: 100%;
}
.course-card {
	margin-top: 2px;
	margin-left: 2px;
	margin-bottom: 15px;
	margin-right: 15px;
	position: relative;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 116px;
	height: 121;
}

.course-card a {
	cursor: pointer;
  background: #fff;
  color: #29303b;
  height: 125px;
  width: 125px;
  display: block;
  border-radius: 63px;
  font-size: small;
  overflow: hidden;
  position: relative;
}

.icons-menu{padding-top: 3px;}
.control-buttons-right{position: absolute; right: 5px; top: 5px;}

.done-message{height: 97%; display: flex; align-items: center;}
.done-message h4{font-weight: bold;}
.done-message .panel{margin: auto;}
.btn-keep-teaching{background-color: #c7c7c7; padding: 15px 50px; margin-right: 15px; margin-left: 15px; margin-bottom: 10px;}
.btn-keep-teaching:hover{background-color: #e3e3e3;}
.btn-finish-submit{background-color: #000; color: #fff; padding: 15px 50px; margin-right: 15px; margin-left: 15px; margin-bottom: 10px;}
.btn-finish-submit:hover{background-color: #444; color: #fff;}

.loading-wheel{text-align: center; margin-bottom: 20px; color: #000;}

.popup-tip {
	position: absolute;
	z-index: 6;
	top: 50px;
	right: 5px;
	/*max-height: 350px;
	background-color: #253446;*/
	background-color: rgba(27, 30, 42, .93);
	height: calc(100% - 105px);
	width: 570px;
	margin-left: 1%;
	border-radius: 5px;
	padding: 20px;
	text-align: center;
	font-size: 25px;
	overflow: auto;
}

.sim-tip-watcher {
	position: absolute;
	top: 50px;
	right: 5px;
}

.sim-tip-popup {
	z-index: 6;
	/*max-height: 350px;
	background-color: #253446;*/
	background-color: rgba(27, 30, 42, .93);
	font-size: 15px;
	margin-left: 1%;
	border-radius: 5px;
	padding: 20px;
	text-align: center;
	font-size: 25px;
	overflow: auto;
	margin-bottom: 5px;
}

@media only screen and (min-width: 900px) {
	.sim-tip-popup {
		width: 350px;
	}
}

@media only screen and (max-width: 900px)  {
	.sim-tip-popup {
		width: 250px;
	}
}

.count-down-overlay {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 2000;
	background-color: rgba(27, 30, 42, .7);
	text-align: center;
	font-size: 50px;
}

.count-down-overlay-text {
	transform: translate(-50%, -50%);
	position: absolute;
	top: 44%;
	left: 50%;
}

.count-down-overlay-timer {
	font-size: 90px;
}

.custom-modal-size{
/*	margin-bottom: 5% !important;
	width: 70% !important;
	margin:auto;
	height:auto;
	overflow-y: hidden !important;*/
}

.custom-modal-body{
	overflow:hidden !important;
	height:80% !important;
}


.report-content{padding: 0 50px; overflow: auto; height: calc(100% - 280px); padding-top: 20px;}
.tabbed-drawer-contents .report-content{height: initial; padding: 0 10px;}
.tabbed-drawer-contents .report-icon-wrapper{padding-top: 0px; margin-bottom: 25px;}
.report-table {margin-right: 57px;}
.report-row{padding-top: 10px;}
.report-description{width: 45%;}
.report-recommended-practice{width: 80%;}
.report-result{width: 5%; min-width: 5%;}

.report-icon-wrapper{text-align: center; padding-top: 20px; color: #000;}
.report-icon-wrapper h2{color: #4daebf; margin-top: 5px;}
.report-icon-wrapper h2>span{}
.report-icon{width: 170px; margin-bottom: 10px;}
.report-sim-name{text-align: center; margin-top: 10px; font-weight: bold; color: black;}
.report-star-icon{width: 38px; margin-right: 20px;}
.report-star-icon-hidden{width: 38px; margin-right: 20px; opacity: 0;}
.report-row-entry{padding-bottom: 10px; padding-top: 10px; color: #000; font-size: 21px;}
.report-star-icon-popup{width: 64px; margin-bottom: 20px;}

.report-container {padding-left: 10px; padding-right: 10px;}
.report-row .report-item-description{width: 100%; padding-left: 12px;}
.report-row:nth-child(odd) .report-item-description {background: #e9eff0; /*#e3e6e8;*/}


.objective-buttons{/*padding-right: 15px; text-align: right; margin-top: -10px;*/}
.objective-buttons .btn-primary{background-color: #3b8996; border-color: #4daebf; font-size: 21px;}
.objective-buttons .btn-primary:hover{background-color: #4daebf;}

.sim-modal{}
.sim-modal-dialog{
	position: absolute; 
	top: 0px; 
	background: #fff; 
	z-index: 2000;
	width: 90%;
	left: 5%;
	top: 50px;
	height: calc(100% - 105px);
	border-radius: 5px;
	overflow-y: auto;
}
/*.sim-modal-content{position: absolute; width: 100%;}
.sim-modal-close{position: absolute; top: 5px; right: 10px; color: #566974; cursor: pointer;}
.sim-modal-closer:hover{color: #000;}
.sim-modal-header{height: 235px;}
.sim-modal-footer{height: 60px; position: absolute; width: 100%; bottom: 0px;}
.sim-modal-body{}*/


.sim-modal-content{position: absolute; width: 100%; height: 100%;}
.sim-modal-close{position: absolute; top: 5px; right: 10px; color: #566974; cursor: pointer;}
.sim-modal-closer:hover{color: #000;}
.sim-modal-header{/*height: 235px;*/}
.sim-modal-footer{position: absolute; width: 100%; padding-right: 15px; margin-top: 2px;}

.tabbed-drawer-contents .sim-modal{
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	background: #000a;
	z-index: 1;
}

.tabbed-drawer-contents .sim-modal>.modal-backdrop{display: none;}
.tabbed-drawer-contents .sim-modal .sim-modal-body{padding: 50px;}
.tabbed-drawer-contents .sim-modal .sim-modal-footer{/*padding-top: 10px; padding-right: 10px; text-align: right;*/}
.tabbed-drawer-contents .sim-modal h4{padding: 10px; border-bottom: 1px solid #d3d3d3;}


@media (max-width: 665px) {
  .report-content {
    padding: 0 10px;
  }
  .report-icon-wrapper h2{font-size: 23px;}
  .report-row-entry{font-size: 16px;}
}

.student-summary{display: flex; margin-top: 0px; border-top: 1px solid black;}
.student-view-nav{border-right: 1px solid #000; position: relative; width: 190px;}

.talk-text-input{display: inline-block; padding: 20px; margin-right: 5px; font-size: 18px;}
/*.say-button {padding: 10px;}*/

.student-nav-container{height: 80px; position: relative;}
.student-nav-text{
	position: absolute; 
	width: 70%; 
	padding: 5px; 
	left: 15%; 
	z-index: 6; 
	background: rgba(0,0,0,0.5);
	top: 65px; 
	border-radius: 25px; 
	text-align: center;
}
.student-nav-list{
	height: 80px; overflow-y: hidden; overflow-x: auto; width: 100%;
}
.student-nav-list .student-view{width: 70px; display: inline-block; cursor: pointer;}
.student-view.active .student-thumb-small .student-view-avatar-wrapper{
	-webkit-box-shadow: 0 0 16px 6px black;
	-moz-box-shadow: 0 0 16px 6px black;
	box-shadow: inset 0 0 16px 6px black;	
}
.student-nav-list .student-view:hover .student-view-avatar-wrapper{border-color: #777}

.student-nav-list .student-nav-list-item{width: 75px; height: 70px; display: inline-block;}

.sim-mobile-wrapper[data-classsize="1"] .profile-expanded{/*height: 350px;*/}
/*.sim-mobile-wrapper[data-classsize="1"] .student-box{position: fixed; left: 30% !important; }*/
.sim-mobile-wrapper[data-classsize="1"] .circular-menu-indicator{display: none !important;}
.sim-mobile-wrapper[data-classsize="1"] .circular-menu-student-name{display: none;}
.sim-mobile-wrapper[data-classsize="1"] .student-box-wrapper{border-color: transparent !important;}
.sim-mobile-wrapper[data-classsize="1"] .list-group .conversation-say-row .talk-button-group{width: initial; right: 5px;}
.sim-mobile-wrapper[data-classsize="1"] .student-summary{margin-top: 0; border-top: 0; min-height: 350px;}


/*.sim-mobile-wrapper[data-classsize="1"]  #class-box[data-layout="desks"] .zoom-box{
	left: 11% !important; top: -54% !important; transform: scale(1.3); height: 100% !important;
}

.sim-mobile-wrapper[data-classsize="1"]  #class-box[data-layout="tables"] .zoom-box{
	left: 11% !important; top: -54% !important; transform: scale(1.3); height: 100% !important;
}

.avatar-age-indicator[data-age="elementary"] #class-box[data-layout="desks"] .sim-mobile-wrapper[data-classsize="1"] .zoom-box{
	left: 14% !important; top: -24% !important; transform: scale(1.3); height: 100% !important;
}
.avatar-age-indicator[data-age="elementary"] #class-box[data-layout="tables"] .sim-mobile-wrapper[data-classsize="1"] .zoom-box{
	left: 14% !important; top: -24% !important; transform: scale(1.3); height: 100% !important;
}*/


.sim-mobile-wrapper[data-classsize="1"] .zoom-box[data-zoom="true"] .classroom-students{
	transform: scale(2.5); transform-origin: bottom center; 
}
.sim-mobile-wrapper[data-classsize="1"] .zoom-box[data-zoom="true"] .classroom-students[data-layout="desks"]{left: 100%; bottom: -3%;}
.sim-mobile-wrapper[data-classsize="1"] .zoom-box[data-zoom="true"] .classroom-students[data-layout="tables"]{left: 85%; bottom: -35%}

.avatar-age-indicator[data-age="secondary"] .sim-mobile-wrapper[data-classsize="1"] .zoom-box[data-zoom="true"] .classroom-students[data-layout="desks"]{
	bottom: 9%;
}
.avatar-age-indicator[data-age="secondary"] .sim-mobile-wrapper[data-classsize="1"] .zoom-box[data-zoom="true"] .classroom-students[data-layout="tables"]{
	bottom: -29%;
}

.sim-mobile-wrapper[data-classsize="1"] .zoom-box[data-zoom="true"] .classroom-background{transform: scale(1.5); transform-origin: bottom center;}

.sim-mobile-wrapper[data-classsize="1"] .call-on-shortcut{
	font-size: 7px !important; top: 50px; left: -120px; min-width: 65%;
}

.hair.hair-front[data-index="12"]{top: -6px; left: -5px;}





.sim-mobile-wrapper[data-classsize="1"] .call-on-shortcut .talk-list-wrapper{height: 60px;}
.sim-mobile-wrapper[data-classsize="1"] .call-on-shortcut .talk-list-item{padding: 2px 2px 1px;}
.sim-mobile-wrapper[data-classsize="1"] .call-on-shortcut .btn-xs{padding: 4px 4px 3px; font-size: 5px !important}
.sim-mobile-wrapper[data-classsize="1"] .speech-bubble::before{left: 95%;}
.sim-mobile-wrapper[data-classsize="1"] .speech-bubble::after{left: 95%;}

.student-progress-indicator{position: absolute; width: 40px; height: 40px; top: 130px; right: 5px;}

.circular-menu-content .student-progress-indicator{top: -10px; right: -10px; width: 35px; height: 35px;}

.student-current-task{padding: 0 5px;}
.student-current-task-desc{position: relative; height: 70px;}
.student-current-task-desc-wrapper{
	height: 70px; overflow: hidden; background: #fff; z-index: 6; border: 1px solid transparent;}
.student-current-task-desc-wrapper:hover{
	height: initial; overflow: visible; border-color: #000; padding: 5px; width: 300px; position: absolute;}

.overview-description{
	padding: 0 50px; overflow: auto; height: calc(100% - 300px);
	color: black;
	padding: 0 108px;
	font-size: 21px;
	padding-top: 10px;
}

.roster-invisible{
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

.roster-invisible .student-view-container{height: 0px; overflow: hidden;}


.drawer-invisible{
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

.drawer-invisible .student-view-container{height: 0px; overflow: hidden;}

.tabbed-drawer.tutorial-expanded .tabbed-drawer-contents{padding: 0; background: transparent; border-bottom: 0; overflow: visible;}
.tabbed-drawer.tutorial-expanded .comments-close{display: none;}

.tutorial-video{height: 90%; text-align: center; margin-top: 38px;}
.right{float: right;}

.start-teaching-btn{float: right; margin-top:-21px;}

.table.profile-table{margin-bottom: 0px;}



.progress-category .student-view{height: 70px; overflow: hidden;}
.progress-category.hidden{opacity: 0; width: 0; flex: 0 !important; height: 0; overflow: hidden;}

.progress-category[data-type="table"]{text-align: left; padding: 10px; margin-top: 5px; background-color: transparent;}


.tabbed-view .performance-container{background-color: unset;}
.tabbed-view .talk-container{background-color: unset; /*min-width: 1190px;*/}
.tabbed-view .student-status-wrapper{background-color: unset;}
.tabbed-view .progress-container-contents{display: flex; overflow-x: hidden;}
.tabbed-view .progress-container-contents.hidden{opacity: 0; width: 0; height: 0; overflow: hidden;}
.tabbed-view .progress-category{text-align: center; flex: 1}
.tabbed-view .progress-category:nth-child(2){border-right: 1px solid; border-left: 1px solid}
.tabbed-view .progress-category:nth-child(5){border-right: 1px solid; border-left: 1px solid}


.selection-info-prompt{text-align: left; font-weight: bold; padding-top: 25px; font-size: 18px;}

.student-avatars{height: 0px;}

.large-avatar-placeholder{height:  170px; width: 200px;}
.small-avatar-placeholder{height: 40px; width: 40px;}

.sim-avatar-profile{position: absolute; z-index: 5; 
	transform: scale(0.8);
    -webkit-transform: scale(0.8); /* Safari & Chrome */
    -moz-transform: scale(0.8); /* Firefox */
    -ms-transform: scale(0.8); /* Internet Explorer */
    -o-transform: scale(0.8); /* Opera */
}
.sim-avatar-nav-list{position: absolute; z-index: 5;}
.sim-avatar-roster{position: absolute; z-index: 5;}
.sim-avatar-progress{position: absolute; z-index: 5;}
.sim-avatar-status{position: absolute; z-index: 5;}

.performance-list-item, .student-status-list-item{width: 75px; height: 70px;}

.submit-disabled-message {position: absolute; bottom: 60px; right: 25px; width: 215px;}

.report-nav-button {
	color: white;
	font-size: 28px;
	padding: 15px;
}

.report-next {
	margin-left: 50px;
	background-color: #4daebf;
}

.report-reteach {
	margin-right: 50px;
	background-color: black;
}

.submitted-report-content{
	color: black;
	font-size: 20px; 
	padding: 10px;
	padding-top: 40px;
}
.report-number{width: 3%;}

.observations-table-wrapper td {
	padding-top: 15px;
	padding-bottom: 30px;
}

.report-user-action {
	padding-top: 15px;
	padding-left: 40px;
}

.report-user-action-text {
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	width: 95%;
}

.report-result-icon{width: 38px;}
.report-result-icon-hidden{opacity: 0;}
.report-user-action-result {display: inline-block; height: 100%; vertical-align: top;}


.display-inline-block{display: inline-block;}

.bold-text {
	font-weight: bold;
}
.center-text {
	text-align: center;
}
.report-description-submitted{width: 45%;}
.report-recommended-practice-submitted{width: 80%;}
.report-result-submitted{width: 8%; min-width: 8%;}
.submitted-report-content tr:nth-child(odd) {
    background-color: rgb(224, 233, 236);
}

.zoom-button-container{position: fixed; top: 50px; right: 5px; }
.zoom-button{border-radius: 5px;}

.nsf-bias-survey {
	padding: 20px;
	font-size: 12px;
}

.nsf-bias-survey-instructions {
	font-size: 20px;
}

.nsf-bias-survey-modal {
	max-width: 40%;
}

.nsf-survey-student-evaluation {
	margin-top: 30px;
}

.nsf-survey-radio-spacing {
	display: inline-block;
	width: 20%;
	text-align:center;
}

.nsf-survey-responses {
	margin-top: 5px;
}

.nsf-bias-survey-buttons {
	float: right;
	margin-top: 10px;
}

.nsf-survey-student-name {
	font-weight: bold;
	font-size: 18px;
}


.sim-tip-drawer-entry-wrapper {
	border: 1px solid rgba(0,0,0,.125);
	border-color: #566974;
	padding-left: 10px;
	border-bottom: 0
}

.sim-tip-drawer-entry-wrapper:last-child {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	border-bottom: 1px solid rgba(0,0,0,.125) !important;
}

.sim-tip-drawer-entry-wrapper:first-child {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.acknowledged-tip {
	opacity: 0.5;
}

.tips-filter-container {
	margin-bottom: 10px;
}

.tip-close {
	float: right;
}
.tip-close:hover{
	cursor: pointer;
}

.sim-tip-text {
	font-size: 15px;
}

.align-right {
	margin-left: auto;
}

.class-profile-pdf-link {
	position: absolute;
	width: 100%;
	text-align: center;
}

.class-profile-pdf-link a {
	position: relative;
	z-index: 20;
}

.menu-tab a {color: white !important;}
.menu-tab a:hover {color: #4a969e !important;}
.menu-tab .active {color: #0eccbc !important;}

.menu-tray{
	background-color: rgb(53,53,53);
	flex: 1;
	min-width: 250px;
	padding: 20px;
	height: 100%;
	z-index: 3; /* So it appears over the overlay column */
}
.sim-main-drawer {
	position: relative;
	width: 0%;
	flex: 4;
}

.height-100{height: 100%;}

.sim-dropdown {padding: 3px;}
.teach-menu{height: 100%; display: flex; flex-direction: column;}
.teach-category-dropdown {margin-bottom: 25px;}
.teach-subcategories {flex:1; /*overflow-y: auto; overflow-x: hidden;*/}
.teach-menu-group {
	margin-bottom: 5px;
	border-bottom: 1px solid white;
	flex: 1;
}

ul.instructions-list {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-type: none;
	padding-left: 5px;
	margin-right: 5px;
	height: 300px;
	overflow-y: auto;
	padding-right: 10px;
	width: calc(100% + 10px);
}
ul.instructions-list li {
	/*padding: 10px;*/
	border-radius: 5px;
}
ul.instructions-list li:hover {
	outline: 1px solid white;
}
ul.instructions-list li:nth-child(even) {
	background-color: gray;
}
ul.instructions-list li:nth-child(odd) {
	background-color: #8080807a
}
button.toggle-expand {
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	border-radius: 0px !important;
	margin-left: 5px;
}

.white {color: white;}

.tooltip-container {
  /* position: relative; */
  display: inline-block;
  width: 100%;
  padding: 10px;
}

.tooltip-container.suggest {
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
.tooltip-container .tooltip-text-wrapper {
  visibility: hidden;
  width: 120px;
/*  background-color: #555;*/
  color: #fff;
  /*text-align: center;*/
/*  padding: 15px;
  border-radius: 6px;*/

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  /*margin-left: -60px;*/

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip-text {
	background-color: #555;
	padding: 15px;
	border-radius: 6px;
}
.tooltip-text-boundary{
  /* position: relative; */
}

.tooltip-container .tooltip-text-wrapper.large {
  width: 700px;
  text-align: left;  
}
.tooltip-container .tooltip-text-wrapper.medium {
  width: 400px;
}

.tooltip-container .tooltip-text-wrapper.above {
  margin-bottom: 20px;
}

.tooltip-container .tooltip-text-wrapper.above::after {
  bottom: -10px;
}

.one-liner{white-space: nowrap; overflow: hidden;}

.tooltip-container .tooltip-text-wrapper.left {
  left: auto;
  right: 100%;

}

.tooltip-container .tooltip-text-wrapper.left::after {
  left: initial;
  right: -10px;
  transform: rotate(-90deg);
  margin-top: -20px;
}

.tooltip-container .tooltip-text-wrapper.below {
  right: 0%;
  left: 100%;
  top: 0%;
  bottom: initial;
  margin-top: 3px;
}

.tooltip-container .tooltip-text-wrapper.below::after {
  top: -10px;
  left: 30px;
  transform: rotate(180deg);
}

.tooltip-container .tooltip-text-wrapper.right {
  right: auto;
  left: 100%;
  top: -75px;
  /*margin-left: 16px;*/ /* hard coded value for instruction menu...*/
  padding-left: 16px;
}


.tooltip-container .tooltip-text-wrapper.right::after {
  right: initial;
  left: 11px;
  transform: rotate(90deg);
  margin-top: 18px;
}

.tooltip-container .tooltip-text-wrapper.left {
  padding-right: 16px;
  top: -75px;
}

.tooltip-container .tooltip-text-wrapper.left::after {
  right: initial;
  right: 6px;
  transform: rotate(-90deg);
  margin-top: 18px;
}

/* Tooltip arrow */
.tooltip-container .tooltip-text-wrapper::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-container:hover > .tooltip-text-boundary > .tooltip-text-wrapper {
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}

.hidden {
	display: none !important;
}

.clickable{cursor: pointer !important;}
.clickable *:hover{cursor: pointer !important;}


.pagination-container {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.pagination-option {
  padding-left: 10px;
  padding-right: 10px;
}

.pagination-option.active {
  color: #59a8a6;
  font-weight: bold;
}

.pagination-option:hover {
 	cursor: pointer;
}

.instruction-quick-assign-buttons{
	margin-top: 10px;
}
.instruction-quick-assign-buttons button {
	padding-top: 3px; padding-bottom: 3px;
	padding-left: 8px; padding-right: 8px;
	border-radius: 6px;
	cursor: pointer;
}
.instruction-quick-assign-buttons button:not(:first-child) {
	margin-left: 5px;
}
.instruction-quick-assign-buttons button:hover {
	background-color: #4a969e;
	-webkit-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

.menu-title {
	font-weight: bold;
	margin-bottom: 5px;
}
.conversation-tone-circumplex {
	margin-bottom: 25px;
}

li.profile-detail {
	padding: 8px;
	display: flex;
}
li.profile-detail .profile-descriptor {
	flex: 0 0 20%;
}
li.profile-detail .profile-description {
	flex: 0 0 80%;
}

.overlay-column {
	position: absolute;
	background-color: rgba(53,53,53,0.5);
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	transition: opacity 0.5s;
}

.class-current-stats {
	display: flex;
	justify-content: center;
	padding-top: 50px;
	padding-left: 40px;
	padding-right: 40px;
}

.class-stat-card-container {
	padding: 0 50px;
	width: 100%;
}
.class-stat-card {
	/*width: 140px;*/
	border: 1px solid white;
	border-radius: 20px;
	padding: 20px 10px;
	text-align: center;
	font-size: 18px;
	margin: auto;
	height: 100%;
}

.class-stat-number{
	font-size: 26px;
}

@media screen and (max-width: 1200px) {
	.class-stat-card-container {
		padding: 0 10px;
	}
}

.tag-list {
	list-style-type: none;
	padding-left: 0;
}

.tag {
	padding: 5px;
	margin: 5px;
	display: inline-block;
}

.profile-detail:nth-child(odd) .tag {
	background-color: #658a65;
}

.profile-detail:nth-child(even) .tag {
	background-color: #9e8282;
}

.list-group-item:nth-child(n+4) .tooltip-text-wrapper{
	top: -250px;
}

.sublist li {
	background-color: transparent !important;
	border: none;
}
.group-selection-menu {
	padding: 10px;
	position: relative;
	height: 100%;
}
.group-selection-menu-list {
	list-style-type: none;
	display: inline-flex;
	flex-wrap: wrap;
}
.group-selection-student {
	display: flex;
	align-items: center;
	height: 75px;
}
.student-selection-name {
	padding-left: 75px;
	padding-right: 25px;
}
.assign-description {
	margin-bottom: 10px;
}
.group-selection-footer {
	display: flex;
	position: absolute;
	bottom: 10px;
	right: 10px;
	gap: 5px;
}

.conversation-option-types {
	display: flex;
	flex-wrap: nowrap;
	gap: 5px;
}

.conversation-option-type {
	cursor: pointer;
}

.custom-comment-type {
	display: flex;
	flex-wrap: nowrap;
	gap: 5px;
}

.custom-comment-assign-container {
	padding-top: 5px;
	float: right;
}

.custom-comment-assign-container button {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 6px;
	cursor: pointer;
}

.custom-conversation-label {
	margin-bottom: 0;
}