@media screen and (-webkit-min-device-pixel-ratio:0) { /* chrome */
  body, html{
    position: relative;
  }

}
@-moz-document url-prefix() { /* firefox */
  body{
    position: relative; overflow: auto;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* ie10+ */
  body{
    position: relative; overflow: auto;
  }
}
.note-modal-backdrop{
	z-index: unset !important;
}
.noscroll.section.current {
	height: unset !important;
}
.noscroll.section.current.closed {
	height: 35px !important;
}

.dropdown.only-absolut {
  left: auto;
  top: auto;
  position: absolute;
}

.dropdown {
  left: 168px;
  position: absolute;
  top: 120px;
}

.dropdown dd, .dropdown dt {
  margin:0px;
  padding:0px;
}
.dropdown ul {
   margin: -1px 0 0 0;
}
.dropdown dd {
  position:relative;
}
.dropdown a,
.dropdown a:visited {
  color:#fff;
  text-decoration:none;
  outline:none;
}
.dropdown dt a {
  background-color:#4F6877;
  display:block;
  padding: 3px 20px 5px 10px;
  overflow: hidden;
  border:0;
  width:79px;
  height: 11px;
  border-radius: 3px;
}
.dropdown dt a span, .multiSel span {
  cursor:pointer;
  display:inline-block;
  padding: 0 3px 2px 0;
}
.dropdown dd ul {
  background-color: #4F6877;
  border:0;
  color:#fff;
  display:none;
  left:0px;
  padding: 2px 15px 2px 5px;
  position:absolute;
  top:2px;
  width:98px;
  list-style:none;
  height: 108px;
  overflow: auto;
}
.dropdown span.value {
  display:none;
}
.dropdown dd ul li a {
  padding:5px;
  display:block;
}
.dropdown dd ul li a:hover {
  background-color:#fff;
}

.dropdowntransaction {

  position: absolute;
  top: 128px;
}
.transaction_go{
	width: 145px;
}

.dropdowntransaction dd, .dropdowntransaction dt {
  margin:0px;
  padding:0px;
}
.dropdowntransaction ul {
   margin: -1px 0 0 0;
}
.dropdowntransaction dd {
  position:relative;
}
.dropdowntransaction a,
.dropdowntransaction a:visited {
  color:#fff;
  text-decoration:none;
  outline:none;
}
.dropdowntransaction dt a {
  background-color:#4F6877;
  display:block;
  padding: 3px 20px 5px 10px;
  overflow: hidden;
  border:0;
  width:111px;
  height: 11px;
  border-radius: 3px;
}
.dropdowntransaction dt a span, .multiSel span {
  cursor:pointer;
  display:inline-block;
  padding: 0 3px 2px 0;
}
.dropdowntransaction dd ul {
  background-color: #4F6877;
  border:0;
  color:#fff;
  display:none;
  left:0px;
  padding: 2px 15px 2px 5px;
  position:absolute;
  top:2px;
  width:135px;
  list-style:none;
  height: 135px;
  overflow: auto;
}
.dropdowntransaction span.value {
  display:none;
}
.dropdowntransaction dd ul li a {
  padding:5px;
  display:block;
}
.dropdowntransaction dd ul li a:hover {
  background-color:#fff;
}
.agents-table {
	table-layout: fixed;
}

.agents-table.list td, .agents-table.list th {
  padding: 5px;
}

.agents-table.list td.smallnumber, .agents-table.list th.smallnumber {
  padding: 10px 4px;
}

.tabs {
	margin-right: 19px;
	margin-bottom: 28px;
}

.tabs li {
  float: right;
  margin-right: 2px;
}
.tabs input[type="radio"] {
  position: absolute;
  z-index: -1;
}
.tabs label {
	color: white;
	background-color: #7fa716;
  display: block;
  border-radius: 5px 5px 0 0;
  font-weight: normal;
  cursor: pointer;
  position: relative;
  top: 1px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 8px;
}
.tabs label:hover {
  background-color: #9cc334;
}
.tabs [id^="toggle"]:checked + label {
  padding: 8px;
  background: #292c33;
}

input[type=text], input[type=password],  textarea {
	padding: 3px;
	background: #f9f9f9;
	border: 1px solid #d2d2d2;
}

input[type=text].small {
	padding: 1px;
}

h1 select {
	margin:0 4px;
	background: #fff;
	font-weight: bold;
}

input.error, select.error {
	border: 2px dotted #df0709;
}

input.warning, select.warning {
	border: 2px dotted #ff6633;
}

.fetch-prices {
	padding-top: 37px;
	padding-left: 30px;
}

.fetch-prices .inline_button {
	margin-right: 10px;
}

#filters.nationality-report table td {
  padding-right: 9px;
}
.date-filters-wrapper.nationality-report {
  top: 26px;
  position: relative;
}

/* ENQUIRY FORM PAGE */


/* LOGIN PAGE */
#login_box {
	margin: 20px auto 0;
	padding: 30px 50px 40px 50px;
	width: 400px;
	text-align: left;
	background: #fff;
	border: 1px solid #d2d2d2;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

	#login_box h1 {
		margin-bottom: 10px;
	}

	#login_box table {
		margin: 10px 0;
	}

	#login_box td {
		padding: 12px 0 12px 20px;
	}

#login_box input {
		width: 300px;
		padding: 5px;
	}

	#login_box li.action_button {
		float: right;
	}

	#login_box li.action_button a {
		padding-left: 15px;
		padding-right: 15px;
	}

	#login_box .notice {
		margin-top: 15px;
	}

/* HEADER */
#header {
	background: #fff url(/lib/css/images/header_bg.png) repeat-x bottom left;
	min-width: 965px;
}

/* LOGO */
#login_logo {
	margin: 20px auto auto;
	padding: 5px 10px;
	width: 500px;
	text-align: left;
}

#school_logo {
	text-align: center;

	margin: auto%;
}

#school_logo img {
	max-width: 100%;
	max-height: 100%;
}

#logo {
	display: inline;
}
#logo img {
	margin: 5px 28px;
}

/* TOP RIGHT NAVIGATION */
#user_nav {
	float: right;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
}

	#user_nav ul {
		padding: 8px;
	}

	#user_nav li {
		padding-right: 5px;
		padding-left: 5px;
		display: inline;
		list-style-type: none;
	}


/* PRIMARY NAVIGATION TABS */
#primary_nav {

}

#tabs_nav {
	padding: 0 12px;
}

	#tabs_nav li {
		display: inline;
	}

	#tabs_nav a {
		padding: 6px 20px 5px 20px;
		margin: 0 2px;
		/* width: 130px; */
		display: block;
		float: left;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
	}

	#tabs_nav #settings {
		float: right;
	}

/* SUB NAVIGATION LINKS */

#sub_nav {
	padding: 8px;
	clear: left;
}

	#sub_nav li {
		padding-left: 28px;
		display: inline;
	}


.week_nav {
	margin-left: 2px;
}

	.week_nav li {
		display: inline;
	}

.link {
	cursor:pointer;
}


#wrapper {
}

#main_content {
	margin-left: 15px;
	padding-left: 0;
	padding-right: 8px;
	padding-bottom: 20px;
	float: left;
	width: 900px;
	-moz-box-shadow: 3px 3px 5px #bababa;
	-webkit-box-shadow: 3px 3px 5px #bababa;
	/*
	background-image: url(images/right_shadow.gif);
	background-repeat: repeat-y;
	background-position: top right;*/
}
#main_content.reportscreen {
  width: 1250px;
}
#main_content.detailscreen,
#main_content.accommodation-pending {
  width: 1000px;
}

#main_content.widescreen {
  width: 900px;
}
#main_content.widescreen.super {
  width: 1220px;
}

#main_content_bottom {
	/*margin-left: 15px;
	float:left;
	height: 4px;
	width: 900px;
	-moz-box-shadow: 3px 3px 5px #bababa;
	-webkit-box-shadow: 3px 3px 5px #bababa;
/*
	background-image: url(images/bottom_shadow.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #f4f4f4;*/
}

#sidebar_content {

	padding-top: 30px;
	padding-left: 20px;
	left: 900px;
	position: absolute;
}

#sidebar_content.detailscreen,
#sidebar_content.accommodation-pending {
	left: 1000px;
}

#sidebar_content.widescreen  {
	left: 900px;
	max-width:300px;
}

#sidebar_content .section {
	width: 250px;
}

#footer {
	clear: left;
}


/* 	ACTION BUTTONS
	Using the -webkit and -moz rounded edges to do the buttons, but they'll be square in IE
	We should probably switch to using http://www.alistapart.com/articles/slidingdoors/ when
	we have more time! */

.action_items {
}



#main_content .action_items {
	margin-right: 38px;
	line-height: 1.2em;
}


#main_content .expanded .action_items, #class_register .action_items,
#students_starting_list .action_items,
#students_finishing_list .action_items, #main_content .action_items.outside {
	margin-right: 20px;
}

#main_content table.details .action_items, #main_content .action_items.outside {
	margin-right: 0px;
}

.action_items li {
	margin-bottom: 8px;
}

li.action_button {
	display: block;
	margin-bottom: 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-repeat: repeat-x;
	background-image: url(images/button_vertical.png);
	border: 1px solid #bdbdbd;
}


li.action_button:active {
	background-image: url(images/button_vertical_pressed.png);
}


#main_content .action_items li.action_button {
	float: right;
	padding-right: 4px;
	margin-top: 15px;
	margin-left: 20px;
	margin-bottom: 0;
}

#main_content .action_items.left li.action_button {
	float: left;
	padding-right: 4px;
	margin-top: 15px;
	margin-left: 20px;
	margin-bottom: 0;
}

#main_content .action_items.outside li.action_button {
	margin: 5px 20px 10px 0;
}

li.quickfind_button {
	margin-bottom: 5px;
	margin-left:4px;
}

li.small {
	max-width: 70px;
}

.action_button a {
	display: block;
	padding: 8px 8px 8px 30px;
	background-position: 8px 50%;
	background-repeat: no-repeat;
}

.action_button button {
	display: block;
	padding: 8px 8px 8px 30px;
	background-position: 8px 50%;
	background-repeat: no-repeat;
}

.action_button .add {
	background-image: url(images/add.png);
}
.action_button .addRow {
	background-image: url(images/add.png);
	cursor: pointer;
}
.action_button .clone {
	background-image: url(images/expand.png);
}

.action_button .print {
	background-image: url(images/printer.png);
}

.action_button .clear {
	background-image: url(images/asterisk_orange.png);
}
.action_button .clear_value {
	background-image: url(images/asterisk_orange.png);
}


.action_button .remove {
	background-image: url(images/delete.png);
}

.action_button .edit {
	background-image: url(images/pencil.png);
}

.action_button .progress {
	background-image: url(images/folder_user.png);
}

.action_button .sms {
	background-image: url(images/phone.png);
}

.action_button .email {
	background-image: url(images/email.png);
}

.action_button .cancel {
	background-image: url(images/cancel.png);
}

.action_button .save {
	background-image: url(images/accept.png);
}

.action_button .refresh {
	background-image: url(images/arrow_refresh.png);
}

.action_button .toggle_old {
	background-image: url(images/expand.png);
}

/* DETAIL SECTIONS EG: STUDENT DETAILS PANEL */

.card-section {
	margin-left: 20px;
	border-style: solid;
	border-width: 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 10px;
	background-color: white;
	border-color: #d3d3d3;
	float: left;
	width: 18.7%;
}

.card-section-x2 {
	margin-left: 20px;
	border-style: solid;
	border-width: 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 10px;
	background-color: white;
	border-color: #d3d3d3;
	float: left;
	width: 42.9%;
}

.card-section .number {
	text-align: center;
	font-size: 21px;
}
.card-section-x2 .number {
	text-align: center;
	font-size: 21px;
}

.card-section .text {
	text-align: center;
	text-transform: uppercase;
	font-size: 99%;
}
.card-section-x2 .text {
	text-align: center;
	text-transform: uppercase;
}

.card-section .small-text {
	text-align: center;
}
.card-section-x2 .small-text {
	text-align: center;
}

.loading-spinner {
  margin: auto;
  width: 40px;
  height: 40px;
  background: url(images/loading-spinner.gif);
}

.section {
	margin-left: 20px;
	margin-right: 20px;
	border-style: solid;
	border-width: 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	overflow: hidden;
}

#filters .section
{
	margin-top: 15px;
	/*margin-left: 450px;*/
}

#filters.agents-list select {
	width: 130px;
}

#filters.double-row.closed {
	height: 38px;
}

#filters.nationality-report select {
	width: 110px;
}

#filters.nationality-report .section_tools li a.inline_button {
  margin-top: -6px;
}

#filters.double-row .double-row-separator {
	height: 7px;
}

.half {
	margin-top: 24px;
	width: 333px;
	float: left;
	overflow: hidden;
}

#main_content span.tiny
{
	padding: 2px 10px;
	text-align: right;
	line-height: 18px;
	margin-left: 590px ;
	color: #000;
	background-color: #faec1e;
	border: 1px dotted #b4b4b4;
}

.section p {
	padding: 10px;
	margin-left: 4px;
}



table.details {
	margin-top: 12px;
	display: inline;
	float: left;
	width: 50%;
}

.ui-dialog {
	width: 60% !important;
}

button.placeholder-insert{
	display: list-item;
	margin-top:2px;
}

.subsection table.details {
	width: 333px;
}

	table.details caption {
		width: 117px;
		margin: 8px 0;
	}

	table.details td, table.details th {
		padding: 9px 6px 9px 6px;
	}

	table.details th {
		width: 110px;
		vertical-align: top;
	}

	table.details.small td, table.details.small th {
		padding: 4px;
	}

	table.details.small th {
		width: auto;
	}

	table.details.small caption {
		width: 74px;
	}

table.full {
	width: 90%;
}

table.full-width {
	width: 100%;
}

.select-inactive {
	opacity: 0.4;
}

table.small {
	margin-top: 0px;
	width: 32%
}

table.selection {
	margin-left: 90px;
	width: 250px;
}

	table.selection select {
		width: 250px;
	}

	table.selection option {
		padding: 4px;
	}

	table.selection select.arrow option {
		background: url(images/arrow.png) no-repeat 98% 50%;
	}


/* FILTERS */
#filters {
	padding: 10px 0px 10px 0;
	border-bottom: 1px solid #d3d3d3;
	overflow: hidden;
}


	#filters table
	{
		margin: -1px 0 0px 35px;
		min-height: 20px;
		display: block;
	}

	#filters table td {
		padding-right: 25px;
	}

	#filters table.agents td {
    padding-right: 10px;
	}

	#filters table.list td {
		width: 300px;
	}

	#filters table.list td.checkbox {
		width: 45px;
	}

	#filters.short td {
		padding-right: 10px;
	}

	#filters table.list
	{
		margin-right: 0;
		margin-left: 0;
	}


/* NOTIFICATIONS */
table.notifications {
	margin-top: 20px;
	width: 99%;
}

	.notifications th span {
		padding:4px 8px;
	}

	.notifications th span a {
		border: none;
	}

	.notifications td {
    	width: 600px;
	}

	.notifications a.info {
		margin: 0px 8px;
		width: 30px;
		padding: 1px 8px;
		border: none;
		background: url(images/information.png) no-repeat;
	}

	.notifications .notification_details {
		margin: 6px 0;
		line-height: 22px;
	}


/* COURSE FEES TABLE */
table.weekly_fees {
	border-right: 1px solid #dbdbdb;
	table-layout: fixed;
}
	table.weekly_fees td, table.weekly_fees th {
		width: 50px;
		min-width: 50px;
		padding-left: 4px;
		padding-bottom: 4px;
		padding-right: 4px;
		border-right: 1px solid #dbdbdb;
		white-space: nowrap;
		overflow: hidden;
	text-align: center;
}

	table.weekly_fees td.additional_weeks, table.weekly_fees th.additional_weeks {
		border-right: none;
	}

	table.weekly_fees th {
		text-transform: uppercase;

		padding-top:  5px;
		font-weight: bold;
	}

	table.weekly_fees td {
		padding-top: 4px;

		border-top: 1px solid #dbdbdb;

	}

	table.weekly_fees tr.total td {
		text-align: right;
		font-size: 0.8em;
		border-top: 1px solid #dbdbdb;
}

.course_fees {
	width: 666px;
	overflow-x: auto;
}


/* TRANSACTIONS TABLE */

table.transactions {
	width:  100%;
}

	table.transactions td, table.transactions th {
		padding-left: 20px;
		padding-bottom: 10px;
		padding-right: 20px;
	}

	table.transactions td {
		padding-top: 10px;
	}


.transactions .currency {
	/* background: url(images/Euro.gif) no-repeat 4% 50%; */
	width: 70px;
}

.currency span.symbol {
	float: left;
}

.currency span.amount {
	display: block;
	text-align: right;
}

.transactions .tools a.delete {
	float: right;
	background: url(images/cross.png) no-repeat;
	margin: 0;
	padding: 8px;
	border: none;
}

.tools a.print {
	float: right;
	background: url(images/printer.png) no-repeat;
	margin: 0;
	padding: 8px;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

.transactions th.tools, .transactions td.tools {
	width: 20px;
	padding: 0 0 7px;
}


.account {
	height: 140px;
	overflow-y: scroll;
}



/* SETTINGS */

.settings .text {
	margin: 30px;
}

.settings table {
	width: 60%;
	margin: 10px auto;
	border: 1px solid #ddd;
}

	.settings td, .settings th {
		padding: 7px 10px;
		border-bottom: 1px solid #eee;
	}

.classes_container {
	overflow-y: scroll;
	height: 300px;
	padding: 3px;
	border: 1px solid #d2d2d2;
	width: 230px;
	white-space: nowrap;
}

	.classes_container label {
		width: 100%;
	}


/* SIDEBAR */
#sidebar_content fieldset {
	margin-left: 12px;
	margin-bottom: 25px;
}

#sidebar_content input[type="checkbox"] {
	margin: 5px 5px 5px 8px;
}


#sidebar_content label {
}

#sidebar_content li.action_button {
	max-width: 174px;
}

#sidebar_content .date_field input.date_entry {
	width: 152px;
	padding-left: 20px;
}

ul#search_type_selector
{
	position: absolute;
	padding: 1px;
	margin: 2px;
	border: 1px none #afafaf;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#search_type_selector li
{
	float: right;
	padding: 13px;
	background-repeat: no-repeat;
	background-position: 5px 2px;
	display: none;

}


#search_type_selector li.selected
{
	display: block;
}


#search_type_selector li.all
{
	background-image: url(images/search.png);
}

#search_type_selector li.students
{
	background-image: url(images/user_green.png);
}

#search_type_selector li.accommodation
{
	background-image: url(images/house.png);
}

#search_type_selector li.agents
{
	background-image: url(images/user_suit.png);
}

#search_type_selector li.groups
{
	background-image: url(images/user_groups.png);
}

#search_type_selector li.leaders
{
	background-image: url(images/user_red.png);
}

#search_type_selector:hover
{
	background: none;
	background-color: white;
	border-style: solid;
	z-index: 1;
}

#search_type_selector:hover li
{
	float: none;
	display: block;
}

#search {
	padding: 1px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: 168px;
	height: 27px;
	background-color: white;
}

#search input[type=text]
{
	width: 105px;
	min-height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: middle;
	border: none;
	background-color: white;
	padding-left: 30px;
	display: inline;
}

#search_results {
	background-color: white;
	margin: 4px 4px 4px 15px;
	width: 164px;
	border: 1px solid #afafaf;
	border-top-style: none;
	border-bottom-style: none;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	position: absolute;
	top: 81px;
	z-index: 0;
}

#search_results li {
	padding: 8px;
	border-bottom: 1px solid #afafaf;
}

#search_results a {
	border: none;
}

#search div.right_widget {
	float: right;
}

.spinner {
	padding: 12px;
	background: url(images/ajax-loader.gif) no-repeat 3px 5px;
}

.add_setting {
	margin-bottom: 10px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-top: 5px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: 166px;
	display: block;
}

span.clear {
	display: block;
	clear: both;
}

.tools {
	position: relative;
	top: 10px;
	right: 10px;
	float: right;
}

.tools ul {
	padding-top: 10px;
}

li.tab_button {
	border-top-width: 0px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-style: solid;
	border-color: #bdbdbd;
	padding-bottom: 8px;
	padding-right: 8px;
	padding-top: 8px;
	margin-bottom: 8px;
	margin-right: 8px;
	display: block;
	float: left;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	background-color: white;
}

.tab_button a {
	padding-left: 30px;
	background-position: 8px 50%;
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-bottom: 2px;
}

.tab_button .add {
	background-image: url(images/add.png);
}

.tab_button .remove {
	background-image: url(images/delete.png);
}

.tab_button .edit {
	background-image: url(images/pencil.png);
}


p.empty {
	float: left;
}

/* LIST TABLES */

.list {
	width: 100%;
	margin-top: 3px;
}

	.list thead tr.sortable a:hover {
		border: none;
	}

	.list tbody {
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-style: solid;
	}

	.list td {
		border-top-width: 1px;
	}

	.list td, .list  th {
		padding: 9px;
	}

	.stripe-triple .list td, .list  th {
		padding: 4px;
	}

	.list td.attendance_cell {
		padding: 2px;
	}


	.list td.half_table, .list  th.half_table {
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #E6E7EA;
	}

	.list td.smallnumber, .list  th.smallnumber {
		padding: 10px 6px;
	}

	.list td.boolean, .list th.boolean {
		padding-left: 0px;
	}

	.list td.column_right {
		text-align: right;
	}

	.list.editable td  {
		padding: 10px;
		height: 26px;
		vertical-align: middle;
	}

	.list.editable tbody {

		border-bottom-width: 0px;
	}


	.list .day_cell {
		width: 90px;
	}

	.list a {
		border: none;
	}

	.list a:hover {
		border-bottom: 1px solid;
	}

	.list .icons, .list .inline_buttons {
		text-align: right;
	}

	.list .icons a {
		margin: 0 5px;
		padding: 1px 8px;
		border: none;
	}

	.list .icons a.edit {
		background: url(images/pencil.png) no-repeat;
	}

	.list .icons a.delete {
		background: url(images/cross.png) no-repeat;
	}

	.list .icons a.print {
		background: url(images/printer.png) no-repeat;
	}
	.list .icons a.report {
		background: url(images/pdf.png) no-repeat 0px 50%;
	}

	.list .icons a.cancel {
		background: url(images/cancel.png) no-repeat;
	}

	.list .icons a.save {
		background: url(images/accept.png) no-repeat;
	}

	.list .icons a.info {
		background: url(images/information.png) no-repeat;
	}

	.list .icons a.open {
		background: url(images/down_triangle.png) no-repeat;
	}
	.list .icons a.reply {
		background: url(images/email_add.png) no-repeat;
	}
	.list th.student_fixed,
	.list th.arrival_date {
		width: 130px;
	}

	.list th.accommodation_duration,
	.list th.course_duration {
		width: 70px;
	}


	.list th.accommodation_fixed {
		width: 120px;
	}

	.list th.booking_notes {
		max-width: 25%;
	}



.flag, .icon {
	margin-left: 4px;
	margin-right: 4px;
}

.icon {
	padding-left: 23px;
	background-repeat: no-repeat;
	border-color: white;
	padding-top: 2px;
	padding-bottom: 4px;
}

.icon.group {
	background-image: url(images/user_groups.png);
}

.icon.house {
	background-image: url(images/house.png);
}
.icon.agent {
	background-image: url(images/user_suit.png);
}


#copyright {
	width: 900px;
}

#pagination {
}

#pagination.pagination_top {
	float: right;
	height: 0;
}

	#pagination ul {
		margin-left: 685px;
	}

	#pagination li {
		padding: 4px;
		display: inline;
	}

	#pagination .replace {
		display: block;
		border: none;
		float: left;
		min-width: 20px;
		min-height: 20px;
	}

.forward {
	background: url(images/control_fastforward_blue.png)  no-repeat;
}

.back {
	background: url(images/control_rewind_blue.png)  no-repeat;
}

.forward_none {
	background: url(images/control_fastforward.png)  no-repeat;
}

.back_none {
	background: url(images/control_rewind.png)  no-repeat;
}




.accordion .row {
	background: url(images/right_triangle.png) white no-repeat 8px 11px ;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

	margin: 4px 25px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.accordion ul {

	min-height: 1.2em;
}

.accordion .titles {

	padding-top: 8px;
	padding-bottom: 4px;
}

.accordion .titles li{
	display: block;
	float: left;
	width: 25%;
}

.accordion .summary li {
	display: block;
	float: left;
	width: 25%;

}

.accordion {
	margin-bottom:10px;
}


.expanded {

	border-top-style: solid;
	border-top-width: 1px;
	clear:left;
}

.subsection {
	border-style: solid;
	border-width: 1px;
	margin: 0 20px;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

.payment {
	padding-bottom: 20px;
}

.subsection .details th {
	width: 119px;
}

.subsection .details td {
	width: 200px;
}

.documents {
	width: 32%;
	float: left;
}

	.documents ul {
		padding-left: 0;
	}

	.documents li {
		padding: 8px;
	}

	.documents a {

		padding-left: 30px;
		background: url(images/pdf.png) no-repeat 4px 50%;
		padding-top: 2px;
	}

.attendance {
	width: 100%;
	float: left;
}

	.attendance table.data {
		margin-top: 5px;
	}

	.attendance table.data th {
		width: 70px;
		padding: 2px;
		margin-right: 5px;
		text-align: right;
	}

	.attendance table.data td {
		width: 40px;
		padding: 2px;
		padding-left: 10px;
		margin-left: 15px;
	}

	.attendance .pie_chart {

		height: 90px;
		margin-top: 10px;
		padding-bottom:4px;
		text-align: center;

	}

.closed {
	height: 35px;
}

tr.detail_row.closed  {
	display: none;
}

#filters.closed {
	height: 24px;
}

.details input[type=text], .details input[type=password] {
	width: 180px;
}

.details input[type=text], .details input[type=password], .details select, .details textarea {
	margin-top: -5px;
}
.width-unset {
	width: unset !important;
}

.details select {
	width: 190px;
}

.details select.short {
	width: 120px;
}

.details textarea.wide {
	width: 475px;
}

input[type=text].name {
	width: 80px;
}

input[type=text].fee {
	width: 40px;
}

input[type=text].weekly_fee {
	width: 45px;
	text-align: center;
}

input[type=text].weekly_pct {
	width: 35px;
	text-align: center;
}

input[type=text].date {
	width: 110px;
}

input[type=text].time {
	width: 50px;
}


div.duration input[type=text] {
	width: 40px;
	text-align: center;
}

.inline_button, .list .inline_button {
	padding-bottom: 2px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 2px;
	margin-bottom: 8px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-width: 1px;
	border-style: solid;
	background: url(images/button_vertical.png) repeat-x 0 -14px;
	white-space: nowrap;
}

.inline_button:hover {
	cursor: pointer;
}

.inline_button:active, .list .inline_button:active {
	background: url(images/button_vertical_pressed.png)
}

.inline_button.expand span.icon{
	background: url(images/bullet_arrow_down.png) no-repeat -2px center;
	padding: 0 3px;
}


ul.horizontal {
	float: right;
}

	ul.horizontal li {
		float: left;
		margin-right: 8px;
	}


.button_bar {
	left: 436px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 22px;
	margin-right: 13px;
	float: right;
}

	.button_bar li {
		float: left;
		margin-right: 8px;
	}

	.button_bar li a {
		display:block;
		text-align: center;
		width: 97px;
		margin-bottom: 0px;
	}

	.button_bar li a span.pay {
		/* If we want icons in here, this'd be the place */
	}



.widescreen  .section_tools {
  margin-left: 730px !important;
}

.section_tools.section_25 {
  margin-top: -25px;
}
.section_tools {
	position: absolute;
	margin-top: -12px;
	margin-right: 20px;

	margin-left: 610px;

	width: 130px;
	z-index: 100;
}

	.section .section_tools {
		margin-left: 580px;
	}

	.section_tools li {
		float: right;
		margin-right: 8px;
	}

	.section_tools li a {
		display: block;
	}

	.section_tools li a.icon_button {
		border: none;
	}

	.section_tools li a.inline_button {
		margin-top: -8px;
	}

	.section_tools li a.hidden {
		display: none;
	}

#filters .section_tools,
{
	margin-left: 632px;
	margin-right: 0px;

}

.expanded .section_tools
{
	margin-left: 590px;
}

.tool_cell {
	width: 80px;
}

.tool_cell .icon_button{

	display: block;
	border-bottom: 0px solid;
}

.tool_cell .icon_button span{
	float: right;
	margin: 0 4px;
	position: relative;
	background-position: 0 50%;
}

.tool_cell a:hover {
	border-bottom: 0px solid;
}


.icon_button {

}
	.icon_button span {
	padding: 8px;
	background-repeat: no-repeat;
	border-color: white;

}
	.icon_button span.open {
		background-image: url(images/down_triangle.png);
	}

	.icon_button span.edit {
		background-image: url(images/pencil.png);
	}

	.icon_button span.progress {
		background-image: url(images/folder_user.png);
	}

	.icon_button span.comment {
		background-image: url(images/add.png);
	}

	.icon_button span.expand {
		background-image: url(images/expand.png);
	}

	.icon_button span.filtered {
		background-image: url(images/tag_green.png);
	}


	.icon_button span.shrink {
		background-image: url(images/down_triangle.png);
	}

	.icon_button span.cancel {
		background-image: url(images/cancel.png);
	}

	.icon_button span.add_accommodation {
		background-image: url(images/house.png);
	}

	.icon_button span.delete {
		background-image: url(images/delete.png);
        vertical-align: -webkit-baseline-middle;
	}

	.icon_button span.add {
		background-image: url(images/add.png);
	}

	.icon_button span.view {
		background-image: url(images/application-text.png);
	}

	.icon_button span.email {
		background-image: url(images/email.png);
	}
	.icon_button span.document {
		background-image: url(../images/document.gif);
		background-size: 16px 16px;
	}

	.icon_button span.save {
		background-image: url(images/accept.png);
	}

	.icon_button span.print {
		background-image: url(images/printer.png);
	}


.hidden {
	display: none;
}


.no_results_message {
	margin-bottom: 150px;
}


#flashtext, .flashtext {
	padding: 8px 12px;
	border: 1px solid #d3d3d3;
	margin: 10px 20px;
}

.open_calendar {
	background: url(images/calendar_edit.png) no-repeat 2px;
	border: none;
	padding: 10px;
}
.open_calendar_no_js {
	background: url(images/calendar_edit.png) no-repeat 2px;
	border: none;
	padding: 10px;
}
.open_calendars {
	background: url(images/calendar_edit.png) no-repeat 2px;
	border: none;
	padding: 10px;
}

a.open_calendar:hover {
	border: none;
}
a.open_calendars:hover {
	border: none;
}


.date_field {
	width: 140px;
}

.date_field input.date_entry {
	width: 105px;
}

input.date_entry.valid {
	background-color: #e2ffbb;
}

input.date_entry.invalid {
	background-color: #c90610;
}

#date_controls {

	position: absolute;
	display: none;
	z-index: 120;
}

div.ui-widget{
 	font-size:13px;
 	z-index: 101;
 	position: absolute;
}

div.ui-widget a {
	border: none;
}

th.checkbox, td.checkbox {
	width: 40px;
	text-align: center;
}

th.checkmark, td.checkmark {
	text-align: center;
}


td.reserve {
	width: 200px;
}

td.room_name {
	width: 120px;
}

td.room_notes {
}

td.small_number {
	width: 60px;
}

#sms_send textarea {
	margin-top: 10px;
	width: 265px;
	height: 50px;
}

#sms_send p {
	margin-top: 5px;
}


span.session {
	padding: 3px 5px 3px 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	border: 1px solid #ccc;
	background-position: 4px 2px;
	background-repeat: no-repeat;
}

span.status {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	border: 1px solid #ccc;
	padding: 3px 5px 3px 5px;

}


span.note span.details {
	display: none;
	position:absolute;
	padding: 3px 5px 3px 22px;
	width: 200px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	background: #fae71e no-repeat 4px 2px;
	border: 1px solid #ccc;
}

span.note:hover {
	cursor: help;
}

span.note span.details.duration {
	background-image: url(images/time.png);
}

span.note:hover span.details {
	display: block;
}

td.message_cell {
	width: 190px;
}

#enrolment_line {
	height: 160px;
	width: 300px;
	text-align: center;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}

#referral_bar {
	height: 160px;
	width: 700px;
	text-align: center;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}



#enrolment_pie {
	height: 160px;
	width: 323px;
	text-align: center;
	margin-top: 20px;
	float: left;
}

#occupancy_line {
	margin: 30px auto 30px 30px;
	width: 570px;
	height: 200px;
	text-align: center;
}
#enrolments_line {
	margin: 30px auto;
	width: 600px;
	height: 200px;
	text-align: center;
}


#nationalities_pie, #agencies_pie, #referrals_pie, #registrations_pie {
	float: left;
	width: 323px;
	height: 160px;
	margin-top: 20px;
}

textarea.letter {
	width: 570px;
	height: 380px;
}

span.label_text {
	padding-bottom: 4px;
	padding-top: 0px;
	margin: 0px 0px 0px 5px;
	bottom: 2px;
	position: relative;
}

td.legendLabel {
	text-align: left;
}

#content div.section span.more_link {
	float: right;
	margin-right:20px;
}

tr.totals  {
	border-top: 3px solid;
	border-style: double;
	border-color: #888e9a;
}

span.show_hide {
	position: absolute;
	left: 800px;
	margin-top: 19px;
}

span.show_hide a {
	float: right;
}

div.section:hover span.show_hide {
	display: block;
}

.attention {
	background: url(images/exclamation.png) no-repeat 0 -1px;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.information {
  background-image: url(images/asterisk_orange.png);
  background-repeat: no-repeat;
  padding-left: 18px;
  padding-top: 2px;
  padding-bottom: 2px;
}

tr.detail_row {
	border-bottom: 1px solid #dbdbdb;
	color: #b4b4b4;
}

td.enquiry_text {
	width: 350px;
}

tr.detail_row div.letter {
	border-style: solid;
	border-width: 1px;
	padding: 5px 5px 5px 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 0;
}

form.dialog_form
{
	padding-left: 90px;
}


form.dialog_form p {
	padding-top: 5px;
}

form.dialog_form p label {
	padding-top: 2px;
	margin-left: -90px;
	float: left;
	text-align: right;
	line-height: 1.6em;
	min-height: 30px;
}

form.dialog_form select {
	margin-left: 5px;
	float: none;
	margin-top: 6px;
	margin-bottom: 10px;
}

form.dialog_form input[type=text], form.dialog_form input[type=text], form.dialog_form input[type=checkbox], form.dialog_form textarea {
	margin-left: 5px;
	float: none !important;
	/*color: #134E5A;*/
	line-height: 1.6em;
	/* background: #FEF8CC; */
}

form.dialog_form div.date_field {
	width: 100%;
	display: inline;
	margin-left: 0px;
}

textarea#message {

	width: 435px;
	height: 100px;
}

.groups-add-student li.action_button {
  width: 165px;
  margin-left:11px;
  float: left!important;
}

.group-import-table.list {
  table-layout: fixed;
}

.group-import-table.list td, .group-import-table.list th {
  padding-left: 1px;
  padding-right: 1px;
  margin-left:1px;
  margin-right:1px;
}

button.template-button {
    display: inline-block;
    margin-bottom: 8px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-repeat: repeat-x;
    background-image: url(images/button_vertical.png);
    border: 1px solid #bdbdbd;
}

button.template-button.selected {
  color: green;
    border: 1px solid green;
}

.section.full {
  width: 100%;
}

/* Half sections and section rows */

.section.half.edit {
  width: 45%;
}

.section.half li.action_button {
  width: auto!important;
}

.section.half {
  width: 50%;
  margin-right: 12px;
}

.section.half select {
  width: 135px;
}

.section.half h3 {
  padding-left: 15px;
  padding-top: 15px;
}

.section.half .section_tools {
  margin-left: 305px !important;
}

.section-row {
  width: 100%;
  display: flex;
}

.group-card-section {
   height: 88px;
   margin-top: 25px;
   margin-left: 0px;
   margin-right: 10px;
   width: 15%;
}

ul.details-list {
  padding-left: 15px;
  padding-top: 15px;
  width: 200px;
  display: inline-block;
}
ul.details-list-wide {
  width: 400px;
}
ul.details-list > li {
  height: 12px;
}

li.vertical-field {
  margin-top: 4pt;
  margin-left: 2pt;
}

ul.details-list li label {
  color: #888e9a;
  text-transform: uppercase;
  font-size: 95%;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.col-half {
  width: 50%;
}

.section-row form {
  display: inherit;
}

#bulk-edit-students table select {
  max-width: 100px;
}

.col-half input, .col-half select {
  width: 65%;
}

.section-row ul.action_items {
  float: right;
}

.empty-table-record {
    color: #555;
    font-style: oblique;
    text-transform: uppercase;
}

h1.page-main-heading {
    margin: 20px 0px 25px 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12pt;
    font-style: italic;
}

h2.page-panel-heading {
    margin: 10px 0px -20px 27px;
    margin-left: 28px;
    font-size: 11pt;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
}

h2.page-table-heading {
    margin: 10px 0px 4px 27px;
    margin-left: 28px;
    font-size: 11pt;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
}

.section span.complete {
  display: block;
  height: 20px;
  background-position: 8px 50%;
  background-repeat: no-repeat;
  margin-left: 93%;
  width: 26px;
  background-image: url(images/accept.png);
}

.section span.incomplete {
  display: block;
  height: 20px;
  background-position: 8px 50%;
  background-repeat: no-repeat;
  margin-left: 93%;
  width: 26px;
  background-image: url(images/asterisk_orange.png);
}
/* add css for move student class view*/
#move_class{
	display: none;
}
a#move_std_class {
    margin-top: -11px;
}
/*Add Css for filter*/
#filters .child_filter table {
    margin: 0;
    min-height: 0;
    display: table;
    text-align: center;
}
#filters table td.date_custom {
    padding-right: 0px;
}
.date_customWrapsocial {

    padding-top: 15px;

}
.date_customWrapsocial > div {
    display: inline-block;
    vertical-align: middle;
}
.date_customWrapsocial a.icon_button {
    display: inline-block;
    border: 0;
}
.date_customWrapsocial .icon_button span {
    padding: 0;
    width: 15px;
    height: 15px;
    display: inline-block;
}

.date_customWrap {
    margin: 15px auto;
    padding-top: 15px;
    border-top: 1px solid #d3d3d3;
}
.date_customWrap > div {
    display: inline-block;
    vertical-align: middle;
}
.date_customWrap a.icon_button {
    display: inline-block;
    border: 0;
}
.date_customWrap .icon_button span {
    padding: 0;
    width: 15px;
    height: 15px;
    display: inline-block;
}
div#filters{
  border-bottom:0;
}

/*------------- Auto Search filter for Class Start----------- */
#autoSuggestionsList > li a { color: #800000; }

.auto_list {
    border: 1px solid #E3E3E3;
    border-radius: 5px 5px 5px 5px;
    position: absolute;
}

#autoSuggestionsList {
	background-color: white;
    margin: 4px 4px 4px 15px;
    width: 300px;
    border: 1px solid #afafaf;
    border-top-style: none;
    border-bottom-style: none;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    position: absolute;
    z-index: 0;
    left: 6px;
    right: 0;
    margin: auto;
    top: 35px;

}


#autoSuggestionsList li {
	padding: 8px;
	border-bottom: 1px solid #afafaf;
}

#autoSuggestionsList a {
    border: none;
    display: table;
    width: 100%;
}

#autoSuggestionsList a span {
    display: table-cell;
    text-align: left;
    color: #333;
}
#autoSuggestionsList a span.centreName {
    text-align: right;
    color: #999;
}
.searchBox_class > fieldset {
    min-width: 300px;
}

td.searchBox_class > div, .searchBox_class > fieldset {
    display: inline-block;
}
td.searchBox_class {
    position: relative;
}

.search_class_heading {
    font-size: small;
    font-weight: bold;
}
#autosearch_filter {
	padding: 1px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: 168px;
	height: 27px;
	background-color: white;
	border-color: #afafaf;
	background-image: url(images/search.png);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}

#autosearch_filter input[type=text]
{
	width: 235px;
	min-height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: middle;
	border: none;
	background-color: white;
	padding-left: 0px;
	display: inline;
}
#filters table td.searchBox_class {
		padding-right: 110px;
}
div#filters.filters_class {
    overflow: initial;
}
/*------------- Auto Search filter for Class End----------- */
table.attendance_history_data {
	width: 100%;

}
table.attendance_history_data td{
	    vertical-align: middle;
}
p.attendance_hostory_link{
	text-align: right;
}
.attendance_present_circle{
	display: block;
    height: 9px;
    width: 8px;
    border-radius: 50%;
    background: #9cc334;
    margin-right: 5px;
    margin-top: 2px;
}
.attendance_absent_circle{
	display: block;
    height: 9px;
    width: 8px;
    border-radius: 50%;
    background: #fde3a5;
    margin-right: 5px;
    margin-top: 2px;
}
.attendance_circle_incomplete{
	display: block;
    height: 9px;
    width: 8px;
    border-radius: 50%;
    background: #afc0d2;
    margin-right: 5px;
    margin-top: 2px;
}
.attendance_circle_holiday{
	display: block;
    height: 9px;
    width: 8px;
    border-radius: 50%;
    background: #45AC49;
    margin-right: 5px;
    margin-top: 2px;
}
.attendance_circle_excused{
	display: block;
    height: 9px;
    width: 8px;
    border-radius: 50%;
    background: #C84E44;
    margin-right: 5px;
    margin-top: 2px;
}
.pic_chart_circle{
	display: -webkit-inline-box;
}

.border_last_attribute{
	border-bottom: 1px solid black;
}
.add_padding {
	padding-bottom: 15px !important;
}
h2.attendance_heading{
	text-transform: uppercase;
	margin: 20px 0 4px 24px;
}
.non_class_time_table{
	width: 100%;
	margin-top: -12px !important;
}
table#level_table {
    width: 70%;
}
.static_class{
	visibility: hidden;
}
.academic_attendance td, .academic_attendance th {
    padding: 4px;
}
.text_bold{
	text-align: center;
	font-weight: bolder;
}
ul.section_tools.pagination{
	margin-top: 40px;
}
.seen_all {
   color: white;
    background-color: #7fa716;
    display: block;
    border-radius: 5px 5px 0 0;
    font-weight: normal;
    cursor: pointer;
    position: relative;
    top: 1px;
    margin-right: -18px;
    transition: all 0.2s ease-in-out;
    padding: 5px;
}


ul.details-list-checkbox {
    padding-left: 15px;
    padding-top: 15px;
    width: 239px;
    display: inline-block;
    display: flex;
}
ul.details-list-checkbox li label {
  color: #888e9a;
  text-transform: uppercase;
  font-size: 95%;
}
li.vertical-field-checkbox input{
	width: auto;
}
ul.details-list-checkbox-wide {
  width: 600px;
}
td.time_column {
    font-weight: bold;
    font-size: 15px;
}
.timing_data {
    padding: 3px 5px 3px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    border: 1px solid #ccc;
    background-position: 4px 2px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    background-color: #619ec8;
    color: #fffeff;
}
#sidebar_content.sidebar_left_align{
	left: 900px;
}

.same-td {
	border-left:1px solid #619ec8;
	border-right: 1px solid #619ec8;
	background: #fff;
}

.first-td {
	border-top:1px solid #619ec8;
}

.last-td {
	border-bottom: 1px solid #619ec8;
}
.centre_edit_page{
	display: inline-block;
}
td.right_align{
  text-align: right;
}
table.details.detail_report {
    width: 230px;
}

/*-------Api key Checkbox---------*/

.apikey_section .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 18px;
}

.apikey_section .switch input {display:none;}

.apikey_section .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.apikey_section .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 15px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
  background-color: #7fa716;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.apikey_section .slider.round {
  border-radius: 34px;
}

.apikey_section .slider.round:before {
  border-radius: 50%;
}
tr.undersixteen{
	background-color: yellow !important;
}
td.custom_inline_buttons{
	padding: 10px 2px;
}
a.custom_inline_button{
     display: inline-block;
}

.clone_dialog {
	margin-top: 22px;
    font-size: 14px;
}

.hidden-tr {
	visibility: hidden;
}

.teacher-list {
	width: 100%;
	display: flex;
	align-items: stretch;
	align-content: stretch;
	flex-direction: column;
}

.teacher-list.header {
	text-align: left;
}

.teacher-list.row {
	padding: 10px;
	display: flex;
	align-items: center;
	flex-direction: row;
	align-content: stretch;
}
.teacher-list.row.even {
	background-color: #daeef7;;
}

.teacher-list.row.header {
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
}

.teacher-list.column {
	align-content: center;
}
.teacher-list.column-1 {
	max-width: 100px;
	min-width: 100px;
	word-break: break-all;
}
.teacher-list.column-2 {
	max-width: 70px;
	min-width: 70px;
	text-align: center;
}
.teacher-list.column-3 {
	min-width: 150px;
	padding: 0 10px;
}

.teacher-list.column-4 {
	min-width: 150px;
	max-width: 150px;
	padding: 0 10px;
}

.teacher-list.column-5 {
	max-width: 150px;
	min-width: 150px;
	word-break: break-all;
}
.teacher-list.column-6 {
	max-width: 100px;
	min-width: 100px;
}

.teacher-list.venue,
.teacher-list.session{
	width: 90%;
	display: flex;
	padding: 3px 5px 3px 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	border: 1px solid #ccc;
	background-position: 4px 2px;
	background-repeat: no-repeat;
	margin-bottom: 2px;
	background-color: #619ec8;
	color: #fffeff;
}

.teacher-list>a {
	border-bottom: none !important;
	width: unset;
	min-width: unset;
}

.remove {
	background-image: url(images/delete.png);
}