@charset "UTF-8";
/* CSS Document */
.score.locked{
     background-color:red;
     color:white;
}
.score:hover{
    background-color:yellow;
    color:black;
}
div.custom_alert {
     position:fixed;
   
    color:white;
   
    font-size:30px;
    top:100px;
    width:100%;
   
}
div.custom_alert table{
     width:300px;
    height:300px;
    background-color:red;
    margin:auto;
    padding:20px;
}

	h5{
		margin:0px;
	}
	.welcome{
		display:none;
	}
	html {
		height: 100%;
	}

	body.dash {
		height: 100%;   
		overflow: hidden;  /*makes the body non-scrollable (we will add scrolling to the sidebar and main content containers)*/
		margin: 0px;  /*removes default style*/
		display: flex;  /*enables flex content for its children*/
		box-sizing: border-box;
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	}
button {
     cursor:pointer;   
}

	.clearfix:after {
		content:"";
		clear: both;
		display:block;
	}

	.column {
		height: 100%;  /*allows both columns to span the full height of the browser window*/
		display: flex;
		flex-direction: column;  /*places the left and right headers above the bottom content*/
	}
	.column2{
		display:flex;
	}

	#left {
		flex-shrink: 0;  /*makes sure that content is not cut off in a smaller browser window*/
	}

	.top-left {
		flex-shrink: 50px;
		background: linear-gradient(to right, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
		color:black;
		width:75px;
		text-align:center;
	}

	.top-center {
		flex-shrink: 0;
		display: inline-flex;
		background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 9%,rgba(102,102,102,1) 17%,rgba(71,71,71,1) 26%,rgba(44,44,44,1) 36%,rgba(0,0,0,1) 52%,rgba(17,17,17,1) 72%,rgba(43,43,43,1) 83%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
		color:orange;
	}
	
	.top-right {
		margin-top:20px;
		flex-shrink: 0;
		display: inline-flex;
		background:transparent;
	}
	.top-middle{
		width:85%;
		text-align:center;
	}

	ul {
		list-style: none;
	}

	.bottom {
		flex-grow: 1;  /*ensures that the container will take up the full height of the parent container*/
		overflow-y: auto;  /*adds scroll to this container*/
	}
	#left .bottom {
		background: linear-gradient(to right, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
	}
	ul {
		margin:0;
		padding:0;
	}
	#right {
		flex-grow:6000;
	}
	
	.pointer{
		cursor:pointer;
	}
	.main_icon,.screen_icon{
		display:inline-block;
		width:60px;
		border:solid black 5px;
		border-radius:5px;
		margin-top:10px;
		text-align:center;
		margin-left:2px;
		cursor:pointer;
		font-size:30px;
		line-height:30px;
	}
	.main_icon{
		background-color:white;
	}
	.screen_icon{
		color:#B95AF6;
		background:white;
		
	}
	.main_icon div,.screen_icon div{
		vertical-align:middle;
		font-weight:bold;
		text-shadow: 0px 0px 2px black;
	}
	
	.whole{
		border:solid gray 5px;
		padding:5px;
		
	}
	.half{
		padding:5px;
		
	}
	.half_container{
		display:flex;
		flex-wrap:nowrap;
		background-color:gray;
	}
	.half_container > div {
		margin:5px;
		background-color:white;
		flex-grow:1;
		max-width:50%;
	}
	.main_icon,.screen_icon{
		display:flex;
		flex-wrap:nowrap;
	}
	.main_icon > div,.screen_icon > div{
		flex-grow:1;
		vertical-align:middle;
		font-weight:bold;
		text-shadow: 0px 0px 2px black;
		text-align:center;
	}
	.icon_left{
		border-right:solid black 2px;
	}
	
	.main_icon .selected{
		background:black;
	}
	.screen_icon .selected{
		background:black;
	}
	.icon_right{
		border-left:solid black 2px;
	}
	.hidden_holder,.active_holder{
		display:none;
	}
	.f_header{
		padding:10px;
		text-align:center;
		font-size:20px;
		color:white;
		margin-bottom:20px;
	}
	.o_frame{
		display:none;
	}
	.o_frame.fs,.o_frame.ls,.o_frame.rs{
		display:block;
	}
	#temp_menu{
		background-color:white;
		padding-top:10px;
		padding-bottom:10px;
		border:solid black 1px;
		position:absolute;
		z-index:5000;
		background:#CAC8C8;
		border-radius:0px 10px 10px 0px;
		}
	#temp_menu div{
		cursor:pointer;
		padding-left:10px;
		padding-right:10px;
	}
	#temp_menu div:hover{
		background:yellow;
        color:black;
	}
.main_icon .oneclick{
	background:yellow;
}
	
	iframe.frame{
		width:99%;
		height:100vh;
        overflow:auto;
	}
	.active_pane{
		display:flex;
		flex-direction:row;
	}
	.fs,.ls,.rs{
		border:solid #5D5B5B 5px;
		flex-grow:1;
	}
.fs{
	width:98%;
}
.ls,.rs{
	width:48%;
}
	.o_frame{
		border:solid #444242 5px;
	}

.no_name{
	border:solid red 2px;
	color:red;
}
.no_name input:hover{
	color:red;
}
/*was in dashboard php*/
body{
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.hidden{
    display:none;
}
.dashboard_pane.supermin{
    width:200px;
    height:35px;
    overflow-y:hidden;
}
.dashboard_pane.supermax{
    width:99%;
    height:auto;
}

.dashboard_pane{
    border:solid black 3px;
    width:500px;
    margin:5px;
    height:300px;
    float:left;
    overflow-y:scroll;
}
.psize{
    display:inline-block;
    background-color:white;
    border:solid black 1px;
    margin-left:2px;
    margin-right:2px;
    float:right;
    cursor:pointer;
}
.psize.min{
    width:5px;
    height:5px;
}
.psize.mid{
    width:10px;
    height:10px;
}
.psize.max{
    width:15px;
    height:15px;
}
ul{
    list-style:none;
}

.dashboard_pane .welcome, .dashboard_pane .iframe_footer, .dashboard_pane .icon_cancel{
    display:none;
}
.welcome{
	display:none;
}

/*was in list php*/

.pane{
	width:100%;
	min-height:300px;
	background-color:white;
}
.pane_header{
    font-size:18px;
    color:white;
    text-align:center;
	height:30px;
	padding-top:5px;
	border:solid black 1px;
    cursor:default;
}
.courses_pane .pane_header{
	background-color:green;
}
.tasks_pane .pane_header{
    background-color:red;
}
.classes_pane .pane_header{
    background-color:purple;
}
.groups_pane .pane_header{
    background-color:blue;
}
.types_pane .pane_header{
    background-color:orange;
}
.tasks_pane .title_bar{
	background-color:#EDB1B2;
	padding:5px;
	font-size:16px;
    border:solid black 1px;
}
.tasks_pane .tile:hover{
    background-color:beige;
}
.tasks_pane .tile.active{
     background-color:yellow;   
}
.iframe_footer{
	background-color:lightgrey;
	border:solid black 1px;
	height:30px;
}
.close_iframe{
	float:right;
	margin:5px;
	cursor:pointer;
}
.icon{
	cursor:pointer;
}
.icon_new{
	width:27px;
}
.add_new{
	float:left;
}
.icon_view{
	width:25px;
}
.icon_edit{
	width:20px;
}
.icon_trash{
	width:17px;
	padding-bottom:1px;
}
.icon_refresh{
	width:28px;
}
.icon_cancel{
	width:25px;
	margin-top:-3px;
}
.icon_size{
    width:30px;
    margin-top:-2px;
}
.icon_plus{
	width:20px;
}
.icon_grade{
    width:20px;
    margin-top:2px;
}
.pane_size{
    float:right;
}
.task_edit{
	float:right;
	background-color:black;
	margin-top:-2px;
	margin-right:-2px;
}
.icon_span .icon:hover{
	background-color:gray;
	cursor:pointer;
}
.tile{
	margin-top:2px;
	border:solid black 1px;
	border-radius:2px;
	padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    margin-right:2px;
}

.icon_span{
    background-color:black;
    float:right;
    margin-top:-2px;
}
.dashboard_pane .tile:hover{
	background-color:#E1E57E;
}

.task_group{
	border:solid black 1px;
	padding:5px;	
}


	
/*was in courses html */

#course_content .course_tile{
	border-bottom:solid black 2px;
	padding:2px;
	background-color:#9DB8A0;
}

.courses_pane .tile{
	background-color:#C4DDC3;
}

.class .change_course{
	float:right;
}
.change_course.unclicked * {
	display:none;
}

.change_course.unclicked img,
.change_course.unclicked .edit{
	display:inline-block;
}

.change_course img,
.change_course .edit{
	display:none;
}

.class{
	padding:2px;
	width:100%;
	border-bottom:solid 1px #AAAAAA;
	font-size:14px;
}
.class:hover{
	background-color:beige;
	cursor:pointer;
}
.grps{
	float:right;
	display:inline-block;
	font-size:12px;
	color:blue;
}
.courses_pane .tile .grps{
	width:50px;
}
.course_list .grps{
	width:100px;
}
.dashboard_pane iframe{
	width:100%;
    height:100%;
}	
.my_courses{
	background-color:white;
}
.my_courses .scroller { 
    overflow: auto; 
} 
.zscroller ul { 
    width: 100%;
}
.ui-tabs .ui-tabs-nav li a {font-size:10pt !important;}

/*was in classes html */

.classes_pane .tile{
	background-color:#E3DAEA;
}

.find_student{
    float:right;
}
.def_span{
    float:right;
}
.margin_5{
    margin-left:5px;
    margin-right:5px;
}
.student{
	padding:2px;
	width:99%;
	border-bottom:solid 1px #AAAAAA;
	font-size:14px;
}
.class_list .student:hover{
	background-color:beige;
	cursor:pointer;
}
.grps{
	float:right;
	display:inline-block;
	font-size:12px;
	color:blue;
}
.class_tile .grps{
	width:50px;
}
.class_list .grps{
	width:100px;
}
.my_classes{
	background-color:white;
}	
.my_classes .scroller { 
    overflow: auto; 
    height:50px;
} 
.ui-tabs .ui-tabs-nav li a {font-size:10pt !important;}

/*groups html*/

.sort_list{
	list-style:none;
	padding-left:0;
}
.sort_list li{
	height:30px;
	background-color:#CEF2F7;
	border:solid black 1px;
	border-radius:5px;
	width:50%;
	margin-bottom:5px;
}
.grp_handle{
	background-color:#9EB6DD;
	border-radius:5px 0px 0px 5px;
}
.icon_sort{
	width:23px;
}
.grp_edit{
	float:right;
	background-color:black;
}
.grp_tile span{
	display:inline-block;
	height:30px;
}
.grp_tile span img{
	margin-top:2px;
}
.grp_title{
	margin-left:10px;
}
.icon_sort{
	cursor:move;
}
.all img{
	cursor:not-allowed;
}
input[type=button]{
	cursor:pointer;
}	
.new_btn{
	width:25px;
	cursor:pointer;
}
.add_new{
	float:left;
}

/*group html*/

.title_btns{
    float:right;
}

.class_members{
    margin-left:20px;
}
.groups_pane .name_input{
    border: none;
    background: transparent;
    font-size:20px;
    text-align:center;
}
.groups_pane .g_name{
    width:100%;
	padding:5px;
	background-color:#B6CEE7;
	text-align:center;	
}
.groups_pane .class_tile{
    margin-top:2px;
	border-bottom:solid black 2px;
	padding:2px;
	background-color:#C4E2F4;
}
	
.groups_pane .my_classes .scroller { 
    overflow: auto; 
} 

.ui-tabs .ui-tabs-nav li a {font-size:10pt !important;}
	
/* was in cat html */


.types_pane .title_btns input{
		cursor:pointer;
	}
	
.types_pane .dd_menu{
		cursor:pointer;
	}
.types_pane .cat_name{
		padding:5px;
		background-color:#CCC8C8;
		text-align:center;	
	}
	
.types_pane .name_input, .groups_pane .name_input{
		border: none;
    	background: transparent;
		font-size:20px;
		text-align:center;
        width:100%;
}
.types_pane .name_input{
     background-color:#F3D7AB;
}
.groups_pane .name_input{
     background-color:#B6CEE7;
}
.types_pane .big{
		font-size:20px;
	}
.types_pane .small{
		font-size:12px;
	}
.t_count,.t_point,.q_pity_count,.q_pity_num,.abbrev{
		width:30px;
	}
.task_props,.q_props{
		border:solid black 1px;
		padding:5px;
		background-color:#F3D7AB;
	}
.cat_props{
    font-size:12px;
}

.pane_choice{
    float:left;
    border:solid black 1px;
    text-align:center;
    margin:5px;
    cursor:pointer;
}
.pane_choice:hover{
    background-color:#C6C6C6;    
}
.pane_choice.selected{
    background-color:yellow;
}

.resize_icon{
    width:30px;
    cursor:pointer;
    float:right;
}

.my_classes .scroller{
    width:100%;
}
.mini{
    width:35px;
    float:right;
    margin-bottom:10px;
    cursor:pointer;
}
.full_pane{
    border:solid black 1px;
    padding:5px;
    position:absolute;
    left:0.5%;
    top:2px;
    width:98%;
    background-color:white;
}
.pane_header select{
    background-color:transparent;  
    border:none;
    color:white;
    font-size:25px;
}
.pane_header button{
    float:left;
    margin-left:10px;
    cursor:pointer;
}

.pane2{
    width:48%;
}
.pane3{
    width:30%;
    margin-right:20px;
    float:left;
}
 .pane2,.pane3{
        border:solid black 2px;
        height:300px;
        margin-top:10px;
       
    }
    .pane2.l{
        float:left;
        margin-left:5px;
    }
    .pane2.r{
        float:right;
        margin-right:5px;
    }

    .pane_top:after{
        content:'';
        clear:both;
        display:block;
    }
.pane_html{
    width:96%;
    height:245px;
    overflow-y:auto;
    margin:2%;
}

.full_pane .pane_html{
    height:1000px;
}
.edit_pane{
    width:100%;
    height:1000px;
}

/* was in new class */


	.class_doc div#bodytext::after {
		content:"";
		display:block;
		clear:both;
	}

	
	.page_title{
		padding:3px;
		background:black;
		margin-bottom:5px;
	}
	.title_btns{
		float:right;
	}
	.title_btns input{
		cursor:pointer;
	}
	
	.class_doc .class_list{
		width:100%;
	}
	.class_doc .ln,.class_doc .fn,.class_doc .idn{
		display:inline-block;
		width:28%;
        max-width:200px;
	}
	.class_doc .ln input,.class_doc .fn input,.class_doc .idn input{
		width:95%;
	}
	.class_doc .ic img{
		width:20px;
		cursor:pointer;
	}
	.class_doc .im_bt{
		cursor:pointer;
	}
	
	.class_doc .csv_student{
		display: -webkit-flex;
   		display: flex;
    	width: 400px;
	}
	.class_doc .ul_file{
		cursor:pointer;
	}
	.group,.course{
		font-size:12px;
	}
	.class_doc .class_name{
		width:100px;
	}
	.class_doc .drag_handle{
		cursor:move;
	}
	.class_doc .csv_pv{
		margin:20px;
		font-size:12px;
	}
	.class_doc .class_index{
		width:50px;
		display:none;
	}
	.class_doc .name_input{
		border: none;
    	background: transparent;
		font-size:20px;
		text-align:center;
	}
	.class_doc .c_name{
		width:99%;
		padding:5px;
		background-color:#CCC8C8;
		text-align:center;
		
	}
.c_name input{
    width:100%;
}
	.class_doc .left_pane{
		width:20%;
		
		float:left;
	}
	.class_doc .class_list{
		float:right;
		width:75%;
	}
	.class_doc .course_sel{
		max-width:200px;
	}

.needs_name{
    border:solid red 2px;
}
.student_task_indicator{
    display:inline-block;
    width:25px;
    height:25px;
    border:solid black 1px;
    border-radius:25px;
    background-color:lawngreen;
    text-align:center;
    margin-right:10px;
    margin-left:10px;
    margin-top:3px;
}
.student_task_indicator span{
    vertical-align:middle;
    display:inline-block;
    padding-top:4px;
}
.student_task_due{
    font-size:10px;
    display:inline-block;
    width:50px;
    float:right;
   margin-top:10px;
}

.student_course{
    padding-left:10px;
    margin-top:10px;
}

.rt_choice.target{
	border:solid red 1px;
}

.rt_choice_list.no_group .handle{
	display:none;
}
.mqr{
background-color:white;	
}

.disabled_button{
	opacity:0.5;	
}
.fb_dynamic{
	margin-left:10px;	
}

img.gt{
     width:20px;
    height:20px;
    cursor:pointer;
    padding:2px;
}

img.gt:hover{
     outline:solid red 2px;   
}

.ido_1{
     background-color:lawngreen;   
}
.ido_2{
     background-color:pink;   
}
.grade_book > table {
	text-align:center;
	border-collapse:collapse;
	border:1px solid #000; 
}
.grade_book > table td,
.grade_book > table th {
	border:1px solid #000;
	padding:5px;
}

.sv ul{
 list-style-type:disc;  
    margin-top:15px;
    margin-bottom:15px;
}
.sv ul li{
 margin-left:50px;   
}

.tfx_reflect.active_reflect{
     background-color:yellow;   
}

.student .lined{
min-height:50vh;
 max-height: 95vh;
 overflow:scroll;
}

.rb{
	text-indent:-28px;
	padding-left:28px;
	display:inline-block;
	padding-bottom:5px;
}
.rbmq{
	text-indent:0px;
	padding-left:0px;
}
.rb .y_scale input{
	text-indent:28px;
}
.rb .x_scale input{
	text-indent:28px;
}
.rb .ie.graph{
	margin-left:-28px;
}
.sh_nav.copy_nav{
	display:none;
}
.bn_n{
	margin-left:2px;
}
.bn_b{
	margin-right:2px;
}
#cl_enrollments{
	border-collapse:collapse;
}
#cl_enrollments td{
	padding:5px;
	border:solid black 1px;
	text-align:center;
}
#grade_distribution{
			position:relative;
			width:400px;
			height:140px;
		}
		.grade_distribution_frame .grade_distribution_labels{
			position:absolute;
			top:70px;
			left:0px;
			
		}
		.grade_distribution_frame .grade_distribution_bars{
			position:absolute;
			top:10px;
			left:10px;
			
		}
		.grade_distribution_frame .grade_distribution_bar{
			display:inline-block;
			width:29px;
			margin-left:3px;
			margin-right:3px;
			height:50px;
			background-color:black;
		}
		.grade_distribution_frame .grade_distribution_values{
			position:absolute;
			top:90px;
			left:0px;
			
		}
		.grade_distribution_frame .grade_distribution_raws{
			position:absolute;
			top:110px;
			left:0px;
			
		}
		.grade_distribution_frame .grade_distribution_label{
			display:inline-block;
			width:35px;
		}
		.grade_distribution_frame .grade_distribution_value{
			display:inline-block;
			width:35px;
		}
		.grade_distribution_frame .grade_distribution_raw{
			display:inline-block;
			width:35px;
		}














	
	
	




