.teacher-field, .ommit{
	display: none;
}

.student-field, .guardian-field{
	display: none;
}

li.list-item {
	display: inline;
}

.group-btn {
	display: -webkit-box;
}

.group-btn a {
	padding: 0px 10px 0px 0px;
}

.form-group .teacher_name_label{
	text-align: right;
}

.hidden{
	display: none;
}

.unhidden{
	display: block;
}

#attendance-delete-btn{
	position: absolute;
	margin: -64px 0 0 70px;
}

#app #bg-image-div{
	background-image: url(/images/paper-pens.jpg);
	background-repeat: no-repeat;
	width: auto;
	height: auto;
}

.subject-label{
	margin-right: 10px;
}

/*Checkbox button*/

div.ui-toggle {
  margin: 0;
  padding: 0
}

div.ui-toggle input[type='checkbox'] {
  display: none
}

div.ui-toggle input[type='checkbox']:checked+label {
  border-color: #009eea;
  background: #009eea;
  -webkit-box-shadow: inset 0 0 0 10px #009eea;
  box-shadow: inset 0 0 0 10px #009eea
}

div.ui-toggle input[type='checkbox']:checked+label>div {
  margin-left: 20px
}

div.ui-toggle label {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  display: inline-block;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #8c8c8c;
  -webkit-box-shadow: inset 0 0 0 0 #009eea;
  box-shadow: inset 0 0 0 0 #009eea;
  border: 2px solid #8c8c8c;
  border-radius: 22px;
  width: 44px;
  height: 24px;
  top: 5px;
}

div.ui-toggle label div {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  background: #FFFFFF;
  width: 20px;
  height: 20px;
  border-radius: 10px
}

div.ui-toggle label:hover,
div.ui-toggle label>div:hover {
  cursor: pointer
}

.attendance-dashboard-table th,.attendance-dashboard-table td {
  text-align: center;
}

#hourPerPeriod {
  width: 180px;
}

#behaviorTable select {
  padding-left: 0px;
  width: 100%;
}

#behaviorTable th.selectTH {
  padding-bottom: 2px;
}

.ml-25 {
  margin-left: 25px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-25 {
  margin-right: 25px;
}

.mt-25 {
  margin-top: 25px;
}

.mb-50 {
  margin-bottom: 50px;
}

.p-10 {
  padding: 10px;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

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

.syllabus-box-body ol {
  counter-reset: my-counter;
  list-style-type: none;
}
.syllabus-box-body ol ol {
  margin-left: 0.9em;
}
.syllabus-box-body ol li {
  counter-increment: my-counter;
  line-height: 2.5;
}
.syllabus-box-body ol li:before {
  content: counters(my-counter, ".") ".";
  text-transform: uppercase;
  padding-right: 10px;
}

.syllabus-box-body ol li.chap-complete {
  background: aliceblue;
  position: relative;
}

.syllabus-box-body ol li.chap-complete:after {
  position: absolute;
  right: 10%;
  top: 5%;
  margin-top: 6px;
  width: 32px;
  height: 32px;
  content:"\2713";
  font-size: 74px;
}

.syllabus-box-header ul {
  list-style: none;
  line-height: 2.5;
  font-size: 18px;
  margin: 10px;
}

.student-profile {
  border: 2px solid #eee;
}

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