/* ===== Template animations =====*/
@media (min-width: 992px) {
  a,
  .btn,
  .caret,
  .close,
  .navbar-toggle,
  .navbar-header,
  .daterangepicker td,
  .daterangepicker th,
  .date-range > i,
  .date-range:after,
  .media-body .headline-info,
  .ranges ul li,
  .ranges ul li:before,
  .ranges ul li:after,
  .select2-arrow b,
  .select2-highlighted,
  .popup-messages > li > a > strong,
  .activity > li,
  .fancybox-nav span,
  .ui-slider-range,
  .fc-button,
  .dropdown-submenu > a:after,
  .nav-pills > li > a:after,
  .nav-pills .label,
  .nav-tabs .label,
  .dropdown-menu > li > a > i,
  .dropdown-menu .label,
  .dropdown-menu > li > a > img,
  .thumb-zoom img,
  .navigation li a i,
  .thumb-options,
  .ui-datepicker-trigger,
  .checker span,
  .checker span:after,
  .choice span,
  .choice span:after,
  .table-hover > tbody > tr > td,
  .content,
  .ui-timepicker-list li,
  .ui-timepicker-duration,
  .navigation li a:after,
  .has-switch > div > span,
  .has-switch > div > label,
  .has-switch > .switch-animate,
  .panel-trigger > a:after,
  .dropdown-menu > li:before,
  .dropdown-menu > li:after,
  .popup-header a i,
  .jGrowl-close,
  .navbar .navbar-toggle {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
  }
}
/* ===== Infinite rotation animation ===== */
.overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.overlay .opacity {
  background-color: #2C3A3F;
  filter: alpha(opacity=80);
  opacity: 0.8;
  width: 100%;
  height: 100%;
  position: relative;
}
.spin {
  display: inline-block;
  -webkit-animation: rotation 2s linear infinite;
  -moz-animation: rotation 1s ease infinite;
  -ms-animation: rotation 1s ease infinite;
  -o-animation: rotation 1s ease infinite;
  animation: rotation 1s ease infinite;
}
.overlay .spin {
  font-size: 16px;
  color: #fff;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes indicator {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-ms-keyframes indicator {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@-o-keyframes indicator {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes indicator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* ===== Clearfix =====*/
.glyphs:after,
ul.list-justified li:after,
.statistics-info:after,
.info-buttons:after,
.headline-info:after,
.message-controls:after,
.slider-controls:after,
.wysihtml5-toolbar::after,
.footer-icons-group:after,
.footer-links-group:after,
.user-menu > a:after,
.breadcrumb-line:after,
.invoice-header:after,
.breadcrumb-buttons:after,
.popup-messages > li > a:after,
.daterangepicker .range_inputs:after,
.datatable-header:after,
.chat-member:after,
.datatable-footer:after,
.table-footer:after,
.search-control:after,
.calendars:after,
.chat .message:after,
.colorpicker:after,
.task:after {
  content: "";
  display: table;
  clear: both;
}
/* ===== Border radius =====*/
.statistics-info > a,
.daterangepicker td,
.daterangepicker th,
.info-blocks > li,
.search-line,
.jqstooltip,
.plupload_button,
.jGrowl .jGrowl-notification,
.user-face,
.fc-button,
.ui-datepicker .ui-datepicker-current-day .ui-state-active,
.ui-datepicker .ui-state-hover,
.chart-tooltip,
.jGrowl .jGrowl-closer,
.popup-header a,
.has-switch,
.breadcrumb-line,
.chat .message .message-body,
.message-img img,
.fancybox-title-float-wrap .child,
#fancybox-loading,
.chat-member img,
.ranges,
.daterangepicker.opensleft .calendar,
.calendars,
.daterangepicker,
.editor,
.dataTables_paginate a,
.DTTT_collection,
label.error {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
/*===== Other styles =====*/
.block {
  margin-bottom: 0px;
}
.block-inner {
  margin-bottom: 20px;
  display: block;
}
.with-padding {
  padding: 16px;
}
.subtitle {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}
.subtitle i {
  float: left;
  margin: 0 6px 0 0;
  color: #444;
}
.language.dropdown > a > img {
  float: left;
  margin: 3px 6px 0 0;
}
label.error {
  margin-top: 6px;
  margin-bottom: 0;
  color: #fff;
  background-color: #D65C4F;
  display: table;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
}
label.error.valid {
  background-color: #65B688;
}
.required .control-label:after {
  content: "*";
  color: red;
}
.mandatory {
  color: #b94a48;
  margin-left: 2px;
}
ul.list-justified li {
  float: none;
  width: 1%;
  display: table-cell;
}
@media (max-width: 991px) {
  ul.list-justified li {
    display: block;
    width: auto;
  }
}
.scrollable-panel {
  max-height: 400px;
  overflow-y: scroll;
}
.h5Title {
  border-bottom: solid 1px grey;
}
/*===== Info buttons =====*/
.info-buttons {
  margin-left: 0;
  margin-right: 0;
}
.info-buttons a {
  display: block;
  color: #505050;
  padding: 10px 12px;
  text-align: center;
  position: relative;
  background-color: #fafafa;
  border: 1px solid #ddd;
}
.info-buttons a + a {
  border-left: 0;
}
.info-buttons a i {
  font-size: 32px;
  margin: 0;
  display: block;
  font-weight: normal;
}
.info-buttons a span {
  display: block;
  margin-top: 8px;
  font-weight: 600;
  font-size: 12px;
}
.info-buttons a strong {
  position: absolute;
  right: -1px;
  top: -1px;
}
.info-buttons a:hover {
  background-color: #fcfcfc;
  border-color: #e5e5e5;
  color: #2A6496;
}
.info-buttons a:active,
.info-buttons a:focus {
  color: #3792A8;
  border-color: #d5d5d5;
}
/*===== Info blocks =====*/
.info-blocks {
  list-style: none;
  width: 100%;
  text-align: center;
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
}
.info-blocks > li {
  display: inline-block;
  text-align: center;
  min-width: 150px;
  white-space: nowrap;
  margin: 0 10px 5px 10px;
}
.info-blocks > li > a > i {
  font-size: 48px;
  display: inline-block;
  margin-bottom: 20px;
}
.info-blocks > li > a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  color: #fff;
}
.top-info {
  margin: 16px 14px 14px 14px;
}
.top-info > a {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
}
.top-info > a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  color: #fff;
}
.top-info > small {
  font-size: 11px;
  display: block;
  margin-top: -2px;
}
.bottom-info {
  display: block;
  font-size: 11px;
  padding: 4px 8px 5px 8px;
  font-weight: 600;
  border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
}
@media (max-width: 478px) {
  .info-blocks > li {
    width: 49%;
    margin: 10px 0;
  }
}
/*===== Chart styles =====*/
.chart {
  float: right;
  margin-top: 4px;
}
.legendLabel {
  font-size: 11px;
}
.legendLabel span {
  display: block;
  margin: 0 5px;
}
.legendColorBox {
  padding: 4px 8px 0 0;
  vertical-align: top;
}
.legendColorBox div > div {
  width: 5px;
  height: 5px;
}
.graph {
  height: 150px;
  z-index: 9;
  width: 100%;
}
.graph-standard {
  height: 250px;
  z-index: 90;
  width: 100%;
  overflow: hidden;
}
/*===== Sparkline chart tooltip =====*/
.jqstooltip {
  border: 0!important;
  padding: 6px 8px!important;
  opacity: 1!important;
  filter: alpha(opacity=100) !important;
  height: auto!important;
  width: auto!important;
  background-color: #3A4B55!important;
}
/*===== Flot chart tooltip =====*/
.chart-tooltip {
  position: absolute;
  display: none;
  max-width: 200px;
  font-weight: 400;
  white-space: nowrap;
  padding: 9px 14px;
  line-height: 1.4;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #32434D;
  z-index: 9999;
}
.chart-tooltip:after {
  content: '';
  display: inline-block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #32434D;
  position: absolute;
  bottom: -5px;
  left: 4px;
}
/*===== Real time chart widgets =====*/
.realtime-stats {
  padding: 16px;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}
.section-details {
  font-size: 20px;
  font-weight: 600;
  border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: 0;
}
.section-details .row > div {
  padding-top: 12px;
  padding-bottom: 12px;
  border-left: 1px solid #eee;
}
.section-details .row > div:first-child {
  border-left: 0;
}
.section-details span {
  display: block;
  font-size: 11px;
  font-weight: 400;
  color: #999;
}
/* ===== Task timer ===== */
.timer-weekdays {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.timer-weekdays > li {
  display: inline-block;
  margin: 2px 0;
}
.timer-weekdays > li > a {
  display: block;
  margin: 0 1px;
}
.timer-weekdays .label-default {
  background-color: #d5d5d5;
}
.timer {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
.timer > li {
  font-size: 50px;
  text-align: center;
  display: inline-block;
  color: #555;
  font-weight: 300;
}
.timer > li.dots {
  font-size: 24px;
  vertical-align: top;
  padding: 16px 0 18px 0;
}
.timer > li > span {
  display: block;
  font-size: 14px;
}
/*===== Date range picker ====*/
.daterangepicker {
  max-width: none;
  position: absolute;
  top: 100px;
  left: 20px;
  border: 0;
  margin-top: 10px;
  z-index: 900;
  display: none;
}
.daterangepicker_start_input {
  margin-right: 10px;
}
.daterangepicker_start_input input:hover {
  cursor: pointer !important;
}
.daterangepicker_end_input input:hover {
  cursor: pointer !important;
}
.daterangepicker.opensleft .ranges,
.daterangepicker.opensleft .calendar {
  float: left;
}
.daterangepicker.opensleft .calendar {
  margin-left: 12px;
  background: #FFF;
  border: 1px solid #DDD;
}
.daterangepicker.opensleft .calendar:first-child {
  margin-left: 0;
}
.daterangepicker.opensright .ranges,
.daterangepicker.opensright .calendar {
  float: right;
  margin: 4px;
}
.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}
.ranges {
  /*width: 186px;*/
  text-align: left;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.ranges label {
  font-size: 11px;
  margin-bottom: 2px;
}
.ranges input {
  /*font-size: 11px;*/
  font-size: 10px;
  /*padding: 6px 8px;*/
  padding: 4px;
  height: 20px;
}
.ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ranges li {
  color: #333;
  /*padding: 10px 12px 11px 12px;*/
  padding: 5px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  font-weight: 600;
  cursor: pointer;
}
.ranges li:first-child {
  margin-top: -1px;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}
.ranges li:hover {
  background: #545663;
  border-color: #545663;
  color: #fff;
}
.ranges li.active {
  background: #47a314;
  border-color: #47a314;
  color: #fff;
}
.ranges ul li:first-child:before {
  position: absolute;
  top: -7px;
  right: 50%;
  display: inline-block;
  border-right: 7px solid rgba(0, 0, 0, 0);
  border-bottom: 7px solid #ddd;
  border-left: 7px solid rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
  margin-right: -8px;
}
.ranges ul li:first-child:after {
  position: absolute;
  top: -6px;
  right: 50%;
  display: inline-block;
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #FFF;
  border-left: 6px solid rgba(0, 0, 0, 0);
  content: '';
  margin-right: -7px;
}
.ranges ul li:hover:first-child:after {
  border-bottom-color: #32434D;
}
.ranges ul li:hover:first-child:before {
  border-bottom-color: #32434D;
}
.ranges ul li.active:first-child:after {
  border-bottom-color: #65B688;
}
.ranges ul li.active:first-child:before {
  border-bottom-color: #65B688;
}
.daterangepicker .range_inputs {
  text-align: center;
  /*padding: 10px 12px 12px 12px;*/
  padding: 5px;
  border: 1px solid #ddd;
  border-bottom: 0;
  margin-top: 1px;
  background-color: #fefefe;
}
.daterangepicker .range_inputs > div {
  width: 75px;
  float: left;
}
.daterangepicker .range_inputs .btn {
  margin-top: 12px;
}
.calendars {
  padding: 6px;
  /*padding: 12px;*/
  background: #fff;
  border: 1px solid #ddd;
  float: left;
  display: none;
  margin-right: 1px;
}
.daterangepicker .calendar {
  display: none;
}
.daterangepicker .calendar th,
.daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
}
.daterangepicker .calendar tr:first-child th {
  font-size: 13px;
  font-weight: 600;
}
.daterangepicker .calendar td {
  font-weight: 600;
}
.daterangepicker .calendar-date {
  padding: 2px;
}
.daterangepicker .calendar-time {
  text-align: center;
  line-height: 30px;
  border-top: 1px solid #DDD;
  padding: 12px;
}
.daterangepicker table {
  width: 100%;
  margin: 0;
}
.daterangepicker td,
.daterangepicker th {
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  /*padding: 8px;*/
  padding: 4px 2px;
  /*font-size: 12px;*/
  font-size: 10px;
  line-height: 14px;
}
.daterangepicker td.off {
  color: #999;
}
.daterangepicker td.disabled {
  color: #999;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background: #32434D;
  color: #fff;
}
.daterangepicker td.in-range {
  background: #f5f5f5;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #D65C4F;
  color: #fff;
}
.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.ampmselect {
  width: 60px;
  margin-bottom: 0;
}
.range {
  cursor: pointer;
  margin: 32px 0;
  float: right;
}
.range .label {
  margin: 5px 0 0 8px;
  display: inline-block;
}
.date-range {
  float: left;
}
.date-range > i {
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
}
.date-range:hover > i {
  color: #676767;
}
.date-range b {
  display: inline-block;
  margin-top: 2px;
  margin-left: 4px;
  font-weight: 400;
}
.date-range b > i {
  font-size: 11px;
  font-weight: 600;
  color: #777;
  display: block;
  line-height: 14px;
  text-transform: uppercase;
  font-style: normal;
}
.date-range em {
  line-height: 30px;
  vertical-align: top;
  margin: 0 6px;
}
.date-range:after {
  content: "";
  display: block;
  float: left;
  background: url(../images/ui/vertical_arrows.png) no-repeat 0 0;
  width: 11px;
  height: 6px;
  margin: 13px 8px 0 0;
}
.range-shown .date-range:after {
  background-position: 0 -6px;
}
@media (max-width: 767px) {
  .range {
    margin: 0;
  }
  .daterangepicker {
    margin-top: -14px;
  }
  .daterangepicker.opensleft .calendar {
    margin-left: 0;
    float: none;
    margin-top: 12px;
  }
  .daterangepicker.opensleft .calendar:first-child {
    margin-top: 0;
  }
  .date-range,
  .range .label {
    display: none;
  }
  .ranges ul li:first-child:before {
    right: 11px;
    margin-right: -1px;
  }
  .ranges ul li:first-child:after {
    right: 11px;
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .calendars {
    position: absolute;
    top: 100%;
    left: 0;
    background: none;
    border: 0;
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
  }
  .daterangepicker {
    left: 0!important;
    right: 0;
    padding: 0 15px;
  }
  .daterangepicker,
  .daterangepicker .ranges {
    width: 100%;
    float: none;
  }
  .daterangepicker .ranges .range_inputs > div {
    width: 48%;
  }
  .daterangepicker_start_input {
    margin-right: 4%;
  }
}
/*===== Dual select boxes ====*/
/*===== Container where applicable =====*/
.dualselect-container {
  margin: 12px 5px 5px 5px;
  position: relative;
}
.dual-control .btn {
  padding: 0 8px;
  line-height: 24px;
  font-size: 11px;
  cursor: pointer;
  height: 26px;
  margin-bottom: 4px;
  width: 40px;
  position: relative;
  border: 2px solid #DDDDDD;
  box-sizing: border-box;
}
.dual-control .btn:hover {
  border: 2px solid #888888;
}
.left-box {
  float: left;
}
.right-box {
  float: right;
}
.filter {
  position: absolute;
  right: 25px;
  top: 7px;
  font-size: 13px;
  background: none;
  border: none;
  color: #808080;
  padding: 0;
}
.left-box,
.right-box {
  width: 40%;
  display: inline-block;
  text-align: center;
  position: relative;
}
.dual-control {
  width: 20%;
  display: inline-block;
  position: inherit;
  left: 0;
  margin: -5px 0 0 0;
  box-sizing: border-box;
  text-align: center;
}
.control-arrows {
  padding: 0 2px;
}
.element-controls .dual-control {
  margin: 20px 0 0 0;
}
.fitbox-theme .dual-control {
  margin: 0;
}
.fitbox-theme .dual-control .btn {
  line-height: 24px;
  width: 35px;
  height: 30px;
  display: inline-block;
}
.count-label {
  color: gray;
  font-style: italic;
  margin-top: 10px;
  display: block;
  font-size: 11px;
}
.left-box input[type=text],
.right-box input[type=text] {
  margin-bottom: 12px;
}
@media (max-width: 480px) {
  .left-box,
  .right-box {
    width: 100%;
    float: none;
  }
  .dual-control {
    width: auto;
    margin: 20px 0;
    position: static;
    left: 0;
  }
  .count-label {
    text-align: center;
  }
}
.input-groups-fix {
  margin-bottom: 0px !important;
}
.input-groups-fix::-ms-clear {
  display: none;
}
/* SPACING TOOLS */
.shareSpace {
  padding-bottom: 10px;
}
.shareSpace .radio label {
  padding-left: 0px;
}
.teamMemberList select {
  min-height: 100px;
}
.sharedMembers {
  min-height: 100px;
  max-height: 200px;
  overflow-x: hidden !important;
}
.fitbox-theme .floatThead-wrapper .sharedMembers {
  min-height: 100px;
  max-height: 200px;
  overflow-x: hidden !important;
}
.teamMemberGroupEmpty {
  padding: 10px 0;
  color: #FF1E00;
  font-size: 14px;
}
/* === MOBILE CONTROL SPECIFIC === */
.mobile-control {
  text-align: center;
  padding-top: 20px;
}
/*===== Uniform. Checkbox =====*/
.checker,
.checker span,
.checker input {
  width: 18px;
  height: 18px;
}
.checker {
  position: relative;
  margin-right: 6px;
  margin-top: -3px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.checker span {
  border: 1px solid #c5c5c5;
  background-color: #fff;
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
  position: relative;
}
.checker span:after {
  content: "";
  background: url(../images/ui/forms/check.png) no-repeat 50%;
  opacity: 0;
  filter: alpha(opacity=0);
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.checker span.checked:after {
  content: "";
  opacity: 1;
  filter: alpha(opacity=100);
}
.checker.focus span.checked:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.checkbox-danger .checker span:after {
  content: "";
  background-image: url(../images/ui/forms/check_white.png);
}
.checkbox-danger .checker span:hover {
  border-color: #D65C4F;
}
.checkbox-danger .checker:active span,
.checkbox-danger .checker.active span,
.checkbox-danger .checker span.checked {
  border-color: #D65C4F;
  background-color: #D65C4F;
}
.checkbox-success .checker span:after {
  content: "";
  background-image: url(../images/ui/forms/check_white.png);
}
.checkbox-success .checker span:hover {
  border-color: #00BF00;
}
.checkbox-success .checker:active span,
.checkbox-success .checker.active span,
.checkbox-success .checker span.checked {
  border-color: #00BF00;
  background-color: #00BF00;
}
.checkbox-primary .checker span:after {
  content: "";
  background-image: url(../images/ui/forms/check_white.png);
}
.checkbox-primary .checker span:hover {
  border-color: #455763;
}
.checkbox-primary .checker:active span,
.checkbox-primary .checker.active span,
.checkbox-primary .checker span.checked {
  border-color: #455763;
  background-color: #455763;
}
.checkbox-info .checker span:after {
  content: "";
  background-image: url(../images/ui/forms/check_white.png);
}
.checkbox-info .checker span:hover {
  border-color: #3CA2BB;
}
.checkbox-info .checker:active span,
.checkbox-info .checker.active span,
.checkbox-info .checker span.checked {
  border-color: #3CA2BB;
  background-color: #3CA2BB;
}
.checker input[type=checkbox] {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0;
  vertical-align: top;
  cursor: pointer;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
}
.checker:active span,
.checker.active span {
  background-color: #f8f8f8;
  border-color: #d5d5d5;
}
.checker.focus span,
.checker:hover span {
  background-color: #fafafa;
}
.checker.focus:active span.checked:after,
.checker:hover:active span.checked:after,
.checker.active:hover span.checked:after,
.checker.active.focus span.checked:after {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.checker.disabled span,
.checker.disabled:active span,
.checker.disabled.active span {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.checker.disabled span.checked,
.checker.disabled:active span.checked,
.checker.disabled.active span.checked {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.checker.disabled span.checked:after,
.checker.disabled:active span.checked:after,
.checker.disabled.active span.checked:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
/*===== Uniform. Radio =====*/
.choice,
.choice span,
.choice input {
  width: 18px;
  height: 18px;
}
.choice {
  position: relative;
  margin-right: 6px;
  margin-top: -3px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.choice span {
  border: 1px solid #c5c5c5;
  background-color: #fff;
  display: -moz-inline-box;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center;
  position: relative;
}
.choice span:after {
  content: "";
  background: url(../images/ui/forms/choice.png) no-repeat 50%;
  opacity: 0;
  filter: alpha(opacity=0);
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.choice span.checked:after {
  content: "";
  opacity: 1;
  filter: alpha(opacity=100);
}
.choice.focus span.checked:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.choice:active span,
.choice.active span {
  background-color: #f8f8f8;
  border-color: #d5d5d5;
}
.choice.focus span,
.choice:hover span {
  background-color: #fafafa;
}
.radio-danger .choice span:after {
  content: "";
  background-image: url(../images/ui/forms/choice_white.png);
}
.radio-danger .choice span:hover {
  border-color: #D65C4F;
}
.radio-danger .choice:active span,
.radio-danger .choice.active span,
.radio-danger .choice span.checked {
  border-color: #D65C4F;
  background-color: #D65C4F;
}
.radio-success .choice span:after {
  content: "";
  background-image: url(../images/ui/forms/choice_white.png);
}
.radio-success .choice span:hover {
  border-color: #00BF00;
}
.radio-success .choice:active span,
.radio-success .choice.active span,
.radio-success .choice span.checked {
  border-color: #00BF00;
  background-color: #00BF00;
}
.radio-primary .choice span:after {
  content: "";
  background-image: url(../images/ui/forms/choice_white.png);
}
.radio-primary .choice span:hover {
  border-color: #455763;
}
.radio-primary .choice:active span,
.radio-primary .choice.active span,
.radio-primary .choice span.checked {
  border-color: #455763;
  background-color: #455763;
}
.radio-info .choice span:after {
  content: "";
  background-image: url(../images/ui/forms/choice_white.png);
}
.radio-info .choice span:hover {
  border-color: #3CA2BB;
}
.radio-info .choice:active span,
.radio-info .choice.active span,
.radio-info .choice span.checked {
  border-color: #3CA2BB;
  background-color: #3CA2BB;
}
.choice input[type=radio] {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 18px;
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
  float: none;
  margin: 0;
  vertical-align: top;
  cursor: pointer;
}
.choice.focus:active span.checked:after,
.choice:hover:active span.checked:after,
.choice.active:hover span.checked:after,
.choice.active.focus span.checked:after {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.choice.disabled span,
.choice.disabled:active span,
.choice.disabled.active span {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.choice.disabled span.checked,
.choice.disabled:active span.checked,
.choice.disabled.active span.checked {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.choice.disabled span.checked:after,
.choice.disabled:active span.checked:after,
.choice.disabled.active span.checked:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
/*===== File uploader =====*/
.uploader {
  width: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid #ddd;
  background: #fff;
  padding: 2px 2px 2px 10px;
}
.uploader span.action {
  width: 28px;
  background: url(../images/ui/forms/add_files.png) no-repeat 0 0;
  height: 28px;
  cursor: pointer;
  float: right;
  text-indent: -9999px;
  display: inline;
  overflow: hidden;
}
.uploader:hover span.action {
  background-position: 0 -28px;
}
.uploader:active span.action {
  background-position: 0 -56px;
}
.uploader span.filename {
  color: #777;
  cursor: pointer;
  max-width: 200px;
  font-size: 11px;
  line-height: 28px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uploader input[type=file] {
  width: 100%;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 32px;
  border: none;
  cursor: pointer;
}
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}
.uploader.disabled span.action {
  color: #aaa;
}
.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/* ===== Multiple file uploader (Plupload) ===== */
.plupload_button {
  display: -moz-inline-box;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  background-color: #50ABC2;
  border: 1px solid transparent;
  padding: 6px 16px;
  margin-right: 4px;
  font-size: 12px;
}
.plupload_button:hover,
.plupload_button:focus {
  background-color: #61B3C8;
  color: #fff;
}
a.plupload_disabled,
a.plupload_disabled:hover {
  color: #999;
  border-color: #ccc;
  background: #fcfcfc;
  cursor: default;
}
.plupload_start {
  background-color: #65B688;
}
.plupload_start:hover,
.plupload_start:focus {
  background-color: #74BD94;
}
.plupload_wrapper {
  width: 100%;
}
.plupload_container input {
  border: 1px solid #DDD;
}
.plupload_header {
  background: #4C5D68 url(../images/ui/plupload_title.png) no-repeat 18px;
  display: none;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}
.with-header .plupload_header {
  display: block;
}
.with-header .plupload_filelist_header {
  background-color: #fafafa;
  color: #333;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: 1px solid #ddd;
  border-top: 0;
}
.panel .plupload_filelist_header {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.panel .plupload_scroll .plupload_filelist {
  border: 0;
  background-color: #fff;
}
.panel .plupload_filelist_footer {
  border-width: 1px 0 0 0;
  background-color: #fcfcfc;
}
.panel .plupload_filelist_header {
  background-color: #fcfcfc;
  color: #333;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: 0;
  border-bottom: 1px solid #ddd;
}
.plupload_scroll .plupload_filelist_header .plupload_file_action,
.plupload_scroll .plupload_filelist_footer .plupload_file_action {
  margin-left: 20px;
  margin-right: 0;
}
.plupload_header_content {
  padding: 14px 0 14px 75px;
  color: #FFF;
}
.plupload_header_title {
  font-size: 14px;
  font-weight: 600;
}
.plupload_header_text {
  font-size: 11px;
}
.plupload_filelist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.plupload_scroll .plupload_filelist {
  height: 185px;
  background: #fcfcfc;
  overflow-y: scroll;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.plupload_filelist li {
  padding: 10px 12px;
  background: #FFF;
  border-bottom: 1px solid #EEE;
}
.plupload_filelist_header {
  padding: 9px 12px 9px 12px;
  background: #4C5D68;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  color: #fff;
}
.plupload_filelist_footer {
  border: 1px solid #ddd;
  border-top-color: #e5e5e5;
  vertical-align: middle;
  padding: 10px 12px;
  background: #fafafa;
}
.plupload_file_name {
  float: left;
  overflow: hidden;
  font-weight: 600;
}
.plupload_file_size,
.plupload_file_status,
.plupload_progress {
  float: right;
  width: 80px;
}
.plupload_file_size,
.plupload_file_status,
.plupload_file_action {
  text-align: right;
  font-weight: 600;
}
.plupload_filelist_footer .plupload_file_size,
.plupload_filelist_footer .plupload_file_status {
  padding-top: 7px;
}
.plupload_filelist_footer .plupload_upload_status {
  padding: 7px 0;
}
.plupload_filelist .plupload_file_name {
  width: 205px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.plupload_file_action {
  float: right;
  width: 12px;
  height: 12px;
  margin-left: 20px;
  margin-top: 4px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.plupload_file_action * {
  display: none;
  width: 12px;
  height: 12px;
}
li.plupload_uploading {
  background: #ECF3DC;
}
li.plupload_done {
  color: #AAA;
}
li.plupload_delete a {
  background: url(../images/ui/plupload_remove.png) no-repeat;
}
li.plupload_failed a {
  background: url(../images/ui/plupload_error.png) no-repeat;
  cursor: default;
}
li.plupload_done a {
  background: url(../images/ui/plupload_done.png) no-repeat;
  cursor: default;
}
li.plupload_droptext {
  background: transparent;
  text-align: center;
  vertical-align: middle;
  border: 0;
  line-height: 165px;
  font-weight: 600;
  color: #999;
}
.plupload_progress,
.plupload_upload_status {
  display: none;
}
.plupload_progress_container {
  margin-top: 6px;
}
.plupload_progress_bar {
  width: 0px;
  height: 8px;
  background: #65B688;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.plupload_clear,
.plupload_clearer {
  clear: both;
}
.plupload_clearer,
.plupload_progress_bar {
  display: block;
  font-size: 0;
  line-height: 0;
}
@media (max-width: 480px) {
  .plupload_filelist_footer .plupload_file_action,
  .plupload_filelist_footer .plupload_file_status,
  .plupload_filelist_footer .plupload_file_size,
  .plupload_filelist_footer .plupload_progress {
    display: none;
  }
}
.remove-scroll {
  overflow-x: hidden;
}
/*===== Multiselect =====*/
.multiselect-container li a {
  padding: 0;
}
.multiselect-container li a label {
  width: 100%;
  padding: 10px 10px 11px 10px!important;
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
  margin: 0!important;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.multiselect-group {
  color: #D65C4F;
  padding: 11px 12px 12px 12px;
  margin: 0;
}
/*===== Tags Input plugin =====*/
.tagsinput {
  border: 1px solid #d5d5d5;
  background: #fff;
  padding: 0 0 3px 0;
  width: 100%;
  overflow-y: auto;
}
.tagsinput span.tag {
  display: block;
  float: left;
  position: relative;
  padding: 7px 12px 8px 26px;
  background: #239169;
  color: #fff;
  margin: 3px 0 0 3px;
}
.tagsinput span.tag a {
  display: block;
  text-indent: -9999px;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 8px;
  top: 10px;
  outline: none;
  background: url(../images/ui/forms/clear_results.png) no-repeat 50%;
}
.tagsinput span.tag a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.tagsinput input {
  width: 120px;
  border: none;
  padding: 7px 12px 8px 12px;
  background: transparent;
  margin: 3px 0 0 0;
}
.tagsinput input:focus {
  outline: 0;
}
.tagsinput div {
  display: block;
  float: left;
  position: relative;
  margin-left: 3px;
}
.tags_clear {
  clear: both;
  height: 0px;
}
.not_valid {
  background: #FBD8DB !important;
  color: #90111A !important;
}
.tagsinput .ui-helper-hidden-accessible {
  display: none;
}
/* ===== jQuery UI spinner ===== */
.ui-spinner {
  width: 100%;
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-button {
  width: 25px;
  height: 16px;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
.ui-spinner a.ui-spinner-button {
  cursor: pointer;
}
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
  text-indent: -99999px;
}
.ui-spinner-up {
  top: 0;
  background: url(../images/ui/forms/spinner_top.png) no-repeat;
  border-top: 1px solid #ddd;
}
.ui-spinner-down {
  bottom: 0;
  background: url(../images/ui/forms/spinner_bottom.png) no-repeat;
  border-bottom: 1px solid #ddd;
}
/*===== Datatables =====*/
.datatable-media tbody td:first-child {
  width: auto;
}
.dataTable thead th.actions-column {
  width: 40px;
  text-align: center;
}
.dataTable thead th.image-column {
  width: 48px;
  text-align: center;
}
.dataTable thead th.team-links {
  width: 100px;
}
.dataTable {
  border-collapse: collapse;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.dataTable thead th {
  background-color: #fafafa;
  cursor: pointer;
}
.dataTable thead th.sorting_disabled {
  cursor: default;
}
.dataTable thead th:active,
.dataTable thead td:active {
  outline: none;
}
.dataTable tfoot th input[type=text] {
  background: url(../images/ui/tables/filter.png) no-repeat 12px;
  padding-left: 32px;
  font-weight: 400;
}
.sorting {
  background: url('../images/ui/tables/sort_both.png') no-repeat 100%;
  padding-right: 24px!important;
}
.sorting_asc {
  background: url('../images/ui/tables/sort_asc.png') no-repeat 100%;
  padding-right: 24px!important;
}
.sorting_desc {
  background: url('../images/ui/tables/sort_desc.png') no-repeat 100%;
  padding-right: 24px!important;
}
.sorting_asc_disabled {
  background: url('../images/ui/tables/sort_asc_disabled.png') no-repeat 100%;
  padding-right: 24px!important;
}
.sorting_desc_disabled {
  background: url('../images/ui/tables/sort_desc_disabled.png') no-repeat 100%;
  padding-right: 24px!important;
}
.table-condensed .sorting,
.table-condensed .sorting_asc,
.table-condensed .sorting_desc,
.table-condensed .sorting_asc_disabled,
.table-condensed .sorting_desc_disabled {
  background-position: 100% 6px;
}
.dataTable tbody tr.selected {
  background-color: #b0bed9;
}
.dataTable th.center,
.dataTable td.center,
.dataTable td.dataTables_empty {
  text-align: center;
}
.dataTable th.right,
.dataTable td.right {
  text-align: right;
}
.dataTable.with-options tbody td:last-child {
  white-space: nowrap !important;
}
td.details-control {
  background: url('../images/details_open.png') no-repeat center center;
  cursor: pointer;
}
tr.shown td.details-control {
  background: url('../images/details_close.png') no-repeat center center;
}
.dataTable,
.dataTable th,
.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
}
.dataTable h1,
.dataTable h2,
.dataTable h3,
.dataTable h4,
.dataTable h5,
.dataTable h6 {
  margin: 0;
}
.datatable-header,
.datatable-footer {
  background: #fff;
}
.datatable-header label {
  margin-bottom: 0;
}
.dataTables_length {
  float: right;
  padding: 0 0 10px 0;
  display: block;
}
.dataTables_length > label > span {
  float: left;
  line-height: 13px;
  padding: 10px 0;
  margin-right: 12px;
  font-size: 12px;
}
/*.panel .dataTables_length {
  padding: 16px 14px;
}*/
.dataTables_filter {
  padding: 0 0 20px 0;
  position: relative;
  display: block;
  float: left;
}
.dataTables_filter label > span {
  display: block;
  float: left;
  line-height: 13px;
  padding: 10px 0;
  margin-right: 12px;
  font-size: 12px;
}
.dataTables_filter label > input[type=search] {
  background: url(../images/ui/filter.png) no-repeat 95%;
  line-height: 1.42857143;
  height: 34px;
  padding: 7px 30px 8px 9px;
  width: auto;
  color: #505050;
  outline: 0;
  font-weight: 400;
  vertical-align: middle;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
/*.panel .dataTables_filter {
 padding: 16px 14px;
}*/
.dataTables_info {
  padding: 20px 0 0 0;
  display: block;
  float: left;
  font-size: 12px;
}
.panel .dataTables_info {
  padding: 17px 14px;
}
.dataTables_paginate {
  float: right;
  margin: 17px 0 0 0;
}
.panel .dataTables_paginate {
  margin: 17px 14px;
}
.paging_full_numbers a:active {
  outline: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin-left: 1px;
  cursor: pointer;
  font-weight: 600;
  color: #505050;
  padding: 5px 10px;
  font-size: 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
  background-color: #545663;
  outline: 0;
  color: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  background-color: #545663;
  color: #fff;
  outline: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus {
  color: #999;
  background: none;
  cursor: default;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 14px;
  background-color: #fff;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
/*===== Datatables tabletools plugin =====*/
.DTTT_container {
  position: relative;
  float: right;
  margin-left: 2px;
}
.DTTT_button {
  cursor: pointer;
}
.DTTT_nonbutton {
  display: block;
  float: left;
  line-height: 13px;
  padding: 10px 0;
  margin-right: 12px;
  font-size: 12px;
}
.DTTT_button.btn {
  padding-left: 12px;
  padding-right: 12px;
}
.DTTT_button.btn .caret {
  margin-right: 0;
}
.DTTT_button.btn + .DTTT_button.btn {
  margin-left: 1px;
}
.DTTT_button embed {
  outline: none;
}
.DTTT_button_collection span {
  padding-right: 17px;
  background: url(../images/ui/collection.png) no-repeat center right;
}
.DTTT_button_collection:hover span {
  padding-right: 17px;
  background: #f0f0f0 url(../images/ui/collection_hover.png) no-repeat center right;
}
/* Row selection styles */
.DTTT_selectable tbody tr {
  cursor: pointer;
}
.dataTable tr.DTTT_selected.odd td,
.dataTable tr.DTTT_selected.odd td.sorting_1,
.dataTable tr.DTTT_selected.odd td.sorting_2,
.dataTable tr.DTTT_selected.odd td.sorting_3 {
  background-color: #F2FCF7;
}
.dataTable tr.DTTT_selected.even td,
.dataTable tr.DTTT_selected.even td.sorting_1,
.dataTable tr.DTTT_selected.even td.sorting_2,
.dataTable tr.DTTT_selected.even td.sorting_3 {
  background-color: #ECFCF3;
}
/* Drop down list (collection) styles */
.DTTT_collection {
  width: 146px;
  overflow: hidden;
  z-index: 2002;
  margin-top: 2px;
  margin-left: -40px;
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.DTTT_collection_background {
  background: transparent;
  z-index: 2001;
}
.DTTT_collection .DTTT_button {
  position: relative;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  display: block;
  padding: 8px 12px 9px 12px;
  color: #444;
  font-weight: 600;
  font-size: 12px;
}
.DTTT_collection .DTTT_button:hover {
  color: #fff;
  background-color: #546672;
  border-color: #546672;
}
/* Print display styles */
.DTTT_Print .page-content {
  margin: 30px 25px 0 25px;
  padding-top: 0;
}
.DTTT_Print .sidebar {
  display: none!important;
}
.DTTT_print_info {
  position: fixed;
  top: 10%;
  left: 50%;
  width: 400px;
  margin-left: -200px;
  text-align: center;
  color: #fff;
  padding: 12px;
  background-color: #32434D;
  opacity: 0.95;
  filter: alpha(opacity=95);
  z-index: 1001;
}
@media (max-width: 480px) {
  .datatable-header,
  .datatable-footer {
    text-align: center;
  }
  .datatable-scroll {
    overflow-x: auto;
    overflow-y: visible;
  }
  .dataTables_filter,
  .dataTables_length,
  .dataTables_paginate,
  .dataTables_info,
  .paging_full_numbers,
  .DTTT_container {
    float: none;
  }
  .DTTT_container {
    margin: 16px 0 0 0;
  }
  .panel .dataTables_length,
  .panel .dataTables_paginate {
    padding-top: 0;
    margin-top: 0;
  }
}
.hide {
  display: none;
}
.inuse,
.ui-slider-range .inuse,
.yadcf-filter-range-number-slider .inuse {
  background: #8BBEF0;
}
.yadcf-filter-reset-button {
  display: inline-block;
}
.yadcf-filter-reset-button.range-number-slider-reset-button {
  position: relative;
  top: -6px;
}
.yadcf-filter {
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 3px;
  padding-top: 3px;
}
.yadcf-filter > option {
  background: white;
}
.ui-autocomplete .ui-menu-item {
  font-size: 13px;
}
#ui-datepicker-div {
  font-size: 13px;
}
.yadcf-filter-wrapper {
  display: inline-block;
  white-space: nowrap;
  margin-left: 2px;
}
.yadcf-filter-range-number {
  width: 40px;
}
.yadcf-filter-range-number-seperator {
  margin-left: 10px;
  margin-right: 10px;
}
.yadcf-filter-range-date {
  width: 80px;
}
.yadcf-filter-range-date-seperator {
  margin-left: 10px;
  margin-right: 10px;
}
.yadcf-filter-wrapper-inner {
  display: inline-block;
  border: 1px solid #ABADB3;
  padding-left: 2px;
  padding-right: 2px;
}
.yadcf-number-slider-filter-wrapper-inner {
  display: inline-block;
  width: 200px;
  margin-bottom: 7px;
}
.yadcf-filter-range-number-slider .ui-slider-handle {
  width: 10px;
  height: 10px;
  margin-top: 1px;
}
.yadcf-filter-range-number-slider .ui-slider-range {
  position: relative;
  height: 5px;
}
.yadcf-filter-range-number-slider {
  height: 5px;
  margin-left: 6px;
  margin-right: 6px;
}
.yadcf-filter-range-number-slider {
  overflow: visible;
}
.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-min-tip {
  font-size: 13px;
  font-weight: normal;
  position: absolute;
  outline-style: none;
}
.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-max-tip {
  font-size: 13px;
  font-weight: normal;
  position: absolute;
  outline-style: none;
}
.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-min-tip-inner {
  position: absolute;
  top: 11px;
}
.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-max-tip-inner {
  position: absolute;
  top: 11px;
}
table.DTCR_clonedTable {
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 202;
}
div.DTCR_pointer {
  width: 1px;
  background-color: #0259C4;
  z-index: 201;
}
/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
  background-color: white;
}
.dataTables_processing {
  z-index: 105;
}
#wellnessTable_wrapper {
  min-height: 600px;
}
#wellnessTable_wrapper .dataTables_scroll {
  overflow-x: hidden;
  overflow-y: auto;
}
#wellnessTable_wrapper .DTFC_ScrollWrapper {
  min-height: 590px;
}
#wellnessTable_wrapper .dataTables_scrollBody {
  position: absolute;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child,
table.dataTable.dtr-inline.collapsed tbody th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
  top: 8px;
  left: 4px;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child.dataTables_empty:before {
  display: none;
}
table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed tbody tr.child td:before {
  display: none;
}
table.dataTable.dtr-column tbody td.control,
table.dataTable.dtr-column tbody th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column tbody td.control:before,
table.dataTable.dtr-column tbody th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-column tbody tr.parent td.control:before,
table.dataTable.dtr-column tbody tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable tr.child {
  padding: 0.5em 1em;
}
table.dataTable tr.child:hover {
  background: transparent !important;
}
table.dataTable tr.child ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable tr.child ul li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable tr.child ul li:first-child {
  padding-top: 0;
}
table.dataTable tr.child ul li:last-child {
  border-bottom: none;
}
table.dataTable tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * ColVis styles
 */
div.ColVis {
  float: right;
  margin-bottom: 1em;
}
button.ColVis_Button,
ul.ColVis_collection li {
  position: relative;
  float: left;
  margin-right: 3px;
  padding: 5px 8px;
  border: 1px solid #999;
  cursor: pointer;
  *cursor: hand;
  font-size: 0.88em;
  color: black !important;
  white-space: nowrap;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 3px #ccc;
  -moz-box-shadow: 1px 1px 3px #ccc;
  -ms-box-shadow: 1px 1px 3px #ccc;
  -o-box-shadow: 1px 1px 3px #ccc;
  box-shadow: 1px 1px 3px #ccc;
  /* Generated by http://www.colorzilla.com/gradient-editor/ */
  background: #ffffff;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* Opera 11.10+ */
  background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
  /* IE6-9 */
}
.ColVis_Button:hover,
ul.ColVis_collection li:hover {
  border: 1px solid #666;
  text-decoration: none !important;
  -webkit-box-shadow: 1px 1px 3px #999;
  -moz-box-shadow: 1px 1px 3px #999;
  -ms-box-shadow: 1px 1px 3px #999;
  -o-box-shadow: 1px 1px 3px #999;
  box-shadow: 1px 1px 3px #999;
  background: #f3f3f3;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* Opera 11.10+ */
  background: linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0);
  /* IE6-9 */
}
button.ColVis_Button {
  height: 30px;
  padding: 3px 8px;
}
button.ColVis_Button::-moz-focus-inner {
  border: none !important;
  padding: 0;
}
button.ColVis_Button:active {
  outline: none;
}
div.ColVis_collectionBackground {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  z-index: 1100;
}
ul.ColVis_collection {
  list-style: none;
  padding: 8px 8px 4px 8px;
  margin: 0;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: #f3f3f3;
  background-color: rgba(255, 255, 255, 0.3);
  overflow: hidden;
  z-index: 2002;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  width: 173px;
  max-height: 430px;
  overflow-y: scroll;
}
ul.ColVis_collection li {
  position: relative;
  height: auto;
  min-height: 38px;
  left: 0;
  right: 0;
  padding: 0.5em;
  display: block;
  width: 100%;
  float: none;
  margin-bottom: 4px;
  -webkit-box-shadow: 1px 1px 3px #999;
  -moz-box-shadow: 1px 1px 3px #999;
  -ms-box-shadow: 1px 1px 3px #999;
  -o-box-shadow: 1px 1px 3px #999;
  box-shadow: 1px 1px 3px #999;
  text-align: left;
  display: table;
}
ul.ColVis_collection li label {
  display: table-cell;
  vertical-align: middle;
}
ul.ColVis_collection li.ColVis_Button:hover {
  border: 1px solid #999;
  background-color: #f0f0f0;
}
ul.ColVis_collection li span {
  display: inline-block;
  padding-left: 0.5em;
  cursor: pointer;
}
ul.ColVis_collection li.ColVis_Special {
  border-color: #555;
  background: #ededed;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e8e8e8', GradientType=0);
  /* IE6-9 */
}
ul.ColVis_collection li.ColVis_Special:hover {
  background: #e2e2e2;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background: linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e2e2e2', GradientType=0);
  /* IE6-9 */
}
span.ColVis_radio {
  display: inline-block;
  width: 20px;
}
div.ColVis_catcher {
  position: absolute;
  z-index: 1101;
}
.disabled {
  color: #999;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * AutoFill styles
 */
div.AutoFill_filler {
  display: none;
  position: absolute;
  height: 14px;
  width: 14px;
  background: url(/resources/images/filler.png) no-repeat center center;
  z-index: 1002;
}
div.AutoFill_border {
  display: none;
  position: absolute;
  background-color: #0063dc;
  z-index: 1001;
  box-shadow: 0px 0px 5px #76b4ff;
  -moz-box-shadow: 0px 0px 5px #76b4ff;
  -webkit-box-shadow: 0px 0px 5px #76b4ff;
}
table.KeyTable th.focus,
table.KeyTable td.focus {
  outline: 3px solid #3366FF;
  outline-offset: -3px;
}
/*===== Datepicker =====*/
.datepicker {
  z-index: 998 !important;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}
.datepicker-liquid {
  width: 100%;
}
.datepicker-icon-trigger {
  padding: 7px 30px 7px 9px;
}
.ui-datepicker-trigger {
  position: absolute;
  right: 15px;
  bottom: 0;
  background-color: #65B688;
  padding: 7px;
  cursor: pointer;
}
.ui-datepicker-trigger:hover {
  background-color: #D65C4F;
}
.ui-datepicker .ui-state-hover {
  background-color: #65B688;
  color: #fff;
}
.ui-datepicker .ui-datepicker-current-day .ui-state-active {
  background-color: #D65C4F;
  color: #fff;
}
.ui-datepicker .ui-state-disabled {
  color: #999;
}
.ui-datepicker {
  width: auto!important;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  background-color: #545663;
  color: #fff;
  font-weight: 400;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}
.ui-datepicker .ui-datepicker-header select.ui-datepicker-year {
  color: #333333;
}
.date-trigger .ui-datepicker-trigger {
  margin-left: 6px;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  padding: 10px 16px;
  cursor: pointer;
  top: 0;
  background-repeat: no-repeat;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  height: 41px;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  background-color: #65B688;
}
.ui-datepicker .ui-datepicker-next-hover {
  border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
}
.ui-datepicker .ui-datepicker-prev-hover {
  border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
}
.ui-datepicker .ui-datepicker-prev {
  background-image: url(../images/ui/arrow_left.png);
  background-position: 14px 16px;
  left: 0;
}
.ui-datepicker .ui-datepicker-next {
  background-image: url(../images/ui/arrow_right.png);
  right: 0;
  background-position: 14px 16px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 33px;
  padding: 11px 0 12px 0;
  text-align: center;
  font-size: 12px;
  height: 41px;
}
.ui-datepicker table {
  width: 100%;
  font-size: 11px;
  border-collapse: collapse;
  background-color: #fff;
  border: 1px solid #DDD;
  border-top: 0;
}
.ui-datepicker-append {
  margin-left: 14px;
  font-size: 11px;
}
.no-append .ui-datepicker-append {
  display: none;
}
.datepicker-liquid > .ui-datepicker {
  width: 100%;
}
.datepicker-fixed {
  width: 20em;
}
.ui-datepicker th {
  padding: 12px 6px 10px 6px;
  text-align: center;
  font-weight: 600;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
  text-align: center;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 7px 10px;
  text-align: center;
  text-decoration: none;
  line-height: 16px;
  font-weight: 600;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
  margin-left: 2px;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
  margin-left: 1px;
}
.ui-datepicker-multi .ui-datepicker-group:first-child {
  margin-left: -2px;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3333333333%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.sports-med-datepicker {
  cursor: pointer;
  padding: 5px 10px;
}
@media (max-width: 479px) {
  .ui-datepicker-multi-3 .ui-datepicker-group {
    width: auto;
  }
}
body.modal-open .datepicker {
  z-index: 998 !important;
}
.ui-datepicker-other-month .ui-state-default {
  color: #ddd;
}
.ui-datepicker-unselectable.ui-datepicker-other-month .ui-state-default {
  color: #999;
}
.form-control.no-manual-input,
.form-control.no-manual-input[disabled],
.form-control.no-manual-input[readonly] {
  cursor: pointer;
}
/* ===== UI Slider ===== */
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 31px;
  height: 20px;
  background: url('../images/ui/slider_handle_big.png') no-repeat;
  border: none;
  cursor: pointer;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  height: 10px;
  font-size: 11px;
  display: block;
  border: 1px solid #42BAD8;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #72D4EC;
}
.ui-slider .ui-state-hover {
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.ui-slider .ui-state-active {
  opacity: 0.95;
  filter: alpha(opacity=95);
}
.ui-slider-horizontal {
  height: 12px;
  background: #27b011;
  /* Old browsers */
  background: -moz-linear-gradient(left, #27b011 0%, #e6eb08 49%, #f51a1a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #27b011), color-stop(49%, #e6eb08), color-stop(100%, #f51a1a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #27b011 0%, #e6eb08 49%, #f51a1a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #27b011 0%, #e6eb08 49%, #f51a1a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #27b011 0%, #e6eb08 49%, #f51a1a 100%);
  /* IE10+ */
  background: linear-gradient(to right, #27b011 0%, #e6eb08 49%, #f51a1a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27b011', endColorstr='#f51a1a', GradientType=1);
  /* IE6-9 */
  margin: 13px 0;
  /* -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;*/
}
.ui-slider-horizontal .ui-slider-handle {
  top: -5px;
  margin-left: -8px;
  outline: 0;
}
.ui-slider-horizontal .ui-slider-range {
  top: -1px;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
/* Slider controls */
.slider-controls > label {
  margin-right: 10px;
  margin-bottom: 0;
  float: left;
  display: block;
  margin-top: 6px;
}
.slider-controls input[type=text] {
  color: #D65C4F;
  background: none;
  border-color: transparent;
  font-weight: 600;
  margin-top: 3px;
}
/*!
 * Bootstrap Colorpicker
 * http://mjolnic.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */
.colorpicker-saturation {
  float: left;
  width: 100px;
  height: 100px;
  cursor: crosshair;
  background-image: url("/resources/images/ui/colorpicker/saturation.png");
}
.colorpicker-saturation i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: -4px 0 0 -4px;
  border: 1px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.colorpicker-saturation i b {
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.colorpicker-hue,
.colorpicker-alpha {
  float: left;
  width: 15px;
  height: 100px;
  margin-bottom: 4px;
  margin-left: 4px;
  cursor: row-resize;
}
.colorpicker-hue i,
.colorpicker-alpha i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background: #000;
  border-top: 1px solid #fff;
}
.colorpicker-hue {
  background-image: url("/resources/images/ui/colorpicker/hue.png");
}
.colorpicker-alpha {
  display: none;
  background-image: url("/resources/images/ui/colorpicker/alpha.png");
}
.colorpicker {
  top: 0;
  left: 0;
  z-index: 2500;
  min-width: 130px;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
}
.colorpicker:before,
.colorpicker:after {
  display: table;
  line-height: 0;
  content: "";
}
.colorpicker:after {
  clear: both;
}
.colorpicker:before {
  position: absolute;
  top: -7px;
  left: 6px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.colorpicker:after {
  position: absolute;
  top: -6px;
  left: 7px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.colorpicker div {
  position: relative;
}
.colorpicker.colorpicker-with-alpha {
  min-width: 140px;
}
.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
  display: block;
}
.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-image: url("/resources/images/ui/colorpicker/alpha.png");
  background-position: 0 100%;
}
.colorpicker-color div {
  height: 10px;
}
.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: text-top;
  cursor: pointer;
}
.colorpicker.colorpicker-inline {
  position: relative;
  z-index: auto;
  display: inline-block;
  float: none;
}
.colorpicker.colorpicker-horizontal {
  width: 110px;
  height: auto;
  min-width: 110px;
}
.colorpicker.colorpicker-horizontal .colorpicker-saturation {
  margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-color {
  width: 100px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  float: left;
  width: 100px;
  height: 15px;
  margin-bottom: 4px;
  margin-left: 0;
  cursor: col-resize;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 15px;
  margin-top: 0;
  background: #ffffff;
  border: none;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue {
  background-image: url("/resources/images/ui/colorpicker/hue-horizontal.png");
}
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  background-image: url("/resources/images/ui/colorpicker/alpha-horizontal.png");
}
.colorpicker.colorpicker-hidden {
  display: none;
}
.colorpicker.colorpicker-visible {
  display: block;
}
.colorpicker-inline.colorpicker-visible {
  display: inline-block;
}
/* ===== Time picker ===== */
.ui-timepicker-list {
  overflow-y: auto;
  height: 144px;
  padding: 0;
  font-size: 12px;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: -1px 0 0 0;
  width: 160px;
  outline: 0;
}
.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #999;
}
.ui-timepicker-list li {
  padding: 8px 12px;
  cursor: pointer;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list:hover .ui-timepicker-selected:hover {
  background: #3CA2BB;
  color: #fff;
}
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #fff;
}
/*!
 * FullCalendar v2.1.1 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}
.fc-rtl {
  text-align: right;
}
body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}
.k-scheduler-times,
#classScheduler.k-widget.k-scheduler.k-floatwrap,
.k-scheduler-content {
  height: auto !important;
}
.fc-time-grid-container,
.fc-time-grid {
  height: auto !important;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #ddd;
}
.fc-unthemed .fc-popover {
  background-color: #fff;
}
.fc-unthemed hr,
.fc-unthemed .fc-popover .fc-header {
  background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}
.fc-unthemed .fc-today {
  background: #fcf8e3;
}
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  font-size: 2em;
  line-height: .5em;
  height: .5em;
  /* will make the total height 1em */
  font-family: "Courier New", Courier, monospace;
}
.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
}
.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
}
.fc-icon-left-double-arrow:after {
  content: "\000AB";
}
.fc-icon-right-double-arrow:after {
  content: "\000BB";
}
.fc-icon-x:after {
  content: "\000D7";
}
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.5em;
  padding: 0 1.25em;
  /* text & cursor */
  font-size: 0.95em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
}
/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}
.fc-state-default {
  /* non-theme */
  border: 1px solid;
}
.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: .05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .1em;
}
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: white;
  color: black;
  border: 0px;
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}
.fc-state-hover {
  color: #D65C4F;
  background-color: white;
}
.fc-state-down,
.fc-state-active {
  background-color: #D65C4F;
  background-image: none;
  color: white;
}
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
.fc-next-button,
.fc-prev-button {
  background-color: #545663;
  border-radius: 2px !important;
  color: white;
}
.fc-next-button:hover,
.fc-prev-button:hover {
  background-color: #43444f;
}
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 5px;
}
.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc-popover .fc-header {
  padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
  cursor: pointer;
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}
/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 25px;
  margin-top: 4px;
}
/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc hr {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-style: solid;
  border-width: 1px 0;
}
.fc-clear {
  clear: both;
}
.fc-bg,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}
.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}
/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}
.fc th {
  text-align: center;
}
.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}
.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}
.fc-row .fc-bg {
  z-index: 1;
}
/* highlighting cells */
.fc-row .fc-highlight-skeleton {
  z-index: 2;
  bottom: 0;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td {
  border-color: transparent;
}
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 3;
  padding-bottom: 2px;
  /* matches the space above the events */
}
.fc-row .fc-helper-skeleton {
  z-index: 4;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  /* this class goes on elements for guaranteed vertical scrollbars */
  overflow-y: scroll;
  overflow-x: hidden;
}
.fc-scroller > * {
  /* we expect an immediate inner element */
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  overflow: hidden;
  /* don't let negative margins or absolute positioning create further scroll */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  background-color: #3a87ad;
  /* default BACKGROUND color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
  overflow: hidden;
}
/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-day-grid-event.fc-not-start,
.fc-rtl .fc-day-grid-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-ltr .fc-day-grid-event.fc-not-end,
.fc-rtl .fc-day-grid-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-day-grid-event > .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}
.fc-day-grid-event .fc-time {
  font-weight: bold;
}
/* resize handle (outside of fc-content, so can go outside of bounds) */
.fc-day-grid-event .fc-resizer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 7px;
}
.fc-ltr .fc-day-grid-event .fc-resizer {
  right: -3px;
  cursor: e-resize;
}
.fc-rtl .fc-day-grid-event .fc-resizer {
  left: -3px;
  cursor: w-resize;
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}
a.fc-more:hover {
  text-decoration: underline;
}
.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}
/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}
.fc-more-popover {
  z-index: 2;
  width: 220px;
}
.fc-more-popover .fc-event-container {
  padding: 10px;
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
  margin-bottom: 1em;
}
.fc-toolbar .fc-left {
  float: left;
}
.fc-toolbar .fc-right {
  float: right;
}
.fc-toolbar .fc-center {
  display: inline-block;
}
.fc-center {
  font-size: 1.25em;
}
/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}
/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}
/* title text */
.fc-toolbar h2 {
  margin: 0;
}
/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}
.fc-toolbar .fc-state-down {
  z-index: 3;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}
.fc-toolbar button:focus {
  z-index: 5;
}
/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}
/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}
.fc-basic-view tbody .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
/* week and day number styling */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px;
}
.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}
.fc-basic-view .fc-week-number {
  text-align: center;
}
.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}
.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}
.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}
.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
}
/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}
.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}
.fc-ltr .fc-axis {
  text-align: right;
}
.fc-rtl .fc-axis {
  text-align: left;
}
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}
.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
  z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-highlight-skeleton {
  z-index: 3;
}
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
}
.fc-time-grid > .fc-helper-skeleton {
  z-index: 5;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}
.fc-slats .fc-minor td {
  border-top-style: dotted;
}
.fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-event-container {
  /* a div within a cell within the fc-content-skeleton */
  position: relative;
}
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fc-time-grid-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}
.fc-time-grid-event > .fc-content {
  /* contains the time and title, but no bg and resizer */
  position: relative;
  z-index: 2;
  /* above the bg */
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}
.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}
.fc-time-grid-event .fc-bg {
  z-index: 1;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25);
  /* for IE */
}
/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}
/* resizer */
.fc-time-grid-event .fc-resizer {
  position: absolute;
  z-index: 3;
  /* above content */
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}
.fc-time-grid-event .fc-resizer:after {
  content: "=";
}
/* -- LIST VIEW -- */
.fc-body {
  background-color: #E0E0E0;
  font-family: Arial, sans-serif;
}
.fc-list-container {
  border: 1px solid #CCC;
  margin: 20px;
  padding: 20px;
  background-color: #FFF;
}
.fc-agendaList {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #E0E0E0;
  border-bottom: none;
}
.fc-agendaList-dayHeader {
  background-image: none;
  background-color: #F0F0F0;
  border-color: #E0E0E0;
  border-width: 0 0 1px 0;
  padding: 8px 12px;
  overflow: hidden;
}
.fc-agendaList-day,
.fc-agendaList-date {
  font-size: 14px;
  line-height: 20px;
  display: block;
}
.fc-agendaList-day {
  font-weight: bold;
  color: #404040;
  float: left;
}
.fc-agendaList-date {
  color: #606060;
  float: right;
  font-weight: normal;
}
.fc-agendaList-item {
  border-bottom: 1px solid #E0E0E0;
}
.fc-agendaList-event {
  display: block;
  padding: 6px;
  margin: 1px;
  border-left: 4px solid #FFF;
}
/* Event Link */
a.fc-agendaList-event {
  text-decoration: none;
}
a.fc-agendaList-event:hover {
  background-color: #F8F8F8;
}
a.fc-agendaList-event .fc-event-title {
  color: #4B66A7;
  text-decoration: underline;
}
.fc-agendaList .fc-apex-events-gcal {
  border-color: #5284C1;
}
.fc-agendaList .fc-apex-events {
  border-color: #C11E21;
}
.fc-agendaList .fc-event-time {
  display: inline-block;
  vertical-align: top;
  width: 15%;
  margin-right: 8px;
}
.fc-agendaList .fc-event-start-time,
.fc-agendaList .fc-event-end-time {
  display: block;
}
.fc-agendaList .fc-event-start-time,
.fc-agendaList .fc-event-all-day {
  font-size: 14px;
  line-height: 20px;
  color: #404040;
}
.fc-agendaList .fc-event-end-time {
  font-size: 12px;
  line-height: 16px;
  color: #A0A0A0;
}
.fc-agendaList-eventDetails {
  display: inline-block;
  vertical-align: top;
}
.fc-agendaList .fc-event-title {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #404040;
}
.fc-agendaList .fc-event-desc {
  font-size: 12px;
  line-height: 16px;
  color: #707070;
}
.popover .event-detail {
  margin: 0;
}
.popover .event-detail label {
  font-weight: bold;
}
.popover .event-detail + .event-detail {
  margin-top: 3px;
}
.calendar-logo-print {
  display: none;
}
@media print {
  .calendar-logo-print {
    width: 150px;
    float: left;
    height: 70px;
    display: block;
  }
  #ui-datepicker-div {
    display: none !important;
  }
}
.event-detail-print {
  display: none;
}
@media print {
  .fc-content {
    padding: 1px;
  }
  .event-detail-print {
    display: block;
    font-size: 0.85em;
  }
  .event-detail-print label {
    font-weight: bold;
    margin: 0;
  }
  .fullcalendar a[href]:after {
    display: none;
  }
  #admin-masquerade-alert {
    display: none;
  }
  .fc-day-grid-event .fc-time {
    font-weight: normal !important;
    text-transform: uppercase !important;
  }
}
#calendar-panel .popover .popover-content {
  max-height: 300px;
  overflow: hidden;
}
#calendar-panel .popover.event-has-extended-content {
  position: absolute;
}
#calendar-panel .popover.event-has-extended-content .popover-content:after {
  content: 'See event details for more…';
  font-style: italic;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5em;
  padding: 9px 14px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%, #ffffff 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.9)), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%, #ffffff 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%, #ffffff 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
.fitbox-theme #calendar-panel .popover .popover-content {
  max-height: none;
  overflow: hidden;
}
/* ===== WYSIHTML5 editor plugin ===== */
.editor {
  width: 100%;
  height: 150px;
  resize: vertical;
  max-height: 200px;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 10px;
  overflow: scroll;
  outline: none;
}
.wysihtml5-sandbox {
  width: 100%!important;
}
.bootstrap-wysihtml5-insert-link-modal.modal,
.bootstrap-wysihtml5-insert-image-modal.modal {
  margin-top: 102px;
}
.bootstrap-wysihtml5-insert-link-modal .modal-dialog,
.bootstrap-wysihtml5-insert-image-modal .modal-dialog {
  width: 566px;
}
ul.wysihtml5-toolbar {
  margin: 0;
  padding: 0;
  display: block;
}
ul.wysihtml5-toolbar > li {
  display: inline-block;
  list-style: none;
  margin: 0 10px 15px 0;
}
ul.wysihtml5-toolbar .dropdown-menu {
  max-height: 200px;
  overflow-y: auto;
}
ul.wysihtml5-toolbar .dropdown-menu.color-select > li > a:hover,
ul.wysihtml5-toolbar .dropdown-menu.color-select > li > a:focus {
  background-color: #f5f5f5;
  color: #222222;
}
ul.wysihtml5-commands-disabled .dropdown-menu {
  display: none !important;
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
  font-weight: bold;
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
  font-style: italic;
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
  text-decoration: underline;
}
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
ul.wysihtml5-toolbar div.wysihtml5-colors {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  pointer-events: none;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  left: 10px;
  top: 8px;
}
ul.wysihtml5-toolbar a.wysihtml5-colors-title {
  padding-left: 40px;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="black"] {
  background: black !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] {
  background: silver !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] {
  background: gray !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] {
  background: maroon !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="red"] {
  background: red !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] {
  background: purple !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="green"] {
  background: green !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] {
  background: olive !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] {
  background: navy !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] {
  background: blue !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] {
  background: orange !important;
}
/* ===== Fancybox - lightbox plugin ===== */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #fff;
  color: #444;
  text-shadow: none;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  background-color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 26px;
  height: 26px;
  background: url(../images/ui/loader.gif) center center no-repeat;
}
.fancybox-close {
  width: 22px;
  height: 22px;
  position: absolute;
  right: -22px;
  top: -22px;
  z-index: 8061;
  background: #548491 url(../images/ui/forms/clear_results.png) no-repeat 8px 8px;
  cursor: pointer;
}
.fancybox-close:hover,
.fancybox-close:focus {
  background-color: #E48561;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 35px;
  height: 35px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.fancybox-prev span {
  left: 10px;
  background: rgba(0, 0, 0, 0.5) url(../images/ui/nav_arrow_left.png) no-repeat 15px;
}
.fancybox-next span {
  right: 10px;
  background: rgba(0, 0, 0, 0.5) url(../images/ui/nav_arrow_right.png) no-repeat 15px;
}
.fancybox-nav:hover span {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(../images/ui/lightbox_overlay.png);
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font-weight: 600;
  font-size: 12px;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -45px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 5px 16px;
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/* ===== UI autocomplete ===== */
.ui-autocomplete {
  position: absolute;
  display: none;
  padding: 0;
  z-index: 1000;
  border: 1px solid #ddd;
  border-top: none;
  max-height: 164px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-menu {
  display: block;
  float: left;
}
.ui-menu .ui-menu-item {
  float: left;
  clear: left;
  width: 100%;
  background-color: #fff;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 10px 12px 11px 12px;
  color: #333;
  font-weight: 600;
  cursor: pointer;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu a.ui-state-focus {
  background: #545663;
  color: #fff;
}
.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
/* A group of Bootstrap .form-control elements, similar to a .list-group */
.form-control-group-padded,
.form-control-list {
  list-style: none;
  padding: 0;
}
.form-control-group li + li .form-control {
  border-top: 0;
}
.form-control-group-padded li + li {
  margin-top: 5px;
}
.has-feedback .form-control-feedback {
  top: 25px;
}
.weight_unit {
  width: 50px;
  top: 2px;
  border-radius: 0px!important;
}
.has-feedback input[type=number]::-webkit-inner-spin-button,
.has-feedback input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.has-feedback input[type=number] {
  -moz-appearance: textfield;
}
.card.kpi-widget,
.card.training-status {
  height: 180px;
  overflow: hidden;
}
.card.kpi-widget .widget-header a,
.card.training-status .widget-header a {
  opacity: 1;
}
.widget-header {
  display: block;
}
.widget-header .widget-title {
  font-size: 14px;
  font-weight: 600;
  float: left;
  color: #999;
  text-transform: uppercase;
}
.widget-header a {
  position: absolute;
  right: 10px;
  background-color: #fff;
  color: #999;
  opacity: 1;
}
.widget-header a:hover {
  color: #38A1CC;
  cursor: pointer;
}
.widget-content .numbers {
  margin-top: 10px;
}
.widget-content .value {
  font-size: 40px;
  font-weight: 700;
  margin: 0px 10px;
}
.widget-content .diff {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.widget-content .diff.up {
  color: #00E381;
}
.widget-content .diff.down {
  color: #FF4F4F;
}
.widget-content .diff .arrow {
  font-size: 30px;
}
.widget-content .diff .diff-value {
  margin-left: -5px;
}
.training-status .viz {
  margin-top: 20px;
}
#spark-line,
#training-pie {
  width: 100%;
}
#spark-line span,
#training-pie span {
  display: block;
}
#spark-line .k-tooltip,
#training-pie .k-tooltip {
  text-align: left !important;
}
.kpi-config .row {
  margin-top: 20px;
}
.kpi-config .data .col-md-6:first-child {
  padding-left: 0px;
}
.kpi-config .data .col-md-6:last-child {
  padding-right: 0px;
}
.kpi-config .data .col-md-6 .k-dropdown {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0;
}
.kpi-config .visuals {
  margin-bottom: 20px;
}
.kpi-config .visuals button {
  width: 100px;
  height: 70px;
  text-align: center;
  margin-right: 10px;
}
.kpi-config .visuals button.selected {
  background-color: #38A1CC;
  color: #FFF;
}
.kpi-config h5 {
  font-size: 14px;
}
.player-summary {
  cursor: default;
  overflow: hidden;
}
.player-summary .widget-header {
  height: 30px;
}
.green-available-tick {
  color: #00c853;
}
.coaching-dashboard-description-column-text {
  text-overflow: ellipsis;
  font-weight: 600;
  white-space: nowrap;
  line-height: 1.2em;
  padding-top: 3px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.coaching-dashboard-description-column-morelink-text {
  min-width: 40px;
  white-space: nowrap;
  font-size: 11px;
}
.coaching-dashboard-description-column-textcontainer {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  margin-right: 1%;
  line-height: 1.2em;
}
.coaching-dashboard-description-column-linkcontainer {
  min-width: 40px;
  float: left;
  display: inline-block;
}
.coaching-availability-modal-disclaimer-container {
  clear: both;
  width: 48%;
  padding-top: 20px;
}
#coaching-dashboard-availability-modal .modal-dialog {
  margin-top: 7%;
}
#coaching-dashboard-availability-modal .modal-header {
  background-color: #666;
  height: auto;
  color: white;
  border-radius: 0;
}
#coaching-dashboard-availability-modal .modal-title {
  font-size: 15px;
  margin-top: 1px;
  word-wrap: break-word;
}
#coaching-dashboard-availability-modal .modal-content {
  border: 0;
}
#coaching-dashboard-availability-modal .modal-body {
  height: 500px;
}
#coaching-dashboard-availability-modal .modal-footer-training-statuses {
  clear: both;
  border-radius: 0;
  background-color: white;
  border: 0;
  padding: 10px;
  text-align: right;
}
#coaching-dashboard-availability-modal .training-status-title {
  height: 30px;
  font-size: 10pt;
  font-weight: bold;
  color: #555;
  background-image: url('/resources/images/block-one.svg');
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: -3px 0px;
  padding-left: 27px;
  padding-top: 3px;
}
#coaching-dashboard-availability-modal .training-level-title {
  height: 30px;
  font-size: 10pt;
  font-weight: bold;
  color: #555;
  background-image: url('/resources/images/block-two.svg');
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: -3px 0px;
  padding-left: 27px;
  padding-top: 3px;
}
#coaching-dashboard-availability-modal .training-status-container {
  color: #333;
  width: 48%;
  float: left;
}
#coaching-dashboard-availability-modal .training-level-container {
  color: #333;
  width: 48%;
  float: left;
}
#coaching-dashboard-availability-modal .training-level-error {
  border-color: red !important;
  border-width: 2px !important;
}
#coaching-dashboard-availability-modal .coaching-availability-modal-midspacer {
  width: 4%;
  float: left;
  margin-top: 3px;
  text-align: center;
}
#coaching-dashboard-availability-modal .coaching-dashboard-availability-modal-selectbox .scroller {
  width: 100%;
  height: 200px;
  border: 1px solid #888888;
}
#coaching-dashboard-availability-modal .coaching-dashboard-availability-modal-selectbox ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#coaching-dashboard-availability-modal .coaching-dashboard-availability-modal-selectbox li {
  font-size: 10pt;
}
#coaching-dashboard-availability-modal .coaching-dashboard-availability-modal-selectbox li:last-child {
  border: none;
}
#coaching-dashboard-availability-modal .coaching-dashboard-availability-modal-selectbox li a {
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 7px 10px;
  color: black;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
#coaching-dashboard-availability-modal .coaching-dashboard-availability-modal-selectbox li .coaching-modal-selected {
  background-color: #f54e3e;
  color: #ffffff;
}
#coaching-dashboard-availability-modal .coaching-dashboard-availability-modal-selectbox li .coaching-modal-selected-green {
  background-color: #00ce5d;
  color: #ffffff;
}
#coaching-dashboard-availability-modal .coaching-dashboard-availability-modal-selectbox li .coaching-modal-selected-amber {
  background-color: #fbdc3c;
  color: #000000;
}
#coaching-dashboard-availability-modal .coaching-dashboard-availability-modal-selectbox li .coaching-modal-selected-red {
  background-color: #f44e3e;
  color: #ffffff;
}
#coaching-dashboard-availability-modal .coaching-dashboard-availability-modal-selectbox li .coaching-modal-selected-grey {
  background-color: #dddddd;
  color: #000000;
}
#coaching-dashboard-availability-modal #coaching-dashboard-update-button {
  border: 0;
  background-color: #1198F4;
  padding: 6px 13px;
  font-weight: 500;
  font-size: 10pt;
}
#coaching-dashboard-availability-modal #coaching-dashboard-cancel-button {
  border: 0;
  background-color: #EBEBEB;
  padding: 6px 13px;
  font-weight: 500;
  font-size: 10pt;
}
#coaching-dashboard-availability-modal .coaching-availability-modal-description-container {
  width: 48%;
  margin: 0;
  padding: 0;
  float: left;
  margin-top: 15px;
}
#coaching-dashboard-availability-modal .coaching-availability-modal-description-title {
  font-size: 10pt;
  font-weight: bold;
  color: #555;
}
#coaching-dashboard-availability-modal .coaching-availability-modal-description-textbox {
  margin-top: 5px;
  font-size: 9pt;
  font-weight: 600;
}
#coaching-dashboard-availability-modal textarea {
  width: 268px;
  height: 50px;
  resize: none;
  padding: 7px 10px;
}
#coaching-dashboard-availability-modal .coaching-availability-modal-return-date-container {
  width: 48%;
  float: left;
  margin-top: 15px;
}
#coaching-dashboard-availability-modal .coaching-availability-modal-return-date-title {
  font-size: 10pt;
  font-weight: bold;
  color: #555;
  height: 23px;
}
#coaching-dashboard-availability-modal .coaching-availability-modal-selection-date-title {
  font-size: 10pt;
  font-weight: bold;
  color: #555;
  height: 23px;
}
#coaching-dashboard-availability-modal .coaching-availability-modal-notifications-option-container {
  clear: both;
  padding-top: 15px;
}
#coaching-dashboard-availability-modal #coaching-availability-modal-return-date {
  border: 1px solid #aaa;
  width: 268px;
  height: 28px;
  text-indent: 10px;
  font-size: 9pt;
  font-weight: 600;
}
#coaching-dashboard-availability-modal #coaching-availability-modal-selection-date {
  border: 1px solid #aaa;
  width: 268px;
  height: 28px;
  text-indent: 10px;
  font-size: 9pt;
  font-weight: 600;
}
#coaching-dashboard-availability-modal .coaching-availability-modal-notifications-title {
  font-size: 10pt;
  color: #555;
  font-weight: bold;
}
#coaching-dashboard-availability-modal .coaching-availability-modal-notifications-checkbox {
  margin-top: 10px;
}
#coaching-dashboard-availability-modal .checker {
  padding-top: 1px;
}
#coaching-dashboard-availability-modal .coaching-availability-modal-notifications-checkbox-text {
  font-size: 9pt;
  font-weight: 600;
  color: #555;
}
#coaching-dashboard-availability-modal .k-icon {
  vertical-align: top;
  margin-top: 8px;
}
#coaching-dashboard-availability-modal .k-widget {
  width: 268px;
  margin-left: 0;
  padding: 0;
}
#coaching-dashboard-availability-modal .scroller {
  overflow-y: scroll;
}
#player-grid.member-summary th[data-field="MemberName"] .k-header-column-menu {
  display: none;
}
#player-grid {
  height: 600px;
  border-color: transparent;
}
#player-grid.editable .status-text {
  cursor: pointer;
}
#player-grid .k-grid-header th.k-header {
  text-align: center;
}
#player-grid .k-grid-header th.k-header > .k-link {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
#player-grid .k-header {
  font-weight: 600;
  background-color: transparent;
}
#player-grid .k-header.k-grid-toolbar {
  border-color: transparent;
}
#player-grid .k-header .k-dropdown {
  border: 1px solid #ccc;
  border-radius: 0;
}
#player-grid .k-grid-content tr.highlight-red,
#player-grid .k-grid-content-locked tr.highlight-red {
  background-color: rgba(255, 30, 0, 0.2) !important;
}
#player-grid .k-grid-content tr.k-alt,
#player-grid .k-grid-content-locked tr.k-alt {
  background-color: #F7F7F7;
}
#player-grid .k-grid-content tr:not(.k-grouping-row) td,
#player-grid .k-grid-content-locked tr:not(.k-grouping-row) td {
  border-bottom-width: 0px !important;
}
#player-grid .k-grid-content tr.k-grouping-row,
#player-grid .k-grid-content-locked tr.k-grouping-row {
  height: 50px;
}
#player-grid .k-grid-content tr.k-grouping-row td,
#player-grid .k-grid-content-locked tr.k-grouping-row td {
  border-top-width: 1px;
}
#player-grid .k-grid-content tr .k-group-cell,
#player-grid .k-grid-content-locked tr .k-group-cell {
  color: transparent !important;
  opacity: 0;
  min-height: 40px;
  display: inline-block;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
}
#player-grid img.member-photo {
  height: 40px;
  margin-left: -7px;
}
#player-grid .member-name {
  font-size: 12px;
  margin-left: 10px;
  display: inline-block;
}
#player-grid .training-status {
  border: 1px solid #999;
  text-align: center;
  max-width: 130px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: 600;
  padding: 2px 0px;
}
#player-grid .training-status .status-text {
  display: block;
  cursor: pointer;
  height: 100%;
}
#player-grid .training-status:hover {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  background-color: rgba(245, 245, 245, 0.4);
}
#player-grid .training-status.available {
  border-color: #00BF00;
  color: #00BF00;
}
#player-grid .training-status.not-available {
  border-color: #FF1E00;
  color: #FF1E00;
}
#player-grid .training-status.modified {
  border-color: #FFF200;
  color: #e6da00;
}
#player-grid .return-training-wrapper .return-training {
  font-size: 11px;
  font-weight: 600;
  text-align: left;
}
#player-grid .selection-wrapper .selection {
  font-size: 11px;
  font-weight: 600;
  text-align: left;
}
#player-grid .selection-wrapper .selection.available {
  color: #00BF00;
  text-transform: uppercase;
}
#player-grid .selection-wrapper .selection.not-available {
  color: #FF1E00;
}
#player-grid .member-name-text {
  width: 190px;
  position: relative;
  height: 37px;
  vertical-align: middle;
  display: inline-block;
  padding-left: 10px;
  padding-top: 3px;
}
#player-grid .member-name-text div {
  height: 40px;
  display: table-cell;
  vertical-align: middle;
}
#player-grid .member-name-text div a {
  vertical-align: middle;
  display: table-cell;
}
#player-grid .member-name-text div a .ellipser {
  width: auto;
  max-width: 190px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 14px;
}
#player-grid .availability-text {
  width: 140px;
}
#player-grid .availability-text div a .availablility-ellipser {
  max-width: 130px;
  white-space: nowrap;
}
#player-grid .player-name-limiter {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popover-title {
  border-bottom-color: #DDDDDD;
  background-color: #F7F7F7;
  color: #000;
}
.popover-title .status-title {
  text-transform: uppercase;
  font-size: 14px;
}
.popover-content {
  overflow: auto;
}
.popover-content h6 span {
  margin-left: 10px;
}
.popover-content .row {
  display: table-row !important;
}
.popover-content .property,
.popover-content .value {
  display: table-cell;
  white-space: normal !important;
}
.popover-content .property {
  width: 95px !important;
  color: #999 !important;
  text-align: right;
}
.popover-content .value {
  width: 140px !important;
  padding-left: 10px;
  font-weight: 600;
}
.popover-content a.link-popover {
  float: right;
  margin-top: 20px;
  padding-bottom: 10px;
}
.popover-content a.link-popover:hover {
  cursor: pointer;
}
.popover-content .training-dropdown .training-options {
  padding-left: 0px;
  margin-bottom: 5px;
}
.popover-content .training-dropdown label {
  color: #c4c4c4;
  font-weight: 500;
}
.popover-content .training-dropdown li {
  list-style-type: none;
  padding: 5px 3px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.popover-content .training-dropdown li.selected {
  background-color: #007AFF;
  color: #FFF;
}
.popover-content .training-dropdown li.selected:hover {
  background-color: #007AFF;
  color: #FFF;
}
.popover-content .training-dropdown li:hover {
  cursor: pointer;
  background-color: #F7F7F7;
}
.popover-content .training-dropdown .return-date {
  display: block !important;
  margin-bottom: 5px;
}
.popover-content .training-dropdown .status-summary-title {
  display: block !important;
  margin-bottom: 5px;
}
.popover-content .training-dropdown .saveTrainingStatus {
  background-color: #007AFF;
  color: #FFF;
}
.returnDatepicker {
  width: 100% !important;
}
#wellness-grid .wellness-data .value {
  width: 30px;
}
@-moz-document url-prefix() {
  #wellness-grid .k-grid-header th.k-header {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #wellness-grid .k-grid-header .k-header-column-menu {
    background-color: #F9F9F9;
  }
}
.wellness-data .value {
  font-size: 14px;
  display: inline-block;
}
.wellness-data .value.bold {
  font-weight: 700;
}
.wellness-data .value.thin {
  color: #666;
  font-weight: 600;
}
.wellness-data .value.date {
  margin: 0px;
  font-size: 12px;
  font-weight: normal;
}
.wellness-data .diff {
  font-size: 12px;
  font-weight: 600;
}
.wellness-data .diff.up {
  color: #00E381;
}
.wellness-data .diff.down {
  color: #FF4F4F;
}
.wellness-data .diff .arrow {
  font-size: 12px;
}
.wellness-data .diff:hover {
  cursor: pointer;
}
.wellness-data .desc {
  font-size: 10px;
  text-align: center;
}
.wellness-data .unit {
  font-weight: 400;
  font-size: 10px;
}
.wellness-data .no-data {
  font-weight: 400;
  font-size: 10px;
  color: #DDDDDD;
}
.player-widget-settings hr {
  margin-top: 5px;
  margin-bottom: 10px;
}
.player-widget-settings .player-settings-wellness-option {
  height: 25px;
  clear: both;
}
.player-widget-settings .player-settings-wellness-checkbox {
  float: left;
}
.player-widget-settings .player-settings-wellness-label {
  float: left;
  margin-top: 1px;
  margin-left: 10px;
}
#coaching-dashboard-availability-modal .k-group-col {
  width: 1px !important;
}
/* Datable overflow fixes */
.tab-pane .team-table {
  overflow: visible;
}
#training-summary-widget .panel-heading {
  background-color: #FFF;
  border-bottom: 0px;
}
#training-summary-widget .panel-heading .panel-title {
  font-size: 14px;
  font-weight: 600;
  float: left;
  color: #999;
  text-transform: uppercase;
}
#training-summary-widget .widget-config {
  display: block;
}
#training-summary-widget .widget-config a {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #fff;
  color: #999;
  opacity: 1;
}
#training-summary-widget .widget-config a:hover {
  color: #38A1CC;
  cursor: pointer;
}
#training-summary-widget .widget-config:hover {
  cursor: default;
  -webkit-transition: opacity 200ms ease-in;
  -moz-transition: opacity 200ms ease-in;
  -ms-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
}
#training-summary-widget .widget-config:hover a {
  opacity: 1;
}
#training-summary-widget .player-block {
  margin: 6px;
}
#training-summary-widget .player-block img {
  height: 40px;
  width: 40px;
}
#training-summary-widget.medium-profiles .player-block {
  margin: 8px;
}
#training-summary-widget.medium-profiles .player-block img {
  height: 60px;
  width: 60px;
}
#training-summary-widget.large-profiles .player-block {
  margin: 10px;
}
#training-summary-widget.large-profiles .player-block img {
  height: 80px;
  width: 80px;
}
#training-summary-form {
  margin: -45px 10px 20px;
}
#sort-by-block .form-group {
  text-align: right;
}
#sort-by-block .form-group div {
  float: right;
  clear: right;
}
#sort-by-block label {
  position: relative;
  top: 8px;
  margin-right: 10px;
  color: #999;
}
#output-for-availability .row,
#output-for-training-groups .row,
#output-for-positional-groups .row {
  margin-bottom: 20px;
}
#output-for-availability .panel-title,
#output-for-training-groups .panel-title,
#output-for-positional-groups .panel-title {
  display: table-cell;
  width: 160px;
}
#output-for-availability div.form-group,
#output-for-training-groups div.form-group,
#output-for-positional-groups div.form-group {
  display: table-cell;
}
.player-block {
  position: relative;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.player-block .profile {
  display: inline-block;
  border-radius: 4px;
  border-width: 3px;
  border-style: solid;
}
.player-block .profile.green {
  border-color: #00BF00;
}
.player-block .profile.orange {
  border-color: #FFF200;
}
.player-block .profile.red {
  border-color: #FF1E00;
}
.player-block .profile-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.2;
}
.player-block .lastname {
  margin-top: 4px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}
.player-block:hover {
  cursor: pointer;
}
.player-block:hover .profile-overlay {
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -ms-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}
.player-block:focus {
  outline: 0;
}
.player-block:focus .profile-overlay {
  opacity: 0;
}
.popover-title .player-status i {
  font-size: 14px;
}
.popover-title .player-status.green {
  color: #00BF00 !important;
  background-color: transparent !important;
}
.popover-title .player-status.orange {
  color: #f0e300 !important;
  background-color: transparent !important;
}
.popover-title .player-status.red {
  color: #FF1E00 !important;
  background-color: transparent !important;
}
.training-summary-config .data .col-md-6:first-child {
  padding-left: 0px;
}
.training-summary-config .data .col-md-6:last-child {
  padding-right: 0px;
}
.training-summary-config .data .col-md-6 .k-dropdown {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0;
}
.training-summary-config .visuals {
  margin-bottom: 20px;
}
.training-summary-config .visuals button {
  width: 100px;
  height: 70px;
  text-align: center;
  margin-right: 10px;
}
.training-summary-config .visuals button.selected {
  background-color: #38A1CC;
  color: #FFF;
}
.training-summary-config .tab-pane h5 {
  font-size: 14px;
  padding-top: 5px;
}
.training-summary-config h5 {
  font-size: 14px;
  padding-top: 5px;
}
#scheduler .k-scheduler-table tr:nth-child(2) th {
  display: none;
}
#scheduler .k-scheduler-toolbar ul.k-scheduler-views {
  display: none !important;
}
#scheduler .k-scheduler-layout.k-scheduler-weekview .k-scheduler-times {
  opacity: 0;
  display: none;
}
#scheduler .k-scheduler-layout.k-scheduler-weekview .k-scheduler-header th:first-child,
#scheduler .k-scheduler-layout.k-scheduler-weekview td:first-child {
  border-left-width: 1px;
}
#scheduler .k-scheduler-header.k-state-default {
  padding-right: 0px !important;
}
#scheduler table.k-scheduler-table.k-scheduler-header-all-day {
  min-height: 65px;
}
#scheduler table.k-scheduler-table.k-scheduler-header-all-day tbody {
  background-color: #fff;
}
#scheduler table.k-scheduler-table.k-scheduler-header-all-day td {
  background-color: transparent;
}
#scheduler .k-scheduler-table .k-today {
  background-color: #DDDDDD !important;
}
#scheduler th.k-today {
  color: #000;
}
#scheduler .k-scheduler-header-wrap .k-scheduler-header-all-day {
  height: 60px;
}
#scheduler .k-scheduler-header-wrap .k-event {
  min-height: 60px;
}
#scheduler .k-scheduler-header .k-event {
  min-height: 60px !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
#scheduler th.highlight-match-date {
  background-color: #fff31a;
  border-color: #fff31a;
  color: #000;
}
#scheduler .k-event.with-popover:hover {
  cursor: pointer;
}
.popover.timeline-popover .popover-title {
  padding-bottom: 0px;
}
.popover.timeline-popover .popover-title h6 {
  font-size: 12px;
}
.popover.timeline-popover .popover-content {
  padding: 10px 15px 15px;
}
.keyContactsGridWidget {
  overflow: hidden;
}
.key-contacts {
  height: inherit;
}
.fitbox-theme .key-contacts {
  background: #58b8cc;
}
.keyContacts .grid-widget-header {
  margin-bottom: 0px!important;
}
.keyContacts {
  padding-bottom: 0px!important;
  background: #58b8cc;
}
.sportsmed-theme .key-contacts-widget {
  background: #fff;
  padding-top: 0px;
  height: 100%;
}
.fitbox-theme .key-contacts-widget {
  background: #58b8cc;
  padding-top: 0px;
  height: 100%;
}
.fitbox-theme .key-contacts-widget h4 {
  color: #fff;
  font-weight: 300;
}
.fitbox-theme .key-contacts-widget p {
  color: rgba(255, 255, 255, 0.81);
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0px;
}
.team-image {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  height: 78%;
  width: 38%;
  border: 2px solid #fff;
}
.key-contacts-widget img {
  width: 83%;
  float: right;
  position: relative;
  border: 2px solid #fff;
}
.website-link {
  color: #414143!important;
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
}
.activity {
  max-height: 182px;
  overflow-y: auto;
  font-size: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.activity > li {
  padding: 12px;
  border-top: 1px solid #f5f5f5;
}
.activity > li:first-child {
  border-top: 0;
}
.activity > li:hover {
  background-color: #F5FFFB;
}
.activity > li:hover a {
  color: #D65C4F;
}
.activity > li > i {
  float: left;
  margin-top: 1px;
}
.activity > li > div {
  margin-left: 28px;
}
.activity > li > div > a {
  font-weight: 600;
}
.activity > li > div > span {
  display: block;
  color: #999;
  font-size: 11px;
  line-height: 16px;
}
.search-line {
  padding: 15px;
  background-color: #F9FDFF;
  border: 1px solid #c7dae3;
}
.search-line .form-control {
  background: #fff url(../images/ui/filter.png) no-repeat 12px;
  padding: 9px 10px 10px 32px;
  height: auto;
  border-color: #c7dae3;
}
.search-line .input-group-btn .btn {
  padding: 9px 18px 10px 18px;
}
.search-control {
  position: relative;
}
.search-control .btn-group {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 2;
}
.search-control .btn-group.open .dropdown-toggle {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background-color: #fafafa;
}
.search-control .multiselect.btn-lg.btn-icon {
  padding: 6px 10px 7px 10px;
}
.search-results {
  list-style: none;
  margin: 0;
  padding: 0;
}
.search-results h6 {
  font-weight: 400;
  margin: 0;
  line-height: 20px;
}
.search-results .result-url {
  color: #239169;
  margin: 2px 0;
  display: inline-block;
}
.search-results > li {
  margin-bottom: 30px;
}
.status {
  width: 6px;
  height: 6px;
  margin-left: 4px;
  vertical-align: 1px;
  display: inline-block;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
}
.status-default {
  background-color: #aaa;
}
.status-success {
  background-color: #239169;
}
.status-info {
  background-color: #3CA2BB;
}
.status-danger {
  background-color: #D65C4F;
}
.status-warning {
  background-color: #E7804F;
}
.permission-flag-level-one {
  margin-left: 0px;
  padding-top: 10px;
}
.permission-flag-level-two {
  margin-left: 30px;
  padding-top: 10px;
}
.permission-flag-level-three {
  margin-left: 60px;
  padding-top: 10px;
}
.permission-flag-level-four {
  margin-left: 90px;
  padding-top: 10px;
}
.permission-flag-level-five {
  margin-left: 120px;
  padding-top: 10px;
}
/*===== Breadcrumbs line and breadcrumb buttons ====*/
.breadcrumb-line {
  margin: 0 0 35px 0;
  background-color: #fcfcfc;
  border: 1px solid #e5e5e5;
  position: relative;
}
.breadcrumb-top {
  margin: 0 -25px;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid transparent;
}
.breadcrumb-top .breadcrumb {
  padding-left: 25px;
  padding-top: 9px;
}
.breadcrumb-top .breadcrumb-buttons {
  margin-right: 25px;
}
.breadcrumb-top .breadcrumb-buttons > li {
  border-left: 0;
  border-right: 1px solid #eee;
}
.breadcrumb-top .breadcrumb-buttons > li:first-child {
  border-left: 1px solid #eee;
}
.breadcrumb-top .breadcrumb-buttons > li > a {
  padding-top: 9px;
}
.breadcrumb-buttons {
  margin: 0;
  padding: 0;
  float: right;
  list-style: none;
  font-size: 0;
  position: relative;
}
.breadcrumb-buttons > li {
  position: relative;
  border-left: 1px solid #eee;
  display: block;
  float: left;
  font-size: 12px;
}
.breadcrumb-buttons > li > a {
  color: #444;
  display: block;
  padding: 9px 14px 10px 14px;
  font-weight: 600;
}
.breadcrumb-buttons > li.open > a,
.breadcrumb-buttons > li.open > a:hover {
  color: #777;
  background-color: #fff;
}
.breadcrumb-buttons > li.open > a .caret {
  border-top-color: #777;
}
.breadcrumb-buttons > li > a > i {
  float: left;
  display: block;
  margin: 0 6px 0 0;
}
.breadcrumb-buttons > li > a:hover {
  background-color: #fcfcfc;
  color: #777;
}
.breadcrumb-buttons .label {
  margin-left: 6px;
  margin: -1px -2px -1px 2px;
  padding: 4px 7px;
}
.breadcrumb-search {
  padding: 14px;
}
.breadcrumb-search input[type=text] {
  background: #fff url(../images/ui/tables/filter.png) no-repeat 10px;
  padding-left: 30px;
  margin-bottom: 2px;
}
.breadcrumb-toggle {
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  .breadcrumb-buttons {
    display: block;
  }
}
@media (max-width: 767px) {
  .breadcrumb-line {
    border: 0;
    background: none;
  }
  .breadcrumb-top {
    margin: 0 -15px;
  }
  .breadcrumb-top .breadcrumb-buttons {
    margin-right: 0;
  }
  .breadcrumb-top .breadcrumb {
    padding-left: 15px;
  }
  .breadcrumb-top .breadcrumb-toggle {
    right: 3px;
  }
  .breadcrumb-buttons {
    margin-top: -1px;
    background-color: #fff;
    width: 100%;
    border: 1px solid #ddd;
    z-index: 2;
  }
  .breadcrumb-buttons > li {
    float: none;
    width: 1%;
    display: table-cell;
  }
  .breadcrumb-buttons > li:first-child {
    border-left: 0;
  }
  .breadcrumb-buttons > li > a .caret {
    float: right;
    margin-top: 9px;
  }
  .breadcrumb-buttons .dropdown-menu,
  .breadcrumb-buttons .popup.dropdown-menu.dropdown-menu-right {
    float: left!important;
    left: -1px;
    right: -1px;
  }
  .breadcrumb-buttons > li {
    position: static;
  }
  .breadcrumb-buttons .dropdown-menu {
    margin-top: 2px;
  }
  .breadcrumb-buttons .popup-header:before,
  .breadcrumb-buttons .popup-header:after,
  .breadcrumb-buttons .dropdown-menu > li:first-child:before,
  .breadcrumb-buttons .dropdown-menu > li:first-child:after {
    content: "";
    border: 0;
  }
}
@media (max-width: 479px) {
  .breadcrumb-buttons > li > a > span,
  .breadcrumb-buttons > li > a .caret {
    display: none;
    float: none;
  }
  .breadcrumb-buttons > li {
    text-align: center;
  }
  .breadcrumb-buttons > li > a > i,
  .language.dropdown > a > img {
    float: none;
    margin: 0;
    display: inline-block;
  }
  .breadcrumb-buttons > li > a {
    height: 36px;
  }
}
/*===== Custom table element styles =====*/
.table-responsive {
  overflow-x: auto;
}
.wrapping {
  white-space: normal;
  word-wrap: break-word;
  /* IE */
}
.disabled-wrap {
  white-space: nowrap !important;
}
.table-check tr td:first-child {
  width: 40px;
  text-align: center;
}
.table-check .row-checked td {
  background: #fffff7;
}
.table-check .checker,
.table-check .radio {
  margin: 0;
}
.table-controls {
  text-align: center;
}
.table-controls .btn-link {
  padding: 2px;
}
.table-controls .btn-link i {
  padding: 0;
}
.table-footer .table-actions label {
  margin: 3px 12px 0 0;
  display: inline-block;
  font-size: 12px;
}
.table-footer .table-actions {
  float: left;
}
.table-footer .pagination {
  float: right;
  margin-top: 2px;
}
.table-footer {
  padding: 12px;
  background-color: #fcfcfc;
  border: 1px solid #ddd;
}
.panel .table-footer {
  border: 0;
  border-top: 1px solid #ddd;
}
thead.active tr th {
  background-color: white;
}
.action-icon {
  color: #444;
  display: block;
  margin-top: 3px;
}
@media (max-width: 480px) {
  .table-responsive {
    border: none;
  }
}
@media (max-width: 480px) {
  .table-footer {
    text-align: center;
  }
  .table-footer .table-actions,
  .table-footer .pagination {
    float: none;
  }
  .table-footer .pagination {
    margin-top: 15px;
  }
}
.bg-danger-force-font-colour {
  background-color: #DE4A43 !important;
  color: #FFFFFF !important;
  font-weight: bold !important;
}
.bg-warning-force-font-colour {
  background-color: #DEAF43 !important;
  color: #FFFFFF !important;
  font-weight: bold !important;
}
.bg-info-force-font-colour {
  background-color: #609480 !important;
  color: #FFFFFF !important;
  font-weight: bold !important;
}
.bg-error-force-font-colour > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}
.bg-error-force-font-colour,
.table-legend .bg-error-force-font-colour > div {
  background: repeating-linear-gradient(45deg, #FFFFFF, #FFFFFF 10px, #FFE8E8 10px, #FFE8E8 20px);
  color: #FF4F4F !important;
  font-weight: bold !important;
}
.table-legend .bg-error-force-font-colour {
  background: none;
}
.table-responsive {
  overflow: auto;
}
.table-responsive table {
  table-layout: fixed;
  min-width: 100%;
}
.table-responsive table#dynamicDataTable {
  table-layout: auto;
}
.table-responsive table td:last-child {
  white-space: normal;
}
.table-responsive table td a.btn {
  display: inline-block;
}
.k-grid td {
  padding: 0em 0.5em !important;
}
.k-grid-header th.k-with-icon .k-link {
  font-weight: bold;
  color: #000000;
}
.k-grid-content .bg-error-force-font-colour td,
.k-grid-content .bg-danger-force-font-colour td,
.k-grid-content .bg-warning-force-font-colour td,
.k-grid-content .bg-info-force-font-colour td {
  padding: 0 !important;
}
.k-grid-content .bg-error-force-font-colour td > div,
.k-grid-content .bg-danger-force-font-colour td > div,
.k-grid-content .bg-warning-force-font-colour td > div,
.k-grid-content .bg-info-force-font-colour td > div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  resize: vertical;
  overflow: auto;
}
.table-wrap-cell-td td {
  word-wrap: break-word;
}
.table-wrap-cell-th th {
  word-wrap: break-word;
}
.team-table {
  overflow: visible;
}
.team-table .editable-input {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
.team-table .editable-input label {
  white-space: nowrap;
  max-width: 350px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  padding-right: 15px;
}
.team-table .editable-click,
.team-table a.editable-click,
.team-table td a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.message-table > tbody > tr > td {
  min-width: 85px;
  white-space: pre-wrap;
}
.message-table > tbody > tr > td div {
  white-space: pre-line;
}
/* Responsive style overrides for Kendo tables */
.k-grid table {
  min-width: auto;
}
.member-summary.k-grid table {
  min-width: 100%;
}
.k-scheduler-layout {
  min-width: 1000px;
}
.k-scheduler {
  overflow-x: scroll;
}
#classScheduler {
  overflow-x: visible;
}
.k-scheduler-toolbar {
  min-width: 1000px;
}
/* Responsive style overrides for Datatables */
.table-responsive {
  overflow: hidden;
  overflow-x: scroll;
  border: none;
}
#containerEosrList {
  overflow: hidden;
  overflow-x: scroll;
}
.datatable-scroll {
  width: 100%;
  overflow-x: auto;
}
.table-bordered {
  box-sizing: border-box;
}
.table-responsive table {
  table-layout: fixed;
  min-width: 100%;
  overflow: auto;
}
.table-responsive table thead,
.table-responsive table tbody {
  width: auto;
}
.table-responsive table thead > tr > th {
  width: 120px;
}
.table-responsive table tbody > tr > td {
  padding: 10px;
}
.table thead,
.table tbody {
  width: auto;
}
.table thead > tr > th {
  min-width: 100px;
}
.table tbody > tr > td {
  padding: 10px;
}
#workoutprograms_wrapper .table thead > tr > th {
  min-width: 80px;
}
/* ===== Bootstrap switch ===== */
.has-switch {
  display: inline-block;
  cursor: pointer;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  margin-right: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  vertical-align: middle;
}
.has-switch:focus {
  outline: 0;
}
.has-switch.switch-mini {
  min-width: 72px;
}
.has-switch.switch-mini i.switch-mini-icons {
  height: 1.2em;
  line-height: 9px;
  vertical-align: text-top;
  text-align: center;
  transform: scale(0.6);
  margin-top: -1px;
  margin-bottom: -1px;
}
.has-switch.switch-small {
  min-width: 80px;
}
.has-switch.switch-large {
  min-width: 120px;
}
.has-switch.disabled {
  opacity: .7;
  filter: alpha(opacity=70);
  cursor: default;
}
.has-switch.disabled label,
.has-switch.disabled span {
  cursor: default !important;
}
.has-switch > div {
  display: inline-block;
  width: 150%;
  position: relative;
  top: 0;
  overflow: hidden;
}
.has-switch > div.switch-off {
  left: -50%;
}
.has-switch > div.switch-on {
  left: 0;
}
.has-switch input[type=checkbox],
.has-switch input[type=radio] {
  display: none;
}
.has-switch label,
.has-switch span {
  cursor: pointer;
  position: relative;
  margin: 0;
  display: inline-block !important;
  height: 100%;
  padding: 6px 8px;
  font-size: 11px;
  line-height: 20px;
}
.has-switch label.switch-mini,
.has-switch span.switch-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 20px;
}
.has-switch label.switch-small,
.has-switch span.switch-small {
  padding: 4px 7px;
  font-size: 11px;
  line-height: 20px;
}
.has-switch label.switch-large,
.has-switch span.switch-large {
  padding: 8px 10px;
  font-size: 12px;
  line-height: 20px;
}
.has-switch label {
  text-align: center;
  z-index: 100;
  width: 34%;
  background: #fafafa url(../images/ui/forms/switch_handler.png) no-repeat 50%;
  border: 1px solid #ccc;
}
.has-switch label:hover {
  background-color: #fcfcfc;
}
.has-switch label:active {
  background-color: #f6f6f6;
}
.has-switch label i {
  color: #000;
  text-shadow: 0 1px 0 #fff;
  line-height: 18px;
  pointer-events: none;
}
.has-switch span {
  text-align: center;
  z-index: 1;
  width: 33%;
  font-weight: 400;
}
.has-switch span.switch-left {
  border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
}
.has-switch span.switch-right {
  border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  color: #fff;
  border: 1px solid #E48561;
  background: #E48561;
}
.has-switch span i {
  font-size: 14px;
  vertical-align: -2px;
}
.has-switch span.switch-left,
.has-switch span.switch-primary {
  color: #fff;
  background: #47a314;
  border: 1px solid #47a314;
}
.has-switch span.switch-info {
  color: #fff;
  background: #E48561;
  border-color: #E48561;
}
.has-switch span.switch-success {
  color: #fff;
  background: #47a314;
  border-color: #47a314;
}
.has-switch span.switch-warning {
  background: #E48561;
  color: #fff;
  border-color: #E48561;
}
.has-switch span.switch-danger {
  color: #fff;
  background: #D65C4F;
  border-color: #D65C4F;
}
.has-switch span.switch-default {
  color: #333;
  background: #eee;
  border-color: #ccc;
}
.switch-on > label {
  border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  margin: 0 1px 0 -1px;
}
.switch-off > label {
  border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  margin: 0 -1px 0 1px;
}
.switch-on .switch-right,
.switch-off .switch-left {
  opacity: 0;
  filter: alpha(opacity=0);
}
.switch-off .switch-right,
.switch-on .switch-left {
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-grad-red {
  background-color: #f51a1a;
  border-color: #f51a1a;
}
.btn-grad-red:hover,
.btn-grad-red:focus,
.btn-grad-red:active,
.btn-grad-red.active {
  background-color: #eb0a0a;
  border-color: #d30909;
}
.btn-grad-red.disabled:hover,
.btn-grad-red.disabled:focus,
.btn-grad-red.disabled:active,
.btn-grad-red.disabled.active,
.btn-grad-red[disabled]:hover,
.btn-grad-red[disabled]:focus,
.btn-grad-red[disabled]:active,
.btn-grad-red[disabled].active,
fieldset[disabled] .btn-grad-red:hover,
fieldset[disabled] .btn-grad-red:focus,
fieldset[disabled] .btn-grad-red:active,
fieldset[disabled] .btn-grad-red.active {
  background-color: #f51a1a;
  border-color: #f51a1a;
}
.btn-grad-green {
  background-color: #27b011;
  border-color: #27b011;
}
.btn-grad-green:hover,
.btn-grad-green:focus,
.btn-grad-green:active,
.btn-grad-green.active {
  background-color: #22990f;
  border-color: #1d810d;
}
.btn-grad-green.disabled:hover,
.btn-grad-green.disabled:focus,
.btn-grad-green.disabled:active,
.btn-grad-green.disabled.active,
.btn-grad-green[disabled]:hover,
.btn-grad-green[disabled]:focus,
.btn-grad-green[disabled]:active,
.btn-grad-green[disabled].active,
fieldset[disabled] .btn-grad-green:hover,
fieldset[disabled] .btn-grad-green:focus,
fieldset[disabled] .btn-grad-green:active,
fieldset[disabled] .btn-grad-green.active {
  background-color: #27b011;
  border-color: #27b011;
}
.btn-grad-lightgreen {
  background-color: #7ee36e;
  border-color: #7ee36e;
}
.btn-grad-lightgreen:hover,
.btn-grad-lightgreen:focus,
.btn-grad-lightgreen:active,
.btn-grad-lightgreen.active {
  background-color: #6bdf59;
  border-color: #58db43;
}
.btn-grad-lightgreen.disabled:hover,
.btn-grad-lightgreen.disabled:focus,
.btn-grad-lightgreen.disabled:active,
.btn-grad-lightgreen.disabled.active,
.btn-grad-lightgreen[disabled]:hover,
.btn-grad-lightgreen[disabled]:focus,
.btn-grad-lightgreen[disabled]:active,
.btn-grad-lightgreen[disabled].active,
fieldset[disabled] .btn-grad-lightgreen:hover,
fieldset[disabled] .btn-grad-lightgreen:focus,
fieldset[disabled] .btn-grad-lightgreen:active,
fieldset[disabled] .btn-grad-lightgreen.active {
  background-color: #7ee36e;
  border-color: #7ee36e;
}
.btn-grad-yellow {
  background-color: #e6eb08;
  border-color: #e6eb08;
}
.btn-grad-yellow:hover,
.btn-grad-yellow:focus,
.btn-grad-yellow:active,
.btn-grad-yellow.active {
  background-color: #ced207;
  border-color: #b6ba06;
}
.btn-grad-yellow.disabled:hover,
.btn-grad-yellow.disabled:focus,
.btn-grad-yellow.disabled:active,
.btn-grad-yellow.disabled.active,
.btn-grad-yellow[disabled]:hover,
.btn-grad-yellow[disabled]:focus,
.btn-grad-yellow[disabled]:active,
.btn-grad-yellow[disabled].active,
fieldset[disabled] .btn-grad-yellow:hover,
fieldset[disabled] .btn-grad-yellow:focus,
fieldset[disabled] .btn-grad-yellow:active,
fieldset[disabled] .btn-grad-yellow.active {
  background-color: #e6eb08;
  border-color: #e6eb08;
}
.btn-grad-orange {
  background-color: #eb9008;
  border-color: #eb9008;
}
.btn-grad-orange:hover,
.btn-grad-orange:focus,
.btn-grad-orange:active,
.btn-grad-orange.active {
  background-color: #d28107;
  border-color: #ba7206;
}
.btn-grad-orange.disabled:hover,
.btn-grad-orange.disabled:focus,
.btn-grad-orange.disabled:active,
.btn-grad-orange.disabled.active,
.btn-grad-orange[disabled]:hover,
.btn-grad-orange[disabled]:focus,
.btn-grad-orange[disabled]:active,
.btn-grad-orange[disabled].active,
fieldset[disabled] .btn-grad-orange:hover,
fieldset[disabled] .btn-grad-orange:focus,
fieldset[disabled] .btn-grad-orange:active,
fieldset[disabled] .btn-grad-orange.active {
  background-color: #eb9008;
  border-color: #eb9008;
}
/*!
 * Cropper v0.7.1
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright 2014 Fengyuan Chen
 * Released under the MIT license
 */
.cropper-container {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.cropper-container img {
  width: 100%;
  max-width: none !important;
  height: 100%;
  max-height: none !important;
}
.cropper-modal,
.cropper-canvas {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cropper-canvas {
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  filter: alpha(opacity=50);
  opacity: .5;
}
.cropper-dragger {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
}
.cropper-viewer {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline-width: 1px;
  outline-style: solid;
  outline-color: #69f;
  outline-color: rgba(51, 102, 255, 0.75);
}
.cropper-dashed {
  position: absolute;
  display: block;
  filter: alpha(opacity=50);
  border: 0 dashed #fff;
  opacity: .5;
}
.cropper-dashed.dashed-h {
  top: 33.3%;
  left: 0;
  width: 100%;
  height: 33.3%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.cropper-dashed.dashed-v {
  top: 0;
  left: 33.3%;
  width: 33.3%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=10);
  opacity: .1;
}
.cropper-face {
  top: 0;
  left: 0;
  cursor: move;
  background-color: #fff;
}
.cropper-line {
  background-color: #69f;
}
.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}
.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}
.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}
.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}
.cropper-point {
  width: 5px;
  height: 5px;
  background-color: #69f;
  filter: alpha(opacity=75);
  opacity: .75;
}
.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}
.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}
.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}
.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}
.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}
.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}
.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}
.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  filter: alpha(opacity=100);
  opacity: 1;
}
.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: " ";
  background-color: #69f;
  filter: alpha(opacity=0);
  opacity: 0;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    filter: alpha(opacity=75);
    opacity: .75;
  }
}
/* Helper classes for JavaScript */
.cropper-hidden {
  display: none !important;
}
.cropper-invisible {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-canvas,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
.avatar-body {
  padding-right: 15px;
  padding-left: 15px;
}
.avatar-upload {
  overflow: hidden;
}
.avatar-upload label {
  display: block;
  float: left;
  clear: left;
  width: 100px;
}
.avatar-upload input {
  display: block;
  margin-left: 110px;
}
.avater-alert {
  margin-top: 10px;
  margin-bottom: 10px;
}
.avatar-wrapper {
  height: 364px;
  width: 100%;
  margin-top: 15px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
  background-color: #fcfcfc;
  overflow: hidden;
  padding: 10px;
}
.avatar-wrapper img {
  display: block;
  height: auto;
  max-width: 100%;
}
.avatar-preview {
  float: left;
  margin-top: 15px;
  margin-right: 15px;
  border: 1px solid #eee;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
}
.avatar-preview:hover {
  border-color: #ccf;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.avatar-view img,
.avatar-preview img {
  width: 100%;
  height: auto;
}
.preview-lg {
  height: 184px;
  width: 184px;
  margin-top: 15px;
}
.preview-md {
  height: 100px;
  width: 100px;
}
.preview-sm {
  height: 50px;
  width: 50px;
}
@media (min-width: 992px) {
  .avatar-preview {
    float: none;
  }
}
.cropper-loading {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff url("../img/loading.gif") no-repeat center center;
  opacity: .75;
  filter: alpha(opacity=75);
  z-index: 20140628;
}
.avatar-view,
.banner-view {
  cursor: pointer;
}
.banner-view img {
  width: 100%;
  max-height: 500px;
  object-fit: cover;
}
.banner-wrapper img {
  width: 100%;
}
#sc-main-panel {
  width: 947.727px;
}
.sc-template-week {
  max-width: 960px;
}
.sc-template-session {
  padding-top: 10px;
  margin-bottom: 10px;
  background-color: #dddddd;
  border: 1px solid grey;
}
.sc-template-unit {
  margin-bottom: 10px;
  background-color: #fdfdfd;
  border: 1px solid grey;
}
.sc-template-unit.panel-body {
  width: 820px;
}
.sc-header-text {
  font-weight: bold;
  padding: 1px;
  margin-bottom: 5px;
}
.sc-session-left {
  padding-left: 10px;
  padding-bottom: 5px;
}
.sc-session-right {
  width: 840px;
  margin-right: 10px;
}
.sc-category-row {
  text-align: center;
  font-weight: bold;
}
.category-name {
  width: 100%;
  height: 25px;
  padding: 4px 0;
  margin: 1px 0;
  background-color: gray;
  float: left;
  clear: left;
}
.sc-exercise-col-header,
.sc-template-exercise .exercise-col {
  float: left;
  width: 235px;
  padding: 1px;
}
.sc-set-col-header,
.sc-template-set .set-col {
  float: left;
  width: 100px;
  padding: 1px;
}
.sc-reps-col-header,
.sc-percent-col-header,
.sc-rpe-col-header,
.sc-load-col-header,
.sc-rest-col-header,
.sc-template-set .reps-col,
.sc-template-set .percent-col,
.sc-template-set .rpe-col,
.sc-template-set .load-col,
.sc-template-set .rest-col {
  float: left;
  width: 65px;
  padding: 1px;
}
.sc-comments-col-header,
.sc-template-set .comments-col {
  float: left;
  width: 235px;
  padding: 1px;
}
.sc-template-exercise .sets-col {
  display: inline-block;
}
.sc-template-exercise .actions-col {
  float: right;
  display: inline-block;
}
.sc-template-exercise .exercise-col a {
  float: left;
}
.sc-template-set .set-col a,
.sc-template-exercise .actions-col a {
  float: right;
}
.sc-template-exercise .actions-col a {
  color: gray;
}
.sc-template-exercise .exercise-col i,
.sc-template-set .set-col i,
.sc-template-exercise .actions-col i {
  vertical-align: -webkit-baseline-middle;
}
.sc-template-exercise .exercise-col input {
  width: 80%;
  float: right;
}
.sc-template-set .set-col input {
  width: 60%;
  float: left;
}
#bulkcapture .bulkcapture-title,
#bulkcapture .panel-heading .editable {
  font-size: 150%;
}
#bulkcapture div#loading-panel {
  margin: 10px;
}
#bulkcapture .blank-column {
  width: 124px !important;
  border-left: none !important;
}
#bulkcapture .icon-plus-circle,
#bulkcapture .icon-minus-circle {
  color: #c5cacb !important;
}
/**********/
/* HEADER */
/**********/
#bulkcapture .theader {
  overflow-y: auto;
  max-height: 70px;
  margin: auto;
  border: 1px solid #ddd;
}
#bulkcapture .theader td {
  font-weight: bold;
}
#bulkcapture .theader .pull-left {
  width: 85%;
}
#bulkcapture .theader .pull-right {
  width: 15%;
  text-align: right;
}
#bulkcapture .theader .unhide-column {
  width: 130px !important;
  padding-left: 5px;
}
/********/
/* COPY */
/********/
#bulkcapture .tcopy {
  height: 38px;
  margin: auto;
  border: 1px solid #ddd;
  background-color: #F2F2F2;
}
#bulkcapture .tcopy .blank-column {
  width: 130px !important;
  padding-left: 5px;
}
#bulkcapture .tcopy .inner table {
  height: 100%;
}
#bulkcapture .tcopy .inner .pull-left {
  width: 85%;
}
#bulkcapture .tcopy .inner .pull-right {
  width: 15%;
  padding-left: 2px;
  padding-top: 5px;
}
#bulkcapture .tcopy ul.multiselect-container {
  position: relative;
}
#bulkcapture .tcopy .icon-arrow-down11 {
  cursor: pointer;
  color: #999;
}
/********/
/* MAIN */
/********/
#bulkcapture .tmain {
  max-height: 450px;
  margin: auto;
  border: 1px solid #ddd;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
#bulkcapture .tmain .fixedcol td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#bulkcapture .tmain td {
  height: 34px;
}
/**********/
/* FOOTER */
/**********/
#bulkcapture .tfooter {
  height: 25px;
  margin: auto;
}
#bulkcapture .tfooter .pull-right {
  width: 15%;
  text-align: right;
}
#bulkcapture .tfooter td {
  border: none;
  padding: 3px;
}
#bulkcapture .tfooter .inner {
  height: 12px;
  overflow-y: hidden !important;
  overflow-x: scroll !important;
}
#bulkcapture .tfooter .unhide-row {
  width: 150px;
  padding: 2px;
  height: 25px;
}
#bulkcapture .tfooter .unhide-row a {
  width: 100%;
}
/**********/
/* COMMON */
/**********/
#bulkcapture .theader td,
#bulkcapture .tcopy td,
#bulkcapture .tmain td {
  font-size: 90%;
  padding: 2px;
  border-left: 1px solid #ddd;
  vertical-align: top;
}
#bulkcapture .theader .fixedcol,
#bulkcapture .tcopy .fixedcol,
#bulkcapture .tmain .fixedcol,
#bulkcapture .tfooter .fixedcol {
  width: 150px !important;
  float: left;
}
#bulkcapture .tmain .fixedcol tr td:first-of-type {
  width: 150px !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
#bulkcapture .tmain .fixedcol tr td {
  font-size: 10px;
}
#bulkcapture .tmain .fixedcol tr td .tcontainer {
  position: relative;
}
#bulkcapture .tmain .fixedcol tr td .truncate {
  position: absolute;
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
}
#bulkcapture .tmain .fixedcol tr td .tspacer {
  height: 0;
  overflow: hidden;
}
#bulkcapture .theader .inner,
#bulkcapture .tcopy .inner,
#bulkcapture .tmain .inner {
  overflow: hidden;
}
.test-result .DTFC_LeftBodyLiner {
  overflow-x: hidden !important;
  width: auto;
  /*overflow-y:visible !important;*/
}
.test-result .DTFC_LeftBodyWrapper {
  overflow: visible !important;
}
.test-result #dynamicDataTablet th,
.test-result td {
  white-space: nowrap;
}
.test-result #dynamicDataTablet_wrapper tfoot {
  white-space: nowrap;
}
.test-result #dynamicDataTablet * {
  box-sizing: initial;
}
.test-result #dynamicDataTable .table > thead > tr > th {
  padding: 11px 11px !important;
  width: auto !important;
}
.test-result #dynamicDataTable .table > tbody > tr > td {
  padding: 11px 9px !important;
  width: auto !important;
}
.test-result #dynamicDataTablet_wrapper .table > tbody > tr > td {
  padding: 10px 8px !important;
}
.test-result #dynamicDataTablet_wrapper .table > tbody > tr > td {
  padding: 10px 7px !important;
}
.test-result .panel .dataTables_length {
  padding: 0px 14px;
}
#pre-game-notes .section-title {
  font-size: 14px;
  margin-bottom: 15px;
}
#game-info .game-dropdown {
  border: 1px solid #DDDDDD;
  width: 100%;
}
#game-info .game-dropdown#game-date {
  border-color: transparent;
}
#game-info .home-away .btn-group {
  padding-top: 22px;
}
#game-info .home-away .btn {
  width: 120px;
  background-color: transparent;
  color: #DDDDDD;
  border: 1px solid #DDDDDD;
}
#game-info .home-away .btn.selected {
  border: 1px solid #007AFF;
  background-color: transparent;
  color: #007AFF;
}
#game-info .form-group label {
  color: #b7b7b7;
  font-weight: 500;
}
#game-info .gameDate,
#game-info .gameAgainst,
#game-info .gameVenue {
  font-size: 16px;
  font-weight: 600;
}
#team-selection-tab .k-tabstrip-items {
  border: 1px solid #DDDDDD;
}
#team-selection-tab .k-tabstrip-items .k-item {
  width: 50%;
  text-align: center;
}
#team-selection-tab .k-tabstrip-items .k-item.k-state-default {
  background-color: #DDDDDD;
}
#team-selection-tab .k-tabstrip-items .k-item.k-state-default .k-link {
  color: #000;
}
#team-selection-tab .k-tabstrip-items .k-item.k-state-default:hover {
  background-color: #c4c4c4;
  border-color: transparent;
}
#team-selection-tab .k-tabstrip-items .k-item.k-state-active {
  background-color: #007AFF;
}
#team-selection-tab .k-tabstrip-items .k-item.k-state-active .k-link {
  color: #FFF;
  font-weight: 600;
}
#team-selection-tab .k-tabstrip-items .k-item.k-state-active:hover {
  background-color: #007AFF;
}
#team-selection-tab .k-tabstrip-items .k-item.k-state-hover,
#team-selection-tab .k-tabstrip-items .k-item:hover {
  border-color: transparent;
}
#team-selection-tab .k-tabstrip-items #opposingTeam.k-state-active {
  background-color: #ff624d;
  border-color: transparent;
}
#team-selection-tab .k-tabstrip-items #opposingTeam.k-state-active:hover {
  background-color: #ff624d;
}
#team-selection-tab .k-content {
  background: #f4f4f4;
  border: 1px solid #DDDDDD;
  height: 700px;
  overflow-y: scroll;
  padding: 0;
}
#team-selection-tab .k-content .group-header {
  font-size: 12px;
  font-weight: 600;
  padding: 15px;
  background-color: #f4f4f4;
  border-bottom: 1px solid #DDDDDD;
  word-wrap: break-word;
}
#team-selection-tab .k-content .group-header .fa-chevron-up {
  font-size: 14px;
  color: #bcbcbc;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 0.2s ease-in;
  -moz-transition: transform 0.2s ease-in;
  -ms-transition: transform 0.2s ease-in;
  -o-transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
}
#team-selection-tab .k-content .group-header.collapsed .fa-chevron-up {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#team-selection-tab .k-content .group-header:hover {
  cursor: pointer;
}
#team-selection-tab:focus {
  box-shadow: none;
}
#team-selection-tab.k-header {
  background-color: transparent;
  border-color: transparent;
}
.player-list-controls #addPlayer .fa {
  font-size: 17px;
  margin: 0px;
}
.player-list-controls #addPlayer span {
  margin-right: 5px;
}
.player-list-controls #addPlayer:hover {
  color: #007AFF;
}
.formation-controls {
  margin-bottom: 12px;
}
.formation-controls button {
  margin: 0px 10px;
}
.formation-controls button i {
  font-size: 17px;
}
.formation-controls .k-dropdown {
  width: 180px;
  border: 1px solid #DDDDDD;
}
.formation-controls #addElement,
.formation-controls #saveFormation,
.formation-controls #editFormation {
  display: none;
}
#formation-layout .draggable-area {
  position: relative;
  height: 700px;
  width: 600px;
  background-image: url("/resources/images/football-pitch.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#formation-layout .draggable-area .formation {
  height: 700px;
  width: 600px;
  position: absolute;
  z-index: 51;
}
#formation-layout .draggable-area .formation.team.selected .formationElement {
  border: 3px solid #007AFF;
  -webkit-animation: highlightOnAddTeam 1s 1 alternate;
  -moz-animation: highlightOnAddTeam 1s 1 alternate;
  -ms-animation: highlightOnAddTeam 1s 1 alternate;
  -o-animation: highlightOnAddTeam 1s 1 alternate;
  animation: highlightOnAddTeam 1s 1 alternate;
  -webkit-transition: background-color 0.2s ease-in;
  -moz-transition: background-color 0.2s ease-in;
  -ms-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
@-webkit-keyframes highlightOnAddTeam {
  0% {
    background-color: #007AFF;
  }
  50% 100% {
    background-color: #DDDDDD;
  }
}
@-moz-keyframes highlightOnAddTeam {
  0% {
    background-color: #007AFF;
  }
  50% 100% {
    background-color: #DDDDDD;
  }
}
@-ms-keyframes highlightOnAddTeam {
  0% {
    background-color: #007AFF;
  }
  50% 100% {
    background-color: #DDDDDD;
  }
}
@-o-keyframes highlightOnAddTeam {
  0% {
    background-color: #007AFF;
  }
  50% 100% {
    background-color: #DDDDDD;
  }
}
@keyframes highlightOnAddTeam {
  0% {
    background-color: #007AFF;
  }
  50% 100% {
    background-color: #DDDDDD;
  }
}
#formation-layout .draggable-area .formation.team.selected .formationElement.animate {
  -webkit-transition: transform 0.2s ease-in;
  -moz-transition: transform 0.2s ease-in;
  -ms-transition: transform 0.2s ease-in;
  -o-transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
}
#formation-layout .draggable-area .formation.team.selected .formationElement.removingElement {
  border-color: #e61b00;
  background-color: #e61b00;
}
#formation-layout .draggable-area .formation.team.selected .formationElement.removingElement .last-name {
  border-color: #e61b00;
  background-color: #e61b00;
  color: #FFF;
}
#formation-layout .draggable-area .formation.opposingTeam.selected .formationElement {
  border: 3px solid #ff624d;
  -webkit-animation: highlightOnAddOpposingTeam 1s 1 alternate;
  -moz-animation: highlightOnAddOpposingTeam 1s 1 alternate;
  -ms-animation: highlightOnAddOpposingTeam 1s 1 alternate;
  -o-animation: highlightOnAddOpposingTeam 1s 1 alternate;
  animation: highlightOnAddOpposingTeam 1s 1 alternate;
}
@-webkit-keyframes highlightOnAddOpposingTeam {
  0% {
    background-color: #ff624d;
  }
  50% 100% {
    background-color: #DDDDDD;
  }
}
@-moz-keyframes highlightOnAddOpposingTeam {
  0% {
    background-color: #ff624d;
  }
  50% 100% {
    background-color: #DDDDDD;
  }
}
@-ms-keyframes highlightOnAddOpposingTeam {
  0% {
    background-color: #ff624d;
  }
  50% 100% {
    background-color: #DDDDDD;
  }
}
@-o-keyframes highlightOnAddOpposingTeam {
  0% {
    background-color: #ff624d;
  }
  50% 100% {
    background-color: #DDDDDD;
  }
}
@keyframes highlightOnAddOpposingTeam {
  0% {
    background-color: #ff624d;
  }
  50% 100% {
    background-color: #DDDDDD;
  }
}
#formation-layout .draggable-area .formation.opposingTeam.selected .formationElement.removingElement {
  -webkit-transition: background-color 0.2s ease-in;
  -moz-transition: background-color 0.2s ease-in;
  -ms-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
  border-color: #e61b00;
  background-color: #e61b00;
}
#formation-layout .draggable-area .formation.opposingTeam.selected .formationElement.removingElement .last-name {
  border-color: #e61b00;
  background-color: #e61b00;
  color: #FFF;
}
#formation-layout .draggable-area .formation.selected {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  z-index: 51;
}
#formation-layout .draggable-area .formation:not(.selected) {
  opacity: 0.5;
  z-index: 50;
}
#formation-layout .draggable-area .formation:not(.selected) .formationElement {
  border: 0px;
}
.player-selection .player-container {
  min-height: 55px;
  background-color: #FFF;
}
.player-selection .player {
  height: 45px;
  padding: 5px;
  position: relative;
  vertical-align: middle;
  background-color: #FFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.player-selection .player img {
  height: 40px;
  width: 40px;
  margin-right: 10px;
  border-radius: 4px;
  border-width: 3px;
  border-style: solid;
  border-color: #EFEFEF;
}
.player-selection .player.available img {
  border-color: #00BF00;
}
.player-selection .player.modified img {
  border-color: #FFF200;
}
.player-selection .player.not-available {
  background-color: rgba(255, 30, 0, 0.2);
}
.player-selection .player.not-available img {
  border-color: #FF1E00;
}
.player-selection .player.not-available:hover {
  background-color: rgba(255, 30, 0, 0.2);
}
.player-selection .player span {
  font-size: 13px;
  font-weight: 600;
}
.player-selection .player .fa {
  opacity: 0;
  color: #00BF00;
  font-size: 20px;
  margin: 10px 5px;
}
.player-selection .player .fa-remove {
  color: #808080;
  font-size: 20px;
  margin: 10px 5px;
  opacity: 1;
}
.player-selection .player .fa-remove:hover {
  color: #FF1E00;
  cursor: pointer;
}
.player-selection .player .show-game-modal {
  display: inline-block;
}
.player-selection .player.dragging {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
  position: absolute;
  z-index: 52 !important;
}
.player-selection .player.ondragenter {
  background-color: #007AFF !important;
  color: #FFF;
  -webkit-transition: background-color 0.2s ease-in;
  -moz-transition: background-color 0.2s ease-in;
  -ms-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.player-selection .player.selection {
  background-color: #8cff8c;
}
.player-selection .player.selection .fa {
  opacity: 1;
}
.player-selection .player.selection:hover {
  background-color: #8cff8c;
}
.player-selection .player:hover {
  background-color: #EFEFEF;
}
.formationElement {
  position: absolute;
  display: inline-block;
  height: 50px;
  width: 50px;
  background-color: #DDDDDD;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.formationElement.ondragenter {
  background-color: #007AFF !important;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.formationElement .last-name {
  display: inline-block;
  width: 90px;
  max-width: 100px;
  height: 25px;
  position: relative;
  top: 55px;
  left: -22px;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
#add-player-opposingTeam .modal-header {
  background-color: #F7F7F7;
  border: 1px solid #DDDDDD;
  color: #333;
}
#add-player-opposingTeam .modal-header .close {
  color: #333;
}
#add-player-opposingTeam .modal-body {
  padding: 20px;
}
#add-player-opposingTeam .form-group label {
  color: #999;
}
#add-player-opposingTeam .btn-blue {
  background-color: #007AFF;
  border-color: #007AFF;
  color: #FFF;
}
#add-player-opposingTeam #cancelPlayerModalButton:hover {
  color: #FF1E00;
}
.popover.pregame-player-popover {
  min-width: 300px;
  max-width: 300px;
  word-wrap: break-word;
}
.popover.pregame-player-popover .summary-controls,
.popover.pregame-player-popover .player-game-notes-summary {
  width: 100%;
}
.popover.pregame-player-popover #editSummary {
  font-size: 10px;
  font-weight: 500;
}
.popover.pregame-player-popover .popover-content {
  padding: 0px 15px 20px;
}
.edit-player-summary .modal-dialog {
  width: 400px;
}
.edit-player-summary .modal-header {
  background-color: #F7F7F7;
  border: 1px solid #DDDDDD;
  color: #333;
}
.edit-player-summary .modal-header .close {
  color: #333;
}
.edit-player-summary #player-summary-text {
  resize: none;
  font-size: 13px;
}
.edit-player-summary .btn-blue {
  background-color: #007AFF;
  border-color: #007AFF;
  color: #FFF;
}
#createNewFormation .modal-dialog {
  width: 400px;
}
#createNewFormation .modal-header {
  background-color: #F7F7F7;
  border: 1px solid #DDDDDD;
  color: #333;
}
#createNewFormation .modal-header .close {
  color: #333;
}
#createNewFormation .modal-body {
  padding: 20px;
}
#createNewFormation .btn-blue {
  background-color: #007AFF;
  border-color: #007AFF;
  color: #FFF;
}
.player-game-notes-modal .modal-dialog {
  width: 750px;
}
.player-game-notes-modal .modal-header {
  background-color: #F7F7F7;
  border: 1px solid #DDDDDD;
  color: #333;
}
.player-game-notes-modal .modal-header .close {
  color: #333;
}
.player-game-notes-modal .modal-body {
  padding: 20px;
}
.player-game-notes-modal .player-game-notes-info {
  margin-bottom: 20px;
}
.player-game-notes-modal .player-selected {
  text-align: center;
}
.player-game-notes-modal .player-selected .player-pic {
  border: 1px solid #DDDDDD;
  height: 100px;
  width: 100px;
  margin-bottom: 10px;
}
.player-game-notes-modal .player-game-note-controls {
  margin-bottom: 20px;
}
.player-game-notes-modal .player-game-notes-list {
  min-height: 120px;
  max-height: 270px;
  overflow: auto;
}
.player-game-notes-modal .player-game-notes-list .player-game-notes-list-item {
  list-style-type: none;
  margin-bottom: 20px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.player-game-notes-modal .player-game-notes-list .player-game-notes-list-item .player-game-note-content,
.player-game-notes-modal .player-game-notes-list .player-game-notes-list-item .player-game-note-controls {
  display: inline-block;
}
.player-game-notes-modal .player-game-notes-list .player-game-notes-list-item .player-game-note-content {
  min-height: 60px;
  font-size: 13px;
  width: 95%;
  border-color: transparent;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.player-game-notes-modal .player-game-notes-list .player-game-notes-list-item .player-game-note-content:hover {
  background-color: #f9f9f9;
}
.player-game-notes-modal .player-game-notes-list .player-game-notes-list-item .player-game-note-content:focus {
  border-color: #EFEFEF;
  background-color: #f9f9f9;
}
.player-game-notes-modal .player-game-notes-list .player-game-notes-list-item .player-game-note-content::selection {
  background: rgba(224, 224, 224, 0.8) !important;
  color: #000 !important;
}
.player-game-notes-modal .player-game-notes-list .player-game-notes-list-item .player-game-note-content::-moz-selection {
  background: rgba(224, 224, 224, 0.8) !important;
  color: #000 !important;
}
.player-game-notes-modal .player-game-notes-list .player-game-notes-list-item .player-game-note-controls {
  display: block;
  opacity: 0;
}
.player-game-notes-modal .player-game-notes-list .player-game-notes-list-item .player-game-note-controls #delete-player-game-note,
.player-game-notes-modal .player-game-notes-list .player-game-notes-list-item .player-game-note-controls #save-player-game-note {
  float: right;
  font-weight: 500;
}
.player-game-notes-modal .player-game-notes-list .player-game-notes-list-item .player-game-note-controls #delete-player-game-note:hover {
  color: #FF1E00;
}
.player-game-notes-modal .player-game-notes-list .player-game-notes-list-item .player-game-note-controls #save-player-game-note:hover {
  color: #007AFF;
}
.player-game-notes-modal .player-game-notes-list .player-game-notes-list-item .player-game-note-controls.show-on-focus {
  opacity: 1;
}
.player-game-notes-modal #add-player-game-note i {
  font-size: 17px;
}
#game-notes .controls {
  margin-bottom: 20px;
}
#game-notes #add-note i {
  font-size: 17px;
}
.notes-list {
  padding: 0px;
}
.notes-list .notes-list-item {
  list-style-type: none;
  margin-bottom: 20px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.notes-list .notes-list-item .note-content,
.notes-list .notes-list-item .note-controls {
  display: inline-block;
}
.notes-list .notes-list-item .note-content {
  min-height: 60px;
  font-size: 13px;
  width: 85%;
  border-color: transparent;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.notes-list .notes-list-item .note-content:hover {
  background-color: #f9f9f9;
}
.notes-list .notes-list-item .note-content:focus {
  border-color: #EFEFEF;
  background-color: #f9f9f9;
}
.notes-list .notes-list-item .note-content::selection {
  background: rgba(224, 224, 224, 0.8) !important;
  color: #000 !important;
}
.notes-list .notes-list-item .note-content::-moz-selection {
  background: rgba(224, 224, 224, 0.8) !important;
  color: #000 !important;
}
.notes-list .notes-list-item .note-controls {
  vertical-align: bottom;
  width: 10%;
  opacity: 0;
}
.notes-list .notes-list-item .note-controls #delete-note {
  font-weight: 500;
}
.notes-list .notes-list-item .note-controls #delete-note:hover {
  color: #FF1E00;
}
.notes-list .notes-list-item .note-controls.show-on-focus {
  opacity: 1;
}
#save-pregame-note #save-pregame-button {
  background-color: #007AFF;
  color: #FFF;
}
#save-pregame-note #cancel-pregame-button:hover {
  color: #FF1E00;
}
#dashboardCompetitionSelection {
  width: 240px;
  margin-top: 20px;
}
.pre-dashboard-selector-container {
  height: 50px;
  clear: both;
}
.pre-dashboard-selector-container .select2-chosen {
  font-size: 9pt !important;
}
.pre-dashboard-selector {
  min-width: 150px;
  max-width: 250px;
  width: 32%;
  margin: 0 1% 5px 0 !important;
  float: left;
}
.pre-dashboard-selector-separator {
  border: 0;
  margin: 0px !important;
  height: 2px;
  clear: both;
  background: #555;
}
#dashboardNav > ul {
  padding-left: 0px;
}
#dashboardNav > ul li {
  display: inline-block;
  min-width: 160px;
  padding: 2px 0px;
  text-align: center;
  list-style-type: none;
  border: 1px solid #EFEFEF;
  background-color: #EFEFEF;
}
#dashboardNav > ul li.active {
  background-color: #fff;
  border-color: #DDDDDD;
}
#dashboardNav > ul li.active:hover {
  background-color: #fff;
}
#dashboardNav > ul li:not(:first-child) {
  margin-left: -3px;
}
#dashboardNav > ul li:hover {
  cursor: pointer !important;
  background-color: #e2e2e2;
}
.profile-details {
  margin-bottom: 15px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.profile-details .row.details {
  text-align: center;
  margin-top: 10px;
  padding: 0px 10px;
}
.profile-details .row.details ul {
  padding-left: 0px;
}
.profile-details .row.details ul li {
  text-align: center;
  list-style-type: none;
}
.profile-details .row.details ul li.name {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 15px;
}
.profile-details .row.details ul li.name span.last {
  text-transform: uppercase;
  font-weight: 600;
}
.profile-details .row.details ul li.training-status,
.profile-details .row.details ul li.selection-status {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 5px;
}
.profile-details .row.details ul li.training-status.available,
.profile-details .row.details ul li.selection-status.available {
  color: #00BF00;
}
.profile-details .row.details ul li.training-status.modified,
.profile-details .row.details ul li.selection-status.modified {
  color: #FFF200;
}
.profile-details .row.details ul li.training-status.not-available,
.profile-details .row.details ul li.selection-status.not-available {
  color: #FF1E00;
}
.profile-details .row.details ul li.training-status.restricted,
.profile-details .row.details ul li.selection-status.restricted {
  color: #FF1E00;
}
.profile-details.onScroll {
  position: fixed;
  top: 30px;
}
.profile-details.onScroll .profile-card .front {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .profile-details .flip-container,
  .profile-details .front,
  .profile-details .back {
    height: 160px !important;
    width: 160px !important;
  }
  .profile-details .profile-card .back .card-details div .property {
    width: 55px !important;
    color: #999 !important;
    text-align: right;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .profile-details .profile-card .back .card-details div .value {
    width: 70px !important;
    padding: 0px 0px 0px 10px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    bottom: 8px;
  }
  .profile-details .row.details {
    width: 160px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .profile-details .flip-container,
  .profile-details .front,
  .profile-details .back {
    height: 240px !important;
    width: 240px !important;
  }
  .profile-details .row.details {
    width: 240px !important;
  }
}
/*=== Manage Devices button under profile details ===*/
.page-content-inner .col-sm-3 #manageWearables {
  float: right;
  margin-right: 50px;
  margin-bottom: 3px;
  padding: 2px 10px 2px 10px;
  background-color: #00b0ff;
  border-color: #00b0ff;
  color: #fff;
  font-size: 11px;
}
.page-content-inner .col-sm-3 #manageWearables:hover {
  background-color: #008cd7;
  border-color: #008cd7;
}
.profile-card .flip-container {
  perspective: 1000;
}
.profile-card .flip-container:hover .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.profile-card .flip-container:hover .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.profile-card .flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: none;
  border: 1px solid #ddd;
}
.profile-card .flipper:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/
}
.profile-card .flipper:after {
  visibility: hidden;
  content: " ";
  display: block;
  height: 0;
}
.profile-card .front,
.profile-card .back {
  backface-visibility: hidden;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.profile-card .front {
  z-index: 2;
  /* for firefox 31 */
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.profile-card .back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  overflow: auto;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.profile-card .back .card-details .card-header {
  text-align: left;
  padding: 10px 10px;
  border-bottom: 1px solid #DDDDDD;
  background-color: #F7F7F7;
}
.profile-card .back .card-details .card-header .first,
.profile-card .back .card-details .card-header .last {
  font-size: 14px;
}
.profile-card .back .card-details .card-header .first {
  font-weight: 500;
  word-wrap: break-word;
}
.profile-card .back .card-details .card-header .last {
  font-weight: 600;
  word-wrap: break-word;
  text-transform: uppercase;
}
.profile-card .back .card-details .card-header .change-photo {
  color: #d0d0d0;
  font-size: 10px;
}
.profile-card .back .card-details .card-header .change-photo i.fa {
  font-size: 14px;
}
.profile-card .back .card-details .card-header .change-photo:hover {
  color: #007AFF;
  cursor: pointer;
}
.profile-card .back .card-details .card-header .training-status {
  font-size: 10px;
  margin-top: 5px;
  font-weight: 500;
}
.profile-card .back .card-details .card-header .training-status .fa {
  font-size: 10px;
}
.profile-card .back .card-details .card-header .training-status .available {
  color: #00BF00;
}
.profile-card .back .card-details .card-header .training-status .modified {
  color: #FFF200;
}
.profile-card .back .card-details .card-header .training-status .not-available {
  color: #FF1E00;
}
.profile-card .back .card-details .card-header .training-status .restricted {
  color: #FF1E00;
}
.profile-card .back .card-details .player-info {
  display: table-row !important;
}
.profile-card .back .card-details .player-info .property,
.profile-card .back .card-details .player-info .value {
  display: table-cell;
  white-space: normal !important;
}
.profile-card .back .card-details .player-info .property {
  width: 95px !important;
  color: #999 !important;
  text-align: right;
}
.profile-card .back .card-details .player-info .value {
  width: 140px !important;
  padding-left: 10px;
  font-weight: 600;
}
.profile-content #scheduler {
  margin-bottom: 15px;
}
.profile-content #user-profile .nav-tabs {
  border-bottom: 0px;
}
.profile-content #user-profile .nav-tabs li > a {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  font-weight: 500;
}
.profile-content #user-profile .nav-tabs li.active > a {
  border-bottom-color: #007AFF;
  border-bottom-width: 1px;
  color: #007AFF;
}
.profile-content #user-profile .tab-content {
  border-color: transparent;
}
.profile-content #user-profile #profile_information .row {
  margin-bottom: 20px;
}
.profile-content #user-profile #change_password .existing-password,
.profile-content #user-profile #change_password .new-password {
  margin-bottom: 20px;
}
.profile-content .widget-header {
  margin-bottom: 15px;
}
#profile-tabs .tab-content {
  overflow: auto;
}
@media (max-width: 1370px) {
  #profile-tabs .demo-section {
    width: 750px;
  }
  #profile-tabs .demo-section table {
    padding-right: 15px;
  }
}
#profile-tabs.k-header {
  border: 1px solid #EFEFEF;
  background-color: #FFF;
}
#profile-tabs.k-header .k-tabstrip-items {
  border-bottom: 1px solid #EFEFEF;
}
#profile-tabs.k-header .k-tabstrip-items .k-item {
  background-color: #FFF;
  width: 130px;
  text-align: center;
}
#profile-tabs.k-header .k-tabstrip-items .k-item .k-link {
  color: #545663;
}
#profile-tabs.k-header .k-tabstrip-items .k-item.k-state-active .k-link {
  color: #007AFF;
}
#profile-tabs.k-header .k-tabstrip-items .k-item.k-state-active:hover {
  border-color: #007AFF;
}
#profile-tabs.k-header .k-tabstrip-items .k-item.k-state-hover,
#profile-tabs.k-header .k-tabstrip-items .k-item:hover {
  border-color: #c4c4c4;
}
#profile-tabs .k-content {
  padding: 20px;
}
#profile-tabs .k-content .widget-header {
  margin-bottom: 15px;
}
#profile-tabs .k-content .widget-header .btn i.fa {
  font-size: 17px;
}
#profile-tabs .k-chart {
  height: 300px;
  margin-bottom: 40px;
}
#profile-tabs:focus {
  box-shadow: none;
}
#profile-tabs > .nav-tabs {
  text-transform: uppercase;
}
.chart-wrapper .chart-config {
  display: inline-block;
  float: right;
  padding: 5px;
  margin-top: 5px;
}
.chart-wrapper .chart-config a {
  color: #d0d0d0;
}
.chart-wrapper .chart-config a:hover {
  color: #007AFF;
}
.chart-wrapper .chartTitle {
  color: #8e8e8e;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  text-align: center;
  word-break: break-all;
  word-wrap: break-word;
}
#chartSettingsModal .modal-header {
  background-color: #F7F7F7;
  border: 1px solid #DDDDDD;
  color: #333;
}
#chartSettingsModal .modal-header .close {
  color: #333;
}
#chartSettingsModal .modal-body {
  padding: 20px;
}
#chartSettingsModal .data .col-md-5:first-child {
  padding-left: 0px;
}
#chartSettingsModal .data .col-md-5:last-child {
  padding-right: 0px;
}
#chartSettingsModal .data .col-md-5 .k-dropdown {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0;
}
#wellness-grid th[data-field="WellnessDate"] .k-header-column-menu {
  display: none;
}
#medical-tab .profile-tab-section + .profile-tab-section {
  margin-top: 30px;
}
#medical-tab h3,
#medical-tab h4,
#medical-tab h5,
#medical-tab h6 {
  font-size: 100%;
}
#medical-tab h3,
#medical-tab h5,
#medical-tab h6 {
  font-weight: normal;
  color: #999;
}
#medical-tab h3 {
  margin: 20px 0 0;
}
#medical-tab h5 {
  margin: 10px 0;
}
#medical-tab h6 {
  margin: 0 0 5px;
}
#medical-tab .loading {
  margin-bottom: 20px;
}
#medical-tab .medical-conditions-list,
#medical-tab .attachment-list,
#medical-tab .notes-date-list,
#medical-tab .notes-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#medical-tab .medical-condition {
  clear: both;
}
#medical-tab .medical-condition .icon {
  color: #929292;
  text-align: center;
}
#medical-tab .medical-condition > .header {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
#medical-tab .medical-condition > .header > .icon {
  padding: 10px;
  width: 50px;
  text-align: center;
}
.no-flexbox #medical-tab .medical-condition > .header > .icon {
  float: left;
}
#medical-tab .medical-condition > .header .title {
  padding: 10px;
  margin: 0;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.no-flexbox #medical-tab .medical-condition > .header .title {
  margin-left: 70px;
  margin-right: 120px;
}
#medical-tab .medical-condition > .header .time {
  padding: 10px;
  position: relative;
  min-width: 100px;
  text-align: right;
}
.no-flexbox #medical-tab .medical-condition > .header .time {
  float: right;
}
#medical-tab .medical-condition > .header .arrow {
  padding: 10px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
#medical-tab .medical-condition > .header .arrow .icon {
  padding: 0;
}
#medical-tab .medical-condition > .header .arrow.expanded {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
#medical-tab .medical-condition > .header .icon,
#medical-tab .medical-condition > .header .title,
#medical-tab .medical-condition > .header .time,
#medical-tab .medical-condition > .header .arrow {
  cursor: pointer;
}
#medical-tab .medical-condition > .header,
#medical-tab .medical-condition > .body {
  clear: both;
}
#medical-tab .medical-condition > .body {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: max-height 500ms;
  -moz-transition: max-height 500ms;
  -o-transition: max-height 500ms;
  transition: max-height 500ms;
}
#medical-tab .medical-condition > .body.expanded {
  max-height: 1000px;
  overflow-y: auto;
}
#medical-tab .medical-condition hr {
  clear: both;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: #e1e1e1;
  margin: 0;
  margin-left: 60px;
}
#medical-tab .open-medical-conditions .injury > .header > .icon {
  color: #FF1E00;
}
#medical-tab .open-medical-conditions .illness > .header > .icon {
  color: #FFF200;
}
#medical-tab time .divider:before,
#medical-tab .time .divider:before,
#medical-tab time .divider:after,
#medical-tab .time .divider:after {
  content: "\00a0";
}
#medical-tab .details-link {
  float: right;
}
#medical-tab a {
  color: #007AFF;
}
#medical-tab a .icon {
  color: #007AFF;
}
#medical-tab .attachment a {
  display: inline-block;
  padding: 5px;
}
#medical-tab .attachment .icon {
  margin-right: 5px;
}
#medical-tab .btn-toolbar {
  margin: 10px 0;
  text-align: center;
}
#medical-tab .note-date {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
#medical-tab .note-date time {
  min-width: 100px;
}
.no-flexbox #medical-tab .note-date time {
  display: inline-block;
  float: left;
}
#medical-tab .note-details {
  float: right;
  position: relative;
  top: -1.4em;
  color: #999;
}
#medical-tab .note-user {
  font-weight: bold;
  color: #999;
}
#medical-tab .note-user[ng-href=""] {
  cursor: default;
}
#medical-tab .note-text,
.modal.note-view-modal .note-text {
  white-space: pre-wrap;
  overflow: hidden;
}
#medical-tab .note-text.note-expanded {
  max-height: none;
}
#medical-tab .note-collapsed .note-text {
  position: relative;
}
#medical-tab .note-collapsed .note-text:after {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2em;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fefefe 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #fefefe));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fefefe 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fefefe 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fefefe 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fefefe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fefefe', GradientType=0);
}
#medical-tab .note-toggle {
  font-size: 0.9em;
}
#medical-tab .notes-list {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
#medical-tab .notes-list p {
  white-space: pre-wrap;
}
.no-flexbox #medical-tab .notes-list {
  margin-left: 110px;
}
#medical-tab .note {
  margin-bottom: 20px;
}
#medical-tab .no-notes {
  font-style: italic;
  color: #999;
}
#medical-tab .view-toggle {
  color: #999;
  border-color: #999;
}
#medical-tab .section {
  margin-left: 60px;
}
#medical-tab .no-medical-conditions {
  padding: 10px;
  margin-left: 50px;
}
#medical-tab .filters {
  margin-bottom: 20px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
#medical-tab .filters h4 {
  color: #999;
  font-weight: normal;
  font-size: 100%;
  display: inline-block;
  margin: 0;
  min-width: 50px;
}
#medical-tab .filters .control-label,
#medical-tab .filters label {
  color: #999;
  font-weight: normal;
  font-size: 10px;
  display: block;
}
#medical-tab .filters h4:before,
#medical-tab .filters .search:before {
  color: #999;
  font-weight: normal;
  font-size: 10px;
  display: block;
  content: "\00a0";
}
#medical-tab .filters .form-control {
  width: 100%;
}
#medical-tab .filters .form-group {
  margin-left: 10px;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
#medical-tab .filters .search {
  -webkit-flex-grow: 2;
  -ms-flex-grow: 2;
  flex-grow: 2;
}
#medical-tab .filters .spacer {
  -webkit-flex-grow: 4;
  -ms-flex-grow: 4;
  flex-grow: 4;
}
.modal.add-general-note-modal .note-modal-user {
  border: 1px solid #CCCCCC;
  background: #eeeeee;
  padding-left: 12px;
  padding-right: 12px;
}
.modal.add-general-note-modal .note-modal-user img {
  max-height: 25px;
  height: auto;
  width: auto;
  margin-right: 5px;
  vertical-align: middle;
}
.modal.add-general-note-modal .form-groups-left-right {
  display: -webkit-flex;
  display: flex;
}
.modal.add-general-note-modal .form-groups-left-right .middle {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.modal.add-general-note-modal .form-groups-left-right .form-group {
  white-space: nowrap;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  position: relative;
}
.modal.add-general-note-modal .form-groups-left-right .form-control {
  display: inline-block;
}
.modal.add-general-note-modal .form-groups-left-right input[type="date"] {
  width: 1px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.modal.add-general-note-modal .form-groups-left-right .form-control-static {
  margin: 0 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.modal.add-general-note-modal .form-control-static.empty {
  color: #777777;
}
.modal.add-general-note-modal .has-error .form-control-static {
  border: 1px solid #a94442;
}
.modal.add-general-note-modal .category-selection .left {
  width: 70%;
}
#profileCommentStream .profileCommentStreamComment {
  width: 100%;
}
#profileCommentStream .profileCommentStreamComment .prof-img {
  height: 40px;
  width: 40px;
}
#profileCommentStream .profileCommentStreamComment .comment-content {
  max-width: 90%;
  margin-left: 10px;
}
#profileCommentStream .profileCommentStreamComment .comment-content .header {
  font-size: 12px;
  width: 100%;
  height: 14px;
}
#profileCommentStream .profileCommentStreamComment .comment-content .text {
  clear: left;
  font-size: 13px;
}
#profileCommentStream .profileCommentStreamComment hr {
  margin-left: 0;
  margin-right: 0;
  width: 96%;
}
#media-grid .media-name i.fa {
  margin-right: 3px;
}
.admin-grid .sub-header {
  color: #999999;
  font-size: 14px;
}
.admin-grid .row + .sub-header {
  margin-top: 30px;
}
.admin-grid .list-group-item-text {
  min-height: 2.5em;
}
@media only screen {
  body.eula-text {
    padding: 15mm 15mm;
  }
}
@page {
  margin: 15mm 15mm;
}
.eula-text h2 {
  display: inline;
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 2em;
  text-decoration: underline;
}
.eula-text .heavy {
  font-weight: bold;
}
.eula-text .underlined {
  text-decoration: underline;
}
.eula-text ol[type="a"],
.eula-text ol[type="i"] {
  list-style: none;
  padding-left: 34px;
  padding-left: 3.4rem;
}
.eula-text ol[type="a"] > li:before,
.eula-text ol[type="i"] > li:before {
  float: left;
  display: inline-block;
  width: 34px;
  width: 3.4rem;
  margin-left: -34px;
  margin-left: -3.4rem;
}
.eula-text ol[type="a"] {
  counter-reset: alpha;
}
.eula-text ol[type="a"] > li:before {
  content: "(" counter(alpha, lower-alpha) ") ";
  counter-increment: alpha;
}
.eula-text ol[type="i"] {
  counter-reset: roman;
}
.eula-text ol[type="i"] > li:before {
  content: "(" counter(roman, lower-roman) ") ";
  counter-increment: roman;
}
.eula-text ol.headings {
  counter-reset: headings;
  list-style: none;
  padding: 0;
  padding-left: 24px;
  padding-left: 2.4rem;
}
.eula-text ol.headings > li:before {
  float: left;
  display: inline-block;
  font-weight: bold;
  font-size: 1.2em;
  content: counter(headings) " ";
  counter-increment: headings;
  width: 24px;
  width: 2.4rem;
  margin-left: -24px;
  margin-left: -2.4rem;
}
.eula-wrapper {
  max-width: 600px;
  margin: auto;
}
.eula-wrapper .well:last-of-type {
  margin-bottom: 0;
}
.no-flexbox .eula-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -300px;
  margin-top: -150px;
}
.eula-scrollable {
  overflow-y: scroll;
  max-height: 300px;
}
/*===== Custom analytics element styles =====*/
/*== Overview ==*/
/*= Fonts and Alignment =*/
.analytics-header-container h3:first-child {
  color: inherit;
  font-weight: 500;
}
.analytics-header-container h3:nth-child(3) {
  color: inherit;
}
.analytics-body-container {
  padding: 0;
  margin-bottom: 0;
  margin-left: -6px;
}
.analytics-body-container a span.icon {
  padding-left: 8px;
}
.analytics-body-container small {
  padding-left: 5px;
}
.analytics-body-container .col-md-9 {
  padding-left: 0;
}
.analytics-body-container #group-correlation-collection .analytics-teams-title {
  padding-left: 5px;
}
.analytics-table-align {
  padding-left: 0;
  margin-bottom: 25px;
}
.analytics-table-align h5 {
  font-weight: normal;
}
/*= Buttons =*/
.analytics-buttons {
  margin-top: 8px;
  margin-bottom: 25px;
}
.analytics-buttons .btn-default {
  background-color: #fcfcfc;
  fill: #808080;
}
.analytics-buttons .btn-default:hover {
  background-color: #fafafa;
  border-color: #ccc;
}
.analytics-buttons .image-icon {
  height: 15px;
  width: 15px;
  padding-right: 2px;
  vertical-align: middle;
}
.analytics-buttons .icon {
  padding-right: 2px;
}
.analytics-select-tables {
  margin-left: -5px;
}
.btn-info.analytics-select-bubbles,
.btn-info.analytics-select-tables,
.btn-info.analytics-analysis-select,
.btn-info.trigger-analytics {
  background-color: #00b0ff;
  border-color: #00b0ff;
  color: #fff;
}
.btn-info.analytics-select-bubbles .image-icon {
  fill: #fff;
}
.btn-info .image-icon {
  fill: #333333;
}
/* Fix buttons to top after scrolling past */
.analytics-fixed-buttons {
  top: 0;
  height: 85px;
  width: 100%;
  padding-top: 10px;
  padding-left: 30px;
  margin-left: -24px;
  z-index: 100;
  position: fixed;
  background-color: #f8f8f8;
  box-shadow: 3px 3px 15px #d7d7d7;
}
.analytics-fixed-buttons small,
.analytics-fixed-buttons .analytics-buttons {
  padding-left: 0;
}
/* View in detail links */
.analytics-detail-link {
  margin-bottom: 15px !important;
}
.analytics-detail-link a {
  color: rgba(0, 176, 255, 0.66);
  font-weight: bold;
}
.analytics-detail-link a:hover {
  color: rgba(0, 176, 255, 0.9);
}
/*= Tables & Bubbles =*/
.analytics-table {
  width: 100% !important;
  border: solid 1px #ddd;
  /*td:last-of-type, td:nth-child(3) {
        text-align: right;
    }*/
}
.analytics-table th,
.analytics-table td {
  border: solid 1px #ddd;
  font-weight: bold;
  text-align: left;
}
.analytics-table td {
  font-size: 10px;
}
.analytics-table td .tcontainer {
  position: relative;
}
.analytics-table td .truncate {
  position: absolute;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
}
.analytics-table td .tspacer {
  height: 0;
  overflow: hidden;
}
.analytics-table th {
  background-color: #f0f0f0;
}
.analytics-table tr:first-of-type {
  background-color: rgba(0, 176, 255, 0.41);
}
.analytics-table.analytics-analysis-table tr:first-of-type {
  background-color: #fff;
}
/*.analytics-table-data {
    text-align: right !important;
}*/
.tables-relationships .loading {
  text-align: center !important;
}
.tables-relationships .loading span {
  padding-left: 10px;
  margin: 0;
}
.tables-relationships .dataTables_empty {
  text-align: center !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-weight: 600;
}
.tables-relationships.active {
  width: 97%;
  border: none;
  padding-bottom: 8px;
  margin-bottom: 25px;
}
.analytics-tab-content {
  border: none;
}
.analytics-tab-content .tables-relationships.active,
.analytics-tab-content .bubbles-relationships.active {
  width: 97%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 65px;
  margin-bottom: 25px;
}
.analytics-tab-content .tables-relationships #table-all_wrapper,
.analytics-tab-content .bubbles-relationships #table-all_wrapper {
  width: 65%;
}
/* Squad Content */
.analytics-tab-content-squad {
  border: none;
}
.analytics-tab-content-squad .analytics-table {
  width: 100% !important;
}
@media (max-width: 1450px) {
  .analytics-table-align {
    clear: left;
    width: 97%;
  }
  .analytics-tab-content .tables-relationships #table-all_wrapper {
    width: 97%;
  }
}
/*= Squad/Group Selection =*/
.analytics-hide-checkboxes {
  padding-top: 5px;
  /* hide checkboxes */
  /* make pointer */
  /* color label if checked */
}
.analytics-hide-checkboxes input {
  visibility: hidden;
}
.analytics-hide-checkboxes label {
  font-weight: normal;
  cursor: pointer;
}
.analytics-hide-checkboxes input:checked + label {
  font-weight: bold;
  color: rgba(0, 176, 255, 0.55);
}
.analytics-hide-checkboxes input + label:hover,
.analytics-hide-checkboxes input:checked + label:hover {
  font-size: 13px;
}
#fixed-squad-id {
  width: 200px;
  padding: 0;
  margin-top: 63px;
}
.analytics-text-info {
  color: rgba(0, 176, 255, 0.66);
  font-weight: bold;
}
/* Fix squad/training group to side */
.analytics-fixed-squad {
  top: 25px;
  left: 77.65%;
  position: fixed;
  background-color: #fff;
}
@media (max-width: 1136px) {
  #fixed-squad-id {
    float: left;
    clear: left;
  }
  .analytics-fixed-squad {
    float: left;
    clear: left;
    margin-top: 0;
    top: 0;
    left: 0;
    position: relative;
    background-color: #fff;
  }
}
.to-bottom {
  margin-top: 0;
  top: 0;
  left: 0;
  position: relative;
  float: left;
  clear: left;
}
/*== Analysis ==*/
/*= Parameters panel =*/
.analysis-form {
  margin-top: -10px;
}
.daterangepicker {
  z-index: 1003;
}
.analysis-parameters-container {
  padding-left: 0;
  padding-right: 0;
  /* parameter row one and two */
  /* row one */
  /* row two */
}
.analysis-parameters-container .panel-heading {
  height: 40px;
  padding: 5px;
  margin-bottom: -0.01px;
}
.analysis-parameters-container .panel-heading .panel-title {
  padding: 6px 8px 6px 8px;
}
.analysis-parameters-container .panel-heading .panel-icon {
  padding: 8px;
}
.analysis-parameters-container .panel-body {
  padding: 0 5px 0 5px;
}
.analysis-parameters-container .rowone .col-md-8,
.analysis-parameters-container .rowtwo .col-md-8,
.analysis-parameters-container .rowone .col-md-4,
.analysis-parameters-container .rowtwo .col-md-4,
.analysis-parameters-container .rowone .col-md-3,
.analysis-parameters-container .rowtwo .col-md-3,
.analysis-parameters-container .rowone .col-md-2,
.analysis-parameters-container .rowtwo .col-md-2,
.analysis-parameters-container .rowone .col-md-1,
.analysis-parameters-container .rowtwo .col-md-1 {
  height: 76px;
  padding: 12px;
}
.analysis-parameters-container .rowone .col-md-8 p,
.analysis-parameters-container .rowtwo .col-md-8 p,
.analysis-parameters-container .rowone .col-md-4 p,
.analysis-parameters-container .rowtwo .col-md-4 p,
.analysis-parameters-container .rowone .col-md-3 p,
.analysis-parameters-container .rowtwo .col-md-3 p,
.analysis-parameters-container .rowone .col-md-2 p,
.analysis-parameters-container .rowtwo .col-md-2 p,
.analysis-parameters-container .rowone .col-md-1 p,
.analysis-parameters-container .rowtwo .col-md-1 p {
  color: #333333;
  margin-bottom: 3px;
}
.analysis-parameters-container .rowone {
  margin-bottom: 0;
  border-bottom: 1px solid #ddd;
  padding: 0;
  /* Column containing individual, groups, or squad selection */
  /* Columns containing test and source selection */
  /* column containing Date Range picker */
  /* column containing Run Analysis and Clear buttons */
  /* Adjustments for responsive design */
}
.analysis-parameters-container .rowone.form-group:first-child,
.analysis-parameters-container .rowone .well .form-group:first-child {
  margin-top: -1px;
}
.analysis-parameters-container .rowone .col-md-4,
.analysis-parameters-container .rowone .col-md-3,
.analysis-parameters-container .rowone .col-md-2 {
  min-height: 70px;
}
.analysis-parameters-container .rowone .col-md-4 {
  width: 30%;
  border-right: 1px solid #ddd;
  /* Custom panel made to look like drop down */
}
.analysis-parameters-container .rowone .col-md-4 .panel :hover {
  background-color: #fcfcfc;
}
.analysis-parameters-container .rowone .col-md-4 .panel-heading {
  height: 32px;
  margin-bottom: .01px;
  padding: 8px 5px 5px 10px;
  font-size: 11px;
  font-weight: 600;
  background-color: #fff;
  cursor: pointer;
}
.analysis-parameters-container .rowone .col-md-4 .panel-heading p {
  width: 91%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.analysis-parameters-container .rowone .col-md-4 .panel-heading .no-selection {
  color: #999;
}
.analysis-parameters-container .rowone .col-md-4 .panel-heading span:after {
  content: "";
  display: block;
  float: right;
  background: url('../images/ui/vertical_arrows.png') no-repeat 0 bottom;
  width: 11px;
  height: 6px;
  margin: 5px;
}
.analysis-parameters-container .rowone .col-md-4 .panel-heading.collapsed,
.analysis-parameters-container .rowone .col-md-4 .panel-heading.default-collapsed {
  border-bottom: none;
}
.analysis-parameters-container .rowone .col-md-4 .panel-heading.collapsed span:after,
.analysis-parameters-container .rowone .col-md-4 .panel-heading.default-collapsed span:after {
  background: url('../images/ui/vertical_arrows.png') no-repeat 0 0;
}
.analysis-parameters-container .rowone .col-md-4 .panel-body {
  margin-top: 5px;
  padding: 0;
  border-bottom: 1px solid #ccc;
}
.analysis-parameters-container .rowone .col-md-4 .panel-body .select2-container {
  width: 100%;
}
.analysis-parameters-container .rowone .col-md-4 .panel-body .select2-container .select2-choices .select2-search-field {
  height: 21px;
}
.analysis-parameters-container .rowone .col-md-4 .panel-body .select2-container .select2-choices .select2-search-field input {
  padding: 2px 2px 2px 5px;
}
.analysis-parameters-container .rowone .col-md-4 .panel-body .select2-container .select2-choices .select2-search-choice {
  color: #333333;
  font-weight: bold;
  background-color: #f0f0f0;
  padding: 2px 15px 2px 25px;
}
.analysis-parameters-container .rowone .col-md-4 .panel-body .select2-container .select2-choices .select2-search-choice div {
  padding-left: 5px;
}
.analysis-parameters-container .rowone .col-md-4 .panel-body .select2-container .select2-choices .select2-search-choice .select2-search-choice-close {
  height: 0;
  width: 0;
  background: none;
  top: 2px;
  right: 0;
}
.analysis-parameters-container .rowone .col-md-4 .panel-body .select2-container .select2-choices .select2-search-choice .select2-search-choice-close:before {
  content: "X ";
  color: #bebebe;
}
.analysis-parameters-container .rowone .col-md-4 .panel-collapse {
  width: 100%;
  margin-top: -5px;
  z-index: 100;
}
.analysis-parameters-container .rowone .col-md-4 .panel-collapse .select2-container {
  z-index: 101;
}
.analysis-parameters-container .rowone .col-md-4 .select2-choices {
  border: none;
}
.analysis-parameters-container .rowone .col-md-2:nth-child(2) {
  width: 15%;
  padding-right: 6px;
}
.analysis-parameters-container .rowone .col-md-2:nth-child(2) #s2id_test_name {
  width: 100%;
}
.analysis-parameters-container .rowone .col-md-2:nth-child(2) .select2-choice:hover {
  background-color: #fcfcfc !important;
}
.analysis-parameters-container .rowone .col-md-2:nth-child(3) {
  width: 15%;
  padding-left: 6px;
  border-right: 1px solid #ccc;
}
.analysis-parameters-container .rowone .col-md-2:nth-child(3) #s2id_primary_source_id {
  width: 100%;
}
.analysis-parameters-container .rowone .col-md-2:nth-child(3) .select2-choice:hover {
  background-color: #fcfcfc !important;
}
.analysis-parameters-container .rowone .col-md-3 {
  width: 15%;
}
.analysis-parameters-container .rowone .col-md-3 .dateRangeSelector {
  min-width: 208px;
  padding-top: 0;
}
.analysis-parameters-container .rowone .col-md-1 {
  width: 25%;
  margin: 0;
}
.analysis-parameters-container .rowone .col-md-1 .btn {
  float: right;
  margin: 20px 0 0 3px;
}
.analysis-parameters-container .rowone .col-md-1 .btn.btn-default {
  background-color: #E8E8E8;
}
.analysis-parameters-container .rowone .col-md-1 .btn.btn-default:hover {
  background-color: #fcfcfc;
}
.analysis-parameters-container .rowone .col-md-1 .btn.btn-info:hover {
  background-color: #008ad7 !important;
  border-color: #008ad7 !important;
}
@media (max-width: 1305px) {
  .analysis-parameters-container .rowone {
    padding-left: 0;
    padding-right: 0;
  }
  .analysis-parameters-container .rowone .col-md-1,
  .analysis-parameters-container .rowone .col-md-3,
  .analysis-parameters-container .rowone .col-md-4 {
    width: 50%;
  }
  .analysis-parameters-container .rowone .col-md-2:nth-child(2) {
    width: 25%;
    border-bottom: 1px solid #ccc;
  }
  .analysis-parameters-container .rowone .col-md-2:nth-child(3) {
    width: 25%;
    border-right: none;
    border-bottom: 1px solid #ccc;
  }
  .analysis-parameters-container .rowone .col-md-4:first-of-type {
    border-bottom: 1px solid #ddd;
  }
  .analysis-parameters-container .rowone .col-md-4:nth-child(2) {
    border-right: none;
    border-bottom: 1px solid #ddd;
  }
  .analysis-parameters-container .rowone .col-md-3 {
    float: left;
    clear: left;
    border-right: 1px solid #ddd;
  }
}
@media (max-width: 991px) {
  .analysis-parameters-container .rowone div.col-md-1,
  .analysis-parameters-container .rowone div.col-md-2,
  .analysis-parameters-container .rowone div.col-md-3,
  .analysis-parameters-container .rowone div.col-md-4 {
    float: left;
    display: inline-block;
    margin: 0;
  }
  .analysis-parameters-container .rowone .col-md-4:first-of-type {
    width: 100%;
    border-right: none;
  }
  .analysis-parameters-container .rowone .col-md-2:nth-child(2) {
    width: 50%;
    clear: left;
  }
  .analysis-parameters-container .rowone .col-md-2:nth-child(3) {
    width: 50%;
  }
  .analysis-parameters-container .rowone .col-md-4:nth-child(2) {
    float: left;
  }
}
@media (max-width: 653px) {
  .analysis-parameters-container .rowone div.col-md-1,
  .analysis-parameters-container .rowone div.col-md-3,
  .analysis-parameters-container .rowone div.col-md-4 {
    width: 100%;
    display: block;
    border: none;
  }
  .analysis-parameters-container .rowone .col-md-2:nth-child(2) {
    width: 100%;
    padding-right: 12px;
  }
  .analysis-parameters-container .rowone .col-md-2:nth-child(3) {
    width: 100%;
    padding-left: 12px;
    float: left;
  }
  .analysis-parameters-container .rowone div.col-md-1,
  .analysis-parameters-container .rowone div.col-md-3 {
    width: 50%;
  }
  .analysis-parameters-container .rowone .col-md-4:first-of-type {
    padding-right: 10px;
  }
  .analysis-parameters-container .rowone div.col-md-3 {
    border-right: 1px solid #ddd;
  }
}
@media (max-width: 480px) {
  .analysis-parameters-container .rowone div.col-md-1,
  .analysis-parameters-container .rowone div.col-md-3 {
    width: 100%;
  }
  .analysis-parameters-container .rowone div.col-md-3 {
    border-bottom: 1px solid #ddd;
  }
}
.analysis-parameters-container .rowtwo {
  margin-bottom: 0;
  /* Column containing View Options */
  /* Column containing Graph Display Options */
  /* Adjustments for responsive design */
}
.analysis-parameters-container .rowtwo .col-md-8 {
  width: 60%;
  min-height: 70px;
  margin: 0;
  border-right: 1px solid #ddd;
}
.analysis-parameters-container .rowtwo .col-md-8 .btn {
  margin-right: -5px;
}
.analysis-parameters-container .rowtwo .col-md-4 {
  width: 40%;
  min-height: 70px;
}
@media (max-width: 1136px) {
  .analysis-parameters-container .rowtwo .col-md-8,
  .analysis-parameters-container .rowtwo .col-md-4 {
    width: 100%;
    float: left;
    border: none;
  }
  .analysis-parameters-container .rowtwo .col-md-8 {
    border-bottom: 1px solid #ddd;
  }
}
@media (max-width: 991px) {
  .analysis-parameters-container .rowtwo .col-md-8,
  .analysis-parameters-container .rowtwo .col-md-4 {
    display: inline-block;
    margin: 0;
  }
}
@media (max-width: 515px) {
  .analysis-parameters-container .rowtwo .col-md-8 {
    height: 105px;
  }
}
/*= Fix parameter panel to top of screen =*/
body {
  /* Adjustments for when left-hand-sidebar is narrow */
}
body .page-content .analysis-fixed-panel {
  top: 0;
  height: 195px;
  width: 100%;
  margin-left: -30px;
  padding-right: 235px;
  z-index: 1002;
  position: fixed;
  box-shadow: 3px 3px 15px #d7d7d7;
  /* Adjustments for responsive design */
}
body .page-content .analysis-fixed-panel.panel-collapsed {
  height: 34px;
}
body .page-content .analysis-fixed-panel .panel-heading {
  padding-left: 40px;
  padding-right: 46px;
}
body .page-content .analysis-fixed-panel .col-md-4:first-of-type,
body .page-content .analysis-fixed-panel .col-md-8 {
  padding-left: 47px;
}
body .page-content .analysis-fixed-panel .col-md-1 {
  padding-right: 52px;
}
@media (max-width: 1305px) {
  body .page-content .analysis-fixed-panel {
    height: 270px;
  }
  body .page-content .analysis-fixed-panel .col-md-3,
  body .page-content .analysis-fixed-panel .col-md-1 {
    width: 50%;
  }
  body .page-content .analysis-fixed-panel .col-md-3 {
    padding-left: 47px;
  }
}
@media (max-width: 1136px) {
  body .page-content .analysis-fixed-panel {
    height: 346px;
  }
  body .page-content .analysis-fixed-panel .col-md-4:last-of-type {
    padding-left: 47px;
  }
}
body.sidebar-narrow .page-content .analysis-fixed-panel {
  top: 0;
  height: 182px;
  width: 100%;
  margin-left: -30px;
  padding-right: 40px;
  z-index: 1002;
  position: fixed;
  box-shadow: 3px 3px 15px #d7d7d7;
  /* Adjustments for responsive design */
}
body.sidebar-narrow .page-content .analysis-fixed-panel.panel-collapsed {
  height: 34px;
}
@media (max-width: 1305px) {
  body.sidebar-narrow .page-content .analysis-fixed-panel {
    height: 252px;
  }
}
@media (max-width: 1136px) {
  body.sidebar-narrow .page-content .analysis-fixed-panel {
    height: 322px;
  }
}
/*= Analysis content view =*/
.relationships-analysis-tab-content {
  border: none;
  /* analysis table */
}
.relationships-analysis-tab-content span {
  font-weight: 600;
}
.relationships-analysis-tab-content h4 {
  margin-bottom: 0;
}
.relationships-analysis-tab-content p:first-of-type {
  margin-bottom: 25px;
}
.relationships-analysis-tab-content .floatThead-wrapper {
  max-height: 500px;
  overflow: auto;
}
.relationships-analysis-tab-content .floatThead-wrapper .floatThead-container {
  z-index: 10;
}
.relationships-analysis-tab-content .analytics-table {
  width: 100%;
  height: 200px !important;
  border-collapse: collapse;
  overflow: auto;
}
.relationships-analysis-tab-content .highcharts-container {
  overflow: visible !important;
  margin-bottom: 10px;
}
.relationships-analysis-tab-content .highcharts-container svg {
  overflow: visible;
}
.relationships-analysis-container {
  /* dependency cloud */
  /* dependency cloud */
}
.relationships-analysis-container #dependency-cloud-header-text {
  background-color: #fff;
  padding-right: 10px;
  padding-bottom: 5px;
}
.relationships-analysis-container #dependency-cloud-header-text h4,
.relationships-analysis-container #dependency-cloud-header-text p:first-of-type {
  margin-bottom: 0;
}
.relationships-analysis-container #dependency-cloud-header-text p:last-of-type {
  font-weight: 600;
}
.relationships-analysis-container .dependency-cloud-svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  vertical-align: middle;
  overflow: auto;
}
.relationships-analysis-container .dependency-cloud-svg-container #relationships-analysis-dependency-cloud {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 90%;
  margin-top: -60px;
}
.relationships-analysis-container .dependency-cloud-svg-container #relationships-analysis-dependency-cloud .d3plus_message_text {
  font-family: "Open Sans", Arial, sans-serif !important;
  font-weight: 500;
}
.relationships-analysis-container .dependency-cloud-svg-container #relationships-analysis-dependency-cloud #d3plus_label_null_placeHolder_rect {
  display: none;
}
@media (max-width: 992px) {
  .relationships-analysis-container .dependency-cloud-svg-container {
    width: 50%;
    height: 400px !important;
    padding: 0;
  }
}
.relationships-analysis-container .dependency-fixed {
  top: 0;
  right: -72px;
  padding-top: 75px;
  position: fixed;
  overflow: auto;
}
/*= Loading dialogue =*/
.analysis-data-loading {
  position: fixed;
  top: 50%;
  left: 35%;
  width: 400px;
  height: 45px;
  z-index: 1003;
  padding: 0;
}
.analysis-data-loading .block-inner {
  height: 45px;
  padding: 14px 16px 16px 18px;
}
/*====== FLAGS and POPOVERS to display injury/illness info ======*/
.analytics-analysis-page .popover {
  overflow-y: auto;
}
.analytics-analysis-page .popover .flag-popover {
  min-width: 190px;
}
.analytics-analysis-page .highcharts-tooltip,
.analytics-analysis-page .popover {
  max-height: 295.966px;
}
.analytics-analysis-page .highcharts-tooltip span,
.analytics-analysis-page .popover span {
  max-height: 250.966px;
  overflow-y: auto;
  overflow-x: hidden;
}
.analytics-analysis-page .highcharts-tooltip .flag-popover,
.analytics-analysis-page .popover .flag-popover {
  display: inline-block;
  float: left;
  clear: left;
  padding: 10px;
}
.analytics-analysis-page .highcharts-tooltip .flag-popover .illness-img,
.analytics-analysis-page .popover .flag-popover .illness-img {
  background-image: url('/resources/images/illness_open_big.png');
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  margin-top: 2px;
  margin-right: 5px;
  display: inline-block;
}
.analytics-analysis-page .highcharts-tooltip .flag-popover .injury-img,
.analytics-analysis-page .popover .flag-popover .injury-img {
  background-image: url('/resources/images/injury.png');
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  margin-top: 3px;
  margin-right: 5px;
  display: inline-block;
}
.analytics-analysis-page .highcharts-tooltip .flag-popover .flag-title,
.analytics-analysis-page .popover .flag-popover .flag-title {
  font-size: 12px;
  font-weight: 600 !important;
  margin-bottom: 5px !important;
}
.analytics-analysis-page .highcharts-tooltip .flag-popover .flag-date-title,
.analytics-analysis-page .popover .flag-popover .flag-date-title {
  margin-bottom: -3px !important;
  font-weight: normal !important;
  color: #aaa;
}
.analytics-analysis-page .highcharts-tooltip .flag-popover .flag-date,
.analytics-analysis-page .popover .flag-popover .flag-date {
  margin-bottom: 5px !important;
}
.analytics-analysis-page .highcharts-tooltip .flag-popover .flag-open,
.analytics-analysis-page .popover .flag-popover .flag-open {
  width: 58px;
  height: 17px;
  padding: -5px 10px 2px 10px !important;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  background-color: #d65c4f;
}
.analytics-analysis-page .highcharts-tooltip .flag-popover .flag-closed,
.analytics-analysis-page .popover .flag-popover .flag-closed {
  width: 64px;
  height: 17px;
  padding: -5px 10px 2px 10px !important;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  background-color: #aaa;
}
.analytics-analysis-page .highcharts-tooltip .flag-popover .flag-link,
.analytics-analysis-page .popover .flag-popover .flag-link {
  float: right;
}
.analytics-analysis-page .highcharts-tooltip .flag-popover .flag-link .icon-arrow-up-right2,
.analytics-analysis-page .popover .flag-popover .flag-link .icon-arrow-up-right2 {
  display: inline-block;
}
#header-buttons .separator {
  margin-left: 10px;
  margin-right: 10px;
}
#loadingPending .progress-bar {
  width: 100%;
}
#loadingComplete .labelLabel {
  margin: 0px;
}
#loadingComplete .elementBlock table {
  width: 100%;
}
#loadingComplete .elementBlock table td {
  padding: 10px;
}
#loadingComplete .elementBlock table .col-1 {
  width: 80px;
  cursor: ns-resize;
  text-align: center;
}
#loadingComplete .elementBlock table .col-2 h6 {
  margin: 0px;
}
#loadingComplete .elementBlock table .col-2 input {
  width: 100%;
}
#loadingComplete .elementBlock table .col-3 {
  text-align: right;
  width: 100px;
}
#loadingComplete .elementBlock table .col-4 {
  text-align: right;
  width: 65px;
}
#loadingComplete .elementBlock table .col-4 a {
  position: relative !important;
  top: 0px !important;
  right: 0px !important;
}
#loadingComplete .elementBlock table .col-5 {
  width: 30px;
  cursor: pointer;
  text-align: center;
}
#loadingComplete .elementGroup table {
  width: 100%;
}
#loadingComplete .elementGroup table td {
  padding: 10px 2px 10px 2px;
  text-align: center;
}
#loadingComplete .elementGroup table td a {
  position: relative !important;
  top: 0px !important;
  right: 0px !important;
}
#loadingComplete .elementGroup table .col-1 {
  padding-left: 10px;
  width: 70px;
  cursor: ns-resize;
}
#loadingComplete .elementGroup table .col-2 {
  text-align: left;
}
#loadingComplete .elementGroup table .col-2 h6 {
  margin: 0px;
}
#loadingComplete .elementGroup table .col-2 input {
  width: 100%;
}
#loadingComplete .elementGroup table .col-3-4-5-6 {
  width: 34px;
}
#loadingComplete .elementGroup table .col-7 {
  width: 120px;
}
#loadingComplete .elementGroup table .col-8 {
  width: 30%;
}
#loadingComplete .elementGroup table .col-9 {
  width: 42px;
}
#loadingComplete .elementGroup table .col-10 {
  width: 4px;
  cursor: pointer;
}
#loadingComplete .elementItem table {
  width: 100%;
}
#loadingComplete .elementItem table .first-col {
  width: 60px;
  cursor: ns-resize;
  text-align: left;
}
#loadingComplete .elementItem table .remove-btn-col {
  padding-left: 10px;
  width: 70px;
}
#loadingComplete .elementItem table h6 {
  text-align: left;
  margin: 0px;
}
#loadingComplete .elementItem table a {
  position: relative !important;
  top: 0px !important;
  right: 0px !important;
}
#loadingComplete .elementItem .elementItemHeading h5 {
  text-align: left;
  margin: 0px;
}
#loadingComplete .elementItem .elementItemParagraph p {
  text-align: left;
  margin: 0px;
}
#loadingComplete .elementItem .elementItemComment p {
  text-align: left;
  margin: 0px;
}
#loadingComplete .elementItem .elementItemChart .progress-bar {
  width: 100%;
}
.panelElementIndex table {
  width: 100%;
}
.panelElementIndex table td {
  text-align: center;
  padding: 10px;
}
.panelElementIndex table td h5 {
  margin: 0;
}
.navbar {
  background: #F1F1F1;
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.navbar:before {
  display: block;
  height: 8px;
  background: #7775e6;
  /* Old browsers */
  background: -moz-linear-gradient(left, #7775e6 0%, #38DFF2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #7775e6), color-stop(100%, #38DFF2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #7775e6 0%, #38DFF2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #7775e6 0%, #38DFF2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #7775e6 0%, #38DFF2 100%);
  /* IE10+ */
  background: linear-gradient(to right, #7775e6 0%, #38DFF2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7775e6', endColorstr='#38DFF2', GradientType=1);
  /* IE6-9 */
}
.navbar .navbar-brand {
  display: inline-block;
  vertical-align: middle;
  float: none;
  width: 0;
  overflow: hidden;
  padding: 0;
  margin: 0 3px 0 0;
}
.navbar .navbar-toggle {
  background: #E8E8E8;
  color: #333333;
  margin-top: 8px;
}
.navbar #navbar-items {
  min-height: 42px;
}
.navbar #navbar-items:before {
  min-height: 42px;
  display: inline-block;
  vertical-align: middle;
}
.navbar #navbar-items .collapsing,
.navbar #navbar-items .collase.in {
  display: inline-block;
}
.navbar #navbar-items > li {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.navbar #navbar-items > li > a {
  padding-top: 0;
  padding-bottom: 0;
}
.navbar #navbar-items.navbar-right:last-child {
  margin-right: 0;
}
.navbar .material-icons {
  vertical-align: middle;
}
.navbar #queuesStatus .dropdown-menu,
.navbar #navbar-item-notifications .dropdown-menu {
  padding: 0;
}
.navbar #queuesStatus .popup-header,
.navbar #navbar-item-notifications .popup-header {
  text-align: left;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px;
}
.navbar #queuesStatus .popup-header span,
.navbar #navbar-item-notifications .popup-header span {
  margin: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.navbar #queuesStatus .icon.icomoon:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  vertical-align: middle;
}
.navbar #queuesStatus .dropdown-toggle .icon.icomoon:before {
  content: 'assignment';
}
.navbar #queuesStatus .dropdown-menu .popup-header a {
  padding: 0;
}
.navbar #queuesStatus .dropdown-menu .popup-header .pull-left {
  padding-right: 10px;
}
.navbar #queuesStatus .dropdown-menu .popup-header .pull-left .icon.icomoon:before {
  content: 'refresh';
}
.navbar #queuesStatus .dropdown-menu .popup-header .pull-right .icon.icomoon:before {
  content: 'open_in_new';
}
.navbar #queuesStatus .dropdown-menu .progress-bar-queues .icon.icomoon {
  display: inline-block;
}
.navbar #queuesStatus .dropdown-menu .progress-bar-queues .icon.icomoon.icon-info:before {
  content: 'info';
  color: #F8941D;
}
.navbar #queuesStatus .dropdown-menu .progress-bar-queues .icon.icomoon.icon-warning:before {
  content: 'warning';
  color: #FF1E00;
}
.navbar #queuesStatus .dropdown-menu .progress {
  margin-top: 10px;
}
.navbar #queuesStatus .dropdown-menu .popup-messages {
  margin: 10px;
}
.navbar #navbar-item-language {
  display: none !important;
}
.navbar .language.dropdown {
  display: none;
}
.navbar #navbar-item-user img {
  max-height: 30px;
}
@media (min-width: 992px) {
  .navbar-form,
  .navbar-text,
  .navbar-nav,
  .navbar-button,
  .sidebar {
    display: block;
  }
  .navbar-toggle {
    display: none;
  }
}
#module .navbar .navbar-toggle {
  min-height: 0px;
  font-size: 13px;
}
#module .upload-file {
  margin-right: 30px;
}
.icon-badge {
  background: #FF1E00;
  color: #fff;
  padding: 1px 4px;
  margin-left: -10px;
  position: relative;
  top: -8px;
  font-size: 10px;
  border-radius: 12px;
  line-height: 13px;
}
.page-container {
  position: relative;
}
@media screen {
  .page-content.animating {
    margin-right: 33px;
    -o-transition: margin 200ms;
    /* Opera */
    -moz-transition: margin 200ms;
    /* Firefox */
    -webkit-transition: margin 200ms;
    /* Safari */
    transition: margin 200ms;
  }
  .right-sidebar-outer,
  .right-sidebar-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
  .right-sidebar-inner {
    width: 250px;
    overflow-x: hidden;
    pointer-events: none;
  }
  .right-sidebar-outer .tab-buttons {
    right: 0;
    -o-transition: right 200ms;
    /* Opera */
    -moz-transition: right 200ms;
    /* Firefox */
    -webkit-transition: right 200ms;
    /* Safari */
    transition: right 200ms;
  }
  .right-sidebar {
    position: absolute;
    pointer-events: auto;
    top: 0;
    bottom: 0;
    right: -250px;
    width: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    -o-transition: right 200ms;
    /* Opera */
    -moz-transition: right 200ms;
    /* Firefox */
    -webkit-transition: right 200ms;
    /* Safari */
    transition: right 200ms;
  }
  .show-right-sidebar .right-sidebar-outer .tab-buttons {
    right: 250px;
  }
  .show-right-sidebar .right-sidebar {
    right: 0;
  }
  .show-right-sidebar .page-content {
    margin-right: 283px;
  }
  .right-sidebar #commentStreamWidget {
    padding: 0;
  }
  .right-sidebar .cardNorm {
    margin-top: 0;
  }
}
@media print {
  .right-sidebar-outer {
    display: none !important;
  }
}
@media screen {
  .sidebar {
    background: #F1F1F1;
    width: 240px;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    font-weight: 400;
    font-size: 13px;
  }
  .sidebar .sidebar-content:after {
    display: block;
    content: ' ';
    background: url('/resources/images/fitbox-product-brand.png');
    background-repeat: no-repeat;
    background-size: contain;
    margin: 30px 10px;
    margin-left: 36px;
    width: 140px;
    height: 160px;
  }
  .sidebar .user-menu {
    display: none;
  }
  .sidebar ul {
    list-style: none;
    padding: 0;
  }
  .sidebar li {
    display: block;
  }
  .sidebar .menu-item,
  .sidebar .menu-item-link {
    display: block;
    background: #FFF;
    color: #333333;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
  }
  .sidebar .menu-item-link {
    display: block;
    padding: 10px 12px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
  }
  .sidebar .menu-item-link:hover {
    background: #F1F1F1;
    color: #333333;
  }
  .sidebar .menu-item {
    border-top: 1px solid #E8E8E8;
  }
  .sidebar .menu-item .icon {
    display: inline-block;
    vertical-align: middle;
    min-width: 18px;
    margin-top: -10px;
    margin-bottom: -10px;
    margin-right: 6px;
  }
  .sidebar .menu-item .menu-item-items .menu-item-link span {
    padding-left: 24px;
  }
  .sidebar .menu-item.active > .menu-item-link {
    background: #FFF;
    color: #7775e6;
  }
  .sidebar .menu-item.current.menu-item-page > .menu-item-link {
    background: #7775e6;
    color: #FFF;
  }
  .sidebar .menu-item.menu-item-category > .menu-item-link {
    position: relative;
    padding-right: 24px;
  }
  .sidebar .menu-item.menu-item-category > .menu-item-link:after {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    letter-spacing: normal;
    word-wrap: normal;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    vertical-align: middle;
    content: 'add';
    font-size: 16px;
    text-transform: none;
    color: #007AFF;
    position: absolute;
    right: 0;
    top: 10px;
  }
  .sidebar .menu-item.menu-item-category.active > .menu-item-link:after {
    content: 'remove';
    text-transform: none;
  }
  .sidebar .navigation {
    border-bottom: 1px solid #878787;
    list-style: none;
    padding: 0;
  }
  .sidebar .context-switch {
    padding: 10px 12px;
    background: #FFF;
  }
  .sidebar {
    -o-transition: left 200ms;
    /* Opera */
    -moz-transition: left 200ms;
    /* Firefox */
    -webkit-transition: left 200ms;
    /* Safari */
    transition: left 200ms;
  }
  .page-content {
    margin-left: 273px;
    margin-right: 33px;
  }
  .page-content.no-margin {
    margin-left: 0;
  }
  .sidebar-narrow .sidebar {
    left: -240px;
  }
  .sidebar-narrow .page-content {
    margin-left: 33px;
  }
}
@media print {
  .sidebar {
    display: none;
  }
}
.tab-buttons {
  position: absolute;
}
.tab-buttons .tab-button {
  width: 28px;
  height: 125px;
  position: relative;
}
.tab-buttons .tab-button .tab-button-inner,
.tab-buttons .tab-button button {
  position: absolute;
  top: 0;
  width: 28px;
  height: 125px;
  padding: 0;
  border: 0;
  display: block;
  outline: 0;
}
.tab-buttons .tab-button button {
  display: block;
  width: 48.72px;
  background: #7775e6;
}
.tab-buttons .tab-button .tab-button-inner {
  z-index: 1;
  pointer-events: none !important;
  width: 28px;
  font-size: 24px;
  line-height: 125px;
  text-align: center;
}
.tab-buttons .tab-button .tab-button-inner .icon {
  color: white;
  vertical-align: middle;
  font-size: 1em;
}
.tab-buttons .tab-button .tab-button-inner .badge {
  position: absolute;
  top: 38.5px;
  right: 2px;
}
.sidebar-narrow .tab-buttons .tab-button .icon:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tab-buttons.left-tab-buttons {
  left: 240px;
}
.tab-buttons.left-tab-buttons button {
  transform: perspective(50px) rotateY(30deg);
  transform-origin: center left;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.tab-buttons.left-tab-buttons .icon,
.tab-buttons.left-tab-buttons button {
  left: 0;
}
.tab-buttons.right-tab-buttons {
  right: 0;
}
.tab-buttons.right-tab-buttons button {
  transform: perspective(50px) rotateY(-30deg);
  transform-origin: center right;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.tab-buttons.right-tab-buttons .icon,
.tab-buttons.right-tab-buttons button {
  right: 0;
}
.right-tab-buttons button {
  background: black;
}
html {
  height: 100%;
}
body {
  position: relative;
  min-height: 100%;
}
.page-header {
  margin-top: 0;
}
.footer {
  padding: 12px 0;
  border-top: 1px solid #ddd;
  font-size: 11px;
  margin-top: 17px;
  color: #878787;
  min-height: 55px;
}
.footer .logo {
  width: 241px;
  height: 24px;
}
/* Page header progress bar */
.page-header {
  border-bottom: none;
}
.page-header .progress {
  width: 200px;
}
.page-header .progress-micro {
  width: auto;
}
.header-progress {
  margin: 38px 0;
  float: right;
  z-index: 10;
}
.header-progress span {
  font-weight: 600;
  float: left;
  margin: 1px 12px 0 0;
  font-size: 11px;
}
/* Page header buttons */
.header-buttons {
  position: relative;
  /*top: -2.6em;*/
  /*margin-bottom: -1 * @btn-size;*/
  text-align: right;
}
.header-buttons.without-header {
  top: 0;
  margin-bottom: 0;
  margin-top: 20px;
  margin-bottom: 10px;
}
.header-buttons .well {
  margin-bottom: 0;
}
.header-buttons .well,
.header-progress .well,
.header-statistics .well,
.header-info-buttons .well,
.header-select .well,
.header-bar-stats .well {
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
.header-element-toggle {
  position: relative;
  top: -4em;
  margin-bottom: -26px;
  text-align: right;
}
/* Page header statistics */
.header-statistics {
  float: right;
  z-index: 10;
}
.header-statistics .statistics > li {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-right: 0;
  margin-left: 25px;
}
.header-statistics .statistics > li:first-child {
  margin-left: 0;
}
.header-statistics .statistics-info {
  margin-bottom: 6px;
}
.header-statistics .statistics-info > a > i {
  padding: 4px;
  font-size: 14px;
}
.header-statistics .statistics-info > strong {
  margin-top: -1px;
}
.header-statistics .statistics > li > span {
  margin-top: 6px;
  text-transform: none;
}
/* Page header info buttons */
.header-info-buttons {
  float: right;
  z-index: 10;
}
.header-info-buttons .info-buttons {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header-info-buttons .info-buttons li {
  float: left;
  margin-left: 15px;
}
.header-info-buttons .info-buttons li:first-child {
  margin-left: 0;
}
.header-info-buttons .info-buttons a strong {
  padding: 3px 5px;
}
.header-info-buttons .info-buttons a {
  white-space: nowrap;
  padding: 8px 14px;
  margin: 21px 0;
}
.header-info-buttons .info-buttons a i {
  font-size: 16px;
}
.header-info-buttons .info-buttons a span {
  margin-top: 6px;
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 0;
}
/* Page header select */
.header-select {
  margin-top: 31px;
  float: right;
  z-index: 10;
}
.header-select label {
  margin: 7px 16px 0 0;
  float: left;
}
/* Page header bar stats */
.header-bar-stats {
  float: right;
  margin: 27px 0;
  z-index: 10;
  text-align: center;
}
.header-bar-stats .page-stats li {
  border: 0;
  padding: 0 0 0 30px;
}
.header-bar-stats .page-stats li:first-child {
  padding: 0;
}
.header-bar-stats .page-stats {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .header-buttons > div,
  .header-progress > div,
  .header-statistics > div,
  .header-info-buttons > div,
  .header-select > div,
  .header-bar-stats > div {
    display: block;
  }
}
@media (max-width: 767px) {
  .page-header .page-title {
    float: none;
    padding-right: 40px;
  }
  .page-header .page-title h3 {
    font-size: 18px;
    padding: 25px 0;
  }
  .page-header h3 small {
    margin-top: 6px;
  }
  .header-progress {
    margin: 0;
    float: right;
    width: 100%;
  }
  .header-progress .progress {
    width: auto;
  }
  .header-statistics {
    width: 100%;
  }
  .header-statistics .statistics > li {
    margin: 0 10px;
  }
  .header-buttons,
  .header-info-buttons,
  .header-select {
    width: 100%;
  }
  .header-info-buttons .info-buttons {
    text-align: center;
  }
  .header-info-buttons .info-buttons li {
    float: none;
    display: inline-block;
  }
  .header-info-buttons .info-buttons a {
    margin: 0;
  }
  .header-select {
    text-align: center;
  }
  .header-select label {
    margin: 0 8px 5px 0;
    float: none;
  }
  .header-bar-stats {
    margin: 0;
    width: 100%;
    line-height: 1;
  }
  .header-bar-stats .page-stats li {
    line-height: 1.42857143;
  }
  .header-buttons,
  .header-progress,
  .header-statistics,
  .header-info-buttons,
  .header-select,
  .header-bar-stats {
    position: absolute;
    right: 0;
    top: 70px;
    margin: 0;
    z-index: 110;
  }
  .header-buttons .well,
  .header-progress .well,
  .header-statistics .well,
  .header-info-buttons .well,
  .header-select .well,
  .header-bar-stats .well {
    padding: 12px;
    background-color: #fcfcfc;
    border: 1px solid #E5E5E5;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .header-statistics .statistics > li {
    margin: 20px 0 0 0;
  }
  .header-statistics .statistics > li:first-child {
    margin-top: 0;
  }
  .header-bar-stats .page-stats li {
    padding: 20px 0 0 0;
    display: block;
  }
  .header-bar-stats .page-stats li:first-child {
    padding-top: 0;
  }
  .header-info-buttons .info-buttons li {
    display: block;
    margin: 10px 0 0 0;
  }
  .header-info-buttons .info-buttons li:first-child {
    margin-top: 0;
  }
}
.has-icon-button.btn {
  line-height: 24px;
}
.has-icon-button.btn .icon {
  margin-top: -1px;
  margin-bottom: -4px;
  margin-left: -3px;
  margin-right: 4px;
  float: left;
}
.random-background {
  background-size: cover;
}
.random-background,
.random-background-1 {
  background-image: url('/resources/images/ui/login/fitbox/fitbox-bg-image-1.jpg');
}
.random-background-2 {
  background-image: url('/resources/images/ui/login/fitbox/fitbox-bg-image-2.jpg');
}
.random-background-3 {
  background-image: url('/resources/images/ui/login/fitbox/fitbox-bg-image-3.jpg');
}
.random-background-4 {
  background-image: url('/resources/images/ui/login/fitbox/fitbox-bg-image-4.jpg');
}
.error-wrapper {
  padding-bottom: 35px;
}
.page-condensed .error-wrapper {
  padding-top: 35px;
}
.error-wrapper h1 {
  color: #fff;
  font-size: 200px;
  line-height: 1;
  margin-bottom: 35px;
  font-weight: 300;
  text-stroke: 1px transparent;
  display: block;
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}
.error-wrapper.offline h1 {
  font-size: 120px;
}
.error-wrapper h6 {
  margin-bottom: 15px;
}
.error-content {
  width: 440px;
  margin: auto;
}
.error-content input[type=text] {
  background: #fff url(../images/ui/tables/filter.png) no-repeat 12px;
  padding-left: 32px;
}
#login {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding-bottom: 0 !important;
}
#login .navbar {
  width: 100%;
  margin-bottom: 17px;
}
#login .login-wrapper .well:last-of-type {
  margin-bottom: 0;
}
#login .footer {
  position: static;
  bottom: auto;
}
.no-flexbox #login .footer {
  position: absolute;
  bottom: 0;
}
.login-wrapper {
  margin: auto;
  width: 300px;
}
.no-flexbox .login-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -150px 0 0 -150px;
}
.no-flexbox .login-wrapper.register {
  top: 37%;
}
.login-wrapper .login-sm-register {
  display: block;
}
.login-wrapper .login-fitbox-register {
  display: none;
}
.login-wrapper .checkbox,
.login-wrapper .radio {
  margin: 3px 0;
}
.login-wrapper .thumb {
  width: 150px;
  margin: 0 auto;
}
.login-wrapper .thumb img,
.login-wrapper .thumb-options {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.login-wrapper .thumbnail h6 {
  margin-bottom: 20px;
}
.login-wrapper,
.error-wrapper {
  z-index: 1;
}
.page-condensed .footer {
  background: #F1F1F1;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-left: 25px;
  padding-right: 25px;
}
@media (max-width: 480px) {
  .login-wrapper,
  .error-wrapper {
    width: 100%;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    height: auto;
    position: static;
  }
  .login-wrapper {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .error-wrapper,
  .error-content {
    width: 100%;
  }
  .error-wrapper h1 {
    font-size: 140px;
    padding-top: 0px;
  }
  .error-wrapper.offline h1 {
    font-size: 100px;
  }
  .page-condensed .error-wrapper {
    padding-top: 35px;
  }
  .page-condensed .footer {
    display: none;
  }
}
#login {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.logo-wrapper-top,
.logo-wrapper-bottom {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-align-self: stretch;
  align-self: stretch;
  margin-left: 40px;
  margin-right: 40px;
}
.logo-wrapper-top {
  margin-top: auto;
  min-height: 125px;
  max-height: 125px;
  background-image: url('/resources/images/ui/login/fitbox/fitbox-logo-white-sm.png');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left bottom;
}
.appstore-img {
  margin-bottom: 17px;
}
.mobile-app-img {
  width: 150px;
}
.logo-wrapper-bottom {
  margin-top: auto;
  margin-bottom: auto;
  min-height: 0;
  -webkit-transition: min-height 0.15s;
  -moz-transition: min-height 0.15s;
  -o-transition: min-height 0.15s;
  transition: min-height 0.15s;
}
@media (min-height: 698px) {
  .logo-wrapper-bottom {
    margin-top: 30px;
    min-height: 125px;
  }
}
.login-wrapper {
  width: 300px;
  min-width: 257px;
  margin-left: 40px;
}
.login-wrapper .login-sm-register {
  display: none;
}
.login-wrapper .login-fitbox-register {
  display: block;
}
.login-wrapper button[type="submit"] {
  border-color: #007AFF;
  background-color: #007AFF;
}
.login-wrapper button[type="submit"]:focus,
.login-wrapper button[type="submit"]:active {
  border-color: #007AFF;
  background-color: #007AFF;
}
.no-flexbox .login-wrapper {
  position: absolute;
  left: 40px;
  top: 50%;
  margin: -150px 0 0 0;
}
.login-wrapper .gym-member-coach-admin {
  color: #fff;
}
.login-wrapper .gym-member-coach-admin h3,
.login-wrapper .gym-member-coach-admin p {
  font-weight: 400;
}
.login-wrapper.register {
  width: 600px;
  margin-left: auto;
}
.login-wrapper.register .multi-step-ui {
  float: none;
  display: inline-block;
  width: 450px;
}
.login-wrapper.register .panel-body {
  padding: 10px 0 10px 0;
}
.login-wrapper.register .has-feedback .form-control-feedback {
  top: 0;
}
.login-wrapper.register .form-group {
  text-align: left;
  clear: both;
}
.login-wrapper.register .form-group-half-left {
  width: 49%;
  float: left;
  margin-bottom: 15px;
  padding-left: 0;
}
.login-wrapper.register .form-group-half-right {
  width: 49%;
  float: right;
  margin-bottom: 15px;
  padding-right: 0;
}
.login-wrapper.register .form-group-third-left {
  float: left;
  margin-bottom: 15px;
  padding-left: 0;
}
.login-wrapper.register .form-group-third-mid {
  float: left;
  margin-bottom: 15px;
}
.login-wrapper.register .form-group-third-right {
  float: right;
  margin-bottom: 15px;
  padding-right: 0;
}
.login-wrapper.register .form-actions {
  text-align: right;
}
.login-wrapper.register .help-block {
  font-size: 80%;
}
.login-wrapper.register #login-details {
  width: 600px;
  padding: 0;
}
.has-feedback .form-control-feedback {
  top: 2em;
  color: #999;
}
.has-feedback-no-label .form-control-feedback {
  top: 0;
}
.has-feedback-left .form-control {
  padding-right: 0;
  padding-left: 32px;
}
.has-feedback-left .form-control-feedback {
  right: auto;
  left: 0;
}
.form-horizontal .has-feedback-left .form-control-feedback {
  right: 0;
  left: 15px;
}
#message_type .checker input[type=checkbox] {
  opacity: 1 !important;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0;
  vertical-align: top;
  cursor: pointer;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
}
#message_type .checker span {
  border: none !important;
  background-color: #fff;
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
  position: relative;
  margin: 4px;
}
/*===== Navbar popup =====*/
.popup {
  min-width: 300px;
}
.popup .popup-header {
  margin: -1px -1px 0 -1px;
}
.popup-header {
  background: #7775e6;
  text-align: center;
  color: #fff;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}
.popup-header > span {
  display: inline-block;
  margin: 11px 12px 12px 12px;
}
.popup-header a {
  display: block;
  color: #fff;
  padding: 11px 12px 12px 12px;
  line-height: 1;
}
.popup-header a:hover {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}
.popup-header a:hover i {
  opacity: 1;
  filter: alpha(opacity=100);
}
.popup-header a i {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dropdown-menu .popup-header:after {
  content: '';
  position: absolute;
  top: -7px;
  left: 13px;
  display: inline-block;
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #32434D;
  border-left: 6px solid rgba(0, 0, 0, 0);
}
.dropdown-menu.dropdown-menu-right .popup-header:after {
  left: auto;
  right: 13px;
}
.popup .table {
  min-width: 400px;
}
@media (max-width: 767px) {
  .popup,
  .popup .table {
    min-width: 0;
  }
}
/*===== Navbar messages =====*/
.popup-messages {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 500px;
  overflow-y: auto;
}
.popup-messages > li {
  border-top: 1px solid #eee;
}
.popup-messages > li:first-child {
  border-top: 0;
}
.popup-messages > li > a {
  padding: 12px;
  display: block;
  position: relative;
}
.popup-messages > li > a:hover {
  background-color: #F5FFFB;
}
.popup-messages > li > a:hover > strong {
  color: #D65C4F;
}
.popup-messages > li > a > div {
  margin-left: 52px;
}
.popup-messages > li > a > strong {
  display: block;
  margin-top: 4px;
  font-weight: 600;
  color: #333;
  padding-right: 20px;
}
.popup-messages > li > a > strong > i {
  position: absolute;
  right: 12px;
  top: 15px;
  color: #ccc;
}
.popup-messages > li > a > span {
  color: #676767;
  font-size: 11px;
}
.popup-messages > li.unread > a {
  background: #f9f9f9;
}
.popup-messages > li.unread > a > strong {
  color: #237B91;
}
.user-face {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 12px;
}
#window .window-content #filter {
  width: 89%;
  height: 20px;
}
#left-hand-menu-administration .icon {
  vertical-align: middle;
}
#left-hand-menu-administration .icon.icomoon {
  vertical-align: text-bottom;
}
#left-hand-menu-administration .action-groups {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -0.15em;
}
#left-hand-menu-administration .action-groups .spacer {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#left-hand-menu-administration .action-group {
  display: inline-block;
  vertical-align: middle;
  margin: 0.15em;
}
.no-flexbox #left-hand-menu-administration .action-group-center {
  text-align: center;
  padding: 0 5em;
}
.no-flexbox #left-hand-menu-administration .action-group-right {
  float: right;
}
.no-flexbox #left-hand-menu-administration .tree {
  clear: right;
}
#left-hand-menu-administration .btn-wide {
  min-width: 7em;
}
#left-hand-menu-administration .action-edit {
  display: inline-block;
  vertical-align: middle;
  margin: 0 14px;
}
#left-hand-menu-administration .view-container {
  display: flex;
  margin-top: 40px;
  margin-bottom: 40px;
}
#left-hand-menu-administration .tree {
  padding: 20px;
  display: inline-block;
}
#left-hand-menu-administration .tree-right {
  padding: 20px;
  display: inline-block;
  border: 1px solid #B3B3B3;
  border-style: dashed;
}
#left-hand-menu-administration .tree-right h3 {
  position: absolute;
  top: 50%;
  margin-left: 75px;
  color: #aaaaaa;
}
#left-hand-menu-administration .item,
#left-hand-menu-administration .item-preview {
  display: inline-block;
  vertical-align: middle;
}
#left-hand-menu-administration .item .icon,
#left-hand-menu-administration .item-preview .icon {
  display: inline-block;
  min-width: 16px;
  margin: 14px 0 14px 14px;
}
#left-hand-menu-administration .item {
  background: #FFF;
  color: #333333;
  border-left: 3px solid transparent;
  min-width: 23em;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
}
#left-hand-menu-administration .name {
  display: inline-block;
  margin: 14px;
  vertical-align: middle;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#left-hand-menu-administration .item-count {
  display: inline-block;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 1px solid #333333;
  border-radius: 12.5px;
  border-radius: 50%;
  text-align: center;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-right: 14px;
  line-height: 25px;
}
.no-flexbox #left-hand-menu-administration .item-category {
  position: relative;
}
.no-flexbox #left-hand-menu-administration .item-category .name {
  margin-right: 53px;
}
.no-flexbox #left-hand-menu-administration .item-count {
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#left-hand-menu-administration .item-preview {
  vertical-align: baseline;
}
#left-hand-menu-administration .item-preview .icon {
  display: inline;
  margin: 0 14px 0 0;
}
#left-hand-menu-administration .item-preview .name {
  display: inline;
  vertical-align: baseline;
  margin: 0 0.5em 0 0;
}
#left-hand-menu-administration .iconselect {
  max-height: 325px;
  list-style: none;
  overflow-y: scroll;
  font-size: 0;
}
#left-hand-menu-administration .iconselect li {
  display: inline-block;
  vertical-align: top;
  width: 65px;
  height: 65px;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 14px;
  dispay: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#left-hand-menu-administration .iconselect .btn-primary {
  border-color: transparent;
}
.no-flexbox #left-hand-menu-administration .iconselect li {
  padding-top: 21.66666667px;
}
#left-hand-menu-administration .modal-for-edit .modal-text-new {
  display: none;
}
#left-hand-menu-administration .modal-for-edit.modal-for-new .action-delete,
#left-hand-menu-administration .modal-for-edit.modal-for-new .modal-text-edit {
  display: none;
}
#left-hand-menu-administration .modal-for-edit.modal-for-new .modal-text-new {
  display: inline;
  display: initial;
}
#left-hand-menu-administration .modal-for-edit .text {
  text-align: right;
}
#left-hand-menu-administration .modal-for-edit .modal-text-page {
  display: none;
}
#left-hand-menu-administration .modal-for-edit.modal-target-page .action-delete {
  display: none;
}
#left-hand-menu-administration .modal-for-edit.modal-target-page .modal-text-category {
  display: none;
}
#left-hand-menu-administration .modal-for-edit.modal-target-page .modal-text-page {
  display: inline;
}
#left-hand-menu-administration .k-item .k-icon {
  width: 3.87564435px;
  height: 0;
  border-radius: 0;
  border-style: solid;
  background: none;
  opacity: 1;
  border-width: 7px 0 7px 12.12435565px;
  border-color: transparent transparent transparent #b4b4b4;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
#left-hand-menu-administration .k-item .k-icon.k-minus {
  border-color: transparent transparent transparent #007AFF;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#left-hand-menu-administration .k-state-hover,
#left-hand-menu-administration .k-state-focused {
  background: transparent;
}
#left-hand-menu-administration .k-state-focused .item {
  background: #FFF;
  color: #7775e6;
}
#left-hand-menu-administration .k-state-focused .item .item-count {
  border-color: #7775e6;
}
#left-hand-menu-administration .k-state-hover .item {
  background: #F1F1F1;
  color: #333333;
}
#left-hand-menu-administration .k-group .k-group .item .icon {
  display: none;
}
#left-hand-menu-administration .k-group .k-group .name {
  margin: 14px 21px;
}
#left-hand-menu-administration .k-group .k-group .k-item {
  padding-left: 50px;
}
#commentStreamWidget {
  width: 100%;
  min-height: 100%;
  background: #F1F1F1;
}
.commentStreamWidget {
  background: #F1F1F1;
}
.comments-header {
  background-color: #252525;
  color: white;
  padding: 10px;
  display: -webkit-flex;
  display: flex;
}
.comments-header .title {
  margin-right: 10px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.no-flexbox .comments-header .btn {
  float: right;
}
.commentStreamComment {
  padding: 25px 10px 10px;
  border-bottom: 1px solid white;
  font-size: 12px;
  display: -webkit-flex;
  display: flex;
}
.commentStreamComment hr {
  display: none;
}
.commentStreamComment .prof-img,
#profileCommentStream .profileCommentStreamComment .prof-img {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 15px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: top;
}
.commentStreamComment .comment-sidebar {
  width: 30px;
}
.commentStreamComment .comment-sidebar .icon {
  display: block;
  color: #878787;
  font-size: 20px;
  margin-top: 5px;
  text-align: center;
}
.commentStreamComment .comment-sidebar a {
  text-decoration: none;
  cursor: pointer;
}
.commentStreamComment .comment-content,
#profileCommentStream .profileCommentStreamComment .comment-content {
  margin-left: 10px;
  display: block;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.commentStreamComment .comment-content .header .sender,
.commentStreamComment .comment-content .header .recipient {
  color: #007AFF;
}
.commentStreamComment .comment-content .header .recipient:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  font-size: 14px;
  content: 'arrow_forward';
  vertical-align: middle;
  color: #333333;
  margin-top: -2px;
}
.commentStreamComment .comment-content .text,
#profileCommentStream .profileCommentStreamComment .comment-content .text {
  font-size: 12px;
  margin: 3px 0px;
  word-wrap: break-word;
  overflow: inherit;
  text-overflow: ellipsis;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.commentStreamComment .comment-content .text.see-more-text {
  max-height: none;
  height: 100%;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.commentStreamComment .comment-content .see-more,
#profileCommentStream .profileCommentStreamComment .comment-content .see-more {
  display: none;
  color: #3D9AE4;
  font-size: 10px;
  padding: 3px 0px;
}
.commentStreamComment .comment-content .see-more:hover {
  cursor: pointer;
}
.commentStreamComment .comment-content .due-date {
  font-size: 10px;
  text-align: right;
}
.commentStreamComment .comment-content .due-date,
.commentStreamComment .comment-content .resolveBtn,
#profileCommentStream .profileCommentStreamComment .comment-content .resolveBtn {
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
.commentStreamComment .comment-content .resolveBtn,
#profileCommentStream .profileCommentStreamComment .comment-content .resolveBtn {
  display: inline-block;
  float: right;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
}
.commentStreamComment .comment-content .resolveBtn.resolved,
#profileCommentStream .profileCommentStreamComment .comment-content .resolveBtn.resolved {
  border-color: #00BF00;
  background-color: rgba(0, 227, 129, 0.2);
}
.commentStreamComment .comment-content .resolveBtn.resolved .icon-checkmark,
#profileCommentStream .profileCommentStreamComment .comment-content .resolveBtn.resolved .icon-checkmark {
  font-size: 13px;
  margin-right: 3px;
  color: #00a600;
}
.commentStreamComment .comment-content .time,
#profileCommentStream .profileCommentStreamComment .comment-content .time {
  font-size: 10px;
  color: #878787;
}
.commentStreamComment .comment-content .time .human-readable {
  display: none;
}
.commentStreamComment .comment-content .time:hover,
.commentStreamComment .comment-content .time:active {
  color: #878787;
  text-decoration: none;
}
.commentStreamComment .comment-content .time:hover time,
.commentStreamComment .comment-content .time:active time {
  display: none;
}
.commentStreamComment .comment-content .time:hover .human-readable,
.commentStreamComment .comment-content .time:active .human-readable {
  display: inline;
}
.commentStreamComment .comment-content.hasOverflow .see-more {
  display: block;
}
.commentStreamComment .comment-content .breadcrumb-buttons > li {
  float: none;
  border-left: none;
}
.commentStreamComment .comment-content .breadcrumb-buttons > li > a {
  padding: 0px 4px 0px 4px;
}
.commentStreamComment .comment-content .breadcrumb-buttons > li > a .glyphicon {
  font-size: 8px;
}
.commentStreamComment.empty {
  color: #bbb;
}
.no-flexbox .commentStreamComment {
  clear: left;
}
.no-flexbox .commentStreamComment .comment-sidebar {
  float: left;
}
.no-flexbox .commentStreamComment .comment-content {
  margin-left: 40px;
}
.modal-backdrop-glass,
body.modal-glass-open .modal-backdrop {
  background-color: #7775e6;
}
.modal-backdrop-glass.in,
body.modal-glass-open .modal-backdrop.in {
  opacity: 0.9;
}
.modal-glass {
  color: #fff;
}
.modal-glass .modal-dialog {
  margin-top: 100px;
}
.modal-glass .modal-content {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.modal-glass .modal-title {
  margin-top: 15px;
}
.modal-glass .modal-title .btn {
  margin-top: 1em;
}
.modal-glass .list-group {
  margin: 0 -15px;
}
.modal-glass .modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
  padding-bottom: 60px !important;
  margin-bottom: 25px !important;
}
.modal-glass .modal-header,
.modal-glass .modal-body,
.modal-glass .modal-footer {
  border-color: rgba(255, 255, 255, 0.5);
}
.modal-glass .close {
  color: #fff;
  opacity: 1;
  text-shadow: none;
}
.modal-glass .btn,
.modal-glass a {
  background: transparent;
  color: #fff;
}
.modal-glass .btn-default {
  border: 1px solid #fff;
}
.modal-glass .list-group-item {
  border: 0;
  border-radius: 0;
}
.modal-glass .list-group-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
#calendar-list-export-excel-modal .modal-footer {
  background-color: #F8F7F8;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
  width: 11px;
}
::-webkit-scrollbar:horizontal {
  height: 11px;
}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: none;
  /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.3);
}
.jGrowl {
  z-index: 9999;
  color: #fff;
  position: absolute;
}
body > .jGrowl {
  position: fixed;
}
.jGrowl.top-left {
  left: 0px;
  top: 0px;
}
.jGrowl.top-right {
  right: 25px;
  top: 20px;
}
.jGrowl.bottom-left {
  left: 0px;
  bottom: 0px;
}
.jGrowl.bottom-right {
  right: 25px;
  bottom: 25px;
}
.jGrowl.center {
  top: 50px;
  width: 430px;
  left: 50%;
  margin-left: -215px;
}
.jGrowl .jGrowl-notification {
  border: none;
  border-radius: 3px;
  color: #fff;
  padding: 15px 15px 30px;
  text-align: left;
  display: none;
  max-height: 500px;
  overflow: auto;
  background-color: #00BF00;
}
.jGrowl .jGrowl-notification .jGrowl-header {
  font-weight: 500;
  font-size: 16px;
  padding: 0 0 20px 0;
  margin-right: 10px;
}
.jGrowl .jGrowl-notification .jGrowl-header:empty {
  padding: 0;
}
.jGrowl .jGrowl-notification .jGrowl-close {
  float: right;
  font-size: 0;
  cursor: pointer;
  margin-top: -3px;
}
.jGrowl .jGrowl-notification .jGrowl-close:after {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  content: 'close';
}
.jGrowl .jGrowl-notification + .jGrowl-notification {
  margin-top: 15px;
}
.jGrowl .jGrowl-closer {
  padding: 5px 0;
  cursor: pointer;
  font-size: 11px;
  margin-top: 5px;
  font-weight: 600;
  text-align: center;
  background: #454545;
  color: #ffffff;
  width: 222px;
}
.jGrowl-notification.growl-error,
.jGrowl-notification.growl-danger {
  background-color: #FF1E00;
}
.jGrowl-notification.growl-success {
  background-color: #00BF00;
}
.jGrowl-notification.growl-warning {
  background-color: #F8941D;
}
.jGrowl-notification.growl-info {
  background-color: #58B8CC;
}
.jGrowl-notification.growl-attention {
  background-color: #FFF200;
}
.center .jGrowl-notification,
.center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto;
}
@media print {
  .jGrowl {
    display: none;
  }
}
@media (max-width: 480px) {
  .jGrowl.center {
    width: 200px;
    margin-left: -100px;
  }
}
table {
  outline: none !important;
}
.dataTables_wrapper .dataTables_length .select2-container .select2-choice {
  height: 26px;
  border-radius: 2px;
  color: #333;
  background-color: #e8e8e8;
  border: none;
  outline: none !important;
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_length .select2-container .select2-choice > .select2-chosen {
  line-height: 24px;
  font-weight: 500;
  font-size: 12px;
  color: #333;
}
.dataTables_wrapper .dataTables_length .select2-container .select2-choice .select2-arrow {
  top: -4px;
}
.dataTables_wrapper .dataTables_length .select2-container-active.select2-dropdown-open .select2-choice {
  border: 1px solid #5897fb;
}
.dataTables_wrapper .dataTables_length > label > span {
  line-height: 5px;
  font-weight: 500;
}
.dataTables_wrapper .dataTables_filter label > input[type=search] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 120%;
}
.dataTables_wrapper .dataTable tr .btn-default {
  background: transparent;
}
.dataTables_wrapper .dataTable tr .session_days .day_of_week {
  border: 1px solid #c2c2c2;
  color: #c2c2c2;
  display: inline-block;
  padding: 4px 10px;
  text-align: center;
  font-size: 85%;
  width: auto;
}
.dataTables_wrapper .dataTable tr .session_days .day_of_week.active {
  color: #fff;
  background: #007AFF;
  border-color: #007AFF;
}
.fitbox-theme .attendance-list {
  margin-top: 55px;
}
.control-label {
  font-weight: 400;
}
.control-label.text-left {
  text-align: left !important;
}
.progress-bar {
  color: #000000;
}
#profileCommentStream .profileCommentStreamComment {
  margin: 10px;
}
#profileCommentStream .profileCommentStreamComment .comment-content {
  margin: 5px 20px;
}
#profileCommentStream .profileCommentStreamComment .comment-content .header {
  height: auto;
}
#profileCommentStream .profileCommentStreamComment .comment-content .text {
  margin-left: -15px;
}
#profileCommentStream .profileCommentStreamComment .dropdown-menu-right {
  left: 0;
}
.k-calendar-container td.k-state-selected {
  background-color: #7775e6;
}
.k-calendar-container .k-header {
  background-color: #7775e6;
}
.k-calendar-container .k-header .k-link.k-state-hover {
  background-color: #7601A2;
}
.panel-heading {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
  min-height: 38px;
}
.panel-heading > .panel-title {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.no-flexbox .panel-heading {
  position: relative;
}
.panel-heading .pull-right {
  float: none !important;
}
.no-flexbox .panel-heading .pull-right {
  float: right !important;
}
.panel-heading .panel-icons-group,
.panel-heading .panel-icon {
  /*position: absolute;*/
  top: 0;
  right: 0;
}
.panel-heading .panel-icon {
  padding: 11px 12px;
  display: block;
  line-height: 1;
  color: #333;
}
.panel-heading .panel-icons-group {
  float: right;
  margin-top: 6px;
  margin-right: 6px;
}
.panel-heading .panel-icons-group .btn {
  float: left;
  margin-right: 0;
  margin-left: -8px;
}
.no-flexbox .panel-heading .panel-filter-by {
  display: inline-block;
  position: relative;
  margin-top: -1.8em;
}
.panel-heading .panel-filter-by h6 {
  display: inline;
  vertical-align: middle;
}
.panel-heading .panel-filter-by .btn {
  height: 21px;
}
.panel-default .panel-heading .panel-icon:hover {
  color: #777;
}
.panel-full {
  width: 100%;
  float: left;
}
.visual-charts-thumbs .block-card {
  border: 1px solid #007AFF;
  color: #333333;
  cursor: pointer;
}
.visual-charts-thumbs .block-card .graph-type-icon {
  color: #333333;
}
.visual-charts-thumbs .active,
.visual-charts-thumbs .active .graph-type-icon,
.visual-charts-thumbs .active .graph-type-icon:hover {
  color: #fff;
  background: #007AFF;
}
.visual-charts-thumbs .icon-table {
  font-size: 541%;
  content: "\ea71";
}
.visual-charts-thumbs .icon-table:hover {
  font-size: 541%;
  content: "\ea71";
  color: #333;
}
.visual-charts-thumbs .icon-area_chart {
  font-size: 400%;
  content: "\e601";
}
.visual-charts-thumbs .icon-area_chart:hover {
  font-size: 400%;
  content: "\e601";
  color: #333;
}
.visual-charts-thumbs .icon-pie_chart {
  font-size: 400%;
}
.visual-charts-thumbs .icon-pie_chart:hover {
  font-size: 400%;
  color: #333;
}
.visual-charts-thumbs .icon-bar_chart {
  font-size: 400%;
}
.visual-charts-thumbs .icon-bar_chart:hover {
  font-size: 400%;
  color: #333;
}
.visual-charts-thumbs .icon-column_chart {
  font-size: 400%;
}
.visual-charts-thumbs .icon-column_chart:hover {
  font-size: 400%;
  color: #333;
}
.visual-charts-thumbs .icon-line_chart {
  font-size: 400%;
}
.visual-charts-thumbs .icon-line_chart:hover {
  font-size: 400%;
  color: #333;
}
.visual-charts-thumbs .icon-scatter_plot_chart {
  font-size: 400%;
}
.visual-charts-thumbs .icon-scatter_plot_chart:hover {
  font-size: 400%;
  color: #333;
}
.visual-charts-thumbs .icon-candle_stick_chart {
  font-size: 400%;
}
.visual-charts-thumbs .icon-candle_stick_chart:hover {
  font-size: 400%;
  color: #333;
}
.visual-charts-thumbs .block-card {
  margin-right: 1%;
  height: 120px;
}
.visual-charts-thumbs .icon-stacked_bar_chart {
  font-size: 400%;
}
.visual-charts-thumbs .icon-stacked_bar_chart:hover {
  font-size: 400%;
  color: #333;
}
.visual-charts-thumbs .icon-radar_plot {
  font-size: 400%;
}
.visual-charts-thumbs .icon-radar_plot:hover {
  font-size: 400%;
  color: #333;
}
.visual-charts-thumbs .icon-horz_bar_chart {
  font-size: 400%;
}
.visual-charts-thumbs .icon-horz_bar_chart:hover {
  font-size: 400%;
  color: #333;
}
/*
Customised copy of Select 2 styles
Originally copied from: Version: 3.5.2 Timestamp: Sat Nov  1 14:43:36 EDT 2014
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
    */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}
.select2-container .select2-choice {
  display: block;
  height: 34px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #CCCCCC;
  white-space: nowrap;
  line-height: 1.42857143;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}
html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}
.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
  line-height: 34px;
}
html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
}
.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url('/resources/javascript/vendor/select2/select2.png') right top no-repeat;
  cursor: pointer;
  outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}
.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}
.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}
.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}
html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
}
.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('/resources/javascript/vendor/select2/select2.png') no-repeat 0 3px;
}
html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 3px;
}
.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 34px;
  margin: 0;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 34px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  border: 1px solid #aaa;
  border-left: none;
  border-right: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select2-search:after {
  content: ' ';
  display: inline-block;
  position: absolute;
  top: 4px;
  right: 0;
  pointer-events: none;
  width: 26px;
  height: 26px;
  background: url('/resources/javascript/vendor/select2/select2.png') no-repeat 100% -22px;
}
html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;
  background: #fff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
html[dir="rtl"] .select2-search:after {
  right: auto;
  left: -2px;
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.select2-search input.select2-active {
  background: #fff url('/resources/javascript/vendor/select2/select2-spinner.gif') no-repeat 100%;
  background: url('/resources/javascript/vendor/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('/resources/javascript/vendor/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('/resources/javascript/vendor/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('/resources/javascript/vendor/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}
.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 3px;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 3px;
}
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}
.select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}
.select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}
.select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}
.select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}
.select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}
.select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}
.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}
.select2-results .select2-highlighted:hover {
  background-color: #3875d7 !important;
  color: #fff !important;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}
.select2-more-results.select2-active {
  background: #f4f4f4 url('/resources/javascript/vendor/select2/select2-spinner.gif') no-repeat 100%;
}
.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, 0.2);
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}
/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}
html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}
.select2-locked {
  padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
  min-height: 34px;
}
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url('/resources/javascript/vendor/select2/select2-spinner.gif') no-repeat 100% !important;
}
.select2-default {
  color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}
.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url('/resources/javascript/vendor/select2/select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}
.select2-container-multi .select2-search-choice-close {
  left: 3px;
}
html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search:after,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url('/resources/javascript/vendor/select2/select2x2.png') !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
}
.ui-select-search-hidden {
  display: none;
}
.form-control .select2-choice {
  border: 0;
  border-radius: 2px;
}
.form-control .select2-choice .select2-arrow {
  border-radius: 0 2px 2px 0;
}
.form-control.select2-container {
  height: auto !important;
  padding: 0;
}
.form-control.select2-container.select2-dropdown-open {
  border-color: #5897FB;
  border-radius: 3px 3px 0 0;
}
.form-control .select2-container.select2-dropdown-open .select2-choices {
  border-radius: 3px 3px 0 0;
}
.form-control.select2-container .select2-choices {
  border: 0 !important;
  border-radius: 3px;
}
.control-group.warning .select2-container .select2-choice,
.control-group.warning .select2-container .select2-choices,
.control-group.warning .select2-container-active .select2-choice,
.control-group.warning .select2-container-active .select2-choices,
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.warning .select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #C09853 !important;
}
.control-group.warning .select2-container .select2-choice div {
  border-left: 1px solid #C09853 !important;
  background: #FCF8E3 !important;
}
.control-group.error .select2-container .select2-choice,
.control-group.error .select2-container .select2-choices,
.control-group.error .select2-container-active .select2-choice,
.control-group.error .select2-container-active .select2-choices,
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.error .select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #B94A48 !important;
}
.control-group.error .select2-container .select2-choice div {
  border-left: 1px solid #B94A48 !important;
  background: #F2DEDE !important;
}
.control-group.info .select2-container .select2-choice,
.control-group.info .select2-container .select2-choices,
.control-group.info .select2-container-active .select2-choice,
.control-group.info .select2-container-active .select2-choices,
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.info .select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #3A87AD !important;
}
.control-group.info .select2-container .select2-choice div {
  border-left: 1px solid #3A87AD !important;
  background: #D9EDF7 !important;
}
.control-group.success .select2-container .select2-choice,
.control-group.success .select2-container .select2-choices,
.control-group.success .select2-container-active .select2-choice,
.control-group.success .select2-container-active .select2-choices,
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.success .select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #468847 !important;
}
.control-group.success .select2-container .select2-choice div {
  border-left: 1px solid #468847 !important;
  background: #DFF0D8 !important;
}
body,
p {
  font-weight: 400;
}
.page-title h1,
.page-title h2,
.page-title h3 {
  font-size: 24px;
  font-weight: 400;
}
.btn,
.navbar .navbar-toggle {
  min-height: 26px;
  text-transform: uppercase;
  border-width: 1px;
  padding: 4px 12px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 2px;
}
.btn .icon {
  margin-top: -4px;
  margin-bottom: -4px;
  vertical-align: middle;
}
.btn.icon {
  padding: 0;
  font-weight: normal;
  font-style: normal;
}
.btn.icon.material-icons {
  font-size: 24px;
  line-height: 1;
}
.btn.icon.icomoon {
  line-height: 1.44;
}
.btn.btn-icon {
  padding: 0;
  line-height: 1;
}
.btn.btn-icon .icon {
  display: inline-block;
  margin: 0;
}
.btn.btn-icon .icon.icomoon {
  margin-top: 2px;
}
.btn.btn-icon i[class*="icon-"] {
  position: relative;
  top: 2px;
}
.btn.btn-lg {
  padding: 8px 15px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 4px;
  min-height: 34px;
  min-width: 34px;
}
.btn.btn-lg .icon {
  margin-top: -8px;
  margin-bottom: -8px;
}
.btn.btn-sm {
  padding: 3px 9px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 2px;
  min-height: 21px;
  min-width: 21px;
}
.btn.btn-sm .icon {
  margin-top: -3px;
  margin-bottom: -3px;
}
.btn.btn-xs {
  padding: 1px 5px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 2px;
  min-height: 21px;
  min-width: 21px;
  padding-bottom: 6px;
}
.btn.btn-xs .icon {
  margin-top: -1px;
  margin-bottom: -1px;
}
.btn:focus,
.btn:active,
.btn.active {
  outline: none !important;
  box-shadow: none;
}
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-default.active {
  color: #333333;
  background: #E8E8E8;
  border-color: transparent;
}
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active {
  color: #fff;
  background: #007AFF;
  border-color: #007AFF;
}
.btn.btn-success:focus,
.btn.btn-success:active,
.btn.btn-success.active {
  color: #fff;
  background: #00BF00;
  border-color: #00BF00;
}
.btn.btn-info:focus,
.btn.btn-info:active,
.btn.btn-info.active {
  color: #fff;
  background: #58B8CC;
  border-color: #58B8CC;
}
.btn.btn-warning:focus,
.btn.btn-warning:active,
.btn.btn-warning.active {
  color: #fff;
  background: #F8941D;
  border-color: #F8941D;
}
.btn.btn-danger:focus,
.btn.btn-danger:active {
  color: #fff;
  background-color: #FF1E00;
  border-color: #FF1E00;
}
.btn.btn-danger:focus:hover,
.btn.btn-danger:active:hover,
.btn.btn-danger:focus:focus,
.btn.btn-danger:active:focus,
.btn.btn-danger:focus:active,
.btn.btn-danger:active:active,
.btn.btn-danger:focus.active,
.btn.btn-danger:active.active,
.open > .dropdown-toggle.btn.btn-danger:focus,
.open > .dropdown-toggle.btn.btn-danger:active {
  color: #fff;
  background-color: #cc1800;
  border-color: #c21700;
}
.btn.btn-danger:focus:active,
.btn.btn-danger:active:active,
.btn.btn-danger:focus.active,
.btn.btn-danger:active.active,
.open > .dropdown-toggle.btn.btn-danger:focus,
.open > .dropdown-toggle.btn.btn-danger:active {
  background-image: none;
}
.btn.btn-danger:focus.disabled,
.btn.btn-danger:active.disabled,
.btn.btn-danger:focus[disabled],
.btn.btn-danger:active[disabled],
fieldset[disabled] .btn.btn-danger:focus,
fieldset[disabled] .btn.btn-danger:active,
.btn.btn-danger:focus.disabled:hover,
.btn.btn-danger:active.disabled:hover,
.btn.btn-danger:focus[disabled]:hover,
.btn.btn-danger:active[disabled]:hover,
fieldset[disabled] .btn.btn-danger:focus:hover,
fieldset[disabled] .btn.btn-danger:active:hover,
.btn.btn-danger:focus.disabled:focus,
.btn.btn-danger:active.disabled:focus,
.btn.btn-danger:focus[disabled]:focus,
.btn.btn-danger:active[disabled]:focus,
fieldset[disabled] .btn.btn-danger:focus:focus,
fieldset[disabled] .btn.btn-danger:active:focus,
.btn.btn-danger:focus.disabled:active,
.btn.btn-danger:active.disabled:active,
.btn.btn-danger:focus[disabled]:active,
.btn.btn-danger:active[disabled]:active,
fieldset[disabled] .btn.btn-danger:focus:active,
fieldset[disabled] .btn.btn-danger:active:active,
.btn.btn-danger:focus.disabled.active,
.btn.btn-danger:active.disabled.active,
.btn.btn-danger:focus[disabled].active,
.btn.btn-danger:active[disabled].active,
fieldset[disabled] .btn.btn-danger:focus.active,
fieldset[disabled] .btn.btn-danger:active.active {
  background-color: #FF1E00;
  border-color: #FF1E00;
}
.btn.btn-danger:focus .badge,
.btn.btn-danger:active .badge {
  color: #FF1E00;
  background-color: #fff;
}
.btn[disabled],
.btn.disabled {
  color: #878787;
  background: #CCCCCC;
  border-color: #CCCCCC;
}
.btn.icon,
.btn.material-icons,
.navbar .navbar-toggle {
  text-transform: none;
  padding: 0;
  text-align: center;
}
[data-uib-btn-checkbox].active,
[uib-btn-checkbox].active,
.btn-group .btn.active,
.button-collection .btn.active {
  background: #007AFF;
  color: #fff;
}
[data-uib-btn-checkbox].btn-default,
[uib-btn-checkbox].btn-default,
.btn-group .btn.btn-default,
.button-collection .btn.btn-default,
[data-uib-btn-checkbox].btn-default:focus,
[uib-btn-checkbox].btn-default:focus,
.btn-group .btn.btn-default:focus,
.button-collection .btn.btn-default:focus {
  background: #E8E8E8;
  color: #333333;
}
[data-uib-btn-checkbox].btn-default.active,
[uib-btn-checkbox].btn-default.active,
.btn-group .btn.btn-default.active,
.button-collection .btn.btn-default.active {
  color: #007AFF;
}
[data-uib-btn-checkbox].btn-primary,
[uib-btn-checkbox].btn-primary,
.btn-group .btn.btn-primary,
.button-collection .btn.btn-primary,
[data-uib-btn-checkbox].btn-primary:focus,
[uib-btn-checkbox].btn-primary:focus,
.btn-group .btn.btn-primary:focus,
.button-collection .btn.btn-primary:focus {
  background: transparent;
  color: #007AFF;
  border: 1px solid #007AFF;
}
[data-uib-btn-checkbox].btn-primary.active,
[uib-btn-checkbox].btn-primary.active,
.btn-group .btn.btn-primary.active,
.button-collection .btn.btn-primary.active {
  background: #007AFF;
  color: #fff;
}
[data-uib-btn-checkbox].btn-success,
[uib-btn-checkbox].btn-success,
.btn-group .btn.btn-success,
.button-collection .btn.btn-success,
[data-uib-btn-checkbox].btn-success:focus,
[uib-btn-checkbox].btn-success:focus,
.btn-group .btn.btn-success:focus,
.button-collection .btn.btn-success:focus {
  background: transparent;
  color: #00BF00;
  border: 1px solid #00BF00;
}
[data-uib-btn-checkbox].btn-success.active,
[uib-btn-checkbox].btn-success.active,
.btn-group .btn.btn-success.active,
.button-collection .btn.btn-success.active {
  background: #00BF00;
  color: #fff;
}
[data-uib-btn-checkbox].btn-info,
[uib-btn-checkbox].btn-info,
.btn-group .btn.btn-info,
.button-collection .btn.btn-info,
[data-uib-btn-checkbox].btn-info:focus,
[uib-btn-checkbox].btn-info:focus,
.btn-group .btn.btn-info:focus,
.button-collection .btn.btn-info:focus {
  background: transparent;
  color: #58B8CC;
  border: 1px solid #58B8CC;
}
[data-uib-btn-checkbox].btn-info.active,
[uib-btn-checkbox].btn-info.active,
.btn-group .btn.btn-info.active,
.button-collection .btn.btn-info.active {
  background: #58B8CC;
  color: #fff;
}
[data-uib-btn-checkbox].btn-warning,
[uib-btn-checkbox].btn-warning,
.btn-group .btn.btn-warning,
.button-collection .btn.btn-warning,
[data-uib-btn-checkbox].btn-warning:focus,
[uib-btn-checkbox].btn-warning:focus,
.btn-group .btn.btn-warning:focus,
.button-collection .btn.btn-warning:focus {
  background: transparent;
  color: #F8941D;
  border: 1px solid #F8941D;
}
[data-uib-btn-checkbox].btn-warning.active,
[uib-btn-checkbox].btn-warning.active,
.btn-group .btn.btn-warning.active,
.button-collection .btn.btn-warning.active {
  background: #F8941D;
  color: #fff;
}
[data-uib-btn-checkbox].btn-danger,
[uib-btn-checkbox].btn-danger,
.btn-group .btn.btn-danger,
.button-collection .btn.btn-danger,
[data-uib-btn-checkbox].btn-danger:focus,
[uib-btn-checkbox].btn-danger:focus,
.btn-group .btn.btn-danger:focus,
.button-collection .btn.btn-danger:focus {
  background: transparent;
  color: #FF1E00;
  border: 1px solid #FF1E00;
}
[data-uib-btn-checkbox].btn-danger.active,
[uib-btn-checkbox].btn-danger.active,
.btn-group .btn.btn-danger.active,
.button-collection .btn.btn-danger.active {
  background: #FF1E00;
  color: #fff;
}
.btn-group.button-select-checked .btn,
.button-collection.button-select-checked .btn {
  padding-left: 26.5px;
  padding-right: 26.5px;
  -webkit-transition: none;
  transition: none;
}
.btn-group.button-select-checked .btn.active,
.button-collection.button-select-checked .btn.active {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.button-select-checked .btn.active:before,
.button-collection.button-select-checked .btn.active:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  content: 'check';
  font-size: 22px;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -4px;
  margin-bottom: -4px;
}
[ng-controller] .checkbox {
  padding-left: 20px;
}
[ng-controller] .checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
[ng-controller] .checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
[ng-controller] .checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}
[ng-controller] .checkbox input[type="checkbox"],
[ng-controller] .checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
[ng-controller] .checkbox input[type="checkbox"]:focus + label::before,
[ng-controller] .checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
[ng-controller] .checkbox input[type="checkbox"]:checked + label::after,
[ng-controller] .checkbox input[type="radio"]:checked + label::after {
  font-family: 'Material Icons';
  content: 'check';
}
[ng-controller] .checkbox input[type="checkbox"]:indeterminate + label::after,
[ng-controller] .checkbox input[type="radio"]:indeterminate + label::after {
  display: block;
  content: " ";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
[ng-controller] .checkbox input[type="checkbox"]:disabled + label,
[ng-controller] .checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
[ng-controller] .checkbox input[type="checkbox"]:disabled + label::before,
[ng-controller] .checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
[ng-controller] .checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
[ng-controller] .checkbox.checkbox-inline {
  margin-top: 0;
}
[ng-controller] .checkbox-primary input[type="checkbox"]:checked + label::before,
[ng-controller] .checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #007AFF;
  border-color: #007AFF;
}
[ng-controller] .checkbox-primary input[type="checkbox"]:checked + label::after,
[ng-controller] .checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}
[ng-controller] .checkbox-danger input[type="checkbox"]:checked + label::before,
[ng-controller] .checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #FF1E00;
  border-color: #FF1E00;
}
[ng-controller] .checkbox-danger input[type="checkbox"]:checked + label::after,
[ng-controller] .checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}
[ng-controller] .checkbox-info input[type="checkbox"]:checked + label::before,
[ng-controller] .checkbox-info input[type="radio"]:checked + label::before {
  background-color: #58B8CC;
  border-color: #58B8CC;
}
[ng-controller] .checkbox-info input[type="checkbox"]:checked + label::after,
[ng-controller] .checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}
[ng-controller] .checkbox-warning input[type="checkbox"]:checked + label::before,
[ng-controller] .checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #F8941D;
  border-color: #F8941D;
}
[ng-controller] .checkbox-warning input[type="checkbox"]:checked + label::after,
[ng-controller] .checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}
[ng-controller] .checkbox-success input[type="checkbox"]:checked + label::before,
[ng-controller] .checkbox-success input[type="radio"]:checked + label::before {
  background-color: #00BF00;
  border-color: #00BF00;
}
[ng-controller] .checkbox-success input[type="checkbox"]:checked + label::after,
[ng-controller] .checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}
[ng-controller] .checkbox-primary input[type="checkbox"]:indeterminate + label::before,
[ng-controller] .checkbox-primary input[type="radio"]:indeterminate + label::before {
  background-color: #007AFF;
  border-color: #007AFF;
}
[ng-controller] .checkbox-primary input[type="checkbox"]:indeterminate + label::after,
[ng-controller] .checkbox-primary input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}
[ng-controller] .checkbox-danger input[type="checkbox"]:indeterminate + label::before,
[ng-controller] .checkbox-danger input[type="radio"]:indeterminate + label::before {
  background-color: #FF1E00;
  border-color: #FF1E00;
}
[ng-controller] .checkbox-danger input[type="checkbox"]:indeterminate + label::after,
[ng-controller] .checkbox-danger input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}
[ng-controller] .checkbox-info input[type="checkbox"]:indeterminate + label::before,
[ng-controller] .checkbox-info input[type="radio"]:indeterminate + label::before {
  background-color: #58B8CC;
  border-color: #58B8CC;
}
[ng-controller] .checkbox-info input[type="checkbox"]:indeterminate + label::after,
[ng-controller] .checkbox-info input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}
[ng-controller] .checkbox-warning input[type="checkbox"]:indeterminate + label::before,
[ng-controller] .checkbox-warning input[type="radio"]:indeterminate + label::before {
  background-color: #F8941D;
  border-color: #F8941D;
}
[ng-controller] .checkbox-warning input[type="checkbox"]:indeterminate + label::after,
[ng-controller] .checkbox-warning input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}
[ng-controller] .checkbox-success input[type="checkbox"]:indeterminate + label::before,
[ng-controller] .checkbox-success input[type="radio"]:indeterminate + label::before {
  background-color: #00BF00;
  border-color: #00BF00;
}
[ng-controller] .checkbox-success input[type="checkbox"]:indeterminate + label::after,
[ng-controller] .checkbox-success input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}
[ng-controller] .radio {
  padding-left: 20px;
}
[ng-controller] .radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
[ng-controller] .radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
[ng-controller] .radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
[ng-controller] .radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
[ng-controller] .radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
[ng-controller] .radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
[ng-controller] .radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
[ng-controller] .radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
[ng-controller] .radio.radio-inline {
  margin-top: 0;
}
[ng-controller] .radio-primary input[type="radio"] + label::after {
  background-color: #007AFF;
}
[ng-controller] .radio-primary input[type="radio"]:checked + label::before {
  border-color: #007AFF;
}
[ng-controller] .radio-primary input[type="radio"]:checked + label::after {
  background-color: #007AFF;
}
[ng-controller] .radio-danger input[type="radio"] + label::after {
  background-color: #FF1E00;
}
[ng-controller] .radio-danger input[type="radio"]:checked + label::before {
  border-color: #FF1E00;
}
[ng-controller] .radio-danger input[type="radio"]:checked + label::after {
  background-color: #FF1E00;
}
[ng-controller] .radio-info input[type="radio"] + label::after {
  background-color: #58B8CC;
}
[ng-controller] .radio-info input[type="radio"]:checked + label::before {
  border-color: #58B8CC;
}
[ng-controller] .radio-info input[type="radio"]:checked + label::after {
  background-color: #58B8CC;
}
[ng-controller] .radio-warning input[type="radio"] + label::after {
  background-color: #F8941D;
}
[ng-controller] .radio-warning input[type="radio"]:checked + label::before {
  border-color: #F8941D;
}
[ng-controller] .radio-warning input[type="radio"]:checked + label::after {
  background-color: #F8941D;
}
[ng-controller] .radio-success input[type="radio"] + label::after {
  background-color: #00BF00;
}
[ng-controller] .radio-success input[type="radio"]:checked + label::before {
  border-color: #00BF00;
}
[ng-controller] .radio-success input[type="radio"]:checked + label::after {
  background-color: #00BF00;
}
[ng-controller] input[type="checkbox"].styled:checked + label:after,
[ng-controller] input[type="radio"].styled:checked + label:after {
  font-family: 'Material Icons';
  content: 'check';
}
[ng-controller] input[type="checkbox"] .styled:checked + label::before,
[ng-controller] input[type="radio"] .styled:checked + label::before {
  color: #fff;
}
[ng-controller] input[type="checkbox"] .styled:checked + label::after,
[ng-controller] input[type="radio"] .styled:checked + label::after {
  color: #fff;
}
[ng-controller] .checkbox input,
[ng-controller] .radio input {
  cursor: pointer;
}
[ng-controller] .checkbox label {
  min-height: 20px;
}
[ng-controller] .checkbox label::before {
  width: 20px;
  height: 20px;
  border-radius: 2px;
}
[ng-controller] .checkbox label::after {
  width: 19px;
  height: 19px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  font-size: 18px;
  padding-left: 1px;
  padding-top: 1px;
}
[ng-controller] .radio label {
  min-height: 20px;
}
[ng-controller] .radio label::before {
  width: 20px;
  height: 20px;
}
[ng-controller] .radio label::after {
  width: 14px;
  height: 14px;
}
[ng-controller] .has-warning .checkbox-control label::before,
[ng-controller] .has-warning .radio-control label::before {
  border-color: #8a6d3b;
}
[ng-controller] .has-error .checkbox-control label::before,
[ng-controller] .has-error .radio-control label::before {
  border-color: #a94442;
}
[ng-controller] .has-success .checkbox-control label::before,
[ng-controller] .has-success .radio-control label::before {
  border-color: #3c763d;
}
.angular-checkbox {
  background: #007AFF !important;
  height: 19px !important;
  width: 19px !important;
  border-radius: 2px !important;
}
.angular-checkbox span {
  width: 5px !important;
  left: -6px !important;
  top: -3px !important;
  color: #FFFFFF;
  font-size: 11px;
}
.angular-k-radio {
  box-shadow: none !important;
}
.angular-k-radio label {
  font-weight: 400;
}
.angular-k-radio .k-radio-label {
  padding-left: 25px;
  line-height: 17px;
}
.angular-k-radio .k-radio:checked + .k-radio-label:before {
  border-color: #007AFF;
}
.angular-k-radio .k-radio-label:before {
  width: 18px;
  height: 18px;
}
.angular-k-radio .k-radio:checked + .k-radio-label:after {
  background-color: #007AFF;
}
.angular-k-radio .k-radio-label.active {
  color: #007AFF;
}
.form-control[type="checkbox"] {
  height: auto;
  width: auto;
}
.permissions-checklist label {
  padding-left: 5px;
}
.checker span {
  width: 20px;
  height: 20px;
  border-radius: 2px;
}
.checker span.checked {
  /*&:after {
                background: none;
                font-family: @font-family-icon;
                content: @check-icon;
                font-size: 18px;
                color: #FFFFFF;
                .material-design-icons-suppliment();
            }*/
}
.checkbox-success .checker span:hover {
  border-color: #007AFF;
}
.checkbox-success .checker:active span,
.checkbox-success .checker.active span,
.checkbox-success .checker span.checked {
  border-color: #007AFF;
  background-color: #007AFF;
}
.checkbox-info .checker span:hover {
  border-color: #e4e4e4;
}
.checkbox-info .checker:active span,
.checkbox-info .checker.active span,
.checkbox-info .checker span.checked {
  border-color: #e4e4e4;
  background-color: #e4e4e4;
}
.angular-checkbox {
  background: #FFFFFF !important;
  border: 1px solid #007AFF !important;
}
.angular-checkbox:hover {
  background: #007AFF !important;
}
.angular-checkbox.checked {
  background: #007AFF !important;
}
.angular-checkbox span {
  left: -3px !important;
  top: 4px !important;
}
.faceme-header {
  padding: 20px 0px;
}
.faceme-button-div {
  padding-left: 10px;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.multi-step-ui {
  float: right;
}
.multi-step-ui span {
  display: inline-block;
  margin: 10px 10px 5px;
}
.multi-step-ui span.active {
  color: #007AFF;
}
.multi-step-ui span + span {
  margin-left: 20px;
}
.multi-step-ui .multi-step-bar {
  background: #E9ECEB;
  margin: 0 10px 10px;
}
.multi-step-ui .multi-step-bar,
.multi-step-ui .multi-step-slider {
  height: 4px;
}
.multi-step-ui .multi-step-slider {
  background: #007AFF;
  min-width: 60px;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
.animate-opacity.ng-animate {
  transition: 100ms linear opacity;
}
.animate-opacity.ng-leave,
.animate-opacity.ng-enter.ng-enter-active,
.animate-opacity.ng-show {
  opacity: 1;
}
.animate-opacity.ng-enter,
.animate-opacity.ng-leave.ng-leave-active,
.animate-opacity.ng-hide {
  opacity: 0;
}
.animate-basic-slide.ng-animate {
  transition: 100ms linear opacity,height;
}
.animate-basic-slide.ng-leave,
.animate-basic-slide.ng-enter.ng-enter-active,
.animate-basic-slide.ng-show {
  height: 1em;
  opacity: 1;
}
.animate-basic-slide.ng-enter,
.animate-basic-slide.ng-leave.ng-leave-active,
.animate-basic-slide.ng-hide {
  height: 0;
  opacity: 0;
}
.smg-multi-step {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
.smg-multi-step .smg-multi-step-names {
  display: inline-block;
  margin: 10px 10px 5px;
  counter-reset: multiStepNames;
  white-space: nowrap;
}
.smg-multi-step .smg-multi-step-name {
  display: inline-block;
  margin: 0;
  padding: 0 15px 0 5px;
  counter-increment: multiStepNames;
  color: #888888;
  font-weight: bold;
  vertical-align: middle;
}
.smg-multi-step .smg-multi-step-name span {
  display: inline-block;
  vertical-align: middle;
}
.smg-multi-step .smg-multi-step-name::before {
  content: counter(multiStepNames);
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 20px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border-radius: 50%;
  color: #FFF;
  background: #888888;
  margin-right: 10px;
}
.smg-multi-step .smg-multi-step-name.active {
  color: #7775e6;
}
.smg-multi-step .smg-multi-step-name.active::before {
  background: #7775e6;
}
.smg-multi-step .smg-multi-step-name.ticked::before {
  background: #FFF;
  background: transparent;
  border: 1px solid #00BF00;
  color: #00BF00;
  font-family: 'Material Icons';
  font-size: 18px;
  content: 'check';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
.smg-multi-step .smg-multi-step-name + .smg-multi-step-name {
  padding-left: 20px;
}
.smg-multi-step .smg-multi-step-bar {
  margin: 0 10px 10px;
  position: relative;
}
.smg-multi-step .smg-multi-step-bar,
.smg-multi-step .smg-multi-step-slider {
  height: 4px;
}
.smg-multi-step .smg-multi-step-line {
  background: #E9ECEB;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
.smg-multi-step .smg-multi-step-slider {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: #7775e6;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
.smg-multi-step.done .smg-multi-step-name {
  color: #00BF00;
}
.smg-multi-step.done .smg-multi-step-name::before {
  background: #FFF;
  background: transparent;
  border: 1px solid #00BF00;
  color: #00BF00;
  font-family: 'Material Icons';
  font-size: 18px;
  content: 'check';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
.smg-multi-step.done .smg-multi-step-slider {
  background: #00BF00;
}
.smg-editable {
  position: relative;
}
.smg-editable .smg-editable-body {
  display: -webkit-flex;
  display: flex;
}
.smg-editable .smg-editable-control {
  display: inline-block;
}
.smg-editable .smg-editable-left-number {
  display: inline-block;
  z-index: 2;
  text-align: right;
  width: 3.5em;
  margin-right: 0.5em;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.smg-editable.static .smg-editable-left-number,
.smg-editable.static .smg-editable-control {
  display: none;
}
.smg-editable.editing .smg-editable-static-text {
  display: none;
}
.smg-editable.smg-editable-text.static .smg-editable-control {
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.smg-editable.smg-editable-text.editing .smg-editable-control {
  opacity: 1;
}
#wod-program-info {
  max-width: 600px;
}
#wod-program-info .btn-group {
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
#wod-program-info .btn-group .btn {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#wod-program-info .inline-buttons {
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
#wod-program-info .inline-buttons .btn-group {
  width: auto;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#wod-program-info .inline-buttons .number-buttons,
#wod-program-info .inline-buttons .form-control {
  vertical-align: middle;
}
#wod-program-info .inline-buttons .number-buttons {
  -webkit-flex-grow: 5;
  flex-grow: 5;
  display: -webkit-inline-flex;
  display: inline-flex;
}
#wod-program-info .inline-buttons .number-buttons .btn {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#wod-program-info .inline-buttons .other-button,
#wod-program-info .inline-buttons .form-control {
  margin-left: 5px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#wod-program-info .inline-buttons .form-control {
  display: inline-block;
  width: auto;
  height: 28px;
  font-size: 11px;
  padding: 4px 12px;
}
#wod-program-info .inline-buttons .btn {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#wod-program-info .inline-buttons .btn-group + .btn,
#wod-program-info .inline-buttons .btn + .btn-group,
#wod-program-info .inline-buttons > .btn + .btn {
  margin-left: 5px;
}
#wod-program-info .k-picker-wrap {
  height: 32px;
}
#wod-program-info .k-picker-wrap {
  height: 32px;
}
#wod-program-info .k-picker-wrap .form-control {
  height: 28px;
}
#wod-program-info #wod-startdate .k-tooltip-validation {
  margin-left: 40px;
}
#wod-program-info .form-control-half {
  width: 50%;
  height: 100%;
}
#wod-program-info .list-form-controls {
  list-style: none;
  margin: 0;
  padding: 0;
}
#wod-program-info .list-form-controls li {
  margin: 10px 0;
}
#wod-edit .form-control + .form-control {
  margin-top: 0;
}
#wod-edit .icon {
  vertical-align: middle;
}
#wod-edit .header-bar {
  clear: both;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#wod-edit .header-bar .form-group {
  margin: 10px 50px 10px 0;
  white-space: nowrap;
}
#wod-edit .header-bar .form-group.btn-toolbar {
  text-align: right;
  margin-right: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#wod-edit .header-bar label,
#wod-edit .header-bar .control-label {
  color: #888;
  font-weight: 400;
}
.no-flexbox #wod-edit .training-header .form-group.btn-toolbar {
  float: right;
}
#wod-edit .weeks {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#wod-edit .week-header-bar {
  margin: 10px;
}
#wod-edit .week-headers,
#wod-edit .week-bodies {
  display: inline-block;
  vertical-align: top;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#wod-edit .week-bodies {
  width: 100%;
  overflow-x: auto;
}
#wod-edit .select2-results {
  overflow: auto;
}
#wod-edit .week-header {
  padding: 35px 10px 10px;
  white-space: nowrap;
}
#wod-edit .week-header .btn-link {
  padding-left: 0;
  padding-right: 0;
}
#wod-edit .week-body {
  white-space: nowrap;
}
#wod-edit .week-scroll {
  position: absolute;
  right: 47px;
}
#wod-edit .week-scroll .btn {
  height: 36px;
  margin: 2px 0 2px 0;
  background-color: #7775e6;
  color: white;
}
#wod-edit .week-scroll .scroll-left {
  -webkit-box-shadow: -5px 0 3px -3px #333;
  -moz-box-shadow: -5px 0 3px -3px #333;
  box-shadow: -5px 0 3px -3px #333;
}
#wod-edit .week-scroll .scroll-right {
  float: right;
  -webkit-box-shadow: -5px 0 3px -3px #333;
  -moz-box-shadow: -5px 0 3px -3px #333;
  box-shadow: -5px 0 3px -3px #333;
}
#wod-edit .week {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
}
#wod-edit .day {
  border: 2px solid #e4e4e4;
  width: 280px;
  min-width: 280px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
#wod-edit .day + .day {
  border-left: none;
}
#wod-edit .day-header {
  padding: 8px;
  background: #7775e6;
  color: white;
  font-weight: 300;
  min-height: 35px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#wod-edit .day-date {
  color: #878787;
  margin: 8px;
  font-weight: 300;
}
#wod-edit .past-week {
  background: #cfcfcf !important;
  color: #333333 !important;
}
#wod-edit .unset-collapsing {
  transition: unset !important;
  overflow: unset !important;
  height: auto !important;
}
#wod-edit .day-header.for-bg-only-ignore-collapsing:not(.in) {
  background: #fff ;
  color: #333333;
}
#wod-edit .for-bg-only-ignore-collapsing {
  height: 35px !important;
}
#wod-edit .fun-carret.collapseWeekAll {
  display: inline-flex;
}
#wod-edit .fun-carret.in .right {
  display: none;
}
#wod-edit .fun-carret:not(.in) .down {
  display: none;
}
#wod-edit .day-body {
  position: relative;
}
#wod-edit .day-body .un-editable {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  background-color: #ddd;
  opacity: 0.3;
}
#wod-edit .day-body .exist-session {
  opacity: 1;
  padding-left: 15px;
  padding-right: 15px;
}
#wod-edit .section {
  box-shadow: #ccc 1px 1px 10px;
  margin: 5px;
}
#wod-edit .section .section-scored {
  text-align: right;
}
#wod-edit .section .section-scored input {
  padding: 0;
  position: inherit;
  margin-left: 0;
  min-height: auto;
}
#wod-edit .section.new {
  box-shadow: none;
  margin: 0;
}
#wod-edit .section input {
  padding: 4px;
}
#wod-edit .section select {
  padding: 4px;
}
#wod-edit .section .smg-editable .smg-editable-static-text {
  margin: 0;
}
#wod-edit .section .smg-editable .btn-default {
  background: #e4e4e4;
  height: 34px;
  border: none;
  border-radius: 0;
}
#wod-edit .section .smg-editable .icon.btn {
  padding: 0;
  margin-left: 8px;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
}
#wod-edit .section .smg-editable .icon.btn.btn-default {
  width: 34px;
  vertical-align: top;
}
#wod-edit .section .smg-editable .icon.btn.btn-link {
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  color: #acacac;
}
#wod-edit .section .smg-editable.editing {
  background: #f3f3f3;
}
#wod-edit .section .smg-editable.editing .movement-notes-display,
#wod-edit .section .smg-editable.editing .movement-scored-display,
#wod-edit .section .smg-editable.editing .parameter-text,
#wod-edit .section .smg-editable.editing .notes {
  display: none;
}
#wod-edit .section .smg-editable.static .smg-editable-body {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#wod-edit .section .smg-editable.static .smg-editable-static-text {
  font-weight: 400;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#wod-edit .section .smg-editable.static .smg-editable-static-text .left-number {
  padding-right: 16px;
  min-width: 30px;
}
#wod-edit .section .smg-editable.static .movement-scored,
#wod-edit .section .smg-editable.static .movement-notes,
#wod-edit .section .smg-editable.static .parameter-footer,
#wod-edit .section .smg-editable.static .parameter-details-row,
#wod-edit .section .smg-editable.static .btn.remove,
#wod-edit .section .smg-editable.static .add-parameter {
  display: none;
}
#wod-edit .section .smg-editable.static.empty .smg-editable-static-text {
  font-weight: 400;
  background: #f3f3f3;
  color: #808080;
  border-radius: 3px;
}
#wod-edit .section .short-number {
  display: inline-block;
  width: 6em;
  margin-right: 0.5em;
}
#wod-edit .section .btn-default {
  background: #E4E4E4;
  border: none;
}
#wod-edit .section .parameter-text,
.wod-edit-modal .parameter-text {
  color: #808080;
  margin: 0 4px;
  font-weight: 300;
  display: inline-block;
}
#wod-edit .parameter-group {
  display: -webkit-flex;
  display: flex;
}
#wod-edit .parameter-group .form-control {
  max-width: 4.5em;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#wod-edit .parameter-group .brackets {
  margin: 0 4px;
}
#wod-edit .brackets {
  white-space: nowrap;
}
#wod-edit .brackets .form-control {
  margin-left: 2px;
  margin-right: 2px;
}
#wod-edit .section-close {
  background: transparent;
  border: none;
  padding: 0;
  margin-left: 8px;
}
#wod-edit .section-close .icon {
  color: #e4e4e4;
}
#wod-edit .section-close:hover .icon {
  color: #808080;
}
#wod-edit .section-menu {
  display: inline-block;
  margin: 0 8px;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  align-items: center;
}
#wod-edit .section-menu .btn {
  display: inline-block;
  background: transparent;
  color: #808080;
  border-radius: 4px;
  margin: 0 !important;
  padding: 0;
  width: 15px;
  height: 15px;
  line-height: 10px;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#wod-edit .section-menu .btn span {
  margin: auto;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  color: #999999;
}
#wod-edit .section-menu.open .btn {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#wod-edit .movement-notes-display {
  margin-left: 34px;
  min-width: 192px;
}
#wod-edit .add-movement {
  padding: 8px;
}
#wod-edit .add-movement .btn {
  display: block;
  text-align: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #007AFF;
}
#wod-edit .add-section {
  padding: 8px;
}
#wod-edit .add-section .btn {
  display: block;
  width: 100%;
  margin: 0;
  padding: 15px;
  font-size: 12px;
  border: 2px dashed #e4e4e4;
  border-radius: 5px;
  color: #999999;
}
#wod-edit .select-new-section {
  margin: 8px;
  border: 2px dashed #e4e4e4;
  border-radius: 5px;
  text-align: center;
  position: relative;
}
#wod-edit .select-new-section .section-header {
  margin: 8px;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
}
#wod-edit .select-new-section .or {
  color: #e4e4e4;
}
#wod-edit .select-new-section .or,
#wod-edit .select-new-section .btn {
  display: block;
  margin: 8px auto;
}
#wod-edit .select-new-section .btn-default {
  color: #808080;
}
#wod-edit .copy-button {
  position: absolute;
  right: 0;
  top: 38px;
  color: #d9d9d9;
}
#wod-edit .btn-arrows {
  color: #8c8888;
}
#wod-edit .parameter,
.wod-edit-modal .parameter {
  display: -webkit-flex;
  display: flex;
}
#wod-edit .parameter .parameter-details,
.wod-edit-modal .parameter .parameter-details {
  display: inline-block;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#wod-edit .parameter .parameter-details .help-block,
.wod-edit-modal .parameter .parameter-details .help-block {
  white-space: normal;
}
#wod-edit .parameter .parameter-details-row,
.wod-edit-modal .parameter .parameter-details-row {
  margin-top: 8px;
}
#wod-edit .parameter .btn-default.remove,
.wod-edit-modal .parameter .btn-default.remove {
  margin-top: 8px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
#wod-edit .parameter input,
.wod-edit-modal .parameter input {
  display: inline-block;
  width: auto;
}
#wod-edit .parameter input.parameter-details-row,
.wod-edit-modal .parameter input.parameter-details-row {
  width: 100%;
}
#wod-edit .parameter .reps-number,
.wod-edit-modal .parameter .reps-number {
  width: 100%;
}
#wod-edit .no-animater,
.wod-edit-modal .no-animater {
  -webkit-transition: none !important;
  transition: none !important;
}
#wod-edit .movement .smg-editable.static .smg-editable-static-text,
.wod-edit-modal .movement .smg-editable.static .smg-editable-static-text {
  display: -webkit-flex;
  display: flex;
}
#wod-edit .movement .smg-editable.static .smg-editable-static-text span,
.wod-edit-modal .movement .smg-editable.static .smg-editable-static-text span {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#wod-edit .movement .smg-editable.static .smg-editable-static-text .left-number,
.wod-edit-modal .movement .smg-editable.static .smg-editable-static-text .left-number,
#wod-edit .movement .smg-editable.static .smg-editable-static-text .movement-notes-display,
.wod-edit-modal .movement .smg-editable.static .smg-editable-static-text .movement-notes-display,
#wod-edit .movement .smg-editable.static .smg-editable-static-text .movement-scored-display,
.wod-edit-modal .movement .smg-editable.static .smg-editable-static-text .movement-scored-display {
  -webkit-flex-grow: 0;
  flex-grow: 0;
}
#wod-edit .movement .smg-editable.static.empty .smg-editable-body,
.wod-edit-modal .movement .smg-editable.static.empty .smg-editable-body {
  margin-bottom: 4px;
}
#wod-edit .movement .select2,
.wod-edit-modal .movement .select2 {
  width: 194px;
}
#wod-edit .movement .readable-element-body,
.wod-edit-modal .movement .readable-element-body {
  -webkit-align-items: center;
  align-items: center;
}
#wod-edit .movement .readable-element-body div,
.wod-edit-modal .movement .readable-element-body div {
  font-weight: 500;
}
#wod-edit .movement .readable-element-body .left-number,
.wod-edit-modal .movement .readable-element-body .left-number {
  width: 30px;
  display: inline-block;
}
#wod-edit .movement .readable-element-body .left-number.max-reps,
.wod-edit-modal .movement .readable-element-body .left-number.max-reps {
  text-transform: uppercase;
  color: #808080;
}
#wod-edit .movement .readable-element-body .movement-scored-display,
.wod-edit-modal .movement .readable-element-body .movement-scored-display {
  float: right;
}
#wod-edit .movement .parameter,
.wod-edit-modal .movement .parameter {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin-bottom: 2px;
}
#wod-edit .movement .parameter .remove,
.wod-edit-modal .movement .parameter .remove {
  vertical-align: bottom;
  margin-bottom: 4px;
  padding-right: 0;
}
#wod-edit .movement .parameter-text,
.wod-edit-modal .movement .parameter-text {
  margin-left: 30px;
  padding: 0 8px;
  background: #f3f3f3;
  color: #808080;
  border-radius: 3px;
  display: inline-block;
  font-weight: 300;
}
#wod-edit .movement-notes,
.wod-edit-modal .movement-notes {
  resize: vertical;
  margin-top: 4px;
}
#wod-edit .movement-notes-display,
.wod-edit-modal .movement-notes-display {
  background: none;
  color: #808080;
  font-style: italic;
  display: block;
  font-weight: 300;
}
#wod-edit .movement-scored,
.wod-edit-modal .movement-scored {
  text-align: right;
  color: #999999;
  margin-bottom: 0;
}
#wod-edit .movement-scored input[type="checkbox"],
.wod-edit-modal .movement-scored input[type="checkbox"] {
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 120%;
}
#wod-edit .movement-scored-display,
.wod-edit-modal .movement-scored-display {
  color: #007AFF;
  margin-left: 8px;
}
#wod-edit .parameter-footer,
.wod-edit-modal .parameter-footer {
  margin-top: 8px;
}
#wod-edit .parameter-footer .btn-group + .btn,
.wod-edit-modal .parameter-footer .btn-group + .btn,
#wod-edit .parameter-footer .btn + .btn-group,
.wod-edit-modal .parameter-footer .btn + .btn-group,
#wod-edit .parameter-footer .btn + .btn,
.wod-edit-modal .parameter-footer .btn + .btn {
  margin-left: 8px;
}
#wod-edit .movement-footer,
.wod-edit-modal .movement-footer {
  display: block;
  display: -webkit-flex;
  display: flex;
}
#wod-edit .movement-footer .spacer,
.wod-edit-modal .movement-footer .spacer {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.wod-modal .modal-content {
  max-height: calc(100vh -  60px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wod-modal .modal-body {
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
}
.wod-modal .radio-inline {
  position: relative;
  padding-left: 25px;
}
.wod-modal .section-parameter label:not(.control-label) {
  font-weight: normal;
}
.wod-modal .form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.wod-modal .form-inline .remove,
.wod-modal .form-inline .form-group + .form-group,
.wod-modal .form-inline .form-group + label {
  margin-left: 8px;
}
.wod-modal .form-inline + .form-inline,
.wod-modal .form-inline + .btn {
  margin-top: 8px;
}
.wod-modal .remove {
  background: transparent;
  border: none;
  padding: 0;
  opacity: 0.5;
  transition: opacity 300ms ease-in-out;
}
.wod-modal .remove:hover {
  opacity: 1;
}
.wod-modal .close:active {
  outline: none;
}
.wod-copy-modal .form-group-select {
  min-width: 35%;
}
.wod-copy-modal .form-group-select .form-control {
  width: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wod-copy-modal .modal-content {
    height: calc(100vh -  60px);
  }
}
@media all and (-ms-high-contrast: none) and (min-height: 460px), (-ms-high-contrast: active) and (min-height: 460px) {
  .wod-copy-modal .modal-content {
    height: 400px;
  }
}
@media (min-width: 1092px) {
  .wod-edit-modal .modal-lg {
    width: 90%;
  }
}
.wod-edit-modal .modal-content {
  min-height: calc(100vh -  60px);
}
@media (min-height: 660px) {
  .wod-edit-modal .modal-content {
    min-height: 600px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wod-edit-modal .modal-content {
    height: calc(100vh -  60px);
  }
}
@media all and (-ms-high-contrast: none) and (min-height: 660px), (-ms-high-contrast: active) and (min-height: 660px) {
  .wod-edit-modal .modal-content {
    height: 600px;
  }
}
.wod-edit-modal .scoring-text {
  color: #808080;
}
.wod-edit-modal .parameter-text {
  margin-left: 0 !important;
}
.wod-edit-modal .movement-reps.max-reps {
  text-transform: uppercase;
}
.wod-edit-modal .movement-details {
  margin-bottom: 10px;
}
.wod-edit-modal .modal-body .help-block {
  margin: 0;
}
.wod-edit-modal .modal-body .help-block:last-of-type {
  margin-bottom: 10px;
}
.wod-edit-modal .edit-section-column .form-inline .form-control {
  max-width: 10em;
}
.wod-edit-modal .edit-movement-column .form-inline .form-control {
  max-width: 7em;
}
.wod-edit-modal .edit-movement-column .form-inline .form-group .control-label {
  margin-left: calc(8px  -  0.25em);
}
.wod-edit-modal .edit-movement-column .form-inline .remove {
  vertical-align: middle;
}
.wod-edit-modal .edit-movement-column .wod-movement-reps-group .empty {
  visibility: hidden;
}
.wod-edit-modal .edit-movement-column .wod-movement-reps-group .form-group:nth-child(2) {
  margin: 0 16px;
  color: #999999;
}
.wod-edit-modal .edit-movement-column .wod-value-and-unit .form-group:first-child .form-control {
  width: 7em;
}
.wod-edit-modal .edit-movement-column .wod-value-and-unit .form-group:nth-child(2) .form-control {
  min-width: 7em;
}
.wod-edit-modal .edit-movement-column .wod-male-and-female-values .form-control:first-child {
  width: 7em;
}
.wod-edit-modal .edit-movement-column .wod-male-and-female-values .form-group:nth-child(2) .form-control {
  width: 6em;
}
.wod-edit-modal .btn-link {
  padding-left: 0;
  padding-right: 0;
}
.wod-edit-modal .edit-section-column {
  padding: 0 0 15px;
}
.wod-edit-modal .edit-section-column form {
  margin-bottom: 15px;
}
.wod-edit-modal .edit-section-column #edit-section-modal-description {
  margin-bottom: 10px;
}
.wod-edit-modal .edit-section-column #edit-section-modal-description .heading,
.wod-edit-modal .edit-section-column .movement .heading {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
}
.wod-edit-modal .edit-section-column #edit-section-modal-description .heading .btn-link,
.wod-edit-modal .edit-section-column .movement .heading .btn-link {
  text-transform: none;
  font-size: inherit;
  color: #333333;
  padding: 0;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}
.wod-edit-modal .edit-section-column #edit-section-modal-description .heading .icon,
.wod-edit-modal .edit-section-column .movement .heading .icon {
  vertical-align: middle;
  margin-left: 0.5em;
}
.wod-edit-modal .edit-section-column #edit-section-modal-description.has-error .heading .btn,
.wod-edit-modal .edit-section-column .movement.has-error .heading .btn {
  color: #a94442;
}
.wod-edit-modal .edit-section-column .editing-movement,
.wod-edit-modal .edit-section-column .editing-movement .heading .btn,
.wod-edit-modal .edit-section-column .editing-movement.has-error .heading .btn,
.wod-edit-modal .edit-section-column .editing-movement .parameter-text,
.wod-edit-modal .edit-section-column .editing-movement .movement-notes-display {
  color: #007AFF;
}
.wod-edit-modal .edit-section-column .movement .heading abbr {
  border: none;
}
.wod-edit-modal .movement.has-error .btn-link {
  color: #a94442;
}
.wod-edit-modal .edit-movement-column {
  padding: 15px 0 0;
  border-top: 1px solid #CCCCCC;
}
.wod-edit-modal .edit-movement-column .heading {
  text-transform: uppercase;
  color: #007AFF;
  border-bottom: 2px solid #007AFF;
  margin-top: 0;
}
.wod-edit-modal .edit-movement-column .movement .heading {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
}
.wod-edit-modal .edit-movement-column .movement .heading .btn-link {
  text-transform: none;
  font-size: inherit;
  color: #333333;
  padding: 0;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}
.wod-edit-modal .edit-movement-column .movement .heading .icon {
  vertical-align: middle;
  margin-left: 0.5em;
}
.wod-edit-modal .edit-movement-column .movement .heading .btn {
  color: #a94442;
}
.wod-edit-modal .modal-footer .create-another {
  margin-top: calc(4px -  15px);
  margin-bottom: 4px;
}
.wod-edit-modal .modal-footer .create-another label {
  font-size: 0.85em;
  font-weight: 400;
}
.wod-edit-modal .modal-footer .create-another input[type="checkbox"] {
  margin-right: 0.2em;
}
.wod-edit-modal .modal-footer .help-block {
  display: inline;
  margin: 0 8px;
}
body.wod-modal-body {
  overflow-y: hidden;
}
.wod-select.select2-container .select2-choice,
.wod-select.select2-container .select2-input,
.wod-select.select2-container .select2-arrow {
  background-image: none;
  background-color: transparent;
}
.wod-select.select2-container.form-control {
  height: 34px !important;
}
.wod-confirm-modal .modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.wod-confirm-modal .modal-footer::before,
.wod-confirm-modal .modal-footer::after {
  display: none;
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .wod-edit-modal .modal-body {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    padding-right: 0;
  }
  .wod-edit-modal .edit-section-column,
  .wod-edit-modal .edit-movement-column {
    padding: 0 15px;
    width: 50%;
  }
  .wod-edit-modal .edit-section-column,
  .wod-edit-modal .edit-movement-column,
  .wod-edit-modal .edit-movement-column-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .wod-edit-modal .edit-movement-column-inner,
  .wod-edit-modal .column-content {
    -ms-flex: 1;
    flex: 1;
  }
  .wod-edit-modal .column-content {
    overflow-y: auto;
  }
  .wod-edit-modal .edit-movement-column {
    border-top-width: 0;
    border-left: 1px solid #CCCCCC;
  }
  .wod-edit-modal .edit-movement-column .column-content {
    margin-bottom: 15px;
  }
  .wod-edit-modal .edit-movement-column-inner {
    height: 100%;
  }
}
#wod-edit .section-header,
#wod-program-review .section-header {
  min-height: 44px;
  display: block;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: #f3f3f3;
}
#wod-edit .section-header .smg-editable,
#wod-program-review .section-header .smg-editable {
  display: -ms-flexbox;
  display: flex;
}
#wod-edit .section-header .smg-editable.editing .smg-editable-control,
#wod-program-review .section-header .smg-editable.editing .smg-editable-control {
  margin-top: -10px;
  margin-bottom: -10px;
}
#wod-edit .section-header .smg-editable.editing .smg-editable-control.select2-container .select2-choice,
#wod-program-review .section-header .smg-editable.editing .smg-editable-control.select2-container .select2-choice {
  height: 27px;
}
#wod-edit .section-header .smg-editable.editing .smg-editable-control.select2-container .select2-choice > .select2-chosen,
#wod-program-review .section-header .smg-editable.editing .smg-editable-control.select2-container .select2-choice > .select2-chosen {
  line-height: 27px;
  max-width: 110px;
}
#wod-edit .section-header .smg-editable.editing .smg-editable-control.select2-container .select2-arrow b,
#wod-program-review .section-header .smg-editable.editing .smg-editable-control.select2-container .select2-arrow b {
  background-position-y: 0;
}
#wod-edit .section-header .smg-editable.editing .smg-editable-control.select2-container .select2-search,
#wod-program-review .section-header .smg-editable.editing .smg-editable-control.select2-container .select2-search,
#wod-edit .section-header .smg-editable.editing .smg-editable-control.select2-container .select2-search input,
#wod-program-review .section-header .smg-editable.editing .smg-editable-control.select2-container .select2-search input {
  min-height: 27px;
}
#wod-edit .section-header .smg-editable-body,
#wod-program-review .section-header .smg-editable-body,
#wod-edit .section-header .section-title,
#wod-program-review .section-header .section-title {
  display: inline-block;
  -ms-flex-positive: 1;
  flex-grow: 1;
  word-break: break-all;
}
#wod-edit .section-header .section-scored-display,
#wod-program-review .section-header .section-scored-display {
  margin-right: 10px;
  font-size: 20px;
  color: #007AFF;
}
#wod-edit .section-header .fa-trophy,
#wod-program-review .section-header .fa-trophy {
  cursor: pointer;
}
#wod-edit .section-header .fa-trophy.review,
#wod-program-review .section-header .fa-trophy.review {
  cursor: default;
}
#wod-edit .section-header .is-leaderboard,
#wod-program-review .section-header .is-leaderboard {
  color: #ffc000;
}
#wod-edit .section-header .not-leaderboard,
#wod-program-review .section-header .not-leaderboard {
  color: #7f7f7f;
}
#wod-edit .section-benchmark-summary,
#wod-program-review .section-benchmark-summary,
#wod-edit .section-detail,
#wod-program-review .section-detail {
  padding: 10px;
}
#wod-edit .section .parameter-text,
#wod-program-review .section .parameter-text,
.wod-edit-modal .parameter-text {
  margin: 0;
}
#wod-edit .movement,
#wod-program-review .movement {
  padding: 10px;
}
#wod-edit .movement span,
#wod-program-review .movement span {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#wod-edit .movement .readable-element,
#wod-program-review .movement .readable-element {
  min-height: 25px;
  padding: 8px;
}
#wod-edit .movement .readable-element .readable-element-text,
#wod-program-review .movement .readable-element .readable-element-text {
  display: -webkit-flex;
  display: flex;
}
#wod-edit .movement .readable-element .readable-element-text span,
#wod-program-review .movement .readable-element .readable-element-text span {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#wod-edit .movement .readable-element .readable-element-text .movement-name,
#wod-program-review .movement .readable-element .readable-element-text .movement-name {
  margin-left: 16px;
}
#wod-edit .movement .readable-element .readable-element-text .movement-reps,
#wod-program-review .movement .readable-element .readable-element-text .movement-reps {
  min-width: 30px;
}
#wod-edit .movement .readable-element .readable-element-text .movement-reps,
#wod-program-review .movement .readable-element .readable-element-text .movement-reps,
#wod-edit .movement .readable-element .readable-element-text .movement-name,
#wod-program-review .movement .readable-element .readable-element-text .movement-name,
#wod-edit .movement .readable-element .readable-element-text .movement-notes,
#wod-program-review .movement .readable-element .readable-element-text .movement-notes,
#wod-edit .movement .readable-element .readable-element-text .movement-scored,
#wod-program-review .movement .readable-element .readable-element-text .movement-scored {
  -webkit-flex-grow: 0;
  flex-grow: 0;
}
#wod-edit .movement .parameter-text,
#wod-program-review .movement .parameter-text {
  margin-left: 30px;
  padding: 0 8px;
  background: #f3f3f3;
  color: #808080;
  border-radius: 3px;
  display: inline-block;
  font-weight: 300;
}
#wod-program-review .charts {
  clear: both;
  width: 100%;
  height: 250px;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 10px;
}
#wod-program-review .charts .chart {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  float: left;
}
#wod-program-review .charts .chart .chart-title {
  width: 100%;
  text-align: center;
  font-weight: 500;
}
#wod-program-review .weekly-distrib-popover .ng-isolate-scope {
  min-width: 400px;
}
.session_days {
  white-space: nowrap;
}
.session_days .day_of_week.active {
  background: #e4e4e4;
  color: #fff;
}
.session_days .day_of_week {
  border: 1px solid #ccc;
  display: inline-block;
  width: 15px;
  text-align: center;
  font-size: 70%;
}
.weekly-distrib-popover .popover {
  max-width: none;
}
.weekly-distrib-popover .popover-content {
  box-shadow: #ccc 1px 1px 10px;
  border-radius: 0;
  padding: 10px;
}
.weekly-distrib-popover .popover.right > .arrow {
  border-right-color: #eee;
}
.section-scoring-by {
  margin-top: 5px;
}
.section-scoring-by input {
  min-height: auto;
}
.section-scoring-by .scoring-by-movement {
  float: right;
}
.benchmark-wod .scoring-by-movement {
  position: absolute;
  width: 100px;
  margin-left: 20px;
}
.page-title-dashboard {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}
.gridster {
  margin-top: 40px !important;
}
.grid-widget-toolbar {
  margin-right: 10px;
}
.grid-widget-toolbar .has-icon-button.btn {
  padding: 4px 8px 2px 8px;
}
.grid-widget-toolbar .has-icon-button.settings-button {
  margin-left: 5px;
}
.grid-widget-toolbar .has-icon-button.settings-button .icon {
  margin-bottom: 1px;
  margin-right: -4px;
}
.grid-widget-toolbar .has-icon-button.settings-button.active .icon {
  margin-bottom: -4px;
  margin-right: 4px;
}
.grid-widget {
  padding: 10px;
  border: 1px solid #d2d2d2;
  /*box-shadow: 0 1px 0 #cfcfcf;*/
  background: #fff;
  color: #000;
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  /** Workout of Day widget **/
  /** Your workout this week widget **/
  /** Performance **/
  /* Leaderboard widget */
  /* Athlete summary widget */
  /* Attendance Distribution Widget */
}
.grid-widget.editing {
  padding: 22px;
  -webkit-box-shadow: 3px 3px 5px 0px #d2d2d2;
  -moz-box-shadow: 3px 3px 5px 0px #d2d2d2;
  box-shadow: 3px 3px 5px 0px #d2d2d2;
  cursor: all-scroll;
}
.grid-widget .grid-widget-loading {
  color: #999;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  height: 100%;
}
.grid-widget .grid-widget-loading .icon {
  zoom: 3;
}
.grid-widget .grid-widget-header {
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
}
.grid-widget .grid-widget-header .dropdown .dropdown-menu {
  padding: 0;
  min-width: 140px;
}
.grid-widget .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #ddd;
}
.grid-widget .grid-widget-header .dropdown .dropdown-menu > li:first-child:before {
  right: 5px;
  left: auto;
}
.grid-widget .grid-widget-header .dropdown .dropdown-menu > li:first-child:after {
  right: 6px;
  left: auto;
}
.grid-widget .grid-widget-header .dropdown .dropdown-menu > li > a {
  color: #333;
  cursor: pointer;
  font-size: 12px;
  padding: 10px 14px;
  text-decoration: none !important;
}
.grid-widget .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #fff;
}
.grid-widget .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #fff;
}
.grid-widget .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #333;
  margin-right: 5px;
  font-size: 13px;
}
.grid-widget .grid-widget-header .btn + .btn {
  margin-left: 2px;
}
.grid-widget .grid-widget-content {
  width: 100%;
  height: 100%;
  max-height: 100%;
}
.grid-widget .grid-widget-content .widget-content .value .desc {
  font-size: 20px;
  font-weight: 400;
}
.grid-widget .grid-widget-content .widget-content .diff .arrow {
  font-size: 16px;
}
.grid-widget .grid-widget-content .bottom-chart {
  width: 100%;
  height: calc(10%);
  position: absolute;
  bottom: 10px;
  left: 0;
  padding: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.grid-widget .grid-widget-content .is-loading {
  width: 100%;
  height: calc(100%);
  position: absolute;
  bottom: 10px;
  left: 0;
  padding: 10px;
  overflow-y: hidden;
  overflow-x: hidden;
  background-color: #fff;
}
.grid-widget .grid-widget-content .outside-no-data {
  display: table;
  text-align: center;
  height: 99%;
  width: 100%;
}
.grid-widget .grid-widget-content .outside-no-data .no-data-widget {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  background-color: #fff;
  font-size: 17px;
  font-weight: 400;
  color: #888;
}
.grid-widget .grid-widget-name {
  font-size: 14px;
  font-weight: 600;
  color: #999;
  text-transform: uppercase;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.grid-widget .grid-widget-name.small {
  font-size: 10px;
}
.grid-widget .grid-widget-error.grid-widget-error-danger .icon {
  color: #FF1E00;
}
.grid-widget .grid-widget-error.grid-widget-error-warning .icon {
  color: #F8941D;
}
.grid-widget .widget-date-picker {
  max-width: 170px;
  min-width: 150px;
}
.grid-widget .widget-date-picker .input-group button {
  padding: 8px;
}
.grid-widget .widget-date-picker .input-group button i {
  margin: 0;
}
.grid-widget .widget-date-picker .input-group input {
  text-align: center;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 12px;
  font-weight: 400;
}
.grid-widget .grid-widget-content {
  width: 100%;
}
.grid-widget .grid-widget-content .noConfig {
  margin-top: 20px;
  text-align: center;
  overflow: auto;
}
.grid-widget .grid-widget-content .noConfig p {
  color: #999;
}
.grid-widget .grid-widget-content .button-config {
  background-color: #00b0ff !important;
  border-color: #00b0ff !important;
}
.grid-widget .grid-widget-content .button-config a {
  color: #fff !important;
}
.grid-widget .grid-widget-content .no-data p {
  font-size: 17px;
  color: #CCC;
  font-weight: 600;
  text-align: center;
  margin-top: 10%;
}
.grid-widget .grid-widget-content .main-widget-content {
  height: 93%;
  overflow-y: scroll;
}
.grid-widget .grid-widget-content .main-widget-content .total-attendance-text {
  font-size: 20px;
}
.grid-widget .grid-widget-content .reps {
  float: left;
  min-width: 40px;
  clear: left;
  margin-bottom: 5px;
}
.grid-widget .grid-widget-content .movement-item {
  margin-bottom: 10px;
}
.grid-widget .grid-widget-content .movement-name {
  float: left;
  margin-bottom: 5px;
}
.grid-widget .grid-widget-content .movement-name .movement-comment {
  background: #ddd;
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 12px;
  word-break: break-word;
}
.grid-widget .workoutOfDayGridWidget {
  overflow: auto;
}
.grid-widget .workoutOfDayGridWidget p {
  color: #000;
  font-weight: 700;
}
.grid-widget .workoutOfDayGridWidget .widget-date {
  font-size: 11px;
  color: #999;
  font-weight: normal;
}
.grid-widget .workoutOfDayGridWidget .widget-category {
  font-size: 15px;
  font-weight: 600;
  color: #999;
  text-transform: uppercase;
}
.grid-widget .workoutOfDayGridWidget h4 {
  font-size: 15px;
  line-height: 22px;
}
.grid-widget .yourWorkoutsGridWidget {
  margin-top: -5px;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-content {
  padding: 15px 30px !important;
  height: 90%;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data {
  height: 100%;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data .main-widget-header {
  position: relative;
  background: #ddd;
  margin-top: 0;
  margin-bottom: 20px;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data .main-widget-header .widget-header-item {
  padding: 6px 10px;
  font-size: 13px;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data .main-widget-header .widget-scroll {
  height: 30px;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data .main-widget-header .widget-arrow {
  position: absolute;
  top: 0;
  left: -30px;
  cursor: pointer;
  background: #ddd;
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data .main-widget-header .widget-arrow.arrow-right {
  right: -30px;
  left: auto;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data .main-widget-header .widget-arrow i {
  font-size: 13px;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data .row {
  padding-left: -10px;
  padding-right: -10px;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data .workout-list {
  height: 100%;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data .workout-list .workout-item {
  border-right: 1px solid #ddd;
  display: inline-block;
  overflow: hidden;
  word-wrap: break-word;
  float: none;
  height: 100%;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data .workout-list .workout-item hr {
  border-color: #ddd;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data .main-widget-category {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 15px;
  color: #2196f3;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data .widget-score {
  font-size: 17px;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data .widget-wod {
  margin-top: 25px;
}
.grid-widget .performanceGridWidget .performance-chart {
  margin-top: 15px;
}
.grid-widget .performanceGridWidget .widget-header {
  margin-top: 10px;
}
.grid-widget .performanceGridWidget .widget-header .change-daterange .btn {
  padding: 3px 10px;
  border-radius: 0;
  height: 25px;
  margin-right: -5px;
}
.grid-widget .performanceGridWidget .widget-header .change-daterange .btn > i {
  float: none;
  margin: 0;
}
.grid-widget .performanceGridWidget .performance .widget-date-picker {
  margin-bottom: 5px;
}
.grid-widget .highcharts-container {
  margin: auto;
}
.grid-widget .leaderboardGridWidget {
  overflow: auto;
  font-size: 14px;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-options .widget-leaderboard-date {
  color: #999;
  padding: 0;
  margin: 15px 0 15px 0;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-options .widget-leaderboard-link {
  display: inline-block;
  padding-left: 0;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-options .widget-leaderboard-tabs {
  display: inline-block;
  white-space: nowrap;
  float: right;
  padding-right: 0;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-options .widget-leaderboard-tabs .widget-leaderboard-tab {
  width: 80px;
  border: 1px solid #d2d2d2;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-options .widget-leaderboard-tabs .widget-leaderboard-tab.male {
  border-right: none;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-options .widget-leaderboard-tabs .widget-leaderboard-tab.female {
  border-left: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-options .widget-leaderboard-tabs .widget-leaderboard-tab:hover,
.grid-widget .leaderboardGridWidget .widget-leaderboard-options .widget-leaderboard-tabs .widget-leaderboard-tab.active {
  background-color: #333;
  border: 1px solid #333;
  color: #fff;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content {
  position: static;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content .column {
  position: static;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content .item {
  position: static;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 400;
  min-height: 60px;
  border-bottom: 1px solid #bbb;
  padding: 10px 0;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content .item .score {
  font-weight: normal;
  color: #999;
  vertical-align: sub;
  line-height: 33px;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content .item .infos {
  position: static;
  display: block;
  line-height: 35px;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content .item .rank {
  color: #999;
  vertical-align: sub;
  font-size: 15px;
  padding-right: 10px;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content .item .img {
  width: 25px;
  margin-left: 5px;
  margin-right: 5px;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content .item .name {
  color: #000;
  vertical-align: sub;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content .item .widget-leaderboard-score {
  width: 80px;
  color: #888888;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content .popover {
  overflow: auto;
  border-radius: 2px;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content .popover-title span {
  font-size: 11px;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content .popover-content {
  overflow: auto;
  min-width: 200px;
  font-size: 12px;
  font-weight: 400;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content .popover-content .title {
  color: #999;
  display: block !important;
  line-height: 20px;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content .popover-content .content {
  color: #333;
  display: block !important;
  line-height: 20px;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-message {
  font-size: 20px;
  color: #CCC;
  font-weight: 400;
  text-align: center;
  margin-top: 10%;
}
.grid-widget .athleteSummaryGridWidget {
  overflow: auto;
}
.grid-widget .athleteSummaryGridWidget .widget-header {
  margin-top: 0;
  height: 0;
}
.grid-widget .athleteSummaryGridWidget .dashboard-widget {
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
}
.grid-widget .athleteSummaryGridWidget .player-summary {
  overflow: visible;
}
.grid-widget .athleteSummaryGridWidget #player-grid {
  height: auto;
  width: 100%;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content,
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content-locked,
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-header-wrap {
  width: 100%;
  overflow: visible;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content .wellness-data {
  text-align: left;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content-locked td {
  text-align: center;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-toolbar {
  color: #999;
  margin: 10px 0 15px 0;
  padding-left: 0;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-toolbar .filter-name {
  background: url(../images/ui/filter.png) no-repeat 95%;
  float: left;
  padding: 7px 30px 8px 9px;
  width: auto;
  color: #505050;
  outline: 0;
  font-weight: 400;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-border-radius: 0;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-toolbar .filter-gender {
  float: left;
  margin-top: 5px;
  margin-left: 15px;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-toolbar .filter-gender li {
  list-style: none;
  display: inline;
  padding-right: 10px;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-toolbar .filter-gender .k-checkbox-label,
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-toolbar .filter-gender .k-radio-label {
  padding-left: 25px;
  line-height: 20px;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-toolbar .filter-gender .k-radio-label:before {
  width: 17px;
  height: 17px;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-toolbar .filter-gender .k-radio:checked + .k-radio-label:after {
  top: 5px;
  left: 5px;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-toolbar .filter-gender .k-radio:checked + .k-radio-label:after {
  width: 11px;
  height: 11px;
}
.grid-widget .attendanceDistributionGridWidget {
  margin-top: -5px;
  margin-bottom: -10px;
  overflow: hidden;
}
.grid-widget .attendanceDistributionGridWidget .main-widget-content {
  height: 100% !important;
}
.grid-widget .attendanceDistributionGridWidget .widget-cover-relative {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 390px;
  overflow: auto;
}
.grid-widget .attendanceDistributionGridWidget .widget-cover-relative #ad {
  padding: 0;
}
.grid-widget .attendanceDistributionGridWidget .widget-cover-relative #ad .month-view .month-header {
  height: 100%;
  padding-top: 15px;
  margin-bottom: 10px;
}
.grid-widget .attendanceDistributionGridWidget .widget-cover-relative #ad .month-view .month-header ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  height: 20px;
  min-height: 30px;
}
.grid-widget .attendanceDistributionGridWidget .widget-cover-relative #ad .month-view .month-header ul > li {
  display: inline-block;
  width: 13%;
  min-width: 32px;
  height: 20px;
  border: none;
  padding: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #464646;
}
.grid-widget .attendanceDistributionGridWidget .widget-cover-relative #ad .month-view .month-content {
  height: 80%;
  padding-bottom: 20px;
}
.grid-widget .attendanceDistributionGridWidget .widget-cover-relative #ad .month-view .month-content ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  min-height: 30px;
}
.grid-widget .attendanceDistributionGridWidget .widget-cover-relative #ad .month-view .month-content ul > li {
  display: inline-block;
  width: 13%;
  min-width: 32px;
  min-height: 40px;
  border: none;
  padding: 0;
}
.grid-widget .attendanceDistributionGridWidget .widget-cover-relative #ad .month-view .month-content ul > li > div {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: table;
  padding-top: 6px;
  text-align: center;
  margin: 0 auto;
  color: #ffffff;
}
.grid-widget .attendanceDistributionGridWidget .widget-cover-relative #indicator-view {
  height: 100%;
  background: #F1F1F1;
  padding-top: 15px;
  min-width: 125px;
}
.grid-widget .attendanceDistributionGridWidget .widget-cover-relative #indicator-view .widget-date-picker {
  margin-bottom: 25px;
  max-width: 170px;
  min-width: 118px;
}
.grid-widget .attendanceDistributionGridWidget .widget-cover-relative #indicator-view .widget-date-picker input {
  max-width: 130px;
}
.grid-widget .attendanceDistributionGridWidget .widget-cover-relative #indicator-view .month-indicator ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
  min-height: 30px;
}
.grid-widget .attendanceDistributionGridWidget .widget-cover-relative #indicator-view .month-indicator ul > li {
  display: block;
  margin-bottom: 15px;
  line-height: 15px;
  border: none;
  padding: 0;
}
.grid-widget .attendanceDistributionGridWidget .widget-cover-relative #indicator-view .month-indicator ul > li .indicator-color {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
  border: 1px solid #fff;
}
.change-date-range {
  padding: 4px 16px 4px 16px;
  border: 1px solid #d2d2d2;
}
.change-date-range.week-chart {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: none !important;
}
.change-date-range.month-chart {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: none !important;
}
.change-date-range:hover,
.change-date-range.active {
  background-color: #333333;
  border: 1px solid #333333;
  color: #FFF;
}
.select-daterange.active {
  background-color: #00b0ff !important;
  border-color: #00b0ff !important;
  color: #fff !important;
}
.editLeaderboardGridWidgetClass ul.inputGender,
.editLeaderboardGridWidgetClass ul.inputNumber {
  border-bottom: none;
}
.editLeaderboardGridWidgetClass ul.inputGender li a,
.editLeaderboardGridWidgetClass ul.inputNumber li a {
  margin-left: 10px;
  padding: 6px 0px 6px 0px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #d2d2d2;
}
.editLeaderboardGridWidgetClass ul.inputGender li a.active,
.editLeaderboardGridWidgetClass ul.inputNumber li a.active,
.editLeaderboardGridWidgetClass ul.inputGender li a:hover,
.editLeaderboardGridWidgetClass ul.inputNumber li a:hover {
  color: #007aff;
  border-color: #007aff;
}
.editLeaderboardGridWidgetClass ul.inputGender li a {
  width: 100px;
}
.editLeaderboardGridWidgetClass ul.inputNumber li a {
  width: 60px;
}
#add-widget-modal .form-horizontal .has-feedback .form-control-feedback {
  top: 8px;
  right: 0;
  font-size: 13px;
  color: #333;
}
#add-widget-modal .form-horizontal .has-feedback .widget-filter {
  height: 30px;
  outline: none !important;
  box-shadow: none !important;
  border-color: #F1F1F1 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #A0A0A0;
}
#add-widget-modal .form-horizontal .panel-default {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-color: #F1F1F1;
}
#add-widget-modal .form-horizontal .panel-default .panel-body {
  max-height: 360px;
  overflow: auto;
  padding: 0;
}
#add-widget-modal .form-horizontal .panel-default .panel-body .list-widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#add-widget-modal .form-horizontal .panel-default .panel-body .list-widget ul li {
  padding: 8px 15px;
  font-weight: 500;
  cursor: pointer;
  border-bottom: 1px solid #F1F1F1;
}
#add-widget-modal .form-horizontal .panel-default .panel-body .list-widget ul li:last-child {
  border-bottom: none;
}
#add-widget-modal .form-horizontal .panel-default .panel-body .list-widget ul li:hover {
  background: #F1F1F1;
}
#add-widget-modal .form-horizontal .panel-default .panel-body .list-widget ul li.selected {
  color: #007AFF;
  cursor: default;
  opacity: 0.5;
}
#add-widget-modal .form-horizontal .panel-default .panel-body .list-widget ul li .added-label {
  text-transform: uppercase;
}
#add-widget-modal .form-horizontal .panel-default .panel-body .list-widget ul li.checked {
  color: #fff;
  background: #007AFF;
}
#add-widget-modal .form-horizontal .panel-default .panel-body .list-widget ul li.checked .added-label {
  color: #fff;
}
#add-widget-modal .form-horizontal .widget-preview {
  padding-top: 42px;
  color: #333;
}
#add-widget-modal .form-horizontal .widget-preview > p {
  margin-top: -3px;
  color: #A0A0A0;
}
#add-widget-modal .form-horizontal .widget-preview .preview-name p {
  font-weight: 500;
}
#add-widget-modal .form-horizontal .widget-preview .preview-label {
  text-transform: uppercase;
  margin: 30px 0 15px 0;
  font-weight: 500;
}
#add-widget-modal .form-horizontal .widget-preview .preview-image img {
  max-width: 100%;
  max-height: 250px;
}
.gridster-mobile .gridster-item {
  position: relative !important;
  min-height: 300px;
}
.gridster-mobile .athleteSummaryGridWidget {
  overflow: auto;
  min-height: 300px;
}
.gridster-mobile .athleteSummaryGridWidget .filter-gender {
  margin-top: 25px !important;
  margin-left: 0 !important;
  padding-left: 0;
}
.gridster-mobile .leaderboardGridWidget .widget-leaderboard-content .item .infos {
  display: inline !important;
}
.gridster-mobile .leaderboardGridWidget .widget-leaderboard-content .item .score {
  float: right;
}
.csv-import-section {
  margin-bottom: 20px;
}
.csv-import-section + .csv-import-section {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid #E9ECEB;
}
.csv-import-section > h1,
.csv-import-section > h2,
.csv-import-section > h3,
.csv-import-section > h4,
.csv-import-section > h5,
.csv-import-section > h6 {
  margin-top: 20px;
}
.csv-import-section > .heading-danger {
  color: #FF1E00;
}
.csv-import-section .hide-without-error {
  display: none;
}
.csv-import-section .has-error p.hide-without-error {
  display: block;
}
.csv-import-section .has-error label.hide-without-error {
  display: inline-block;
}
.csv-import-section .csv-radios .radio {
  display: inline-block;
}
.csv-import-section .csv-radios .radio + .radio {
  margin-left: 20px;
}
.csv-import-section .ui-select-container img {
  height: auto;
  width: auto;
  max-width: 30px;
  max-height: 30px;
}
.csv-import-section .icon.spin,
.csv-import-footer .icon.spin {
  margin-left: 20px;
}
.csv-table .loading {
  text-align: center;
}
.csv-table .icon {
  vertical-align: middle;
}
.csv-table thead > tr > th {
  vertical-align: bottom;
}
.csv-table tbody > tr > td {
  vertical-align: middle;
}
.csv-table tbody > .csv-header-row {
  font-weight: bold;
}
.csv-table tbody > .csv-gap-row {
  height: 50px;
}
.csv-table tbody > .csv-header-row > td,
.csv-table tbody > .csv-gap-row > td {
  vertical-align: bottom;
  padding-bottom: 0;
}
.csv-table tbody > .csv-header-row:nth-child(odd) > td,
.csv-table tbody > .csv-gap-row:nth-child(odd) > td {
  background: transparent;
}
.csv-field-mapping-table .primary-key,
.csv-field-mapping-table .primary-key .icon {
  color: #7775e6;
}
.csv-field-mapping-table .unused .select2-container .select2-choice {
  color: #b3b3b3;
}
.csv-fields-column {
  opacity: 1;
  transition: 100ms linear opacity;
}
.csv-fields-column.ng-hide {
  opacity: 0;
}
th.csv-checkbox-column {
  vertical-align: bottom;
}
.csv-checkbox-column {
  text-align: center;
  width: 24px;
  transition: 100ms linear all;
}
.csv-checkbox-column.ng-hide {
  width: 0;
  padding-left: 0;
  padding-right: 0;
}
.csv-checkbox-column .checkbox {
  margin: 0;
  opacity: 1;
  transition: 50ms linear opacity;
}
.csv-checkbox-column .checkbox.ng-hide {
  opacity: 0;
}
.csv-format-column {
  min-width: 240px;
}
td.csv-format-column .control-label {
  margin-right: 10px;
  text-align: center;
}
td.csv-format-column .ui-select-match {
  min-width: 240px;
}
.csv-column-details {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  min-height: 24px;
}
.csv-column-details .csv-column-name {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.csv-column-details.primary-key .csv-column-name,
.csv-column-details.primary-key .icon {
  color: #7775e6;
}
.csv-column-details .icon {
  color: #007AFF;
  opacity: 1;
  transition: 100ms linear opacity;
}
.csv-column-details .icon.ng-hide {
  opacity: 0;
}
.has-error .csv-column-name {
  color: #a94442;
}
.csv-member-mapping-table .csv-icon-column {
  min-width: 24px;
}
.csv-member-mapping-table .csv-icon-column .icon {
  color: #00BF00;
}
.csv-import-footer {
  margin-top: 20px;
}
.csv-member img,
.csv-member .empty-profile-image {
  vertical-align: middle;
  margin-right: 5px;
}
.csv-member img {
  height: auto;
  width: auto;
  max-width: 30px;
  max-height: 30px;
}
.csv-member .empty-profile-image {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('/resources/images/MissingProfile.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}
.csv-file-picker .csv-file-preview {
  border: 1px solid #E9ECEB;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.csv-file-picker .csv-file-preview .csv-file-name {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding-left: 12px;
  padding-right: 12px;
}
.csv-details {
  font-weight: bold;
}
.csv-details .csv-detail {
  margin-top: 5px;
  margin-bottom: 5px;
}
.csv-details .csv-detail-label {
  color: #888888;
}
.csv-details .csv-detail-inline .csv-detail-label {
  margin-right: 1em;
}
.csv-details .csv-detail-inline .csv-detail-value {
  display: inline-block;
}
.csv-highlight-error-count .error-count {
  color: #a94442;
}
.csv-error-status {
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}
.csv-error-status.csv-error-ignored {
  color: #8a6d3b;
}
.csv-error-status.csv-error-fixed {
  color: #3c763d;
}
.csv-error-status .csv-error-reset {
  color: #31708f;
}
.csv-button-column {
  width: 100px;
}
.csv-table-container {
  max-height: 400px;
  overflow-y: scroll;
}
/* STYLE OVERRIDE FOR MULTI-STEP ON FAILURE */
.multi-step-danger .smg-multi-step.done .smg-multi-step-slider {
  background: #FF1E00;
}
.multi-step-danger .smg-multi-step.done .smg-multi-step-name {
  color: #FF1E00;
}
.multi-step-danger .smg-multi-step.done .smg-multi-step-name::before {
  color: #FF1E00;
  border: 1px solid #FF1E00;
}
.text-processing {
  color: #888;
}
.callout {
  border-left: 5px solid #eee;
  transition: 100ms linear border-color;
}
.callout h1,
.callout h2,
.callout h3,
.callout h4,
.callout h5,
.callout h6 {
  transition: 100ms linear color;
}
.callout h1:first-child,
.callout h2:first-child,
.callout h3:first-child,
.callout h4:first-child,
.callout h5:first-child,
.callout h6:first-child {
  margin-top: 0;
}
.callout-info {
  border-left-color: #58B8CC;
}
.callout-info h1,
.callout-info h2,
.callout-info h3,
.callout-info h4,
.callout-info h5,
.callout-info h6 {
  color: #58B8CC;
}
.callout-success {
  border-left-color: #00BF00;
}
.callout-success h1,
.callout-success h2,
.callout-success h3,
.callout-success h4,
.callout-success h5,
.callout-success h6 {
  color: #00BF00;
}
.callout-warning {
  border-left-color: #F8941D;
}
.callout-warning h1,
.callout-warning h2,
.callout-warning h3,
.callout-warning h4,
.callout-warning h5,
.callout-warning h6 {
  color: #F8941D;
}
.callout-danger {
  border-left-color: #FF1E00;
}
.callout-danger h1,
.callout-danger h2,
.callout-danger h3,
.callout-danger h4,
.callout-danger h5,
.callout-danger h6 {
  color: #FF1E00;
}
.word-break {
  word-wrap: break-word;
}
.word-break td {
  max-width: 180px;
}
.word-break .sub-col {
  min-width: 100px;
}
#wellnessTable td {
  max-width: 106px;
}
.no-wrap {
  white-space: nowrap;
}
.modal textarea {
  resize: vertical;
}
/* add has-error class to form move from fitbox.form */
.has-error .form-control,
.has-error .form-control:focus,
.has-error.form-control,
div.has-error {
  border-color: #d65c4f !important;
  box-shadow: none;
}
.modal-footer {
  background-color: #F8F7F8;
}
.border-color-error {
  border: 2px solid #D65C4F !important;
}
/* fix problem with label.required element has no red star after move from fitbox.form*/
label.required::after {
  color: red;
  content: " *";
}
.truncate-filter div {
  max-width: 100%;
}
.truncate-filter div button.multiselect {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-grid-content tr:last-child td {
  border-bottom-width: 1px;
  /*override the kendo css*/
}
@media print {
  .DTTT_print_info {
    display: none !important;
  }
}
#group-filter div button.multiselect {
  min-width: 150px;
}
#group-filter div ul.multiselect-container {
  width: 200%;
  max-width: 700px;
}
#group-filter div ul.multiselect-container li a {
  padding-left: 25px;
}
#group-filter div ul.multiselect-container li a label {
  white-space: pre-wrap;
  word-wrap: break-word;
}
#group-filter div ul.multiselect-container li a label .checker {
  margin-left: -28px;
  position: absolute;
}
#group-filter div:first-of-type button.multiselect {
  max-width: 550px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-widget.revenue {
  border-bottom: solid 2px #4f2b5f;
}
.grid-widget.revenue .grid-widget-header {
  background-color: #4f2b5f;
  color: #ffffff;
  max-height: 40px;
}
.grid-widget.revenue .grid-widget-header .btn {
  background-color: #ffffff;
  color: #4f2b5f;
}
.grid-widget.revenue .grid-widget-header .btn .icon {
  color: #4f2b5f;
}
.grid-widget.revenue .grid-widget-header .dropdown.open .btn {
  background: #ffffff;
}
.grid-widget.revenue .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #4f2b5f;
}
.grid-widget.revenue .grid-widget-header .dropdown .dropdown-menu > li > a {
  background: #4f2b5f !important;
  color: #ffffff;
}
.grid-widget.revenue .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #ffffff;
}
.grid-widget.revenue .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget.revenue .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget.revenue .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #ffffff;
  background: #40234d !important;
}
.grid-widget.revenue .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget.revenue .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget.revenue .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #ffffff;
}
.grid-widget.revenue .grid-widget-name {
  color: #ffffff;
}
.grid-widget.membership {
  border-bottom: solid 2px #7775e6;
}
.grid-widget.membership .grid-widget-header {
  background-color: #7775e6;
  color: #ffffff;
  max-height: 40px;
}
.grid-widget.membership .grid-widget-header .btn {
  background-color: #ffffff;
  color: #7775e6;
}
.grid-widget.membership .grid-widget-header .btn .icon {
  color: #7775e6;
}
.grid-widget.membership .grid-widget-header .dropdown.open .btn {
  background: #ffffff;
}
.grid-widget.membership .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #7775e6;
}
.grid-widget.membership .grid-widget-header .dropdown .dropdown-menu > li > a {
  background: #7775e6 !important;
  color: #ffffff;
}
.grid-widget.membership .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #ffffff;
}
.grid-widget.membership .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget.membership .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget.membership .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #ffffff;
  background: #625fe2 !important;
}
.grid-widget.membership .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget.membership .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget.membership .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #ffffff;
}
.grid-widget.membership .grid-widget-name {
  color: #ffffff;
}
.grid-widget.totalAttendance {
  border-bottom: solid 2px #7775e6;
}
.grid-widget.totalAttendance .grid-widget-header {
  background-color: #7775e6;
  color: #ffffff;
  max-height: 40px;
}
.grid-widget.totalAttendance .grid-widget-header .btn {
  background-color: #ffffff;
  color: #7775e6;
}
.grid-widget.totalAttendance .grid-widget-header .btn .icon {
  color: #7775e6;
}
.grid-widget.totalAttendance .grid-widget-header .dropdown.open .btn {
  background: #ffffff;
}
.grid-widget.totalAttendance .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #7775e6;
}
.grid-widget.totalAttendance .grid-widget-header .dropdown .dropdown-menu > li > a {
  background: #7775e6 !important;
  color: #ffffff;
}
.grid-widget.totalAttendance .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #ffffff;
}
.grid-widget.totalAttendance .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget.totalAttendance .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget.totalAttendance .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #ffffff;
  background: #625fe2 !important;
}
.grid-widget.totalAttendance .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget.totalAttendance .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget.totalAttendance .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #ffffff;
}
.grid-widget.totalAttendance .grid-widget-name {
  color: #ffffff;
}
.grid-widget.revenueMembership {
  border-bottom: solid 2px #4f2b5f;
}
.grid-widget.revenueMembership .grid-widget-header {
  background-color: #4f2b5f;
  color: #ffffff;
  max-height: 40px;
}
.grid-widget.revenueMembership .grid-widget-header .btn {
  background-color: #ffffff;
  color: #4f2b5f;
}
.grid-widget.revenueMembership .grid-widget-header .btn .icon {
  color: #4f2b5f;
}
.grid-widget.revenueMembership .grid-widget-header .dropdown.open .btn {
  background: #ffffff;
}
.grid-widget.revenueMembership .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #4f2b5f;
}
.grid-widget.revenueMembership .grid-widget-header .dropdown .dropdown-menu > li > a {
  background: #4f2b5f !important;
  color: #ffffff;
}
.grid-widget.revenueMembership .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #ffffff;
}
.grid-widget.revenueMembership .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget.revenueMembership .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget.revenueMembership .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #ffffff;
  background: #40234d !important;
}
.grid-widget.revenueMembership .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget.revenueMembership .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget.revenueMembership .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #ffffff;
}
.grid-widget.revenueMembership .grid-widget-name {
  color: #ffffff;
}
.grid-widget.attendanceDistribution {
  border-bottom: solid 2px #7775e6;
}
.grid-widget.attendanceDistribution .grid-widget-header {
  background-color: #7775e6;
  color: #ffffff;
  max-height: 40px;
}
.grid-widget.attendanceDistribution .grid-widget-header .btn {
  background-color: #ffffff;
  color: #7775e6;
}
.grid-widget.attendanceDistribution .grid-widget-header .btn .icon {
  color: #7775e6;
}
.grid-widget.attendanceDistribution .grid-widget-header .dropdown.open .btn {
  background: #ffffff;
}
.grid-widget.attendanceDistribution .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #7775e6;
}
.grid-widget.attendanceDistribution .grid-widget-header .dropdown .dropdown-menu > li > a {
  background: #7775e6 !important;
  color: #ffffff;
}
.grid-widget.attendanceDistribution .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #ffffff;
}
.grid-widget.attendanceDistribution .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget.attendanceDistribution .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget.attendanceDistribution .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #ffffff;
  background: #625fe2 !important;
}
.grid-widget.attendanceDistribution .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget.attendanceDistribution .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget.attendanceDistribution .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #ffffff;
}
.grid-widget.attendanceDistribution .grid-widget-name {
  color: #ffffff;
}
.grid-widget.attendanceRanking {
  border-bottom: solid 2px #7775e6;
}
.grid-widget.attendanceRanking .grid-widget-header {
  background-color: #7775e6;
  color: #ffffff;
  max-height: 40px;
}
.grid-widget.attendanceRanking .grid-widget-header .btn {
  background-color: #ffffff;
  color: #7775e6;
}
.grid-widget.attendanceRanking .grid-widget-header .btn .icon {
  color: #7775e6;
}
.grid-widget.attendanceRanking .grid-widget-header .dropdown.open .btn {
  background: #ffffff;
}
.grid-widget.attendanceRanking .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #7775e6;
}
.grid-widget.attendanceRanking .grid-widget-header .dropdown .dropdown-menu > li > a {
  background: #7775e6 !important;
  color: #ffffff;
}
.grid-widget.attendanceRanking .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #ffffff;
}
.grid-widget.attendanceRanking .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget.attendanceRanking .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget.attendanceRanking .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #ffffff;
  background: #625fe2 !important;
}
.grid-widget.attendanceRanking .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget.attendanceRanking .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget.attendanceRanking .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #ffffff;
}
.grid-widget.attendanceRanking .grid-widget-name {
  color: #ffffff;
}
.grid-widget.athleteSummary {
  border-bottom: solid 2px #32dcf6;
}
.grid-widget.athleteSummary .grid-widget-header {
  background-color: #32dcf6;
  color: #ffffff;
  max-height: 40px;
}
.grid-widget.athleteSummary .grid-widget-header .btn {
  background-color: #ffffff;
  color: #32dcf6;
}
.grid-widget.athleteSummary .grid-widget-header .btn .icon {
  color: #32dcf6;
}
.grid-widget.athleteSummary .grid-widget-header .dropdown.open .btn {
  background: #ffffff;
}
.grid-widget.athleteSummary .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #32dcf6;
}
.grid-widget.athleteSummary .grid-widget-header .dropdown .dropdown-menu > li > a {
  background: #32dcf6 !important;
  color: #ffffff;
}
.grid-widget.athleteSummary .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #ffffff;
}
.grid-widget.athleteSummary .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget.athleteSummary .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget.athleteSummary .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #ffffff;
  background: #1ad8f5 !important;
}
.grid-widget.athleteSummary .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget.athleteSummary .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget.athleteSummary .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #ffffff;
}
.grid-widget.athleteSummary .grid-widget-name {
  color: #ffffff;
}
.grid-widget.keyContacts {
  border-bottom: solid 2px #32dcf6;
}
.grid-widget.keyContacts .grid-widget-header {
  background-color: #32dcf6;
  color: #ffffff;
  max-height: 40px;
}
.grid-widget.keyContacts .grid-widget-header .btn {
  background-color: #ffffff;
  color: #32dcf6;
}
.grid-widget.keyContacts .grid-widget-header .btn .icon {
  color: #32dcf6;
}
.grid-widget.keyContacts .grid-widget-header .dropdown.open .btn {
  background: #ffffff;
}
.grid-widget.keyContacts .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #32dcf6;
}
.grid-widget.keyContacts .grid-widget-header .dropdown .dropdown-menu > li > a {
  background: #32dcf6 !important;
  color: #ffffff;
}
.grid-widget.keyContacts .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #ffffff;
}
.grid-widget.keyContacts .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget.keyContacts .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget.keyContacts .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #ffffff;
  background: #1ad8f5 !important;
}
.grid-widget.keyContacts .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget.keyContacts .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget.keyContacts .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #ffffff;
}
.grid-widget.keyContacts .grid-widget-name {
  color: #ffffff;
}
.grid-widget.workoutOfDay {
  border-bottom: solid 2px #fff200;
}
.grid-widget.workoutOfDay .grid-widget-header {
  background-color: #fff200;
  color: #333333;
  max-height: 40px;
}
.grid-widget.workoutOfDay .grid-widget-header .btn {
  background-color: #333333;
  color: #fff200;
}
.grid-widget.workoutOfDay .grid-widget-header .btn .icon {
  color: #fff200;
}
.grid-widget.workoutOfDay .grid-widget-header .dropdown.open .btn {
  background: #333333;
}
.grid-widget.workoutOfDay .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #fff200;
}
.grid-widget.workoutOfDay .grid-widget-header .dropdown .dropdown-menu > li > a {
  background: #fff200 !important;
  color: #333333;
}
.grid-widget.workoutOfDay .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #333333;
}
.grid-widget.workoutOfDay .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget.workoutOfDay .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget.workoutOfDay .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #333333;
  background: #e6da00 !important;
}
.grid-widget.workoutOfDay .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget.workoutOfDay .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget.workoutOfDay .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #333333;
}
.grid-widget.workoutOfDay .grid-widget-name {
  color: #333333;
}
.grid-widget.leaderboard {
  border-bottom: solid 2px #f99f1c;
}
.grid-widget.leaderboard .grid-widget-header {
  background-color: #f99f1c;
  color: #ffffff;
  max-height: 40px;
}
.grid-widget.leaderboard .grid-widget-header .btn {
  background-color: #ffffff;
  color: #f99f1c;
}
.grid-widget.leaderboard .grid-widget-header .btn .icon {
  color: #f99f1c;
}
.grid-widget.leaderboard .grid-widget-header .dropdown.open .btn {
  background: #ffffff;
}
.grid-widget.leaderboard .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #f99f1c;
}
.grid-widget.leaderboard .grid-widget-header .dropdown .dropdown-menu > li > a {
  background: #f99f1c !important;
  color: #ffffff;
}
.grid-widget.leaderboard .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #ffffff;
}
.grid-widget.leaderboard .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget.leaderboard .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget.leaderboard .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #ffffff;
  background: #f59406 !important;
}
.grid-widget.leaderboard .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget.leaderboard .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget.leaderboard .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #ffffff;
}
.grid-widget.leaderboard .grid-widget-name {
  color: #ffffff;
}
.grid-widget.overallWellbeing {
  border-bottom: solid 2px #0bdc0b;
}
.grid-widget.overallWellbeing .grid-widget-header {
  background-color: #0bdc0b;
  color: #ffffff;
  max-height: 40px;
}
.grid-widget.overallWellbeing .grid-widget-header .btn {
  background-color: #ffffff;
  color: #0bdc0b;
}
.grid-widget.overallWellbeing .grid-widget-header .btn .icon {
  color: #0bdc0b;
}
.grid-widget.overallWellbeing .grid-widget-header .dropdown.open .btn {
  background: #ffffff;
}
.grid-widget.overallWellbeing .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #0bdc0b;
}
.grid-widget.overallWellbeing .grid-widget-header .dropdown .dropdown-menu > li > a {
  background: #0bdc0b !important;
  color: #ffffff;
}
.grid-widget.overallWellbeing .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #ffffff;
}
.grid-widget.overallWellbeing .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget.overallWellbeing .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget.overallWellbeing .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #ffffff;
  background: #0ac40a !important;
}
.grid-widget.overallWellbeing .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget.overallWellbeing .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget.overallWellbeing .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #ffffff;
}
.grid-widget.overallWellbeing .grid-widget-name {
  color: #ffffff;
}
.grid-widget.avgRankingThisWeek {
  border-bottom: solid 2px #f99f1c;
}
.grid-widget.avgRankingThisWeek .grid-widget-header {
  background-color: #f99f1c;
  color: #ffffff;
  max-height: 40px;
}
.grid-widget.avgRankingThisWeek .grid-widget-header .btn {
  background-color: #ffffff;
  color: #f99f1c;
}
.grid-widget.avgRankingThisWeek .grid-widget-header .btn .icon {
  color: #f99f1c;
}
.grid-widget.avgRankingThisWeek .grid-widget-header .dropdown.open .btn {
  background: #ffffff;
}
.grid-widget.avgRankingThisWeek .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #f99f1c;
}
.grid-widget.avgRankingThisWeek .grid-widget-header .dropdown .dropdown-menu > li > a {
  background: #f99f1c !important;
  color: #ffffff;
}
.grid-widget.avgRankingThisWeek .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #ffffff;
}
.grid-widget.avgRankingThisWeek .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget.avgRankingThisWeek .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget.avgRankingThisWeek .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #ffffff;
  background: #f59406 !important;
}
.grid-widget.avgRankingThisWeek .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget.avgRankingThisWeek .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget.avgRankingThisWeek .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #ffffff;
}
.grid-widget.avgRankingThisWeek .grid-widget-name {
  color: #ffffff;
}
.grid-widget.performance {
  border-bottom: solid 2px #f99f1c;
}
.grid-widget.performance .grid-widget-header {
  background-color: #f99f1c;
  color: #ffffff;
  max-height: 40px;
}
.grid-widget.performance .grid-widget-header .btn {
  background-color: #ffffff;
  color: #f99f1c;
}
.grid-widget.performance .grid-widget-header .btn .icon {
  color: #f99f1c;
}
.grid-widget.performance .grid-widget-header .dropdown.open .btn {
  background: #ffffff;
}
.grid-widget.performance .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #f99f1c;
}
.grid-widget.performance .grid-widget-header .dropdown .dropdown-menu > li > a {
  background: #f99f1c !important;
  color: #ffffff;
}
.grid-widget.performance .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #ffffff;
}
.grid-widget.performance .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget.performance .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget.performance .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #ffffff;
  background: #f59406 !important;
}
.grid-widget.performance .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget.performance .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget.performance .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #ffffff;
}
.grid-widget.performance .grid-widget-name {
  color: #ffffff;
}
.grid-widget.yourWorkouts {
  border-bottom: solid 2px #fff200;
}
.grid-widget.yourWorkouts .grid-widget-header {
  background-color: #fff200;
  color: #333333;
  max-height: 40px;
}
.grid-widget.yourWorkouts .grid-widget-header .btn {
  background-color: #333333;
  color: #fff200;
}
.grid-widget.yourWorkouts .grid-widget-header .btn .icon {
  color: #fff200;
}
.grid-widget.yourWorkouts .grid-widget-header .dropdown.open .btn {
  background: #333333;
}
.grid-widget.yourWorkouts .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #fff200;
}
.grid-widget.yourWorkouts .grid-widget-header .dropdown .dropdown-menu > li > a {
  background: #fff200 !important;
  color: #333333;
}
.grid-widget.yourWorkouts .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #333333;
}
.grid-widget.yourWorkouts .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget.yourWorkouts .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget.yourWorkouts .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #333333;
  background: #e6da00 !important;
}
.grid-widget.yourWorkouts .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget.yourWorkouts .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget.yourWorkouts .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #333333;
}
.grid-widget.yourWorkouts .grid-widget-name {
  color: #333333;
}
.grid-widget.athleteProgramming {
  border-bottom: solid 2px #52a8bb;
}
.grid-widget.athleteProgramming .grid-widget-header {
  background-color: #52a8bb;
  color: #ffffff;
  max-height: 40px;
}
.grid-widget.athleteProgramming .grid-widget-header .btn {
  background-color: #ffffff;
  color: #52a8bb;
}
.grid-widget.athleteProgramming .grid-widget-header .btn .icon {
  color: #52a8bb;
}
.grid-widget.athleteProgramming .grid-widget-header .dropdown.open .btn {
  background: #ffffff;
}
.grid-widget.athleteProgramming .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #52a8bb;
}
.grid-widget.athleteProgramming .grid-widget-header .dropdown .dropdown-menu > li > a {
  background: #52a8bb !important;
  color: #ffffff;
}
.grid-widget.athleteProgramming .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #ffffff;
}
.grid-widget.athleteProgramming .grid-widget-header .dropdown .dropdown-menu > li > a:hover,
.grid-widget.athleteProgramming .grid-widget-header .dropdown .dropdown-menu > li > a:focus,
.grid-widget.athleteProgramming .grid-widget-header .dropdown .dropdown-menu > li > a:active {
  color: #ffffff;
  background: #459caf !important;
}
.grid-widget.athleteProgramming .grid-widget-header .dropdown .dropdown-menu > li > a:hover i,
.grid-widget.athleteProgramming .grid-widget-header .dropdown .dropdown-menu > li > a:focus i,
.grid-widget.athleteProgramming .grid-widget-header .dropdown .dropdown-menu > li > a:active i {
  color: #ffffff;
}
.grid-widget.athleteProgramming .grid-widget-name {
  color: #ffffff;
}
.grid-widget {
  border: none;
  border-bottom: solid 2px #7775e6;
  padding: 0 0 10px 0;
  /** Performance **/
  /** Leaderboard **/
}
.grid-widget.editing {
  padding: 0 0 10px 0;
}
.grid-widget.editing .grid-widget-header {
  width: 100%;
}
.grid-widget .grid-widget-header {
  width: 100%;
  color: #ffffff;
  min-height: 40px;
  padding: 10px 20px;
  margin-bottom: 5px;
  background-color: #7775e6;
}
.grid-widget .grid-widget-header .btn {
  background-color: #F1F1F1;
  display: inline-block;
  vertical-align: middle;
}
.grid-widget .grid-widget-header .icon {
  color: #7775e6;
}
.grid-widget .grid-widget-header > .btn,
.grid-widget .grid-widget-header .dropdown {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.grid-widget .grid-widget-header .dropdown.open .btn {
  background: #7775e6;
}
.grid-widget .grid-widget-header .dropdown .dropdown-menu > li:first-child {
  border-bottom: 1px solid #7775e6;
}
.grid-widget .grid-widget-header .dropdown .dropdown-menu > li > a {
  color: #fff;
  background: #620286 !important;
}
.grid-widget .grid-widget-header .dropdown .dropdown-menu > li > a i {
  color: #fff;
}
.grid-widget .grid-widget-header .btn + .btn {
  margin-left: 5px;
}
.grid-widget .grid-widget-content {
  /* Performance widget */
}
.grid-widget .grid-widget-content .widget-content .value {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
}
.grid-widget .grid-widget-content .widget-content .numbers {
  margin-top: 5px;
}
.grid-widget .grid-widget-content .widget-content .diff {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  float: right;
  margin-right: 10px;
}
.grid-widget .grid-widget-content .widget-content .diff .arrow {
  color: #00BF00;
  font-size: 18px;
  padding-bottom: 6px;
  display: inline-block;
}
.grid-widget .grid-widget-content .widget-content .diff.down .arrow {
  color: #FF1E00;
}
.grid-widget .grid-widget-content .bottom-chart {
  overflow-y: auto;
}
.grid-widget .grid-widget-content .is-loading {
  background-color: #FFF;
}
.grid-widget .grid-widget-content .main-widget-content {
  overflow: auto;
  padding: 5px;
  height: 90%;
}
.grid-widget .grid-widget-content .noConfig h3 {
  margin-bottom: 25px;
  color: #7775e6;
}
.grid-widget .grid-widget-content .noConfig p {
  text-align: justify;
  color: #7775e6;
}
.grid-widget .grid-widget-content .noConfig i {
  font-size: 12px;
}
.grid-widget .grid-widget-content .noConfig .btn-primary {
  background: #007AFF;
  border: 1px solid #007AFF;
}
.grid-widget .grid-widget-content .total-attendance-text {
  font-size: 25px;
  font-weight: 500;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.grid-widget .grid-widget-content .power-output-name,
.grid-widget .grid-widget-content .power-output-daterange {
  display: none;
}
.grid-widget .grid-widget-content .power-output-datepicker {
  margin-left: 7.5%;
}
.grid-widget .grid-widget-content .training-load-name {
  display: none;
}
.grid-widget .grid-widget-name {
  color: #ffffff;
  text-transform: none;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
}
.grid-widget .widget-date-picker .input-group button {
  border: solid 1px #007AFF;
  height: 28px;
  width: 30px;
  background-color: #FFF;
}
.grid-widget .widget-date-picker .input-group button i {
  top: -2px;
  color: #007AFF;
}
.grid-widget .widget-date-picker .input-group input {
  border: solid 1px #007AFF;
  padding: 4px;
  height: 28px;
}
.grid-widget .workoutOfDayGridWidget p {
  font-weight: normal;
}
.grid-widget .workoutOfDayGridWidget .widget-category {
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 20px;
  color: #7775e6;
}
.grid-widget .workoutOfDayGridWidget .widget-date {
  font-size: 14px;
  color: #000;
  text-align: right;
  margin-top: 10px;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data .main-widget-header {
  margin-top: -15px;
}
.grid-widget .yourWorkoutsGridWidget .main-widget-data .main-widget-category {
  color: #7775e6;
}
.grid-widget .performanceGridWidget {
  padding-top: 0;
}
.grid-widget .performanceGridWidget .widget-header {
  margin-top: 0;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-options .widget-leaderboard-date {
  text-align: right;
  font-weight: 500;
  color: #000;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-options .widget-leaderboard-link {
  color: #007AFF;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-options .widget-leaderboard-tabs {
  padding-right: 0;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-options .widget-leaderboard-tabs .widget-leaderboard-tab {
  border: 1px solid #007AFF !important;
  color: #007AFF;
  font-weight: 500;
  border-radius: 4px;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-options .widget-leaderboard-tabs .widget-leaderboard-tab:hover,
.grid-widget .leaderboardGridWidget .widget-leaderboard-options .widget-leaderboard-tabs .widget-leaderboard-tab.active {
  background-color: #007AFF;
  color: #fff;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content .item.bottom-line {
  border-bottom: 1px solid #999;
}
.grid-widget .leaderboardGridWidget .widget-leaderboard-content .item .img {
  border-radius: 50%;
}
.grid-widget .athleteSummaryGridWidget #player-grid {
  color: #333;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-toolbar .filter-name {
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-toolbar .filter-gender {
  box-shadow: none !important;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-toolbar .filter-gender .k-radio:checked + .k-radio-label:before {
  border-color: #007AFF;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-toolbar .filter-gender .k-radio:checked + .k-radio-label:after {
  background-color: #007AFF;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-toolbar .filter-gender .k-radio-label.active {
  color: #007aff;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-toolbar .filter-gender label {
  font-weight: 400;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-header {
  background: #fff;
  color: #333;
  border-right: none;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-header th.k-header > .k-link {
  font-weight: 400;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content-locked {
  border-right: none;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content-locked .member-info {
  text-align: left;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content-locked a {
  text-decoration: none;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content-locked a .member-photo {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  float: left;
  margin-top: 3px;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content-locked a .member-name {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  max-width: 140px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content-locked a .member-name:hover {
  color: #007aff;
}
.grid-widget .athleteSummaryGridWidget #player-grid th {
  border-left: none;
  border-right: none;
}
.grid-widget .athleteSummaryGridWidget #player-grid th a {
  color: #333;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content-locked,
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-footer-locked,
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-header-locked {
  border-width: 0 0 0 0;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-header-wrap {
  border-width: 0 0 0 0;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content .wellness-data .value {
  font-size: 16px;
  font-weight: 400;
  width: auto;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content .wellness-data .diff {
  float: none;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content .wellness-data .diff.up .arrow {
  font-size: 13px;
  color: #00BF00;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content .wellness-data .diff.up .diff-value {
  font-size: 14px;
  color: #00BF00;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content .wellness-data .diff.down .arrow {
  font-size: 13px;
  color: #FF1E00;
}
.grid-widget .athleteSummaryGridWidget #player-grid .k-grid-content .wellness-data .diff.down .diff-value {
  font-size: 14px;
  color: #FF1E00;
}
.grid-widget .btn-group .btn {
  min-height: 28px;
  font-weight: 500;
  padding-top: 2px;
  padding-bottom: 0;
  background-color: #FFF;
  color: #007AFF;
  border: solid 1px #007AFF;
}
.grid-widget .btn-group .btn-primary {
  background-color: #007AFF;
  color: #FFF;
}
.widget-tooltip {
  display: table;
}
.widget-tooltip .center-tooltip {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
}
.chart-legends {
  background-color: #F1F1F1;
  margin: -5px 0 0 0;
  padding-top: 5px;
}
.chart-legends p {
  font-weight: 500;
}
.editLeaderboardGridWidgetClass ul.inputGender li a,
.editLeaderboardGridWidgetClass ul.inputNumber li a {
  border: 1px solid #007AFF;
  color: #007AFF;
  font-weight: 500;
}
.editLeaderboardGridWidgetClass ul.inputGender li a.active,
.editLeaderboardGridWidgetClass ul.inputNumber li a.active,
.editLeaderboardGridWidgetClass ul.inputGender li a:hover,
.editLeaderboardGridWidgetClass ul.inputNumber li a:hover {
  background-color: #007AFF;
  color: #fff;
}
.total-attendance-text {
  font-size: 25px;
  font-weight: 500;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.modal-content {
  border-radius: 2px;
}
.modal-content .modal-header {
  border-bottom: none;
}
.modal-content .modal-header h4 {
  font-size: 18px;
}
.modal-content .modal-body label {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.modal-content .modal-footer {
  border-top: none;
}
#add-widget-modal .form-horizontal .panel-default .panel-body .list-widget ul li.selected {
  color: #7775e6;
}
#add-widget-modal .form-horizontal .panel-default .panel-body .list-widget ul li.checked {
  color: #fff;
  background: #7775e6;
}
.announcement-feed {
  margin: 40px 10px 0;
}
.announcement-feed .announcement-feed-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
}
.announcement-feed .announcement-list {
  display: flex;
  width: 100%;
}
.announcement-feed .announcement-list .announcement-list-item {
  transition: 0.3s ease;
  cursor: pointer;
  border-radius: 14px;
  width: 20%;
  margin-right: 1em;
  padding: .5em 1em .5em;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 7px 1px #eee;
  position: relative;
  min-height: 170px;
}
.announcement-feed .announcement-list .announcement-list-item img {
  max-width: 100%;
}
.announcement-feed .announcement-list .announcement-list-item .announcement-date {
  font-weight: 500;
  font-size: 10px;
  font-style: italic;
  position: absolute;
  right: 15px;
  bottom: 0;
}
.announcement-feed .announcement-list .announcement-list-item:hover {
  box-shadow: 4px 2px 3px 1px #eee;
  scale: 1.05;
}
.leaderboard-content .leaderboard-spinner,
.leaderboard-content button.icon {
  color: #999999;
}
.leaderboard-content button.icon {
  border: 0;
  background: transparent;
  vertical-align: middle;
  padding: 0;
  min-width: 24px;
  min-height: 24px;
}
.leaderboard-content button.icon.spin {
  padding: 6px;
}
.leaderboard-content .duration-form {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.leaderboard-content .toggle-pills-spinner {
  margin: 0 0.5em;
  color: #00b0ff;
}
.leaderboard-content .toggle-section {
  cursor: pointer;
}
.leaderboard-content .leaderboard-config-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 30px;
}
.leaderboard-content .leaderboard-config-row .btn {
  margin-right: 20px;
}
.leaderboard-content .leaderboard-config-row .toggle-pills a {
  min-width: 130px;
}
.leaderboard-content .leaderboard-value,
.attendance-modal .leaderboard-value {
  color: #999999;
  font-size: 24px;
  font-weight: 400;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.leaderboard-content .leaderboard-value span,
.attendance-modal .leaderboard-value span {
  vertical-align: middle;
}
.leaderboard-content .leaderboard-value form,
.attendance-modal .leaderboard-value form {
  height: auto;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
.leaderboard-content .leaderboard-value .form-control,
.attendance-modal .leaderboard-value .form-control {
  height: 26px;
}
.leaderboard-content .leaderboard-value button,
.attendance-modal .leaderboard-value button {
  margin-left: 0.5rem;
}
.leaderboard-content .leaderboard-value button[disabled],
.attendance-modal .leaderboard-value button[disabled],
.leaderboard-content .leaderboard-value button .disabled,
.attendance-modal .leaderboard-value button .disabled {
  opacity: 0.2;
}
.leaderboard-content .attendance-limit .limit-reached,
.attendance-modal .attendance-limit .limit-reached {
  color: red;
}
.leaderboard-content .attendance-limit .form-control,
.attendance-modal .attendance-limit .form-control {
  width: 5em;
}
/* PREVIOUS STYLES */
.leaderboard-content .leaderboard-animator {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.leaderboard-content .wod-details {
  font-weight: 500;
}
.leaderboard-content .wod-details .data-title {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.leaderboard-content .wod-details ul.coach-list {
  list-style-type: none;
  padding-left: 0;
}
.leaderboard-content .wod-details ul.coach-list li.coach-item {
  margin-top: 5px;
}
.leaderboard-content .wod-details ul.coach-list li.coach-item .player-img {
  margin-right: 0.6em;
}
.leaderboard-content .wod-details .duration-input {
  width: 200px;
}
.leaderboard-content .wod-details .section-wod {
  margin-top: 15px;
  font-size: 15px;
}
.leaderboard-content .wod-details .section-wod .scoring-type {
  margin-top: 10px;
  min-height: 40px;
}
.leaderboard-content .wod-details .section-wod .movement {
  font-size: 13px;
  margin-top: 10px;
}
.leaderboard-content .athlete-name {
  font-weight: 500;
}
.leaderboard-content .section-name {
  text-transform: uppercase;
  font-weight: 500;
}
.leaderboard-content .name-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.leaderboard-content .section-name,
.leaderboard-content .score-name {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.leaderboard-content .details-item {
  transition: 1s linear all;
}
.leaderboard-content .details-padding {
  padding: 10px 15px 10px 15px;
}
.leaderboard-content .details-item,
.leaderboard-content .score-item {
  background: none;
}
.leaderboard-content .details-item:hover,
.leaderboard-content .score-item:hover {
  background-color: #f2f2f2;
}
.leaderboard-content .player-infos img,
.leaderboard-content .rankings .scored-infos img {
  margin-left: 10px;
  height: 35px;
}
.leaderboard-content .scored-infos .select2-container {
  width: 100%;
  clear: both;
}
.leaderboard-content .tooltip-inner {
  white-space: pre-wrap;
  text-align: left;
}
.leaderboard-content .class-sessions {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.leaderboard-content .session-time-label {
  font-size: 14px;
  font-weight: 700;
}
.leaderboard-content .rankings .score-item {
  padding-top: 17px;
  padding-bottom: 10px;
}
.leaderboard-content .rankings .ranking-header {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  margin: 5px 0 0 0;
}
.leaderboard-content .rankings .ranking-header label {
  font-weight: 400;
}
.leaderboard-content .rankings .ranking-line {
  border-bottom: 1px solid #999999;
  color: #999999;
  width: 97%;
  margin: 10px;
}
.leaderboard-content .no-attendance {
  text-align: center;
  font-size: 20px;
  color: #d3d3d3;
  font-weight: 500;
  padding-top: 20px;
  padding-bottom: 80px;
}
/* Leaderboard create page */
.leaderboard-create-content .out-athlete-infos {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  position: static;
}
.leaderboard-create-content .no-scores .header {
  font-size: 14px;
  font-weight: 400;
}
.leaderboard-create-content .no-scores .leaderboard-attendance {
  padding-top: 17px;
}
.leaderboard-create-content .tools-bar .action-button {
  margin-right: 10px;
}
.leaderboard-create-content .tools-bar .action-button .icon {
  font-size: 20px;
}
.leaderboard-create-content .publish-type .btn {
  background-color: #00b0ff;
}
.leaderboard-create-content .publish-type .btn.current {
  width: 150px;
  color: #fff;
}
.leaderboard-create-content .publish-type .dropdown-menu {
  margin: 0;
  min-width: 150px;
}
.leaderboard-create-content .publish-type .icon-arrow-down2 {
  font-size: 13px;
  color: #fff;
}
.leaderboard-create-content .publish-type li:hover a:hover,
.leaderboard-create-content .publish-type li:hover a :focus {
  background-color: #00b0ff;
  color: #fff;
  box-shadow: none;
}
.leaderboard-create-content .publish-type .dropdown-menu > li:first-child:before,
.leaderboard-create-content .publish-type .dropdown-menu > li:first-child:after {
  display: none;
}
.leaderboard-create-content .rankings .scored-infos {
  font-weight: 500;
  margin-top: 1px;
}
.leaderboard-create-content .rankings .scored-infos .scored-rank {
  margin-top: 7px;
}
.leaderboard-create-content .rankings .scored-data {
  padding-top: 8px;
}
.leaderboard-create-content .rankings .scored-data span {
  display: inline-block;
}
.leaderboard-create-content .rankings .scored-data .scored-type {
  color: #999999;
  font-weight: 500;
  width: 25%;
}
.leaderboard-create-content .rankings .scored-data .scored-score {
  font-weight: 500;
  width: 70%;
}
.leaderboard-create-content .rankings .scored-data .scored-remove {
  cursor: pointer;
  width: 5%;
}
.leaderboard-create-content .rankings .scored-data .scored-comment {
  margin-left: 25%;
  font-style: italic;
  color: #999999;
  font-weight: 400;
  word-break: break-all;
  width: 70%;
}
.leaderboard-create-content .confirm-modal .modal-header {
  background-color: #f0f0f0;
  color: #000;
}
.leaderboard-create-content .confirm-modal .modal-header .modal-title {
  font-size: 1.2em;
}
.leaderboard-create-content .confirm-modal .confirm-btn {
  margin-left: 15px;
  color: #fff;
  background-color: #00b0ff;
}
.leaderboard-create-content #processing {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: .15;
  filter: alpha(opacity=15);
  z-index: 20140628;
  text-align: center;
  vertical-align: middle;
}
.leaderboard-create-content .no-score-item {
  text-align: center;
  font-size: 20px;
  color: #d3d3d3;
  font-weight: 500;
  padding-top: 20px;
  padding-bottom: 80px;
}
/* Add Attendance Modal*/
#attendance-modal {
  display: block !important;
}
#attendance-modal .window-content {
  display: none;
}
#attendance-modal .window-content .btn {
  margin-right: 10px;
}
#attendance-modal .window-content .form-horizontal .filter-header {
  display: block;
  width: 100%;
  color: #bdbdbd;
}
#attendance-modal .window-content .form-horizontal .filter-group {
  padding-right: 10px;
}
#attendance-modal .window-content .form-horizontal #filter {
  padding: 0;
  padding-left: 10px;
}
#attendance-modal .window-content .form-horizontal .count-selected,
#attendance-modal .window-content .form-horizontal .number-selected {
  color: #bdbdbd;
}
#attendance-modal .window-content .form-horizontal .show-gender {
  color: #999999;
}
#attendance-modal .window-content .form-horizontal .show-gender.active {
  border: 1px solid #00b0ff;
}
#attendance-modal .window-content .form-horizontal #submit-add-attendance {
  color: #fff;
  background-color: #00b0ff;
  border-color: #00b0ff;
}
#attendance-modal .window-content .form-horizontal .btn-default.active {
  color: #00b0ff;
}
#attendance-modal .window-content .form-horizontal .has-feedback .form-control-feedback {
  top: 10px;
  right: 0;
  font-size: 13px;
}
#attendance-modal .window-content .form-horizontal .panel {
  max-height: 400px;
  overflow-y: scroll;
}
#attendance-modal .window-content .form-horizontal .panel .player-item {
  height: 38px;
  padding: 10px 20px;
}
#attendance-modal .window-content .form-horizontal .panel .player-item.selected {
  background-color: #d6f2ff;
}
#attendance-modal .window-content .form-horizontal .panel .player-item.selected .icon-checkmark3 {
  color: #00b0ff;
}
#attendance-modal .window-content .form-horizontal .panel .player-item.selected button {
  border: 3px solid #00b0ff;
  background-color: #d6f2ff;
}
#attendance-modal .window-content .form-horizontal .panel .player-item .player-img {
  display: block;
  float: left;
  width: 27px;
  height: 27px;
  margin-right: 10px;
}
#attendance-modal .window-content .form-horizontal .panel .player-item .player-name {
  display: block;
  float: left;
  width: 100px;
  font-weight: 500;
  margin-left: 10px;
}
#attendance-modal .window-content .form-horizontal .panel .player-item .add-player {
  display: block;
  float: right;
}
#attendance-modal .window-content .form-horizontal .panel .player-item .add-player .btn {
  margin-right: 0;
  border-radius: 4px;
  min-height: inherit;
  min-width: inherit;
  height: 24px;
  width: 12px;
  border-width: initial;
  padding: 3px 10px 5px 10px;
}
#attendance-modal .window-content .form-horizontal .panel .player-item .add-player .btn i {
  margin: 0;
  color: #ddd;
  font-size: 12px;
}
#attendance-modal .window-content .form-horizontal .list-player {
  font-size: 13px;
  margin-top: 60px;
  height: 448px;
  overflow: auto;
}
#attendance-modal .window-content .form-horizontal .list-player .list-player-item {
  list-style: none;
  padding-left: 0;
}
#attendance-modal .window-content .form-horizontal .list-player .list-player-item li {
  padding: 6px;
  line-height: 30px;
  height: 30px;
  margin-bottom: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}
#attendance-modal .window-content .form-horizontal .list-player .list-player-item li:hover {
  background-color: #f2f2f2;
}
#attendance-modal .window-content .form-horizontal .list-player .list-player-item li:hover .remove-player {
  display: block;
}
#attendance-modal .window-content .form-horizontal .list-player .list-player-item li span {
  float: left;
}
#attendance-modal .window-content .form-horizontal .list-player .list-player-item li .player-img {
  width: 27px;
  height: 27px;
  margin-right: 5px;
}
#attendance-modal .window-content .form-horizontal .list-player .list-player-item li .player-name {
  width: 115px;
  margin-left: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#attendance-modal .window-content .form-horizontal .list-player .list-player-item li .player-remove {
  width: auto;
}
#attendance-modal .window-content .form-horizontal .list-player .list-player-item li .remove-player {
  font-size: 13px;
  margin-top: 9px;
  display: inline-block;
  float: right;
  cursor: pointer;
  display: none;
}
.k-window-titlebar.k-header {
  background-color: #f0f0f0;
  color: #000;
  font-size: 1.2em;
}
.k-input,
.k-item {
  font-size: 13px;
  font-weight: 400;
}
/* Leaderboard list page*/
.leaderboard-index-content .form-horizontal div {
  padding-left: 0;
  padding-right: 0;
}
.leaderboard-index-content .form-horizontal label {
  padding-left: 0;
  padding-right: 15px;
}
.leaderboard-index-content .form-horizontal .filter-date,
.leaderboard-index-content .form-horizontal .filter-name {
  padding-left: 15px;
  padding-right: 15px;
}
.leaderboard-index-content .form-horizontal .filter-date input.datepicker,
.leaderboard-index-content .form-horizontal .filter-name input.datepicker {
  font-size: 0.9em;
}
.leaderboard-index-content .form-horizontal .btn-date-range {
  height: 35px;
}
.leaderboard-index-content .form-horizontal .btn-date-range.btn-left {
  border-radius: 7px 0 0 7px;
}
.leaderboard-index-content .form-horizontal .btn-date-range.btn-right {
  border-radius: 0 7px 7px 0;
}
.leaderboard-index-content .page-title label {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.leaderboard-index-content .icon-search3.form-control-feedback {
  margin-top: 8px;
  right: 15px;
}
.leaderboard-index-content .filter-class .k-widget {
  width: 100%;
}
.leaderboard-index-content .filter-class .control-label {
  white-space: nowrap;
}
.leaderboard-index-content .filter-date .k-widget {
  width: 100%;
}
.leaderboard-index-content .filter-date .control-label {
  white-space: nowrap;
}
.leaderboard-index-content .leaderboard-tabs {
  border-bottom: none;
}
.leaderboard-index-content .leaderboard-tabs .leaderboard-tab {
  border: none;
  font-size: 16px;
  color: #999999;
}
.leaderboard-index-content .leaderboard-tabs .leaderboard-tab.active {
  color: #007AFF;
  border-bottom: 3px solid #007AFF;
}
.leaderboard-index-content table {
  position: relative;
}
.leaderboard-index-content table th {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.leaderboard-index-content table td {
  font-weight: 500;
}
.leaderboard-index-content table td .class_name a {
  color: #007AFF;
  font-weight: 400;
  text-decoration: none;
}
.leaderboard-index-content table td .class_name a:hover {
  color: #007AFF;
}
.leaderboard-index-content table td .class_detail {
  color: #888888;
  font-weight: 300;
}
.leaderboard-index-content table tfoot > tr > td footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.leaderboard-index-content table tfoot > tr > td footer > ul {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.leaderboard-index-content table tfoot > tr > td footer > span {
  margin: 0 0.5em;
  display: inline-block;
  vertical-align: middle;
}
.leaderboard-index-content table tfoot > tr > td .leaderboard-spinner {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.leaderboard-index-content table tfoot > tr > td .leaderboard-spinner .icon {
  font-size: 32px;
}
.leaderboard-index-content table.busy tbody > tr > td {
  opacity: 0.5;
}
.leaderboard-index-content table.busy tfoot .leaderboard-spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.leaderboard-index-content .more {
  text-align: center;
  margin-top: 20px;
}
/* NEW STYLES */
.leaderboard-content {
  /* Layout Headings */
  /* WOD Display */
}
.leaderboard-content .duration-icon {
  position: absolute;
  right: 35px;
  bottom: 8px;
  z-index: 99;
}
.leaderboard-content .duration-plus {
  font-size: 10px !important;
}
.leaderboard-content .duration-cross i {
  color: #888888;
  font-size: 20px;
  margin-left: 8px;
  vertical-align: middle;
}
.leaderboard-content .leaderboard-title {
  font-size: 15px;
  font-weight: 500;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid #999;
  padding: 10px 0;
  width: 100%;
  margin: 0;
}
.leaderboard-content .session-tabs {
  border-bottom: none;
}
.leaderboard-content .session-tabs li .btn,
.leaderboard-content .class-session-button {
  border: 1px solid #7775e6;
  border-radius: 0;
  margin-right: 1px;
  background: none;
  color: #7775e6;
  padding: 4px 12px;
}
.leaderboard-content .session-tabs li .btn.active,
.leaderboard-content .class-session-button.active,
.leaderboard-content .session-tabs li .btn:hover,
.leaderboard-content .class-session-button:hover {
  background: #7775e6;
  color: #FFFFFF;
  border: 1px solid #7775e6;
}
.leaderboard-content .session-title {
  color: #7775e6;
}
.leaderboard-content .wod-title {
  font-weight: 700;
}
.leaderboard-content .leaderboard-btn {
  padding: 10px 0;
}
.leaderboard-content .leaderboard-attendance {
  padding: 10px 0;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: -6px;
}
.leaderboard-content .leaderboard-attendance .player-name {
  margin-left: 0;
}
.leaderboard-content .leaderboard-attendance .leaderboard-attendance-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.leaderboard-content .leaderboard-attendance .leaderboard-attendance-header .athlete-name {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.leaderboard-content .leaderboard-attendance .score-input label {
  margin-top: 10px;
}
.leaderboard-content .leaderboard-attendance .score-input .can-change-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.leaderboard-content .leaderboard-attendance .score-input .can-change-unit .change-unit {
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 5px;
}
.leaderboard-content .no-scores .leaderboard-attendance {
  padding-top: 10px;
}
.leaderboard-content .leaderboard-clear-icon {
  position: absolute;
  top: 0px;
  right: 20px;
  color: #888888;
}
.leaderboard-content .leaderboard-clear-icon :hover {
  color: #000000;
}
.leaderboard-content .leaderboard-edit-icon {
  position: absolute;
  top: 0px;
  right: 50px;
  color: #888888;
}
.leaderboard-content .leaderboard-edit-icon :hover {
  color: #000000;
}
.leaderboard-content .profile-score {
  padding: 0;
}
.leaderboard-content .profile-score img {
  margin: 0;
}
.leaderboard-content .session-time-label {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
}
.leaderboard-content .wod-details .section-wod {
  margin-top: 0;
}
.leaderboard-content .wod-details .section-wod .title {
  padding: 15px 0 5px;
}
.leaderboard-content .wod-details .section-wod .row-section {
  font-weight: 400;
  padding: 10px 0;
  margin-top: 0;
  font-size: 14px;
  display: block;
}
.leaderboard-content .wod-details .section-wod .score-left {
  width: 40px;
  display: inline-block;
  font-weight: 500;
  vertical-align: top;
}
.leaderboard-content .wod-details .section-wod .score-left.max-reps {
  text-transform: uppercase;
  color: #808080;
}
.leaderboard-content .wod-details .section-wod .score-right {
  display: inline-block;
  width: 130px;
}
.leaderboard-content .wod-details .section-wod .parameters {
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  background: #F3F3F3;
  text-align: left;
  border-radius: 5px;
  margin-bottom: 5px;
}
.leaderboard-content .wod-details .section-wod .movement-scored-display {
  display: inline-block;
  color: #00b0ff;
}
.leaderboard-content .wod-details .section-wod .movement-scored-display.lead-tick {
  color: #FFFFFF;
  background: #00b0ff;
  border-radius: 12px;
}
.page-title .leaderboard-header {
  color: #000000;
}
.leaderboard-faded-italics {
  color: #888888;
  font-style: italic;
  font-size: 13px;
}
.space-5 {
  height: 5px;
  width: 1px;
  clear: both;
  display: block;
}
.space-6 {
  height: 6px;
  width: 1px;
  clear: both;
  display: block;
}
.space-10 {
  height: 10px;
  width: 1px;
  clear: both;
  display: block;
}
.space-20 {
  height: 20px;
  width: 1px;
  clear: both;
  display: block;
}
.space-30 {
  height: 30px;
  width: 1px;
  clear: both;
  display: block;
}
.space-40 {
  height: 40px;
  width: 1px;
  clear: both;
  display: block;
}
.space-50 {
  height: 50px;
  width: 1px;
  clear: both;
  display: block;
}
.divide-30 {
  width: 100%;
  clear: both;
  display: block;
  height: 1px;
  background: #DDDDDD;
  margin: 15px 0;
}
.soft-divide-30 {
  width: 100%;
  clear: both;
  display: block;
  height: 1px;
  border-top: 1px dashed #DDDDDD;
  margin: 15px 0;
}
.hspace-5 {
  display: inline-block;
  width: 5px;
}
/*Leaderboard and Scoreboard TABS */
.toggle-pills {
  border: 1px solid #00b0ff;
  border-radius: 5px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.toggle-pills > li {
  margin: 0 !important;
}
.toggle-pills > li a {
  padding: 3px 20px;
  text-align: center;
  color: #00b0ff;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 0;
  cursor: pointer;
}
.toggle-pills > li.active a,
.toggle-pills > li.active a:focus,
.toggle-pills > li.active a:hover {
  background: #00b0ff;
  color: #FFFFFF;
}
.toggle-pills > li + li {
  border-left: 1px solid #00b0ff;
}
.toggle-pills.disabled > li a {
  cursor: default;
}
.toggle-pills.disabled > li:not(.active) a {
  background: transparent !important;
  color: #00b0ff !important;
}
/* LEADERBOARD SPECIFIC STYLES */
.leaderboard-margin {
  margin-right: 10px;
}
.scored-type {
  width: 50px;
  color: #888888;
  display: inline-block;
}
.scored-score {
  display: inline-block;
  font-weight: bold;
}
.align-top {
  vertical-align: top;
}
.leaderboard-empty-text {
  font-size: 20px;
  color: #888888;
  padding: 20px;
}
.leaderboard-done-btn {
  width: 120px;
  padding: 8px;
}
.leaderboard-done-btn:hover {
  background: #00b0ff;
  color: #FFFFFF;
}
.leaderboard-edit-icon,
.leaderboard-clear-icon {
  cursor: pointer;
}
.leaderboard-scaling-text {
  color: #888888;
  font-weight: 500;
  font-size: 12px;
}
.empty-checker {
  color: #FF1E00;
  font-weight: 500;
}
.error-validation {
  color: #FF1E00;
  font-weight: 400;
  font-size: 10px;
}
.movement-label {
  padding: 0 0 5px 3px;
  display: inline-block;
}
.leaderboard-create-content div.form-control.ng-invalid-required,
.leaderboard-create-content div.form-control.ng-invalid-pattern,
.leaderboard-create-content input.ng-invalid-required,
.leaderboard-create-content input.ng-invalid-pattern {
  border: 1px solid #FF1E00;
  border-radius: 3px;
}
.leaderboard-create-content div.form-control.ng-invalid-required + .empty-checker,
.leaderboard-create-content div.form-control.ng-invalid-pattern + .empty-checker,
.leaderboard-create-content input.ng-invalid-required + .empty-checker,
.leaderboard-create-content input.ng-invalid-pattern + .empty-checker {
  display: block;
}
.redshadow:invalid {
  box-shadow: none;
}
.leaderboard-comment-box {
  width: 100%;
  min-height: 120px;
  box-sizing: border-box;
  padding: 5px;
  border-radius: 5px;
}
.leaderboard-comment-box.ng-leave {
  display: none;
}
.leaderboard-scaling-display {
  color: #888888;
  font-weight: 500;
  font-size: 14px;
}
.the-big-clear {
  position: absolute;
  width: 400%;
  height: 400%;
  top: -100%;
  left: -80%;
  z-index: 98;
  cursor: pointer;
}
.above-the-clear {
  position: relative;
  z-index: 99;
}
.leaderboard-show-hide-toggle {
  cursor: pointer;
}
/* Show-hide class */
.visibleLead {
  visibility: visible;
}
.hiddenLead {
  visibility: hidden;
}
/* Add Attendance MODAL Styles */
.pick-person-cell {
  width: 33.33333333%;
  display: inline-block;
  box-sizing: border-box;
  padding: 10px;
  background: #fafafa;
  border-right: 5px solid transparent;
  cursor: pointer;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -ms-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}
.pick-person-cell.ng-leave {
  display: none;
}
.pick-person-cell:hover {
  background: #f4f4f4;
}
@media (max-width: 1200px) {
  .pick-person-cell {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .pick-person-cell {
    width: 100%;
  }
}
.attendance-modal .modal-dialog {
  min-width: 75%;
}
.attendance-modal .attendance-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.attendance-modal .attendance-modal-header-main {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.attendance-modal .attendance-modal-header-main > div {
  min-height: 34.2857143px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.attendance-modal .attendance-modal-header-count {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.attendance-modal .attendance-modal-member-list {
  position: relative;
  margin: 0 -2.5px;
}
.attendance-modal .attendance-modal-member-list .pick-person-cell {
  width: calc(33.33333333%  -  5px);
  border: 0;
  margin: 0 2.5px;
}
.attendance-modal .attendance-modal-member-list .attendance-modal-loading {
  position: absolute;
  top: 0;
  left: 5px;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.8);
  color: #333333;
}
.attendance-modal .attendance-modal-member-list .attendance-modal-loading .leaderboard-spinner {
  margin: 1em;
}
.attendance-modal .attendance-modal-member-list .attendance-modal-loading .leaderboard-spinner .icon {
  font-size: 3em;
}
.attendance-modal .attendance-modal-member-list .attendance-modal-loading-box {
  background: #FFF;
  color: #333333;
  -webkit-box-shadow: 0px 0px 100px 0px #FFF;
  box-shadow: 0px 0px 100px 0px #FFF;
}
.attendance-modal .attendance-modal-member-list .attendance-modal-loading,
.attendance-modal .attendance-modal-member-list .attendance-modal-loading-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.attend-img-fallback {
  background: #DDDDDD;
  width: 100%;
  display: inline-block;
  background-size: 100%;
}
.pick-attendance-img {
  width: 35px;
  margin-right: 15px;
  clear: left;
}
.attend-img-set {
  width: 100%;
}
.coach-img-fallback {
  background: url('/resources/images/MissingProfile.jpg') center no-repeat #DDDDDD;
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
}
.coach-img-set {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
.attendance-modal .attend-panel {
  border: none;
  border-radius: 0;
}
.attendance-modal .add-player .btn {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  padding: 0;
  box-sizing: border-box;
  background: #DDDDDD;
}
.attendance-modal .add-player .btn .material-icons {
  font-size: 24px;
  color: #FFFFFF;
}
.attendance-modal .current-attendant .btn,
.attendance-modal .attendance-selected .btn,
.attendance-modal .current-attendant .btn:focus,
.attendance-modal .attendance-selected .btn:focus {
  background: #0BDB0B;
}
.attendance-modal .attendance-search {
  top: 8px !important;
}
.attendance-modal .out-of-sessions-warning {
  display: none;
}
.attendance-modal .no-payment-info-warning {
  display: none;
}
.attendance-modal .no-active-subscription-warning {
  display: none;
}
.attendance-modal .no-active-group-subscription-warning {
  display: none;
}
.attendance-modal .disabled-attendant {
  background: rgba(210, 210, 210, 0.2);
  color: #888888;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.attendance-modal .disabled-attendant .attend-img-fallback,
.attendance-modal .disabled-attendant .btn {
  opacity: 0.2;
}
.attendance-modal .disabled-attendant,
.attendance-modal .disabled-attendant .btn {
  cursor: not-allowed;
}
.attendance-modal .current-attendant {
  background: rgba(11, 219, 11, 0.1);
}
.attendance-modal .current-attendant:not(.disabled-attendant),
.attendance-modal .current-attendant:not(.disabled-attendant) .btn {
  cursor: default;
}
.attendance-modal .dead-attendant {
  background: rgba(210, 210, 210, 0.2);
  cursor: default;
  color: #888888;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.attendance-modal .dead-attendant .attend-img-fallback {
  opacity: 0.2;
}
.attendance-modal .dead-attendant .out-of-sessions-warning {
  color: #FFFFFF;
  text-transform: uppercase;
  visibility: hidden;
  position: absolute;
  display: block;
  top: 0px;
  font-size: 12px;
}
.attendance-modal .dead-attendant:hover {
  -webkit-box-shadow: inset 0 0 5px 5px #C90000;
  box-shadow: inset 0 0 5px 5px #C90000;
  background: #D90000;
}
.attendance-modal .dead-attendant:hover .player-name {
  visibility: hidden;
}
.attendance-modal .dead-attendant:hover .out-of-sessions-warning {
  visibility: visible;
}
.attendance-modal .no-active-subscription {
  background: rgba(210, 210, 210, 0.2);
  cursor: default;
  color: #888888;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.attendance-modal .no-active-subscription .attend-img-fallback {
  opacity: 0.2;
}
.attendance-modal .no-active-subscription .no-active-subscription-warning {
  color: #FFFFFF;
  text-transform: uppercase;
  visibility: hidden;
  position: absolute;
  display: block;
  top: 0px;
  font-size: 12px;
}
.attendance-modal .no-active-subscription:hover {
  -webkit-box-shadow: inset 0 0 5px 5px #C90000;
  box-shadow: inset 0 0 5px 5px #C90000;
  background: #D90000;
}
.attendance-modal .no-active-subscription:hover .player-name {
  visibility: hidden;
}
.attendance-modal .no-active-subscription:hover .no-active-subscription-warning {
  visibility: visible;
}
.attendance-modal .no-active-subscription:hover .no-active-subscription-warning {
  visibility: visible;
}
.attendance-modal .no-active-group-subscription {
  background: rgba(210, 210, 210, 0.2);
  cursor: default;
  color: #888888;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.attendance-modal .no-active-group-subscription .attend-img-fallback {
  opacity: 0.2;
}
.attendance-modal .no-active-group-subscription .no-active-group-subscription-warning {
  color: #FFFFFF;
  text-transform: uppercase;
  visibility: hidden;
  position: absolute;
  display: block;
  top: 0px;
  font-size: 12px;
}
.attendance-modal .no-active-group-subscription:hover {
  -webkit-box-shadow: inset 0 0 5px 5px #C90000;
  box-shadow: inset 0 0 5px 5px #C90000;
  background: #D90000;
}
.attendance-modal .no-active-group-subscription:hover .player-name {
  visibility: hidden;
}
.attendance-modal .no-active-group-subscription:hover .no-active-group-subscription-warning {
  visibility: visible;
}
.attendance-modal .no-payment-info {
  background: rgba(210, 210, 210, 0.2);
  cursor: default;
  color: #888888;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.attendance-modal .no-payment-info .attend-img-fallback {
  opacity: 0.2;
}
.attendance-modal .no-payment-info .no-payment-info-warning {
  color: #FFFFFF;
  text-transform: uppercase;
  visibility: hidden;
  position: absolute;
  display: block;
  top: 0px;
  font-size: 12px;
}
.attendance-modal .no-payment-info:hover {
  -webkit-box-shadow: inset 0 0 5px 5px #C90000;
  box-shadow: inset 0 0 5px 5px #C90000;
  background: #D90000;
}
.attendance-modal .no-payment-info:hover .player-name {
  visibility: hidden;
}
.attendance-modal .no-payment-info:hover .no-payment-info-warning {
  visibility: visible;
}
.attendance-modal .no-payment-info:hover .no-payment-info-warning {
  visibility: visible;
}
.movement-history div.loading {
  position: absolute;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}
.movement-history .search {
  padding: 15px 15px 0 15px;
  background: #F3F3F3;
  height: auto;
  display: inline-block;
  position: relative;
  width: 100%;
}
.movement-history .search.analysis-start {
  border-top: 1px solid #DDDDDD;
}
.movement-history .search .form-group {
  padding-bottom: 15px;
}
.movement-history .search .form-group-display {
  margin-left: 0;
}
.movement-history .search .form-group-display .athlete-label {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  margin-left: 10px;
}
.movement-history .search .form-group-display .athlete-img {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  background-size: 100%;
  border-radius: 50%;
}
.movement-history .search .form-group-display .movement-display {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  font-size: 30px;
}
.movement-history .search .form-group-display .benchmark-display {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  font-size: 30px;
}
.movement-history .analysis-section-fade.ng-enter {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
.movement-history .analysis-section-fade.ng-enter.ng-enter-active {
  opacity: 1;
}
.movement-history .search-selector .k-multiselect-wrap {
  max-height: 200px;
  overflow-y: scroll;
}
.movement-history .athlete-change-link {
  text-align: left;
}
.movement-history .analysis-start-btn {
  padding: 10px;
  background: #007AFF;
  color: #FFFFFF;
  display: inline-block;
  height: 36px;
}
.movement-history .analysis-cancel-btn {
  padding: 10px;
  background: #F3F3F3;
  display: inline-block;
  height: 36px;
}
.movement-history .fake-select-box {
  border: 1px solid #DDDDDD;
  padding: 8px;
  width: 100%;
  height: 35px;
  border-radius: 2px;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: uppercase;
}
.movement-history .set-axis-primer ul li {
  width: 48%;
  display: inline-block;
  box-sizing: border-box;
  padding-bottom: 10px;
  margin: 0;
}
.movement-history .set-axis-popper {
  padding: 20px;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.41);
  -moz-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.41);
  box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.41);
  position: absolute;
  background: #FFFFFF;
  box-sizing: border-box;
  width: calc(100% - 30px);
  z-index: 9999;
  min-width: 220px;
}
.movement-history .bigBlackBlock {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9998;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
}
.movement-history .analysis-select-btn {
  width: 100%;
}
.movement-history .analysis-button-wide {
  width: 80px;
}
.movement-history .athlete-analysis-card {
  padding: 10px 20px 10px 0;
}
.movement-history .analysis-input {
  width: 100%;
}
.movement-history .form-group {
  margin-bottom: 0;
}
.movement-history .form-group .tabs-background {
  background: #F3F3F3;
}
.movement-history .k-dropdown-wrap.k-state-default {
  border-color: #efefef;
  background-color: #ffffff;
}
.movement-history .material-icons {
  font-size: 14px;
}
.movement-history .tab-labels {
  border-bottom: none;
}
.movement-history .tab-labels .tab-label {
  border: none;
  font-size: 14px;
  color: #888888;
  text-transform: uppercase;
  background: none;
  padding-left: 0;
  padding-right: 0;
  margin-right: 25px;
}
.movement-history .tab-labels .tab-label.hover {
  background-color: #FFFFFF;
}
.movement-history .tab-labels .tab-label.active {
  color: #007AFF;
  border-bottom: 3px solid #007AFF;
}
.movement-history table th {
  font-size: 14px;
  font-weight: 700;
  background-color: #F1F1F1;
}
.movement-history table td {
  font-weight: 400;
}
.movement-history table.wod-summary {
  width: 100%;
  table-layout: fixed;
}
.movement-history table.wod-summary td p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.movement-history table.wod-summary tr td {
  padding: 0;
}
.movement-history .more {
  text-align: center;
  margin-top: 20px;
}
.movement-history .more .btn.btn-default,
.movement-history .more .btn.btn-default:focus,
.movement-history .more .btn.btn-default:active {
  background-color: #FFFFFF;
  border-color: #DDDDDD;
}
.movement-history-ddl-athlete-img {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-size: 100%;
  border-radius: 50%;
}
.movement-history-ddl-athlete-label {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  margin-left: 10px;
}
.movement-history-add-filter {
  margin-top: 5px;
  padding: 0;
}
.analysis-filter-label {
  font-weight: 400;
}
.movement-history-filters {
  margin-top: 20px;
  padding: 0;
  float: left;
  text-align: left;
}
.movement-history-filters .movement-history-filter {
  padding: 2px 5px 2px 5px;
  border: 1px solid #999999;
  color: #999999;
  display: inline-block;
  margin-left: 15px;
}
.movement-history-filters .movement-history-filter a {
  margin-left: 15px;
}
.movement-history-filters .movement-history-filter .icon {
  vertical-align: text-bottom;
  font-size: 18px;
  color: #999999;
}
.movement-history-averages {
  position: absolute;
  right: 24px;
  bottom: -33px;
}
.movement-history-averages button {
  color: #888888;
  background: #FFFFFF;
  border: 1px solid #888888;
  text-transform: none;
}
.movement-history-averages .view-average-button {
  border-radius: 4px 0 0 4px;
  border-right: 0;
}
.movement-history-averages .view-individual-button {
  border-radius: 0 4px 4px 0;
  margin-left: -3px;
}
.movement-history-averages .view-highlighted {
  color: #FFFFFF;
  background: #888888;
}
.modal-filter {
  width: 750px;
}
.faded-movement {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0.5;
}
.movement-history-filter-modal {
  padding: 0;
  background: #FFFFFF;
}
.movement-history-filter-modal .panel-left {
  height: 100%;
  min-height: 370px;
  padding-top: 15px;
  min-width: 125px;
  background: #F1F1F1;
}
.movement-history-filter-modal .panel-right {
  height: 100%;
  padding-top: 15px;
  min-width: 260px;
  background: #FFFFFF;
}
.movement-history-filter-modal .panel-right .numeric-operators {
  text-align: center;
  margin-bottom: 15px;
}
.movement-history-filter-modal .numeric-operator {
  width: 150px;
  display: inline;
  margin: 0 15px 0 15px;
  text-align: center;
  font-weight: 500;
}
.movement-history-filter-modal ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.movement-history-filter-modal ul li {
  margin: 15px 5px 15px 0;
}
.movement-history-filter-modal ul .k-checkbox-label,
.movement-history-filter-modal ul .k-radio-label {
  padding-left: 30px;
  line-height: 27px;
  font-weight: 400;
}
.movement-history-filter-modal ul .k-radio-label:before,
.movement-history-filter-modal ul .k-radio:checked + .k-radio-label:before {
  width: 25px;
  height: 25px;
  border-color: #007AFF;
}
.movement-history-filter-modal ul .k-radio:checked + .k-radio-label:after {
  background-color: #007AFF;
  top: 5px;
  left: 5px;
  width: 15px;
  height: 15px;
}
.movement-history-filter-modal-header {
  background: #F1F1F1;
  height: 35px;
}
.movement-history-filter-modal-header .panel-left {
  height: 100%;
  background: #F1F1F1;
  padding-top: 15px;
}
.movement-history-filter-modal-header .panel-right {
  height: 100%;
  background: #FFFFFF;
}
.movement-history-filter-modal-footer {
  background: #F1F1F1;
  min-height: 45px;
}
.movement-history-filter-modal-footer .panel-left {
  height: 100%;
  background: #F1F1F1;
}
.movement-history-filter-modal-footer .panel-right {
  height: 100%;
  background: #FFFFFF;
}
.fitbox-class {
  margin-bottom: 0 !important;
}
.fitbox-class .ng-invalid-required.ng-touched {
  border-color: #d65c4f;
}
.fitbox-class .panel-heading {
  height: 50px;
}
.fitbox-class label {
  font-weight: 700;
}
.fitbox-class .faded-help-text {
  font-weight: 400;
  font-size: 13px;
  color: #888888;
}
.fitbox-class #classScheduler .k-scheduler-table .k-today:not(.k-state-selected) {
  background-color: inherit !important;
}
.fitbox-class #classScheduler .k-scheduler-content .k-scheduler-table td,
.fitbox-class #classScheduler .k-scheduler-layout tr:last-of-type .k-scheduler-times .k-scheduler-table td,
.fitbox-class #classScheduler .k-scheduler-content .k-scheduler-table th,
.fitbox-class #classScheduler .k-scheduler-layout tr:last-of-type .k-scheduler-times .k-scheduler-table th {
  height: 0.4em;
  padding-top: 0;
  padding-bottom: 0;
}
.fitbox-class .k-scheduler-toolbar {
  display: none;
  /* prevent height and paddings from influencing the size calculations */
  height: 0;
  padding: 0;
  overflow: hidden;
}
.fitbox-class ul.selectedMembers {
  list-style: none;
  padding-left: 0;
  margin-top: 15px;
}
.fitbox-class ul.selectedMembers li {
  padding: 0px;
  line-height: 30px;
  display: inline-block;
  height: 55px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.fitbox-class .k-event,
.fitbox-class .k-task-complete {
  background-color: #007AFF;
  border-color: #007AFF;
  font-size: 9px;
}
.fitbox-class .angular-checkbox.passive {
  background-color: #DDDDDD !important;
}
.fitbox-class .angular-checkbox-span {
  margin-left: 5px;
  margin-right: 25px;
}
.fitbox-class .ng-invalid-required.ng-touched {
  border-color: #d65c4f;
}
.fitbox-class .create-class-choice {
  padding: 10px;
}
.fitbox-class .create-class-choice:hover {
  background: #F3F3F3;
}
.fitbox-class .create-class-choice .btn-primary {
  min-width: 20px;
  height: 20px;
  margin-right: 8px;
  box-sizing: border-box;
  padding: 0;
}
.fitbox-class .create-class-choice.create-category {
  padding: 20px 5px;
  border-top: 1px solid #DDDDDD;
}
.fitbox-class .create-class-choice.create-category .btn-primary {
  width: auto;
  height: 38px;
  box-sizing: border-box;
  padding: 10px;
  position: absolute;
  right: 10px;
  top: 11px;
  margin: 0;
}
.fitbox-class .bg_colour_hex.ng-invalid-required.ng-touched {
  border-color: #cccccc;
}
.fitbox-suspension-suspend-modal {
  min-width: 700px;
}
.fitbox-suspension-suspend-modal-body {
  background: white;
  float: left;
  width: 100%;
}
.fitbox-suspension-suspend-modal-footer {
  float: left;
  width: 100%;
}
.fitbox-suspension-suspend-modal-bottom-margin {
  margin-bottom: 15px;
}
.fitbox-suspension-modal-heavy-text {
  font-weight: bold;
}
.fitbox-suspension-resume-modal-heavy-text {
  font-weight: bold;
}
.fitbox-suspension-resume-modal {
  min-width: 600px;
}
.fitbox-suspension-resume-modal-body {
  min-height: 290px;
}
.fitbox-suspension-suspend-modal-datepicker-fields {
  width: 200px;
  cursor: pointer !important;
  background-color: white !important;
}
.fitbox-suspension-resume-modal-datepicker-fields {
  width: 200px;
}
.fitbox-suspension-suspended-edit-modal-datepicker-start-date-field {
  width: 200px;
  pointer-events: none !important;
}
.fitbox-reporting .headerAttendance {
  background-color: #7775e6;
  font-size: 16px;
  color: #FFF;
  height: 40px;
  padding: 10px 15px;
}
.fitbox-reporting .headerFinance {
  background-color: #4f2b5f;
  font-size: 16px;
  color: #FFF;
  height: 40px;
  padding: 10px 15px;
}
.fitbox-reporting .headerPerformance {
  background-color: #f99f1c;
  font-size: 16px;
  color: #FFF;
  height: 40px;
  padding: 10px 15px;
}
.fitbox-reporting .k-header {
  padding: 0;
}
div.fitbox-reporting-loading {
  position: absolute;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}
.publishing-timepicker {
  overflow: hidden;
}
.publishing-timepicker .k-picker-wrap {
  height: 100%;
}
.publishing-timepicker .k-picker-wrap .k-input {
  height: 100%;
  padding: 0;
}
.wod-widget-panel {
  min-height: 300px;
}
.size-picker {
  display: inline-block;
  position: relative;
}
.size-picker-box {
  width: 90px;
  height: 90px;
  padding: 10px;
  margin-right: 10px;
  border: #DDDDDD 1px solid;
  border-radius: 3px;
  position: relative;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.size-picker-box .size-picker-rect {
  width: 70px;
  height: 20px;
  clear: both;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 10px;
  margin: 0;
  background: #DDDDDD;
}
.size-picker-box .size-picker-rect2,
.size-picker-box .size-picker-rect5 {
  width: 25px;
  height: 27px;
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 10px;
  background: #DDDDDD;
}
.size-picker-box .size-picker-rect5 {
  left: 55px;
}
.size-picker-box .sizer-label {
  bottom: 0;
  position: absolute;
  left: 10px;
  font-weight: 400;
}
.size-picker-box .size-picker-rect3,
.size-picker-box .size-picker-rect4 {
  width: 43px;
  height: 27px;
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 37px;
  margin: 0;
  background: #DDDDDD;
}
.size-picker-box .size-picker-rect4 {
  left: 10px;
}
.size-picker-box .size-picker-square1 {
  width: 22px;
  height: 27px;
  background: #DDDDDD;
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 10px;
}
.size-picker-box .size-picker-square2 {
  width: 22px;
  height: 27px;
  background: #DDDDDD;
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 34px;
}
.size-picker-box .size-picker-square3 {
  width: 22px;
  height: 27px;
  background: #DDDDDD;
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 58px;
}
.size-picker-box .size-picker-small {
  background: #7775e6;
  width: 22px;
  height: 19px;
}
.size-picker-box .size-picker-fill {
  background: #7775e6;
  width: 100%;
  height: 100%;
  display: block;
}
.size-picker-box:hover {
  cursor: pointer;
  border: 1px solid #7775e6;
}
.size-picker-radio {
  display: none;
}
.size-picker-radio:checked + .size-picker-box {
  background: #DDDDDD;
}
.size-picker-radio:checked + .size-picker-box .size-picker-rect,
.size-picker-radio:checked + .size-picker-box .size-picker-rect2,
.size-picker-radio:checked + .size-picker-box .size-picker-rect3,
.size-picker-radio:checked + .size-picker-box .size-picker-rect4,
.size-picker-radio:checked + .size-picker-box .size-picker-rect5,
.size-picker-radio:checked + .size-picker-box .size-picker-square1,
.size-picker-radio:checked + .size-picker-box .size-picker-square2,
.size-picker-radio:checked + .size-picker-box .size-picker-square3 {
  background: #FFFFFF;
}
.widget-blue-text {
  color: #00b0ff;
  cursor: pointer;
}
.widget-iframe-code-wrapper {
  min-height: 34px;
  height: auto;
}
.widget-iframe-generator {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.panel-default .panel-heading.wod-widget-header {
  background-color: #7775e6;
  color: #FFFFFF;
  max-height: 40px;
}
.published-wod-widget {
  min-height: 100%;
  height: auto !important;
  /* This line and the next line are not necessary unless you need IE6 support */
  height: 100%;
  margin: 0 auto -80px;
  /* the bottom margin is the negative value of the footer's height */
}
.widget-content {
  font-family: 'Roboto-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333333;
}
.widget-title {
  font-family: 'Roboto-Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #333333;
  margin-bottom: 10px;
}
.widget-date {
  margin-bottom: 10px;
}
.widget-section {
  margin-bottom: 10px;
}
.widget-movement {
  margin-top: 5px;
}
.reps {
  float: left;
  margin-right: 5px;
}
.widget-error {
  width: 100%;
  height: auto;
  background-color: #DDDDDD;
}
.push {
  height: 80px;
}
.widget-footer {
  color: #ffffff;
  height: 80px;
  background-color: #8203B2;
  background-image: url('/resources/images/ui/login/fitbox/fitbox-logo-white-sm.png');
  background-repeat: no-repeat;
  background-size: auto 50px;
  background-position: right 20px center;
}
/********************************************/
/********** KILL FIREFOX TOOLTIP BUG ***********/
/********************************************/
.tooltip-arrow {
  top: auto !important;
  bottom: 1px !important;
}
.calendar-event-panel {
  clear: both;
}
.multiselect-container li a {
  padding-left: 20px;
}
.icon.guide-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z'/%3E%3Cpath d='M464 336a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z'/%3E%3C/svg%3E");
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.icon.guide-icon.guide-primary {
  background-color: #F67C01;
}
.page-header .icon.guide-icon {
  float: left;
  margin-top: 0.24em;
  margin-right: 0.8em;
}
.guide-icon-big,
.page-header .icon.guide-icon {
  width: 30px;
  height: 30px;
}
.page-header .icon.guide-icon {
  vertical-align: top;
}
.page-header h1 .icon.guide-icon,
.page-header h2 .icon.guide-icon,
.page-header h3 .icon.guide-icon {
  float: none;
  margin-top: 0;
  vertical-align: text-bottom;
}
.popover.guide-popover.guide-primary .guide-icon {
  background-color: #F67C01;
}
.popover.guide-popover {
  border-radius: 6px;
  min-width: 23em;
  font-size: 14px;
}
.popover.guide-popover .close:focus {
  outline: none;
}
.popover.guide-popover.right > .arrow:after {
  left: 2px;
}
.popover.guide-popover.left > .arrow:after {
  right: 2px;
}
.popover.guide-popover.top > .arrow:after {
  bottom: 2px;
}
.popover.guide-popover.bottom > .arrow:after {
  top: 2px;
}
.popover.guide-popover > h3 {
  margin: 10px 10px 5px;
  font-size: 15px;
  font-weight: 400;
}
.popover.guide-popover .popover-title {
  background: transparent;
  border: none;
  padding: 0 5px;
}
.popover.guide-popover .popover-content {
  padding: 10px;
}
.popover.guide-popover .popover-content p {
  color: black;
}
.popover.guide-popover .guide-popover-footer {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 10px 10px;
}
.popover.guide-popover .guide-popover-footer .btn-primary {
  border-color: #1edcf8;
  background: #1edcf8;
  color: white;
}
.popover.guide-popover .btn.btn-primary {
  border: 2px solid #1edcf8;
  background: #1edcf8;
}
.popover.guide-popover .btn.btn-default {
  border: 2px solid #1edcf8;
  background: transparent;
}
.popover.guide-popover.guide-primary {
  border-color: #F67C01;
}
.popover.guide-popover.guide-primary.right > .arrow {
  border-right-color: #F67C01;
}
.popover.guide-popover.guide-primary.left > .arrow {
  border-left-color: #F67C01;
}
.popover.guide-popover.guide-primary.top > .arrow {
  border-top-color: #F67C01;
}
.popover.guide-popover.guide-primary.bottom > .arrow {
  border-bottom-color: #F67C01;
}
.popover.guide-popover.guide-primary .guide-popover-footer .btn-primary {
  border-color: #F67C01;
  background: #F67C01;
  color: white;
}
.popover.guide-popover.guide-primary .btn.btn-primary {
  border-color: #F67C01;
  background: #F67C01;
}
.popover.guide-popover.guide-primary .btn.btn-default {
  border-color: #F67C01;
}
.modal.guide-modal .modal-header {
  margin-left: 80px;
}
.modal.guide-modal .carousel-control {
  width: 80px;
  margin-bottom: 80px;
  background-image: none;
  text-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.modal.guide-modal .carousel-control .icon {
  color: #ccc;
  font-size: 48px;
}
.modal.guide-modal .carousel-content {
  margin: 0 80px 80px;
}
.modal.guide-modal .carousel-content img {
  width: 100%;
  height: auto;
}
.modal.guide-modal .carousel-caption {
  color: #333333;
  text-shadow: none;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: -49px;
  height: 49px;
  padding: 10px;
}
.modal.guide-modal .prev .carousel-caption,
.modal.guide-modal .next .carousel-caption {
  bottom: 31px;
}
.modal.guide-modal .guide-carousel-footer {
  /*
     * The indicators have been wildly modified away from Bootstrap defaults,
     * in order to inject buttons on the last slide.
     */
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.modal.guide-modal .guide-carousel-footer .carousel-indicators {
  position: relative;
  left: 0;
  bottom: 0;
  width: auto;
  margin: 0;
}
.modal.guide-modal .guide-carousel-footer::before {
  content: ' ';
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 33%;
  flex: 1 1 33%;
  margin-left: 80px;
}
.modal.guide-modal .guide-carousel-footer ol {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.modal.guide-modal .guide-carousel-footer li {
  border-color: #ccc;
  margin-left: 2px;
  margin-right: 2px;
}
.modal.guide-modal .guide-carousel-footer li.active {
  background-color: #ccc;
}
.modal.guide-modal .guide-carousel-footer .guide-carousel-buttons {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 33%;
  flex: 1 0 33%;
  text-align: right;
  min-height: 26px;
  margin-right: 80px;
}
.modal.guide-modal .guide-carousel-footer .guide-carousel-buttons .btn + .btn {
  margin-left: 0.4em;
}
.modal.guide-modal .guide-carousel-footer .guide-carousel-buttons .btn-primary {
  border: 2px solid #F67C01;
  background: #F67C01;
}
.modal.guide-modal .guide-carousel-footer .guide-carousel-buttons .btn-default {
  background: transparent;
  border: 2px solid #F67C01;
}
@media (min-width: 1220px) {
  .modal.guide-modal .modal-dialog {
    width: 1200px;
  }
}
#guide-wait-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  width: 100vw;
  height: 100%;
  height: 100vh;
  pointer-events: none;
}
#guide-wait-backdrop,
#guide-wait-backdrop::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#guide-wait-backdrop::before {
  content: 'Please wait…';
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 2em;
  border-radius: 6px;
}
#guides-index .guides-checkbox {
  position: relative;
}
#guides-index .guides-checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
#guides-index .guides-checkbox label {
  font-weight: normal;
}
#guides-index .guides-checkbox label .icon {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #ccc;
  border-radius: 3px;
  min-width: 20px;
  min-height: 20px;
}
#guides-index .guides-checkbox input:checked + label .icon {
  border-color: #F67C01;
  background: #F67C01;
  color: white;
}
#guides-index .guides-checkbox input:checked + label .icon::before {
  content: 'check';
}
#guides-index .guides-checkbox input:disabled + label {
  cursor: wait;
  opacity: 0.5;
}
#guides-index > section {
  margin: 20px 0;
}
#guides-index > section > header {
  border-bottom: 1px solid black;
  text-transform: uppercase;
  font-weight: 500;
}
#guides-index .guides-list {
  margin: 0 -6px;
}
#guides-index .guide {
  display: inline-block;
}
#guides-index .guide > button {
  width: 155px;
  height: 155px;
  margin: 10px 6px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 3px 3px 2px 0px #ccc;
  text-align: center;
  color: #333333;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
#guides-index .guide > button:hover {
  background: rgba(204, 204, 204, 0.2);
}
#guides-index .guide > button:hover .circle .icon {
  color: #f5f5f5;
}
#guides-index .guide.unavailable > button {
  opacity: 0.5;
}
#guides-index .guide-title {
  height: 30px;
  margin: 0;
  font-size: 12px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}
#guides-index .guide-complete {
  color: #00BF00;
  height: 30px;
  width: 100%;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
#guides-index .guide-complete .circle {
  display: inline-block;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 0.3em;
  border-radius: 1337px;
  vertical-align: middle;
  background: #00BF00;
}
#guides-index .guide-complete .circle .icon {
  color: #FFF;
  font-size: 18px;
}
#guides-index .guide-image {
  display: block;
  margin: 10px;
  width: 55px;
  height: 55px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
#guides-index .guide-image[data-image="create-product"] {
  background-image: url('/resources/images/guides/create-product.min.svg');
}
#guides-index .guide-image[data-image="import-members"] {
  background-image: url('/resources/images/guides/import-members.min.svg');
}
#guides-index .guide-image[data-image="manage-subs"] {
  background-image: url('/resources/images/guides/manage-subs.min.svg');
}
#guides-index .guide-image[data-image="payment-gateway"] {
  background-image: url('/resources/images/guides/payment-gateway.min.svg');
}
#guides-index .guide-image[data-image="program-wod"] {
  background-image: url('/resources/images/guides/program-wod.min.svg');
}
#guides-index .guide-image[data-image="schedule"] {
  background-image: url('/resources/images/guides/schedule.min.svg');
}
.guide-info {
  border: none;
  background: none;
  outline: none;
}
/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.19.3 - 2016-08-17T06:16:42.140Z
 * License: MIT
 */
/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}
.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}
.ui-select-choices-row:hover {
  background-color: #f5f5f5;
}
/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
  border-color: #D44950;
}
.select2-result-single {
  padding-left: 0;
}
.select2-locked > .select2-search-choice-close {
  display: none;
}
.select-locked > .ui-select-match-close {
  display: none;
}
body > .select2-container.open {
  z-index: 9999;
  /* The z-index Select2 applies to the select2-drop */
}
/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-width: 1px;
  /* FIXME hardcoded value :-/ */
  border-top-style: solid;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  margin-top: -4px;
  /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
  margin-top: 4px;
  /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
  border-bottom-color: #5897fb;
}
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
/* Selectize theme */
/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
  border-color: #007FBB !important;
}
/* Fix input width for Selectize theme */
.selectize-control > .selectize-input > input {
  width: 100%;
}
/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%;
}
/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
  border-color: #D44950;
}
/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  margin-top: -2px;
  /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="selectize"] input.ui-select-search-hidden {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  width: 0;
}
/* Bootstrap theme */
/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-select-bootstrap .ui-select-toggle {
  position: relative;
}
.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}
/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important;
  /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.ui-select-bootstrap .ui-select-search-hidden {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.ui-select-bootstrap > .ui-select-match > .btn {
  /* Instead of center because of .btn */
  text-align: left !important;
}
.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}
/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices,
.ui-select-bootstrap > .ui-select-no-choice {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
}
body > .ui-select-bootstrap.open {
  z-index: 1000;
  /* Standard Bootstrap dropdown z-index */
}
.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px;
}
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important;
  /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0;
}
.ui-select-multiple .ui-select-match-item {
  position: relative;
}
.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
  pointer-events: none;
}
.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca;
}
.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca;
}
.ui-select-bootstrap .ui-select-choices-row > span {
  cursor: pointer;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.ui-select-bootstrap .ui-select-choices-row > span:hover,
.ui-select-bootstrap .ui-select-choices-row > span:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.ui-select-bootstrap .ui-select-choices-row.active > span {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.ui-select-bootstrap .ui-select-choices-row.disabled > span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
  display: none !important;
}
/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
  border-color: #D44950;
}
/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}
.ui-select-bootstrap .ui-select-match-text {
  width: 100%;
  padding-right: 1em;
}
.ui-select-bootstrap .ui-select-match-text span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.ui-select-bootstrap .ui-select-toggle > a.btn {
  position: absolute;
  height: 10px;
  right: 10px;
  margin-top: -2px;
}
/**
 * gridster.js - v0.2.1 - 2013-10-28 * http://gridster.net
 * Copyright (c) 2013 ducksboard; Licensed MIT
 */
.gridster {
  position: relative;
  margin: auto;
  height: 0;
}
.gridster > ul {
  margin: 0;
  list-style: none;
  padding: 0;
}
.gridster-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  z-index: 2;
  position: absolute;
  display: none;
}
.gridster-loaded {
  -webkit-transition: height .3s;
  -moz-transition: height .3s;
  -o-transition: height .3s;
  transition: height .3s;
}
.gridster-loaded .gridster-item {
  display: block;
  position: absolute;
  -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -webkit-transition-delay: 50ms;
  -moz-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms;
}
.gridster-loaded .gridster-preview-holder {
  display: none;
  z-index: 1;
  position: absolute;
  background-color: #ddd;
  border-color: #fff;
  opacity: 0.2;
}
.gridster-loaded .gridster-item.gridster-item-moving,
.gridster-loaded .gridster-preview-holder {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.gridster-mobile {
  height: auto !important;
}
.gridster-mobile .gridster-item {
  height: auto;
  position: static;
  float: none;
}
.gridster-item.ng-leave.ng-leave-active {
  opacity: 0;
}
.gridster-item.ng-enter {
  opacity: 1;
}
.gridster-item-moving {
  z-index: 3;
}
/* RESIZE */
.gridster-item-resizable-handler {
  position: absolute;
  font-size: 1px;
  display: block;
  z-index: 5;
}
.handle-se {
  cursor: se-resize;
  width: 0;
  height: 0;
  right: 1px;
  bottom: 1px;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent;
}
.handle-ne {
  cursor: ne-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  top: 1px;
}
.handle-nw {
  cursor: nw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  top: 1px;
}
.handle-sw {
  cursor: sw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  bottom: 1px;
}
.handle-e {
  cursor: e-resize;
  width: 12px;
  bottom: 0;
  right: 1px;
  top: 0;
}
.handle-s {
  cursor: s-resize;
  height: 12px;
  right: 0;
  bottom: 1px;
  left: 0;
}
.handle-n {
  cursor: n-resize;
  height: 12px;
  right: 0;
  top: 1px;
  left: 0;
}
.handle-w {
  cursor: w-resize;
  width: 12px;
  left: 1px;
  top: 0;
  bottom: 0;
}
.gridster .gridster-item:hover .gridster-box {
  border: 1.5px solid #B3B2B3;
}
.gridster .gridster-item:hover .handle-se {
  border-color: transparent transparent #ccc;
}
/* IMPORT FITBOX EULA STYLING */
.fitbox-theme .eula-text h1 {
  margin-top: 5px;
  text-align: center;
}
.fitbox-theme .eula-text h2 {
  margin-bottom: 15px;
  padding-top: 2px;
  display: block;
}
.fitbox-theme .eula-text ul,
.fitbox-theme .eula-text ol {
  padding-left: 15px;
}
.fitbox-theme .eula-text ol[type="a"],
.fitbox-theme .eula-text ol[type="i"] {
  padding-left: 34px;
  padding-left: 3.4rem;
}
.fitbox-theme .eula-text li {
  margin: 10px 0px;
}
/*# sourceMappingURL=fitbox-theme.min.css.map */