:root {
  --blue: #221940;
  --dkGrey: #5d5d5d;
  --ltGrey: #eeeeee;
  --pink: #ce3063;
}

.glyphicon-chevron-up {
	content: "\e113";
}

.glyphicon-chevron-down {
	content: "\e114";
}
/*
General
*/
/*
 @tpl-colour1 : #243e74;
 @tpl-colour2 : #4ba191;
*/
body {
	padding-top: 50px;
}

body.login {
	padding-top: 50px;
}

.colour1 {
	color: #221940;
}

.colour2 {
	color: #ce3063;
}

.overlay {
	background: rgba(0, 0, 0, 0.43);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10001;
}

.overlay.pleasewait > div {
	background: #686868;
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: bold;
	position: fixed;
	top: 45%;
	margin: auto;
	height: 75px;
	text-align: center;
	border: 2px solid;
	padding: 10px;
	display: inline-block;
	left: 40%;
	right: 40%;
}

.overlay.pleasewait > div > span {
	display: block;
	height: 18px;
}
/*
MEDIA QUERIES
*/
@media (min-width: 768px) {
	body {
		padding-top: 200px;
	}
}

@media (min-width: 1200px) {
	body {
		padding-top: 115px;
	}
}
/*
General styles
*/
h1 {
	color: #221940;
}

h2,
h3,
h4,
h5,
h6 {
	color: #ce3063;
}

h3.subtitle,
h4.subtitle {
	text-transform: uppercase;
	font-weight: bold;
}

a {
	color: #5d5d5d;
}

span.highlight {
	font-size: smaller;
	text-transform: uppercase;
	color: red;
	font-weight: bold;
}
/*
Buttons
*/
/*
@btn-font-weight : 0px;
@btn-default-color : 0px;
@btn-default-bg : 0px;

@btn-default-border : 0px;
@btn-primary-color : 0px;
@btn-primary-bg : 0px;

@btn-primary-border : 0px;
@btn-success-color : 0px;
@btn-success-bg : 0px;

@btn-success-border : 0px;
@btn-info-color : 0px;
@btn-info-bg : 0px;

@btn-info-border : 0px;
@btn-warning-color : 0px;
@btn-warning-bg : 0px;

@btn-warning-border : 0px;
@btn-danger-color : 0px;
@btn-danger-bg : 0px;

@btn-danger-border : 0px;
@btn-link-disabled-color: 0px;
*/
.btn-primary,
.btn-blue,
.btn-default,
.btn-green,
.btn-danger {
	text-transform: uppercase;
	line-height: 30px;
	padding: 3px 30px;
	margin-right: 10px;
	border: 0px;
  border-radius: 0;
}

.btn-sm.btn-primary,
.btn-sm.btn-blue,
.btn-sm.btn-default,
.btn-sm.btn-danger,
.btn-sm.btn-green {
	padding: 5px 10px;
	line-height: 1.5;
}

.btn-blue,
.btn-primary {
	color: #ffffff;
	background-color: #221940;
}

.btn-blue:hover,
.btn-primary:hover {
	color: #ffffff;
	background-color: #0f0b1b;
}

.btn-green {
	color: #ffffff;
	background-color: #ce3063;
}

.btn-green:hover {
	background-color: #a5264f;
}

.btn-green:active,
.btn-green:focus {
	color: #ffffff;
}

.btn-green:hover,
.nav > li > a.btn:hover,
.nav > li > a.btn:focus {
	color: #ffffff;
	background-color: #a5264f;
}

button#add-staff {
	margin-top: 20px;
}

.btn-edit-class-staff-member,
.btn-remove {
	line-height: 1;
	padding: 5px 7px;
}

.button-row,
.form-actions .button-row {
	display: inline-block;
	width: initial;
}
/* Alerts */
.alert-warning {
	background: #ce3063;
	color: #ffffff;
}
/* Table Override */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	border-top: none;
}
/*
MENU
*/
.navbar-brand {
	height: 30px;
}

span.memsys-logo {
	font-size: 36px;
	font-weight: 700;
	color: #221940;
	font-family: 'Lato', sans-serif;
	padding: 0px 0;
	display: inline-block;
}

span.memsys-logo img {
	background: #ce3063;
	margin-top: -8px;
	margin-right: 3px;
}

span.memsys-logo span {
	font-weight: 400;
	color: #ce3063;
}

.navbar li {
	text-transform: uppercase;
	color: #5d5d5d;
}

.navbar li a {
	padding: 0px 6px;
	line-height: 30px;
}

.header-menu {
	border-bottom: 3px solid #221940;
	background-color: #eeeeee;
	min-height: 60px;
}

.main-menu {
	margin-top: 15px;
	padding: 0px;
}

.main-menu li {
	color: #5d5d5d;
}

.main-menu li ul li {
	height: auto;
}

.main-menu li a {
	text-transform: none;
	font-size: 14.5px;
	color: inherit;
}

.main-menu li a i.fa {
	display: block;
	text-align: center;
	font-size: 1.5em;
	padding: 10px 0 2px;
}

.main-menu li:active > a,
.main-menu li:hover > a,
.main-menu li.active > a,
.main-menu li.dropdown.open > a {
	background-color: #221940;
	color: #ffffff;
}

.nav.user-menu {
	padding-top: 10px;
}

.nav.user-menu li {
	line-height: 25px;
	text-transform: none;
}

.nav.user-menu li a {
	line-height: 25px;
}

.nav.user-menu li a:not( .btn ) {
	display: inline;
	font-size: 14px;
	padding: 3px 0;
}

.nav.user-menu li .btn {
	margin-left: 10px;
	padding: 0px 15px;
}

.nav.user-menu .btn-green {
	padding: 0px 10px;
	line-height: 25px;
}
/*
MEDIA QUERIES
*/
@media (max-width: 768px) {
	.icon-bar {
		background-color: #5d5d5d;
	}

	.nav.user-menu li .btn {
		margin-left: auto;
		padding: 0px 15px;
	}
}

.main-content {
	background-color: #eeeeee;
	padding: 20px;
	margin-top: 20px;
	color: #5d5d5d;
}

.compress-buttons .btn {
	line-height: inherit;
}

.btn-compress {
	line-height: inherit;
	padding: 3px 20px;
}

.compress-buttons button.btn-expanded,
button#clearing-transfer,
button#clearing-send-email,
button#clearing-archive,
button#wl-email,
button#mem-email,
button#acc-email,
button#acc-text,
button#mem-text,
button#wl-text,
button#wl-archive,
button#award-email {
	line-height: 40px;
}

.member-list-actions .btn-primary,
.account-list-actions .btn-primary {
	padding: 3px 15px;
}

select#selection-select-group,
select#clearing-select-group {
	height: 46px;
}

.entity-view div {
	overflow: hidden;
}

.entity-view .field-label {
	font-weight: bold;
	margin-bottom: 15px;
}
/*
CRUD Container / Layout
*/
.content-row.list {
  /*background-color: @tpl-light-gray;*/;
}

.content-row.list table .linked {
	cursor: pointer;
}

.content-row.list table .list-checkbox-select-all {
	text-align: center;
	cursor: pointer;
}

.content-row.list table tr th {
	border: none;
	background-color: #eeeeee;
	text-transform: uppercase;
}

.content-row.list table tr td {
	background: #ffffff;
	border-top: 10px solid #eeeeee;
}

.content-row.list table tr.highlight td {
	background: #d9534f;
	color: #ffffff;
}

.content-row.list table tr td.list-checkbox {
	border-right: 10px solid #eeeeee;
	width: 40px;
	padding: 5px 14px;
}

.content-row.list table tr td.td-button {
	margin: 0;
	padding: 0;
	width: 110px;
}

.content-row.list table tr td.td-button a {
	margin: 0 !important;
}

.content-row.list table tr.unmatched-row td {
	background: none;
	font-weight: bold;
	text-transform: uppercase;
}

.content-row.list table.staff-register-list tr td,
.content-row.list table.member-register-list tr td {
	border-top: 4px solid #eeeeee;
	border-right: 4px solid #eeeeee;
	line-height: 2em;
	padding-bottom: 0;
	white-space: nowrap;
}

.content-row.list table.staff-register-list tr td span.badge,
.content-row.list table.member-register-list tr td span.badge {
	float: right;
	text-transform: uppercase;
}

.content-row.list table.staff-register-list-month {
	margin-left: 237px;
}

.content-row.list table.staff-register-list-month tr th:first-child,
.content-row.list table.staff-register-list-month tr td:first-child {
	position: absolute;
	left: 32px;
	margin-top: -2px;
}

.content-row.list table.staff-register-list-month tr th:nth-child(2),
.content-row.list table.staff-register-list-month tr td:nth-child(2) {
	position: absolute;
	width: 200px;
	left: 72px;
	margin-top: -2px;
}

.content-row.list table.bordered-cells td {
	border: solid 5px #eeeeee;
}

.content-row:not(.list) {
  /*	background-color: @tpl-light-gray;*/;
}

.content-row.spacer {
	margin-top: 20px;
}

.content-row,
.content-footer {
	padding-top: 0px;
	padding-bottom: 20px;
}
/*
CRUD Forms / Form fiels / Tables
*/
label.required:after {
	content: "* ";
}

label.optional span {
	display: none;
}

label.error {
	font-size: small !important;
	color: red;
	padding: 0;
	line-height: initial !important;
	margin-bottom: 0 !important;
}

.form-horizontal .form-group {
	margin-left: initial;
	margin-right: initial;
}

.form-relative {
	position: relative;
}

.form-group label.control-label {
	line-height: initial;
	text-align: left;
}

.modal-body .form-group {
	margin-left: initial;
	margin-right: initial;
	margin-top: 10px;
}

.modal-body .form-group div.col-sm-9 .form-group {
	margin-top: 0;
}

.modal-body .form-group div.col-sm-9 .form-group .col-sm-9 {
	width: 100%;
	padding: 0;
}

.modal-body .member-photo {
	max-width: 150px;
}

#pr-phrases-modal ul {
	list-style-type: none;
	padding: 10px;
}

#pr-phrases-modal ul li {
	padding: 5px 5px 2px;
	cursor: pointer;
}

#pr-phrases-modal ul li:hover {
	background: #eee;
}

#modal-allocate-voucher .payment-wrapper ul {
	list-style-type: none;
	padding: 10px;
}

#modal-allocate-voucher .payment-wrapper ul li {
	padding: 1px 0;
	cursor: pointer;
}

#modal-allocate-voucher .payment-wrapper ul li:hover {
	background: #eee;
}

#modal-allocate-voucher .payment-wrapper ul li.active {
	background: #ce3063;
}

div.actions {
	margin-bottom: 10px;
	margin-top: 10px;
	display: block;
	min-height: 30px;
}

div.actions .btn {
	margin-bottom: 5px;
}

ul.actions,
div.actions ul {
	list-style: none;
	padding: 0;
}

ul.actions li,
div.actions ul li {
	display: inline-block;
}

div.actions a:not(.btn),
ul.actions a:not(.btn) {
	color: #5d5d5d;
	line-height: 30px;
}

.entity-wrapper {
	margin-bottom: 10px;
}
/*@table-bg : darken(@table-bg-accent, 5%);*/
.form-group label,
.form-group input {
	padding: 0 15px;
	font-size: 14px;
}

.form-group label {
	padding: 0;
}
/* JQuery UI autocomplete */
.ui-front {
  /* Big z-index so we're above the modals */
  z-index: 10000;
}
/* Inline Checkboxes */
.inline-checkboxes div {
  display: inline-block;
  width: initial;
  margin: 0 3px 10px 0;
}
/* Fancy Radio Buttons */
.fancy-radio {
  text-align: center;
  cursor: pointer;
}
.fancy-radio i {
  visibility: hidden;
}
.fancy-radio.active i {
  visibility: initial;
}
/* File Uploads */
form.file-upload-form {
  display: none;
}
.file-progress {
  max-width: 200px;
  background: #a3a3a3;
}
.file-progress .bar {
  background: #243e74;
  height: 10px;
}
.uploaded-file {
  margin: 10px 0;
  position: relative;
}
.uploaded-file button.file-delete {
  position: absolute;
  right: 0;
  top: 0;
}
/*
Table sorting 
*/
th.sorted a {
  display: inline-block;
}
th.sorted a:before {
  position: static;
  top: 0;
  float: right;
  padding-left: 5px;
}
th.sorted.asc a {
  content: "\e113";
}
th.sorted.desc a {
  content: "\e114";
}
/* 
   Glyphicon fix MopaBootstrap nonsense
   */
.glyphicon {
  position: static;
  top: 0;
}
/*
Pagination
*/
/*
Tables
*/
.table.table-white {
  background-color: #ffffff;
}
.table p {
  margin: 0;
  padding: 0 20px;
  background: #fff;
  line-height: 35px;
  background-color: #ffffff;
}
.table ul {
  margin: 0;
  padding: 0;
}
.table ul li {
  list-style-type: none;
}
/*
Tabs
*/
.nav.nav-tabs li:hover,
.nav.nav-tabs li a:hover,
.nav.nav-tabs li.active a {
  background-color: var(--blue);
  color: #fff;
}
.nav.nav-tabs li {
  margin-top: 25px;
  margin-right: 10px;
  background-color: var(--ltGrey);
}
.nav.nav-tabs li a {
  text-transform: uppercase;
  color: var(--dkGrey);
  margin-right: 0px;
  border-radius: 0;
}

.nav.nav-tabs li:active a:hover {
  color: var(--dkGrey);
  background-color:var(--ltGrey);
}



.tab-content {
  background-color: #eeeeee;
  padding: 20px;
}
.tab-content .btn-greeen,
.tab-content .btn-bluee {
  padding: 0px 10px;
  line-height: 25px;
}
.tab-content .tab-pane#squads h3 {
  margin: 0;
  text-align: right;
  color: #5d5d5d;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.2em;
}
.tab-content table {
  background-color: transparent;
}
.tab-content table td {
  padding-bottom: 10px;
}
.tab-content .table.table-white {
  background-color: #ffffff;
}
.tab-content .spacer {
  padding-left: 20px;
}
/*
DateTimePicker
*/
.bootstrap-datetimepicker-widget table {
  background-color: #ffffff;
}
/*
Calendar
*/
.fc-state-highlight {
  background: #eee;
}
.fc-view {
  background-color: #ffffff;
}
.fc-view table {
  background-color: inherit;
}
/* Time Drop downs */
.time-widget select {
  width: 40%;
  display: inline-block;
}
/* button states (determines colors)  */
.fc-state-default,
.fc-state-default .fc-button-inner {
  border-style: none;
  border-color: transparent;
  background: #ce3063;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 40px;
}
/* Fake Rounded Corners (for buttons and events)
------------------------------------------------------------*/
.fc-corner-left,
.fc-corner-left .fc-button-inner,
.fc-corner-left .fc-event-inner,
.fc-corner-right,
.fc-corner-right .fc-button-inner,
.fc-corner-right .fc-event-inner,
.fc-corner-top,
.fc-corner-top .fc-event-inner,
.fc-corner-bottom,
.fc-corner-bottom .fc-event-inner,
.fc-corner-left .fc-event-inner,
.fc-corner-right .fc-event-inner,
.fc-corner-top .fc-event-inner,
.fc-corner-bottom .fc-event-inner {
  border: 0;
  margin: 0;
}
/* Awards Form */
.award-edit h3 {
  text-transform: uppercase;
}
.award-edit .award-competencies-edit .form-group {
  margin-bottom: 0;
}
.award-edit .collection-item > label.control-label:first-child {
  display: none;
}
@media (min-width: 768px) {
  .award-edit .mopa-wrapper {
    width: 50%;
  }
  .award-edit .alert-competency-add,
  .award-edit .alert-name {
    margin: 0 30px;
  }
  .award-edit .award-competencies-edit .mopa-wrapper {
    width: 100%;
  }
  .award-edit .award-competencies-edit .mopa-wrapper .collection-item {
    position: relative;
    border-top: 1px solid #ffffff;
    padding-top: 15px;
    margin-top: 15px;
  }
  .award-edit .award-competencies-edit .mopa-wrapper .collection-item .mopa-wrapper {
    width: 50%;
  }
  .award-edit .award-competencies-edit .competency-image-upload-btn {
    margin-top: 2px;
  }
  .award-edit .award-competencies-edit .competency-image {
    max-width: 100%;
    max-height: 150px;
  }
  .award-edit .form-group.collection-remove {
    position: absolute;
    right: 80px;
    top: 18px;
  }
}
/* Settings Form */
.settings-form .settings-security-wrapper .form-group > .mopa-wrapper:first-child {
  padding: 0;
  width: 100%;
}
.settings-form #financial ul.class-type-headers {
  padding-left: 0;
}
.settings-form #financial ul.class-type-headers li {
  display: inline-block;
  width: 20%;
  text-align: center;
  font-weight: bold;
}
.settings-form #financial .class-types label.control-label {
  display: none;
}
.settings-form #financial .class-types .mopa-wrapper {
  width: 100%;
  padding: 0;
}
.settings-form #financial .class-types .mopa-wrapper div.checkbox {
  width: 20%;
  text-align: center;
  display: inline-block;
  padding-top: 0;
}
.settings-form #financial .class-types .mopa-wrapper div.checkbox label {
  color: #A7CCC5;
  text-align: right;
  font-size: 0px;
}
.settings-form #financial .class-types .mopa-wrapper div.checkbox label input {
  width: 100%;
}
.settings-form .actions > div {
  width: initial;
  display: inline-block;
}
.settings-form .actions button#add-task-type,
.settings-form .actions button#add-phrase,
.settings-form .actions button#add-venue,
.settings-form .actions button#add-term {
  display: none;
}
.settings-form .tab-content.active-tab-locations button#add-venue {
  display: initial;
}
.settings-form .tab-content.active-tab-phrases button#add-phrase {
  display: initial;
}
.settings-form .tab-content.active-tab-task-types button#add-task-type {
  display: initial;
}
.settings-form .tab-content.active-tab-term-dates button#add-term {
  display: initial;
}
.settings-form .academic-year-head > div {
  font-size: 16px;
  margin-bottom: 10px;
}
.settings-form .academic-year-term-num,
.settings-form .academic-year-head {
  display: none;
}
.settings-form .academic-year {
  padding-top: 25px;
}
.settings-form .academic-year label {
  text-transform: uppercase;
}
.settings-form .academic-year .academic-year-term-year {
  font-weight: bold;
  font-size: 20px;
}
.settings-form .academic-year .col-sm-9.mopa-wrapper {
  width: 100%;
}
@media (min-width: 991px) {
  .settings-form .academic-year-term-num,
  .settings-form .academic-year-head {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
  }
  .settings-form .academic-year label {
    display: none;
  }
  .settings-form .academic-year .academic-year-term-year {
    font-size: inherit;
  }
}
.settings-form .pagination {
  cursor: pointer;
}
.settings-form #task-types > div.row > div > div > div.row > div.form-group > label.control-label,
.settings-form #phrases > div.row > div > div > div.row > div.form-group > label.control-label,
.settings-form #locations > div.row > div > div > div.row > div.form-group > label.control-label {
  display: none;
  color: #eeeeee;
  float: right;
}
.settings-form #task-types .form-group > .col-sm-9,
.settings-form #phrases .form-group > .col-sm-9,
.settings-form #locations .form-group > .col-sm-9 {
  width: 100%;
}
.settings-form #task-types .collection-item,
.settings-form #phrases .collection-item,
.settings-form #locations .collection-item {
  margin: 15px 30px;
}
.settings-form #task-types .collection-item > label,
.settings-form #phrases .collection-item > label,
.settings-form #locations .collection-item > label {
  display: none;
}
.settings-form #task-types .collection-item > .col-sm-offset-3,
.settings-form #phrases .collection-item > .col-sm-offset-3,
.settings-form #locations .collection-item > .col-sm-offset-3 {
  margin-left: 0;
}
.settings-form #task-types .collection-item .input-group,
.settings-form #phrases .collection-item .input-group,
.settings-form #locations .collection-item .input-group {
  width: 70%;
  float: left;
}
.settings-form #task-types .collection-item .col-sm-3,
.settings-form #phrases .collection-item .col-sm-3,
.settings-form #locations .collection-item .col-sm-3 {
  margin-left: 20px;
  width: initial;
}
.settings-form #task-types .collection-item .form-group > .col-sm-9,
.settings-form #phrases .collection-item .form-group > .col-sm-9,
.settings-form #locations .collection-item .form-group > .col-sm-9 {
  width: 75%;
}
.settings-form #annual-fees {
  position: relative;
  margin-bottom: 20px;
}
.settings-form #annual-fees > div.row > div > div > div.row > div.form-group > label.control-label {
  display: block;
  position: absolute;
  color: #eeeeee;
  bottom: 0;
}
.settings-form #annual-fees > div.row > div > div > div.row > div.form-group > label.control-label > a {
  font-size: 1em;
}
.settings-form #annual-fees .collection-item {
  margin: 15px 30px;
  border-bottom: 1px solid #ce3063;
}
.settings-form #annual-fees .collection-item > label.control-label {
  display: none;
}
.settings-form #annual-fees .collection-item .collection-remove {
  display: inline-block;
}
.settings-form .payment-type {
  margin-top: 10px;
}
.settings-form .payment-type select,
.settings-form .payment-type input {
  width: 300px;
  max-width: 50%;
  display: inline-block;
  margin-left: 10px;
}
.settings-form button#add-payment-type {
  margin: 10px 0;
}
/* Account View */
.member-status,
.account-status {
  margin: 12px 20px 0;
  font-size: 2em;
  text-transform: uppercase;
  color: #898989;
}
#payment-paid-toggle {
  text-decoration: none;
  opacity: 0.9;
}
#payment-paid-toggle:hover {
  opacity: 1;
}
.account-payment-history table td:first-child {
  min-width: 25px;
}
.account-payment-history i.edit-account-payment {
  display: none;
  cursor: pointer;
}
.account-payment-history tr:hover i.edit-account-payment {
  display: inline;
}
.account-payment-history tr.payment-paid-1 {
  display: none;
}
.account-payment-history span.payment-class-link {
  padding: 2px 5px;
  background: #ce3063;
  color: #ffffff;
  min-width: 85px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  margin: 0 2px;
}
.account-payment-history span.payment-class-link.undef {
  text-transform: uppercase;
  background: #FF5656;
}
.account-payment-history .btn-sm {
  margin-bottom: 2px;
}
#account-edit-payment-modal .row {
  margin: 5px 0;
}
.memsys-collapse-link {
  text-decoration: none;
  opacity: 0.9;
}
.memsys-collapse-link:before {
  content: '- Hide ';
}
.memsys-collapse-link.collapsed:before {
  content: '+ Show ';
}
/* Progress Reports */
.progress-reports-members-table td h4 {
  margin: 0 0 2px;
}
.progress-reports-members-table td ul.proficiency-updates {
  color: #221940;
  font-size: small;
}
/* Autosave */
.autosave {
  position: relative;
}
.autosave textarea {
  width: 100%;
  border: none;
  cursor: text;
}
.autosave .status {
  display: none;
  position: absolute;
  top: 0;
  right: 0%;
  background: #e2e2e2;
  padding: px;
  border: 1px solid darkgrey;
}
.autosave .status i {
  vertical-align: middle;
}
/* Member View */
a.edit-competencies {
  font-size: small;
}
span.member-class-list {
  display: inline-block;
  vertical-align: top;
  margin: -5px 4px;
}
#competency-modal .alert {
  position: absolute;
  left: 20px;
  bottom: 5px;
}
#competency-modal .modal-header,
#competency-modal .modal-footer {
  border: none;
}
#competency-modal table {
  background: #ffffff;
  font-size: small;
}
#competency-modal table td:nth-child(3),
#competency-modal table td:nth-child(4),
#competency-modal table td:nth-child(5) {
  width: 60px;
  vertical-align: middle !important;
}
#competency-modal table i.btn {
  margin: 0;
  padding: 4px 8px;
}
#competency-modal table tr.image td {
  padding: 0;
  text-align: center;
}
#competency-modal table tr.image td img {
  margin: 5px;
  max-width: 100%;
  max-height: 400px;
}
#competency-modal table td,
#competency-modal table th {
  border: solid 2px #221940;
}
#competency-modal table th {
  background: #221940;
  color: #ffffff;
  vertical-align: middle !important;
  border-right: solid #ffffff 2px;
}
#competency-modal table th:last-child {
  border-right: solid #221940 2px;
}
#competency-modal table .competency-name,
#competency-modal table td:nth-child(2) {
  color: #221940;
  font-weight: bold;
}
/* Class Term View */
table.class-member-list {
  width: 100%;
}
table.class-member-list td {
  padding: 2px 0;
}
table.class-member-list td button {
  margin-left: 10px;
}
/* Member Edit */
#member-classes label {
  display: none;
}
#member-classes .col-sm-9.mopa-wrapper {
  width: 100%;
}
#member-classes .collection-item .col-xs-12 {
  width: 66%;
}
#member-classes .collection-remove > .col-sm-offset-3 {
  margin-left: 0;
}
#member-classes .form-group {
  margin-bottom: 1px;
}
/* Modal */
.modal-dialog .modal-header h3 span {
  color: #6E9288;
}
.modal-dialog .modal-footer .button-row {
  display: inline-block;
  width: initial;
}
/* Sidebar */
.dashboard-block h2,
.sidebar-block h2 {
  background: #221940;
  color: #ffffff;
  padding: 10px 15px;
  text-transform: uppercase;
  font-size: 1.2em;
  margin-bottom: 0;
}
.dashboard-block h2 a,
.sidebar-block h2 a {
  color: inherit;
}
.dashboard-block ul,
.sidebar-block ul,
.dashboard-block ul.notes-list,
.sidebar-block ul.notes-list,
.dashboard-block form,
.sidebar-block form {
  border: solid 1px #cfcfcf;
  padding: 10px 20px;
  background: #ffffff;
}
.dashboard-block ul label,
.sidebar-block ul label,
.dashboard-block ul.notes-list label,
.sidebar-block ul.notes-list label,
.dashboard-block form label,
.sidebar-block form label {
  margin-bottom: 0px;
}
.dashboard-block ul .form-control,
.sidebar-block ul .form-control,
.dashboard-block ul.notes-list .form-control,
.sidebar-block ul.notes-list .form-control,
.dashboard-block form .form-control,
.sidebar-block form .form-control {
  margin-bottom: 10px;
}
.dashboard-block ul,
.sidebar-block ul,
.dashboard-block ul.notes-list,
.sidebar-block ul.notes-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dashboard-block ul li,
.sidebar-block ul li,
.dashboard-block ul.notes-list li,
.sidebar-block ul.notes-list li {
  border-bottom: solid 2px;
  padding: 10px 10px 10px;
  border-bottom: 1px solid #cfcfcf;
}
.dashboard-block ul li input,
.sidebar-block ul li input,
.dashboard-block ul.notes-list li input,
.sidebar-block ul.notes-list li input {
  border: 0;
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 5px;
}
.dashboard-block ul li input:focus,
.sidebar-block ul li input:focus,
.dashboard-block ul.notes-list li input:focus,
.sidebar-block ul.notes-list li input:focus {
  outline: 1px solid #cfcfcf;
}
.dashboard-block ul li .note-footer,
.sidebar-block ul li .note-footer,
.dashboard-block ul.notes-list li .note-footer,
.sidebar-block ul.notes-list li .note-footer {
  font-size: 10px;
  color: #888;
}
.dashboard-block ul li .note-footer span.note-info,
.sidebar-block ul li .note-footer span.note-info,
.dashboard-block ul.notes-list li .note-footer span.note-info,
.sidebar-block ul.notes-list li .note-footer span.note-info {
  float: right;
}
.dashboard-block ul li .note-footer span.note-delete,
.sidebar-block ul li .note-footer span.note-delete,
.dashboard-block ul.notes-list li .note-footer span.note-delete,
.sidebar-block ul.notes-list li .note-footer span.note-delete {
  color: #221940;
  cursor: pointer;
}
.dashboard-block ul li .note-footer span.note-delete :hover,
.sidebar-block ul li .note-footer span.note-delete :hover,
.dashboard-block ul.notes-list li .note-footer span.note-delete :hover,
.sidebar-block ul.notes-list li .note-footer span.note-delete :hover {
  text-decoration: underline;
}
.dashboard-block ul li.task,
.sidebar-block ul li.task {
  margin: 4px 8px;
}
.dashboard-block ul.actions li,
.sidebar-block ul.actions li {
  border-bottom: none;
}
/* Styled Selects */
select.styled {
  background: #221940;
  padding: 10px;
  color: white;
  /*text-transform: uppercase;*/
  font-weight: bold;
}
select.styled option {
  color: black;
  background: white;
  text-transform: none;
}
/* Class Term Setup */
table.class-term-setup td {
  width: 50%;
}
td.view-class-members {
  cursor: pointer;
}
/* Waiting list */
/*table .tooltip {
    white-space: pre !important;
}*/
span.wl-change-extra {
  font-size: xx-small;
  text-transform: uppercase;
  color: #7d7d7d;
}
span.class-pending-next,
span.class-pending-current {
  cursor: default;
}
span.class-pending-next {
  opacity: 0.8;
}
i.member-notes-tooltip {
  float: right;
  margin-top: 3px;
}
/* Email Page */
.template-subject-wrapper,
.template-wrapper {
  margin-top: 10px;
}
/* Text Page */
ul.text-status {
  list-style: none;
  padding: 0 5px;
}
ul.text-status li {
  display: inline-block;
  margin-right: 20px;
}
/* Staff Class List Page */
.class-transfer-request,
.staff-message {
  margin-bottom: 10px;
}
.class-transfer-request h4,
.staff-message h4 {
  color: #5d5d5d;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
/* Session View page */
.content-row.list .staff-your-class span.dob {
  font-size: 10px;
  line-height: 10px;
}
.content-row.list .staff-your-class span.make-up {
  font-size: 10px;
  line-height: 10px;
  color: #5d5d5d;
  display: block;
}
.content-row.list .staff-your-class table .session-view-member-award {
  padding: 0px 0px 2px;
}
.content-row.list .staff-your-class table td.session-view-medical {
  border-right: none;
}
.content-row.list .staff-your-class table td.session-view-spec-needs {
  border-left: none;
}
.content-row.list .staff-your-class table td.session-view-attendance {
  background: #eeeeee;
  /*rgb(167, 204, 197);*/
  width: 390px;
}
.content-row.list .staff-your-class table td.session-view-attendance .btn {
  background: #7FA1AD;
}
.content-row.list .staff-your-class table td.session-view-attendance .btn.active {
  background: #221940;
}
.content-row.list .staff-your-class table td.session-view-attendance .class-attended-late-wrapper {
  display: inline-block;
}
.content-row.list .staff-your-class table td.session-view-attendance .class-attended-late-wrapper .btn.active {
  background: #d9534f;
}
.content-row.list .staff-your-class table td.session-view-attendance .register-reason {
  display: inline-block;
  width: 175px;
}
/* Register */
form.progress-reports-inline-form > ul,
form.register-inline-form > ul {
  float: right;
  margin-top: 28px;
}
form.progress-reports-inline-form > div,
form.register-inline-form > div {
  display: inline-block;
  margin: 0 4px;
}
table.member-register-list th:not(:first-child):not(:nth-child(2)),
table.member-register-list td:not(:first-child):not(:nth-child(2)) {
  text-align: center;
}
table.member-register-list th:not(:first-child):not(:nth-child(2)) span.make-up-cell,
table.member-register-list td:not(:first-child):not(:nth-child(2)) span.make-up-cell {
  color: #EE8D55;
  color: #E23614;
  font-weight: bold;
}
table.member-register-list th:not(:first-child):not(:nth-child(2)) i.glyphicon,
table.member-register-list td:not(:first-child):not(:nth-child(2)) i.glyphicon {
  margin-top: 5px;
}
table.member-register-list th:not(:first-child):not(:nth-child(2)) i.glyphicon.attended,
table.member-register-list td:not(:first-child):not(:nth-child(2)) i.glyphicon.attended {
  color: #97C377;
}
table.member-register-list th:not(:first-child):not(:nth-child(2)) i.glyphicon.make-up,
table.member-register-list td:not(:first-child):not(:nth-child(2)) i.glyphicon.make-up {
  color: #EE8D55;
}
table.member-register-list th:not(:first-child):not(:nth-child(2)) i.glyphicon.absent,
table.member-register-list td:not(:first-child):not(:nth-child(2)) i.glyphicon.absent {
  color: #E00117;
}
table.staff-register-list .session-attended-late-wrapper {
  visibility: hidden;
}
table.staff-register-list .session-attended-late-wrapper.attended {
  visibility: initial;
}
table.staff-register-list .session-attended-late-wrapper .late-info {
  font-weight: bold;
  font-size: x-small;
  color: #d9534f;
}
table.staff-register-list span.register-cell i.late {
  font-weight: bold;
  font-size: 16px;
  color: #ffa500;
}
table.staff-register-list span.register-cell i.attended {
  color: #008200;
}
table.staff-register-list span.register-cell i.absent {
  color: #d9534f;
}
.table-wrapper {
  overflow-x: auto;
}
#register-edit-modal h3:not(.modal-title) {
  font-size: 1.2em;
  border-bottom: 1px solid;
}
#register-edit-modal h3:not(.modal-title):first-child {
  margin-top: 0;
}
#register-edit-modal h3 + div {
  display: inline-block;
  width: 15%;
  margin: 0 10px 0 0;
}
#register-edit-modal h3 + div + div {
  display: inline-block;
  width: 80%;
}
/* Staff List */
#staff-timesheet-approvals .staff-timesheet-approval h4,
#staff-transfer-requests .staff-timesheet-approval h4,
#staff-timesheet-approvals .staff-transfer-request h4,
#staff-transfer-requests .staff-transfer-request h4 {
  color: #5d5d5d;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
#staff-timesheet-approvals .staff-timesheet-approval .timesheet-period-edit,
#staff-transfer-requests .staff-timesheet-approval .timesheet-period-edit,
#staff-timesheet-approvals .staff-transfer-request .timesheet-period-edit,
#staff-transfer-requests .staff-transfer-request .timesheet-period-edit {
  width: 65px;
  display: inline-block;
  margin: 0 2px;
  padding: 0 10px;
  height: 31px;
}
#alter-accrued-hours-modal .form-inline {
  margin-bottom: 10px;
}
#alter-accrued-hours-modal .form-inline .form-group label {
  margin: 0 10px;
}
/* Staff View */
.tab-content > #staff-details {
  background-color: white;
  padding: 5px 20px;
}
h2.collapse-header {
  cursor: pointer;
  position: relative;
}
h2.collapse-header::after {
  content: '-';
  position: absolute;
  right: 0;
  background: #4ba191;
  color: white;
  padding: 2px 5px;
}
h2.collapse-header.collapsed::after {
  content: '+';
}
/* Class Term Edit */
.class-days-collection-label.required::after {
  content: '';
}
.class-days-collection-label > a {
  position: absolute;
  top: 0px;
  right: 0;
}
.class-days-collection .collection-item > .control-label {
  display: none;
}
.class-days-collection .collection-item > .col-xs-12 {
  width: 40%;
}
.class-days-collection .collection-item .collection-remove .col-sm-3 {
  width: 20%;
  margin-left: 0;
}
/* Staff Timesheets */
#timesheet-reports {
  position: relative;
}
#timesheet-reports input {
  height: 46px;
  margin-right: 10px;
}
/* Reports */
.report-filters {
  margin: 5px 0;
  background: #A7CCC5;
  padding: 5px 15px;
}
.report-filters .report-filter {
  margin: 5px 0;
  display: inline-block;
}
.report-filters .report-filter label {
  display: block;
}
.custom-report-form #report-filters {
  border: 1px solid #CCCCCC;
  padding: 16px 10px;
  clear: both;
  margin-top: 20px;
}
.custom-report-form #report-filters .report-filter {
  margin-top: 5px;
}
/* Badges */
.badge {
  padding: 3px 7px 1px;
}
.badge.badge-danger {
  background-color: #d9534f;
}
/* Form Slides */
.form-slides .form-slide {
  display: none;
}
.form-slides .form-slide.active {
  display: block;
}
/* Simple Colour Picker */
.content .simplecolorpicker.icon,
.content .simplecolorpicker span.color {
  border: 1px solid #000000;
}
/* Funky Select */
.select-list-funky {
  position: relative;
  height: initial;
  min-height: 34px;
}
.select-list-funky .message {
  display: inline-block;
  padding: 5px;
  border-radius: 5px;
  margin: 2px;
}
.select-list-funky .select-list-item {
  display: inline-block;
  padding: 5px;
  background: #CFCFCF;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,e4e2e4+50,d5d3d5+51,e8e6e8+100 */
  background: #f0f0f0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f0f0f0 0%, #e4e2e4 50%, #d5d3d5 51%, #e8e6e8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(50%, #e4e2e4), color-stop(51%, #d5d3d5), color-stop(100%, #e8e6e8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #e4e2e4 50%, #d5d3d5 51%, #e8e6e8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f0f0f0 0%, #e4e2e4 50%, #d5d3d5 51%, #e8e6e8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f0f0f0 0%, #e4e2e4 50%, #d5d3d5 51%, #e8e6e8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f0f0f0 0%, #e4e2e4 50%, #d5d3d5 51%, #e8e6e8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e8e6e8', GradientType=0);
  /* IE6-9 */
  margin: 2px 5px;
  text-transform: capitalize;
  border-radius: 5px;
  border: 1px solid #CFCFCF;
}
.select-list-funky .select-list-item i {
  padding: 0 5px;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.select-list-funky .select-list-item select.report-aggregate-options {
  border: #B7B7B7 solid 1px;
  background: none;
  border-radius: 5px;
  margin: 0px 5px;
  box-shadow: 0px 1px 2px;
}
.select-list-funky ul.select-list-funky-options {
  background: #ffffff;
  width: initial;
  position: absolute;
  padding: 0px;
  list-style: none;
  text-transform: capitalize;
  color: #5d5d5d;
  cursor: pointer;
  border: solid #CCCCCC 1px;
  top: 49px;
  left: 0px;
  right: 0;
  z-index: 1;
  box-shadow: 0px 3px 10px #dcdcdc;
}
.select-list-funky ul.select-list-funky-options li {
  padding: 2px 5px;
}
.select-list-funky ul.select-list-funky-options li:hover {
  background: #221940;
  color: #ffffff;
}
.glyphicon-spin {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}