#loading-students-container {
	display:absolute;
}

.modal-body {
	overflow: scroll;
}


/* Chart stylings */

.labeled-chart-container {
    padding-right: 150px;
    min-height: 180px;
    position: relative;
}

.pie-legend, .line-legend {
    list-style: none;
    position: absolute;
    right: 8px;
    top: 0;
}

.pie-legend li span, .line-legend li span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 100%;
    border-radius: 5px;
}

.pie-legend li, .line-legend li {
    display: block;
    padding-left: 30px;
    position: relative;
    margin-bottom: 4px;
    border-radius: 5px;
    padding: 2px 8px 2px 28px;
    font-size: 14px;
    cursor: default;
    -webkit-transition: background-color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
}


/*  Gradebook styles */

[contenteditable="true"]:active,
[contenteditable="true"]:focus{
border:none;
outline:none;
}

[contenteditable="true"]:focus {
  background-color: #fff;
  border: 3px solid #2ea2cc;
}


.cell{
	text-align: right;
	cursor: pointer;
}

.modal {
   z-index: 999999;
}

.table{
  background-color: white;
}

#adminmenuback {
	z-index: 1;
}

body {
  background-color: #f1f1f1;
}

.student-tools, .assignment-tools { 
	overflow: visible; 
}


#chart-container{
	text-align: center;
}


[class^="course-column-"] {
	cursor: pointer;
}


td {
	cursor: default;
}


#chart_div{
	display: inline-block;
	margin-left:auto;
	margin-right:auto;
}


#an-gradebooks #courses-interface-buttons-container{
  text-align: center;
}
#an-gradebook #gradebook-interface-buttons-container{
 	text-align: center;
}

#an-gradebook #gradebook-interface-buttons-container li{
	display: inline-block;
}

#an-gradebook button{
  display: inline-block;
}


#students .selected td, 
#students .selected th,
#students .selected, #courses .selected td{
   background-color: #f7fcfe;
}

#students-header tr th{
	cursor: default;
	min-width: 75px !important;
	max-width: 135px !important;	
}

#courses tr.selected > td:first-child{
   background-color: #f7fcfe;
	border-left: 4px solid #2ea2cc;
}
#students tr.selected > td:first-child{
   background-color: #f7fcfe;
	border-left: 4px solid #2ea2cc;
}

#students-header .hover {
	background-color: #f7fcfe;
}

#students td.hover{
   background-color: #f7fcfe;
}



#courses tr:hover{
  background-color: #f7fcfe !important;
}


#students tr:hover{
  background-color: #f7fcfe !important;
}

#students td.editing .view {
    display: none;
}


#students td .view {
	width: inherit;
	text-align: right;
    padding: 0;
    border: none;
    margin: inherit;
    display: block;
}

#students-header .column-title {
	display: inline-block;
	cursor: default;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
  	width: 60%;
}


#students td .edit {
	display: none;
}

#students td.editing .edit {
    padding: 0;
    text-align: right;
    display: block;
}
/* typeahead-BS 
*/

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
	display: none;
	margin-bottom: 0;
}

span.twitter-typeahead {
  width: 100%;
}
.tt-hint {
	display: block;
	width: 100%;
	height: 38px;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #999;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.tt-menu {
	min-width: 160px;
	margin-top: 2px;
	padding: 5px 0;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;

}
.tt-suggestion {
	display: block;
	padding: 3px 20px;
}
.tt-suggestion:hover {
	color: #fff;
	background-color: #428bca;
}
.tt-suggestion.tt-is-under-cursor a {
	color: #fff;
}
.tt-suggestion p {
	margin: 0;
}