/* Style the tab */
.tab {
  float: left;
  /*border: 1px solid #ccc;*/
  background-color: #f1f1f1;
  width: 20%;
  height: 300px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #e1cf8e;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  /*border: 1px solid #ccc;*/
  width: 80%;
  border-left: none;
  height: 300px;
  background-color: #ffffff;
}

ul.checkbox  { 
  margin: 0; 
  padding: 0; 
  margin-left: 20px; 
  list-style: none; 
} 

ul.checkbox li input { 
  margin-right: .25em; 
} 

ul.checkbox li { 
  border: 1px transparent solid; 
  display:inline-block;
  width:15em;
} 

#blocked_slot {
  background-color: #c44747 !important;
  border-color: #c44747;
}

#booking_tbl td {
  width: 2em;
}
#booking_tbl td:first-child {
  width: 13% !important;
}
span#teacher_courses {
  font-size: 14px;
  color: grey;
}

#booked_btn {
  background-color: #c44747 !important;
  border-color: #c44747;
}

form#block_slot_form, form#conference_edit_form, form#student_detail_form{
  display: inline !important;
}

td#conference_block_name {
  width: 20% !important;
}

span#student_appointment_btns {
  float: right;
  margin-left: 5px;
}

button.action-btn {
 margin-right: 5px;
}

pre {
  margin: 0px !important;
}

pre code {
  background-color: #eee;
  border: 1px solid #999;
  display: block;
  padding: 20px;
}