@charset "UTF-8";
/* CSS Document */
body{
	font-family:arial;	
}
body.sv textarea{
     border-radius:5px;
    padding:5px;
    font-family:arial;
    font-size:16px;
}
body.sv .lr_word_count{
     border:none;   
}
body.sv .lr_sentence_count{
    border:none;
}
.main_frame{
	zwidth:95%;
}
.asm_header{
	width:800px;
	background-color:darkgray;
}
.part_header_parent{
	padding-top:25px;
	padding-bottom:25px;	
	background-color:red;
}
.part_header,.options_header{
	padding:10px;
	background-color:black;
	color:white;
	font-size:20px;
	text-align:center;
	width:200px;
}
.editor_pane{
	zwidth:800px; 
	height:100%; 
	zborder:solid black 1px;
	vertical-align:top;
}
.editor_title{
	text-align:center;
	font-size:20px;
	background-color:darkgray;
	padding:14px;
	padding-left:20px;	
}
.edit_icon{
	width:20px;
}
.part_new{
	padding:5px;
}

.wys{
	width:750px;
	height:200px;
}
.fix_overflow{
	overflow:hidden;
}
#asm_name{
	font-size:20px;
	border: none;
	border-color: transparent;
	background-color:transparent;
	width:100%;
	text-align:center;
}
div.ui-datepicker{
	font-size:10px;
}

.grp_title .grp_del{
	float:right;
	margin-top:-17px;
	width:15px;
}
.icon {
	width:20px;
}
.al_r{
	text-align:right;
}
.top{
	vertical-align:top;
}
#part_list,.one_part,.one_group{
	padding: 0;
   	list-style-type: none;
	margin:0px;
}
.part_title_bar{
	background-color:black; 
	border-radius:5px; 
	text-align:center;
	color:white;
	font-size:18px;
}
.part_handle{
	margin-top:5px;
	width:100%;
}
.part_bar{
	background-color:darkgray; 
	border-radius:0 5px 5px 0; 
	border:solid black 1px;
	width:100%;
	height:29px;;
}
.part_num{
	text-align:center;
	background-color:black; 
	color:white; 
	padding:2px; 
	border-radius:5px;
	width:20px;
	cursor:pointer;
	border:solid black 1px;
	font-size:14px;
}
.part_desc{
	border:none; 
	border-color:transparent; 
	background-color:transparent; 
	font-size:12px;
	width:100px;
}
.editor_num{
	width:10px;
	display:none;
}

.part_num_selected{
	background-color:yellow;
	color:black;
}	
.part_handle .part_drag_handle{
	width:14px;
	background-color:#EF9A9C;
	box-shadow: inset 0 0 2px black;
	padding:0px;
	text-align:center;
	vertical-align:middle;
	cursor:move;
}
.icon_delete{
	cursor:pointer;
}
.no_padding{
	padding:0px;
}
.part_handle{
	border-collapse:collapse;
	margin-bottom:3px;
}
.icon_move{
	vertical-align:middle;
}
.editor_num{
	zdisplay:none;
}
.icon_move{
	width:10px;
}
#radio_dialog td{
	padding-bottom:10px;
}
#radio_dialog select{
	border:solid gray 1px;
}
#radio_dialog input{
	border:solid gray 1px;
	width:100px;
	padding:2px;
}
#radio_dialog .hidden{
	display:none;
}
.cke_dialog_body .cke_dialog_contents{
	margin-top:0px;
}
#radio_dialog #mc_new_grp_color{
	width:12px;
	height:12px;
	border-radius:12px;
	cursor:pointer;
}
.cke_dialog_contents_body #cb_new_grp_color{
	display:inline-block;
	width:15px;
	height:15px;
	cursor:pointer;
	border:solid black 1px;
}
.dg_small{
	font-size:10px;
}
.rb_text, .cb_text{
padding-left:5px;	
}
#rn_gen{
	cursor:pointer;
	border-radius:5px;
	background-color:lightgray;
}
#fla_editor{
	position:fixed;
	left:100px;
	top:100px;
	background-color:white;
	border:solid gray 1px;
	border-radius:5px;
	width:500px;
	z-index:12000;
}
#fla_els_pane{
	display: -webkit-flex;
	display: flex;
	width:100%;
	height:300px;
}
#fla_sym{
	width:50%;
	height:300px;
	border-right:solid black 1px;
}
#fla_var{
	width:50%;
	height:300px;
}
#fla_header,#rule_header,#obj_header,#rule_info_header{
	height:35px;
	text-align:center;
	padding:3px;
	cursor:move;
	font-size:18px;
}
#fla_title,#rule_title{
	display:inline-block;
	padding-top:10px;
}
#fla_div,#rule_div{
	text-align:center;
	padding:5px;
}
#fla_input{
	min-width:100px;
}

#fla_sym_header{
	padding:5px;
	text-align:center;
	background-color:blue;
	color:white;
}
#fla_var_header{
	padding:5px;
	text-align:center;
	background-color:green;
	color:white;
}
#fla_sym .lx_sym{
	display:inline-block;
	border:solid black 1px;
	border-radius:5px;
	background-color:lightgrey;
	text-align:center;
	padding:2px;
	cursor:pointer;
	font-size:15px;
	margin-left:2px;
	margin-right:2px;
	margin-top:2px;
	margin-bottom:2px;
}
.sv .lx_sym{
	display:inline-block;
	border-radius:5px;
	text-align:center;
	padding:2px;
	cursor:pointer;
	font-size:18px;
	margin-left:2px;
	margin-right:2px;
	margin-top:2px;
	margin-bottom:2px;
}
.sv .lx_sym:hover{
	background-color:#A5EEF6;
}
#lx_asin,#lx_acos,#lx_atan{
	font-size:16px;
}
#fla_btns,#rule_btns,#obj_btns{
	height:35px;
	padding-top:10px;
	text-align:right;
}
.v_btn{
	padding:5px;
	border:solid black 1px;
	border-radius:5px;
	background-color:#B9E3B7;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:2px;
	display:inline-block;
	cursor:pointer;
}

#fla_input .mq-text-mode{
	color:green;
}

#rule_editor{
	position:fixed;
	left:20%;
	top:20%;
	width:300px;
	display:none;
	background-color:white;
	border:solid grey 1px;
}

#rule_cmds_palette{
	min-height:20px;
}



.del_rule,.add_rule,.del_obj,.add_obj{
	width:20px;
	cursor:pointer;
}

.rule_input{
	border:solid grey 1px;
	width:150px;
}

.rule_input.selected,.obj_input.selected{
	border:solid red 1px;
}
#final_rule{
	width:275px;
	border:solid grey 1px;
}



#obj_list{
	background-color:white;
	border:solid black 1px;
	padding:10px;
	position:fixed;
	left:10%;
	top:10%;
	display:none;
	z-index:50000;
}
#obj_menu{
	list-style-type:none;
	margin:0;
	padding:0;
	width:500px;
}
.obj_name{
	color:blue;
	font-size:20px;
	cursor:pointer;
}
#obj_cancel{
	float:left;
}
#obj_ok{
	float:right;
}
.obj_choice.selected,.obj_course.selected{
	background-color:yellow;
}
.obj_choices .obj_desc{
     color:gray;   
}
.obj_choices .right_col{
     padding-left:10px;
    vertical-align:top;
}
.obj_visible{
     padding:3px;   
}
.obj_choice,.obj_course{
     cursor:pointer;   
}
.obj_choice:hover,.obj_course:hover{
     border:dashed red 2px;
}
.obj_expand{
     cursor:pointer;
    padding-right:3px;
}
.method.selected{
	background-color:yellow;
}
.dg_schoice_kw{
	width:100px;
}
.bt_el{
	display:inline-block;
	padding:5px;
	background-color:grey;
}
.bt_el.selected{
	background-color:yellow;
}
.obj_drag{
	height:20px; 
	padding:5px;
	background-color:lightblue;
	cursor:move;
}
.one_group_up{
	padding:5px;
	background-color:lemonchiffon;
	border:solid black 1px;
	border-radius:5px;
	margin:2px;
}
#part_list ul{
	padding-left:10px;
}
.grp_title{
	width:95%;
	padding:3px;
	margin:5px;
	background-color:blue;
	color:white;
	border-radius:5px;
	cursor:move;
}
.one_part{
	margin-top:5px;
	margin-bottom:5px;
}
.grp_type_dd{
	float:right;
}
.grp_dd_trigger{
	cursor:pointer;
}
.grp_settings{
	margin-left:20px;
}
.grp_count_input,.grp_pts_input,.grp_mastery_input{
	width:20px;
}
.grp_count_span,.grp_pts_span{
	display:inline-block;
	width:50px;
	text-align:left;
}
.grp_type{
	margin-left:20px;
}

.sv .task_nav{
    width:98%;
    position:fixed;
    top:0px;
    height:50px;
	margin:auto;
	text-align:center;
	background-color:#272626;
	padding:5px;
    z-index:1001;
}
.sv .part_nav{
	cursor:pointer;
	display:inline-block;
	width:50px;
	background-color:#DCDADA;
	padding:3px;
	border:solid black 1px;
	border-radius:5px;
	margin-right:3px;
}

.sv .task_submit{
	cursor:pointer;
	display:inline-block;
	background-color:white;
	color:black;
	padding:3px;
	border:solid black 1px;
	border-radius:5px;
}

.sv .part_nav.active{
	border:solid #99FCFF 2px;
}
#task_name{
	margin-top:0px;
	margin-bottom:10px;
}
#student_sym_palette{
    width:99%;
    position:fixed;
    top:50px;
	margin:auto;
	border:solid black 1px;
	padding:3px;
	background-color:#DFDFDF;
	text-align:center;
    z-index:100;
    display:block;
}
.palette_holder{
    position:relative;
    padding:5px;
    width:300px;
    margin:5px;
}
.palette_holder #student_sym_palette{
   position:absolute;
    top:0px;
    left:0px;
    width:300px;
}

.sv .task_points,.sv .task_percent{
	font-size:20px;
	color:white;
}
.sv .task_points{
	float:left;
	margin-left:10px;
}
.sv .task_percent{
	float:right;
	margin-right:10px;
}

.sv .lined{
	zbackground-image: url("/images/lined_paper2.png");
	border:solid black 1px;
    width:100%;
   
}
.lined{
    position:relative;    
}
.sv .task_part{
	padding:10px;
	margin-left:20px;
	zborder-left:solid #FAAED6 1px;
	min-height:300px;
    margin-top:10px;
}
.storage{
	display:none;
	width:100px;
}
.tval{
     display:none;   
}
.canvas_parent{
	position:relative;
	border:solid black 1px;
}
.no_border .canvas_parent{
     border:none;   
}
.canvas_container{
	position:absolute;
	z-index:1000;
	border:solid black 1px;
}
.cbox{
	position:absolute;
	zorder:solid black 1px;
}
.shapes_palette input{
	width:20px;
}


.canvas_parent .title{
	text-align:center;
}
.canvas_parent .title input{
	border:none;
	border-color:transparent;
	width:100%;
	font-size:20px;
	text-align:center;
}
.gear_x,.gear_y{
	position:absolute;
	cursor:pointer;
}
.x_label input,.y_label input{
	border:none;
	border-color:transparent;
	width:100%;
	font-size:15px;
	text-align:center;
}
.y_label{
	 -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    z-index:100;
}
.hidden{
	display:none;
}
.shapes_palette img{
	width:35px;
	padding-left:2px;
	padding-bottom:2px;
	cursor:pointer;
	border:solid black 1px;
}

.pl_icon.active{
	background-color:yellow;
}
.xgrid{
	position:absolute;
	width:1px;
	height:100%;
	background-color:grey;
    z-index:1;
}
.ygrid{
	position:absolute;
	height:1px;
	width:100%;
	background-color:grey;
    z-index:1;
}
.xzero{
    position:absolute;
    width:4px;
    height:100%;
    background-color:grey;
    z-index:2;
}
.yzero{
    position:absolute;
    height:4px;
    width:100%;
    background-color:grey;
    z-index:2;
}
.canvas_parent{
	background-color:white;
}
.xsbox{
    float:left;
}
.ysbox,.xsbox{
     z-index:0;   
}
.ysbox input, .xsbox input{
 -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */   
}
.x_scale input{
    width:100%;
    text-align:center;
    font-size:9px;
    border:none;
    border-color:transparent;
    background-color:transparent;
}
.x_scale .xs_first,.x_scale .xs_last,.y_scale .ys_first,.y_scale .ys_last{
    position:absolute;
}

.y_scale{
    z-index:10;
}

.y_scale input{
    font-size:9px;
    width:100%;
    height:100%;
    text-align:left;
    vertical-align:middle;
    border:none;
    border-color:transparent;
    background-color:transparent;
}
.dialog{
    position:absolute;
    padding:10px;
    border:solid black 1px;
    background-color:lightgrey;
    z-index:1000;
}
.gs_dialog .options span{
    display:inline-block;
    width:50px;
}
.gs_dialog .options input{
    width:50px;
}
.gs_dialog input[type=button]{
    cursor:pointer;
}
.canvas_container canvas{
    position:absolute;
    left:0px;
    top:0px;
    z-index:10;
    cursor:url(../images/icon_pencil.png),auto;
}
.erase_point{
    position:absolute;
    background-color:grey;
    width:12px;
    height:12px;
    border-radius:12px;
    z-index:11;
    display:none;
    cursor:url(../images/icon_erase.png) 10 10,auto;
}
.erase_mode .erase_point{
    display:block;
}

.erase_point.clicked{
    border:solid red 1px;
}
.method_formula{
    display:inline-block;
    background-color:white;
    min-height:20px;
}

.score_fraction{
    font-size:12px;
    color:blue;
    padding-left:3px;
    padding-right:3px;
}

.red_yellow_green.red_cb{
     background:pink;   
     border:solid gray 1px;
     border-radius:5px;
}
.red_yellow_green.green_cb{
     background:lawngreen;  
     border:solid gray 1px;
     border-radius:5px;
}
.red_yellow_green.yellow_cb{
     background:yellow;  
     border:solid gray 1px;
     border-radius:5px;
}
.mqr{
     background-color:white;   
}
.ido_1,.ido_true{
     background-color:lawngreen;   
}
.ido_0,.ido_false{
     background-color:pink;   
}
canvas{
    touch-action:none;
}
.questions_parent{
    width:100%;
}
.sv .questions_parent{
     padding-top:100px;   
}
.close_homework,.submit_homework{
     display:none;   
}
#bodytext{
     width:100%;   
}
.not_in_db,.ido_0.not_in_db,.ido_false.not_in_db,.ido_1.not_in_db,.ido_true.not_in_db{
    background-color:yellow;    
}

.sym_btn{
    width:30px; 
    padding-left:5px; 
    margin-bottom:-5px; 
    cursor:pointer;
}
.sym_btn.active_palette{
     border:solid red 2px;   
}
.report_dialog{
    width:300px;
    border:solid black 2px;
    min-height:400px;
    position:fixed;
    top:75px;
    right:10px;
    background-color:white;
}
.report_dialog .heading{
    padding:5px;
     background-color:black;
    color:white;
    font-size:20px;
    text-align:center;
}
.report_dialog .report_text{
     margin-left:10px;   
}


.collapsed .part_bar td:nth-child(2){
     display:none;   
}
.collapsed .part_bar td:nth-child(3){
    display:none;
}
.collapsed .part_drag_handle{
    display:none;
}
.collapsed .new_btns{
    display:none;
}
.collapsed .outline_title{
    display:none;
}
.part_header.collapsed{
    width:20px;
}
.tfx_icons{
    width:125px; 
}
.tfx_icon{
 padding:2px;
display:inline-block;
    background-color:black;
    float:left;
    border:solid white 1px;
}
.tfx_icon img{
     width:50px;
    height:50px;
    cursor:pointer;
}
.tfx_icon:hover{
     background-color:yellow;   
    border:solid black 1px;
}
.tfx_icon.active{
     background-color:red;   
}
.show_graph.active{
     color:blue;   
}
.latex_options_cb{
     cursor:pointer;   
}
.math_palette_options{
 background-color:white; 
padding:20px; 
width:100px; 
margin:auto; 
position:absolute; 
left:0px; 
top:0px; 
border:solid black 2px;
}
.fb_text.empty , .fb_num.empty{
     width:50px;   
}
.editable{
    width:25px;
    text-align:center;
    background-color:yellow;
}
.editable.not{
     background-color:white;   
}
.editable.changed{
     background-color:lawngreen;
}
.sh_nav .nav_bn{
 display:inline-block;
    width:20px;
    height:20px;
    color:white;
    background-color:black;
    border:solid black 2px;
    border-radius:3px;
    text-align:center;
    margin-left:2px;
    margin-right:2px;
    cursor:pointer;
  
}
.sh_nav .nav_bn:hover{
     border:solid turquoise 2px;
}
.sh_nav .nav_bn.active{
     background-color:yellow;
    color:black;
}
.part_nav.complete{
     background-color:#a6cff7;
}
table{
	border-collapse:collapse;
}
td{
	text-align:center;
}