/* CSS Document */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
html,
body {
  height: 100%;
}
body {
  padding: 0px;
  margin: 0px;
  font-size: 12pt;
  padding-top: 60px;
  color: #656565;
}
body.dashboard {
  padding-top: 160px;
}
a,
a:hover,
a:active,
a:visited,
a:focus {
  text-decoration: none;
}
h1 {
  font-size: 26pt;
  line-height: 30pt;
  font-weight: normal;
}
h2 {
  font-size: 20pt;
  line-height: 28pt;
  font-weight: normal;
  margin: 0 0 25pt;
}
h3 {
  font-size: 16pt;
  line-height: 24pt;
  font-weight: normal;
}
h4 {
  font-size: 14pt;
  line-height: 25.5pt;
  padding: 5px;
}
h5 {
  font-size: 14pt;
  line-height: 22pt;
  font-weight: bold;
}
h6 {
  font-size: 12pt;
  line-height: 22pt;
}
select,
input {
  background: #fff;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.red {
  color: #fe0000;
}
.black {
  color: #fe0000;
}
body,
html {
  font-family: Helvetica, Arial, sans-serif;
}
.table > thead > tr > th {
  border-bottom: 1px solid #eaeaea;
}
.table > tbody > tr > td {
  border-bottom: 1px solid #eaeaea;
}
.container {
  width: 1024px !important;
  max-width: 1024px;
  padding: 0 15px;
}
.internal .container.content {
  max-width: 1024px;
}
.form-control {
  height: 40px;
  background: #f9f9f9;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  font-size: 12pt;
}
.select,
.child-filter {
  background: #fe0000;
  background: url(/images/select-arrow.png) center right no-repeat, linear-gradient(#fe0000, #fe0000);
  /* W3C */
  color: #ffffff;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
}
.select option,
.child-filter option {
  background: #fff;
  color: #656565;
}
.select-wrap:after {
  z-index: 2;
  content: " ";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 18px;
  height: 7px;
  background: url(/images/select-arrow.png) 0 0 no-repeat;
}
.btn-default,
.btn-grey,
.btn-blank,
.btn-success {
  min-width: 125px;
  font-size: 13pt;
  text-transform: none;
  background-color: #fe0000;
  border-color: #fe0000;
  background: #fe0000;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fe0000), color-stop(1, #fe0000));
  background: -ms-linear-gradient(bottom, #fe0000, #fe0000);
  background: -moz-linear-gradient(center bottom, #fe0000 0%, #fe0000 100%);
  background: -o-linear-gradient(#fe0000, #fe0000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0000', endColorstr='#fe0000', GradientType=0);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  height: 40px;
  color: #ffffff;
}
.btn-default:hover,
.btn-grey:hover,
.btn-blank:hover,
.btn-success:hover,
.btn-default:active,
.btn-grey:active,
.btn-blank:active,
.btn-success:active,
.btn-default:focus,
.btn-grey:focus,
.btn-blank:focus,
.btn-success:focus {
  color: #ffffff;
}
.btn-default.off,
.btn-grey.off,
.btn-blank.off,
.btn-success.off,
.btn-default.off:focus,
.btn-grey.off:focus,
.btn-blank.off:focus,
.btn-success.off:focus,
.btn-default.off:active,
.btn-grey.off:active,
.btn-blank.off:active,
.btn-success.off:active,
.btn-default.off:hover,
.btn-grey.off:hover,
.btn-blank.off:hover,
.btn-success.off:hover,
.btn-default:focus,
.btn-grey:focus,
.btn-blank:focus,
.btn-success:focus,
.btn-default:active,
.btn-grey:active,
.btn-blank:active,
.btn-success:active {
  background: #cdcdcd;
  border-color: #cdcdcd;
}
.btn-default .icon,
.btn-grey .icon,
.btn-blank .icon,
.btn-success .icon {
  float: left;
  margin-right: 5px;
}
.btn-default.auto-width,
.btn-grey.auto-width,
.btn-blank.auto-width,
.btn-success.auto-width {
  width: auto;
  min-width: 0;
}
.btn-blank {
  background: transparent;
  border-color: transparent;
  color: #656565;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.btn-blank:focus,
.btn-blank:active,
.btn-blank:hover {
  background: transparent;
  border-color: transparent;
  color: #656565;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.btn-success {
  background: #5cb85c;
  border-color: #5cb85c;
  color: #ffffff;
}
.btn-success:focus,
.btn-success:active,
.btn-success:hover {
  background: #5cb85c;
  border-color: #5cb85c;
  color: #ffffff;
}
.btn-grey {
  background: #cdcdcd;
  border-color: #cdcdcd;
  color: #656565;
}
.no-transform {
  text-transform: none;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover,
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default,
.btn-default:hover,
.btn-default:focus {
  background-color: #fe0000;
  color: #ffffff;
}
.btn-white {
  background: #ffffff;
  background: #f4f4f4;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f4f4f4), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #f4f4f4, #ffffff);
  background: -moz-linear-gradient(center bottom, #f4f4f4 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #f4f4f4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
  height: 40px;
  color: #fe0000;
  border-color: #fe0000;
  margin-right: 20px;
}
.btn-white:hover,
.btn-white:active,
.btn-white:focus {
  color: #fe0000;
  border-color: #fe0000;
  background: #f4f4f4;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, #f4f4f4));
  background: -ms-linear-gradient(bottom, #ffffff, #f4f4f4);
  background: -moz-linear-gradient(center bottom, #ffffff 0%, #f4f4f4 100%);
  background: -o-linear-gradient(#f4f4f4, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0);
}
a.btn {
  padding-top: 9px;
}
.well {
  background: #f7f7f7;
  box-shadow: none;
  border: 1px solid #f7f7f7;
}
.icon {
  background: url(/images/sprite.png);
  display: inline-block;
  width: 26px;
  height: 26px;
}
.icon.larger {
  width: 34px;
  height: 34px;
}
header.dashboard {
  padding: 10px 0;
  position: fixed;
  height: 140px;
  -webkit-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}
footer {
  width: 100%;
  height: 128px;
  padding: 12px;
  font-size: 14pt;
}
footer,
.push {
  height: 150px;
  /* '.push' must be the same height as 'footer' */
  overflow: hidden;
}
.wrapper {
  min-height: 100%;
  margin: 0 auto -150px;
  /* the bottom margin is the negative value of the footer's height */
}
ul.clean {
  margin: 0;
  padding: 0;
  list-style: none;
}
.modal-backdrop.in {
  opacity: 0.95;
}
h2 a,
h2 a:focus,
h2 a:hover,
h2 a:active {
  color: inherit;
  display: block;
}
a,
a:focus,
a:active {
  outline: 0;
}
.icon.ca-logo {
  width: 86px;
  height: 117px;
  background: url(../images/ca-logo.png) no-repeat;
}
.icon.tappin-logo {
  width: 173px;
  height: 36px;
  background-position: -226px -102px;
}
.icon.tapp-logo {
  width: 115px;
  height: 36px;
  background-position: -226px -102px;
}
.icon.settings {
  background-position: -368px -60px;
}
.icon.food {
  background-position: -364px -6px;
}
.icon.expand-collapse {
  background-position: -103px -14px;
}
.icon.timetable {
  background-position: -15px -50px;
}
.icon.ta-info {
  background-position: -63px -52px;
}
.icon.attendance {
  background-position: -117px -52px;
}
.icon.sign-in {
  background-position: -218px -53px;
}
.icon.chevron-left {
  background-position: -14px -17px;
}
.icon.chevron-right {
  background-position: -42px -17px;
}
.icon.times-circle {
  background-position: -235px -15px;
}
.icon.times-circle.white {
  background-position: -157px -123px;
}
.icon.chevron-circle-left {
  background-position: -278px -15px;
}
.icon.chevron-circle-right {
  background-position: -324px -15px;
}
.icon.chevron-circle-right {
  background-position: -324px -15px;
}
.icon.chevron-circle-right {
  background-position: -324px -15px;
}
.icon.pencil {
  background-position: -69px -18px;
}
.icon.ok {
  background-position: -193px -15px;
}
.icon.ok.white {
  background-position: -115px -123px;
}
.icon.info-circle {
  background-position: -63px -89px;
}
.icon.info-circle.white {
  background-position: -63px -52px;
}
.icon.info-circle.red {
  background-position: -63px -129px;
}
header.dashboard {
  background: #ffffff;
}
header.dashboard .ca-logo {
  position: absolute;
  top: 0;
  left: 10px;
}
header.dashboard .tapp-logo {
  position: relative;
  top: 20px;
  float: left;
  margin-right: 20px;
}
header.dashboard .header-info {
  margin-left: 105px;
}
header.dashboard .well {
  display: inline-block;
  margin: 0 0 15px 0;
  padding: 19px;
  font-size: 14pt;
  height: 64px;
  float: left;
}
header.dashboard .today-date {
  width: 390px;
  margin: 0 30px 0 145px;
  padding-top: 10px;
}
header.dashboard .user-info {
  width: 270px;
  margin-right: 1px;
}
header.dashboard .user-actions {
  width: 64px;
}
header.dashboard .filters {
  clear: both;
}
header.dashboard .filters select {
  margin-right: 22px;
}
header.dashboard .filters select.camps-filter {
  width: 275px;
  margin-left: 10px;
}
header.dashboard .filters select.age-filter {
  width: 140px;
}
header.dashboard .filters .child-filter {
  background: url(/images/search-icon.png) center right no-repeat, linear-gradient(#fe0000, #fe0000);
  /* W3C */
  width: 275px;
  margin-right: 22px;
  color: #ffffff;
}
header.dashboard .filters .child-filter::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff;
}
header.dashboard .filters .child-filter::-webkit-input-placeholder {
  color: #ffffff;
}
a.expand-collapse .icon.expand-collapse {
  background-position: -147px -14px;
}
a.expand-collapse.collapsed .icon.expand-collapse {
  background-position: -103px -14px;
}
.camps .actions-main a {
  display: inline-block;
  padding: 5px;
  height: 50px;
}
.camps .actions-main a.food {
  background: #f7f7f7;
}
ul.groups-list {
  margin-bottom: 20pt;
}
ul.groups-list .group {
  overflow: hidden;
  background: #f7f7f7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
}
ul.groups-list .group .group-age {
  font-size: 16pt;
  margin-left: 20px;
  width: 200px;
}
ul.groups-list .group .child-name {
  font-size: 16pt;
  margin-left: 20px;
  width: 80px;
}
ul.groups-list .group .group-age,
ul.groups-list .group .actions,
ul.groups-list .group .child-name {
  display: inline-block;
  padding: 10px 5px 10px 0;
}
ul.groups-list .group span.actions .btn-default {
  margin: 0 5px;
  min-width: auto;
}
ul.groups-list .group span.actions .icon {
  float: left;
  margin: 0 4px;
}
ul.groups-list .group .group-label {
  background: #eaeaea;
  padding: 6px 10px 10px;
  display: inline-block;
  color: #fe0000;
  width: 53px;
  font-size: 24pt;
}
.camps.single ul.groups-list {
  margin-bottom: 0;
}
.camps.single ul.groups-list .group {
  margin-bottom: 0;
  border-bottom: 1px solid #eaeaea;
}
.camps.single .group-info {
  background: #f7f7f7;
}
.camps.single .group-details {
  padding: 10px 15px;
}
.camps.single .group-details h3 {
  margin: 5px 0;
  padding: 0 0 5px 0;
  font-size: 16pt;
}
.camps.single .group-details .table {
  border-top: 1px solid #eaeaea;
}
.camps.single .group-details .table tr.noshow {
  opacity: 0.2;
}
.camps.single .group-details .table td {
  font-size: 13pt;
  position: relative;
  z-index: 1;
}
.camps.single .group-details .table td .small {
  font-size: 10pt;
}
.camps.single .group-details .table td.passed {
  opacity: 0.4;
}
.camps.single .group-details .table td.current {
  background: #eaeaea;
}
.camps.single .group-details .table th.passed {
  opacity: 0.4;
}
.camps.single .group-details .table th.current {
  color: #fe0000;
  background: #eaeaea;
}
.camps.single a.check-action {
  color: #656565;
  display: block;
  width: 70px;
  padding: 5px 0 0;
  text-align: center;
  min-height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.camps.single a.signin-action {
  color: #656565;
  display: block;
  min-width: 100px;
  min-height: 30px;
  padding: 5px 0 0;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.table th.wide {
  width: 200px;
}
.signin-form {
  margin: 100px 0;
}
.form-control.dob {
  display: inline-block;
}
.form-control.dob.day {
  width: 80px;
}
.form-control.dob.year {
  width: 95px;
}
.form-control.dob.month {
  width: 160px;
}
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
.timeline-container {
  position: relative;
  padding-top: 4px;
  margin-bottom: 32px;
}
.timeline-item {
  position: relative;
  margin-bottom: 8px;
}
.timeline-item .widget-box {
  background-color: #eaeaea;
  margin: 0;
  position: relative;
  max-width: none;
}
.timeline-item .widget-main {
  margin: 0;
  position: relative;
  max-width: none;
  border-bottom-width: 0;
}
.timeline-item .widget-body {
  background-color: transparent;
}
.widget-body {
  background-color: #f9f9f9;
}
.widget-main {
  padding: 12px;
  background-color: #f9f9f9;
}
.widget-box h4 {
  margin: 0;
  padding: 0 5px;
}
.timetable-info {
  background: #fff;
}