@charset "UTF-8";
.navbar.navbar-new {
  background-color: #323232;
  color: white;
  border: none;
  border-radius: 0;
  /*border-bottom: 5px solid $main_color;*/
  padding: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 9;
  /*  i.fa {
      color: lighten($main_color, 10%);
      &.fa-envelope {
        background-color: white;
        padding: 4px 4px 4px 5px;
        border-radius: 50%;
        margin-right: 5px;
      }
      &.fa-phone {
        background-color: white;
        padding: 4px 5px 3px 5px;
        border-radius: 50%;
        margin-right: 5px;
      }
    }*/
}
.navbar.navbar-new .navbar-brand {
  color: white;
  background: #000;
  -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;
}
.navbar.navbar-new .navbar-brand:hover {
  color: white;
}
@media screen and (max-width: 1200px) {
  .navbar.navbar-new .navbar-brand {
    padding: 5px;
    max-width: 400px;
  }
}
@media screen and (max-width: 991px) {
  .navbar.navbar-new .navbar-brand {
    max-width: initial;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .navbar.navbar-new .navbar-brand {
    width: calc(100% - 80px);
    padding-top: 15px;
    padding-bottom: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
@media screen and (max-width: 991px) {
  .navbar.navbar-new .navbar-header {
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  .navbar.navbar-new .nav-inner-wrap {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
  }
  .navbar.navbar-new .nav-inner-wrap .btn {
    align-self: flex-end;
    float: none !important;
    order: 2;
    margin-right: 45px;
    margin-top: 0;
    position: relative;
    top: -3px;
  }
  .navbar.navbar-new .nav-inner-wrap .nav {
    align-self: flex-start;
    float: none !important;
  }
}
@media screen and (min-width: 401px) and (max-width: 768px) {
  .navbar.navbar-new .nav-inner-wrap {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
  }
  .navbar.navbar-new .nav-inner-wrap .btn {
    align-self: center;
    margin-right: 15px;
    float: none !important;
    order: 2;
    margin-top: 0;
    position: relative;
    top: -3px;
  }
  .navbar.navbar-new .nav-inner-wrap .nav {
    /*                align-self: flex-start;*/
    float: none !important;
  }
  .navbar.navbar-new .nav-inner-wrap .nav > li {
    display: inline-block;
  }
  .navbar.navbar-new .nav-inner-wrap .navbar-nav .open .dropdown-menu {
    position: absolute;
  }
}
@media screen and (max-width: 400px) {
  .navbar.navbar-new .nav-inner-wrap {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
  }
  .navbar.navbar-new .nav-inner-wrap .btn {
    align-self: center;
    margin: auto;
    float: none !important;
    order: 2;
    position: relative;
    top: -3px;
  }
  .navbar.navbar-new .nav-inner-wrap .nav {
    align-self: flex-start;
    float: none !important;
    width: 100%;
    text-align: center;
    margin: auto auto 10px auto;
  }
}
.navbar.navbar-new .clearfix {
  display: none;
}
@media screen and (max-width: 991px) {
  .navbar.navbar-new .clearfix {
    display: block;
  }
}
.navbar.navbar-new .btn {
  margin-top: 0px;
  padding: 14px;
  padding-right: 23px;
}
.navbar.navbar-new .navbar-nav li {
  color: white;
}
.navbar.navbar-new .navbar-nav li a {
  color: white;
  -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;
}
.navbar.navbar-new .navbar-nav li a:hover {
  color: white;
}
.navbar.navbar-new .navbar-nav.pull-right {
  /*      margin-right: 25px;*/
}
.navbar.navbar-new .navbar-toggle {
  border-color: transparent;
  border-radius: 0;
  margin-left: 15px;
  margin-right: 18px;
}
.navbar.navbar-new .navbar-toggle .icon-bar {
  background-color: #ff37f1;
  position: relative;
  -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;
}
.navbar.navbar-new .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 6px;
}
.navbar.navbar-new .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(3) {
  visibility: hidden;
}
.navbar.navbar-new .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(4) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: -6px;
}
.navbar.navbar-new .navbar-toggle:hover, .navbar.navbar-new .navbar-toggle:focus, .navbar.navbar-new .navbar-toggle:active {
  background-color: transparent;
}
.navbar.navbar-new .nav-mobile-links {
  display: none;
  margin: 15px auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .navbar.navbar-new .nav-mobile-links {
    display: block;
  }
}
.navbar.navbar-new .nav-mobile-links ul {
  padding-left: 0;
  list-style: none;
}
.navbar.navbar-new .nav-mobile-links ul li {
  padding: 3px 5px;
}
.navbar.navbar-new .nav-mobile-links ul li a {
  color: white;
}
.navbar.navbar-new .nav-mobile-links ul li.active a {
  position: relative;
}
.navbar.navbar-new .nav-mobile-links ul li.active a:before {
  content: "• ";
  color: #ff04ed;
  position: absolute;
  top: -1px;
  bottom: 0;
  left: -10px;
  margin: auto;
}
.navbar.navbar-new .navbar-collapse {
  border: none;
  border-color: transparent;
  box-shadow: none;
  padding-right: 0px;
  padding-left: 0px;
}
.navbar.navbar-new .menu-ul > li > a {
  font-weight: bold;
  color: #ccc;
}
.navbar.navbar-new .menu-ul > li > a:hover, .navbar.navbar-new .menu-ul > li > a.active {
  padding-bottom: 13px;
  border-bottom: 4px #ff04ed solid;
  text-decoration: none;
  color: #fff;
}
.navbar.navbar-new .btn-navbar-dropdown {
  padding: 15px;
  background: transparent;
  font-weight: bold;
}
.navbar.navbar-new .btn-navbar-dropdown:hover, .navbar.navbar-new .btn-navbar-dropdown:focus, .navbar.navbar-new .btn-navbar-dropdown:visited, .navbar.navbar-new .btn-navbar-dropdown:active {
  color: #fff;
  border-color: transparent;
}
.navbar.navbar-new .btn-navbar-dropdown .caret {
  color: #ff04ed;
}
.navbar.navbar-new .btn-navbar-dropdown + .dropdown-menu {
  margin-top: 0px;
  border-radius: 0px;
  background: #323232;
}
.navbar.navbar-new .btn-navbar-dropdown + .dropdown-menu a:hover, .navbar.navbar-new .btn-navbar-dropdown + .dropdown-menu a:visited, .navbar.navbar-new .btn-navbar-dropdown + .dropdown-menu a:focus, .navbar.navbar-new .btn-navbar-dropdown + .dropdown-menu a:active {
  color: #fff;
  background: #000;
  text-decoration: none;
}

.btn {
  -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;
  border-radius: 0;
}
.btn.btn-default {
  background-color: #ff04ed;
  color: white;
  /*        border-color: $main_darken_color;  */
  border: none;
}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:visited, .btn.btn-default:active {
  background-color: #ff37f1;
  color: white;
}
.btn.btn-light {
  background-color: transparent;
  color: #ff04ed;
  border-color: #ff04ed;
}

.material-card {
  background-color: white;
  color: #1c1c1c;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.training-list--heading {
  color: #1c1c1c;
  font-weight: 300;
}

.training-list--filter-row {
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}
.training-list--filter-row .dropdown {
  margin-top: 10px;
}
.training-list--filter-row .dropdown .btn {
  background-color: white;
  border-color: #e7eaec;
}
.training-list--filter-row .dropdown .btn:focus, .training-list--filter-row .dropdown .btn:active {
  box-shadow: none;
  border-color: #e7eaec;
  outline: none;
}
.training-list--filter-row .dropdown .btn i {
  margin-right: 5px;
}
.training-list--filter-row .dropdown .dropdown-menu li {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  -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;
}
.training-list--filter-row .dropdown .dropdown-menu li i {
  margin-right: 5px;
}
.training-list--filter-row .dropdown .dropdown-menu li:hover {
  background-color: #e7eaec;
  cursor: pointer;
}
.training-list--filter-row .training-list--view-select {
  padding-top: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.training-list--filter-row .training-list--view-select .training-list--view-select--holder {
  display: inline-block;
}
.training-list--filter-row .training-list--view-select i {
  border: 1px solid #e7eaec;
  background-color: white;
  padding: 10px;
  float: left;
  -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;
}
.training-list--filter-row .training-list--view-select i:hover {
  cursor: pointer;
  background-color: #e7eaec;
}
.training-list--filter-row .training-list--view-select i.active {
  border-color: #ff04ed;
  background-color: #ff04ed;
  color: white;
}
.training-list--filter-row .training-list--view-select a {
  color: inherit;
}
.training-list--filter-row .training-list--view-select a:first-of-type i {
  margin-left: 15px;
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.training-list--filter-row .training-list--view-select a:nth-of-type(2) i {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.training-list--filter-row .training-list--center-select {
  padding-top: 10px;
  text-align: right;
}
.training-list--filter-row .training-list--center-select select {
  display: inline;
  width: auto;
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  .training-list--filter-row .training-list--center-select, .training-list--filter-row .training-list--view-select, .training-list--filter-row .training-list--type-select {
    text-align: center;
    margin-bottom: 5px;
  }
}

.training-list {
  padding: 20px 0;
  border-top: 2px solid #ff04ed;
}
.training-list .day-select-row {
  display: flex;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #e7eaec;
}
@media screen and (max-width: 1200px) {
  .training-list .day-select-row {
    flex-direction: column;
  }
}
.training-list .day-select-row .refresh-button {
  float: right;
}
@media screen and (max-width: 1200px) {
  .training-list .day-select-row .refresh-button {
    float: none;
    display: block;
    width: 100%;
    margin-top: 10px;
  }
}
.training-list .day-select-row .day-select-buttons .btn {
  float: left;
  background-color: transparent;
  border-left: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  border-bottom: 1px solid #e7eaec;
  color: #1c1c1c;
  font-size: 0.9em;
}
.training-list .day-select-row .day-select-buttons .btn:last-of-type {
  border-right: 1px solid #e7eaec;
}
.training-list .day-select-row .day-select-buttons .btn:hover, .training-list .day-select-row .day-select-buttons .btn.selected {
  color: #ff04ed;
}
@media screen and (max-width: 991px) {
  .training-list .day-select-row .day-select-buttons .btn {
    float: none;
    margin-bottom: 5px;
    display: block;
    border-right: 1px solid #e7eaec;
  }
}
.training-list .listing-inner {
  padding: 20px 30px;
}
.training-list .listing-inner .listing-inner--day {
  padding-top: 15px;
  padding-bottom: 15px;
}
.training-list .listing-inner .listing-inner--day h4 {
  display: inline;
  color: #ff04ed;
}
.training-list .listing-inner .listing-inner--day .listing-inner--row {
  border-top: 1px solid #e7eaec;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media screen and (min-width: 769px) {
  .training-list .listing-inner .listing-inner--day .listing-inner--row {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .training-list .listing-inner .listing-inner--day .listing-inner--row {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.training-list .listing-inner .listing-inner--day .listing-inner--row:first-of-type {
  margin-top: 10px;
}
.training-list .listing-inner .listing-inner--day .listing-inner--row:nth-last-of-type(2) {
  border-bottom: 1px solid #e7eaec;
}
.training-list .listing-inner .listing-inner--day .listing-inner--row .capacity span {
  color: #ff04ed;
  font-weight: bolder;
}
.training-list .listing-inner .listing-inner--day .listing-inner--row .time {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  padding-right: 20px;
}
.training-list .listing-inner .listing-inner--day .listing-inner--row .time .color-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  width: 5px;
  background-color: #ff04ed;
}
@media screen and (max-width: 768px) {
  .training-list .listing-inner .listing-inner--day .listing-inner--row .time .color-bar {
    left: 0px;
  }
}
@media screen and (min-width: 769px) {
  .training-list .listing-inner .listing-inner--day .listing-inner--row .time .color-bar {
    right: 10px;
  }
}
.training-list .listing-inner .listing-inner--day .listing-inner--row .name span, .training-list .listing-inner .listing-inner--day .listing-inner--row .trainer span {
  font-weight: bolder;
}
.training-list .listing-inner .listing-inner--day .listing-inner--row .buttons {
  /*          @media screen and (max-width: 400px) {
              margin-top: 15px;
            }*/
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  .training-list .listing-inner .listing-inner--day .listing-inner--row .buttons {
    text-align: center;
  }
  .training-list .listing-inner .listing-inner--day .listing-inner--row .buttons .btn-light {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 768px) {
  .training-list .listing-inner .listing-inner--day .listing-inner--row .buttons {
    display: flex;
    align-items: center;
    /*            justify-content: flex-end;*/
    justify-content: center;
  }
  .training-list .listing-inner .listing-inner--day .listing-inner--row .buttons .btn:nth-child(1) {
    margin-right: 5px;
  }
  .training-list .listing-inner .listing-inner--day .listing-inner--row .buttons .btn:nth-child(2) {
    order: 2;
  }
}
.list-calendar {
  min-height: calc(100vh - 127px);
}
@media screen and (max-width: 768px) {
  .list-calendar .list-calendar {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.listing-inner .tooltip > .tooltip-inner {
  border: none;
  padding: 0px;
  max-width: 450px;
  color: black;
  text-align: left;
  background-color: transparent;
  background: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
}

.listing-inner .tooltip > .tooltip-arrow {
  border-bottom-color: black;
}

.listing-inner .tooltip.in {
  opacity: 1 !important;
  filter: alpha(opacity=100);
}

.left-panel {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .left-panel {
    width: calc(100% - 30px);
    margin-left: 15px;
  }
}
.left-panel .username-holder {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff04ed;
}
.left-panel .left-panel--menu {
  padding-left: 0;
  width: 100%;
  list-style: none;
  margin: 0;
}
.left-panel .left-panel--menu li {
  padding: 10px 20px;
  background-color: transparent;
  -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;
}
.left-panel .left-panel--menu li.active {
  background-color: #ff04ed;
}
.left-panel .left-panel--menu li.active a {
  color: white;
}
.left-panel .left-panel--menu li:hover {
  cursor: pointer;
  background-color: #ff37f1;
}
.left-panel .left-panel--menu li:hover a {
  color: white;
}
.left-panel .left-panel--menu li a {
  color: #ff04ed;
  display: block;
  width: 100%;
}
.left-panel .left-panel--menu li a:hover {
  text-decoration: none;
}
.left-panel .left-panel--menu li a i {
  margin-right: 5px;
}
@media screen and (max-width: 991px) {
  .left-panel {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 992px) {
  .content-panel-wrap {
    margin-left: 3%;
    width: 72%;
  }
}

.content-panel {
  margin-bottom: 20px;
  border-top: 2px solid #ff04ed;
  padding: 20px;
}
.content-panel .content-panel--main-heading {
  margin-left: -20px;
  margin-right: -20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.content-panel .content-panel--main-heading h1 {
  margin: 0;
  padding-left: 20px;
  color: #ff04ed;
  font-weight: 300;
  font-size: 2em;
}
.content-panel .content-panel--inner-content {
  padding: 20px;
  border-bottom: 1px solid #ddd;
  margin-left: -20px;
  margin-right: -20px;
}
.content-panel .content-panel--inner-content:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.content-panel .content-panel--inner-content form label {
  padding-top: 6px;
}
.content-panel .content-panel--inner-content form .form-group {
  margin-bottom: 10px;
}
.content-panel .content-panel--inner-content form p {
  padding-top: 0;
}
.content-panel .content-panel--inner-content form .form-control {
  border-radius: 0;
}
.content-panel .content-panel--inner-content form.form-inline label {
  padding-top: 10px;
  padding-right: 5px;
}
.content-panel .content-panel--inner-content form.form-inline p {
  padding-top: 7px;
}
.content-panel .content-panel--inner-content h4:not(.color-card--heading) {
  margin-top: 0;
  color: #ff04ed;
}
.content-panel .content-panel--inner-content p {
  color: #1c1c1c;
  margin-bottom: 0;
  padding-top: 10px;
}
.content-panel .content-panel--inner-content .btn {
  margin-top: 15px;
}
.content-panel .content-panel--with-bottom-border {
  border-bottom: 1px solid #ddd;
  margin-left: -20px;
  margin-right: -20px;
}

.nav-logged-in .logout-btn i {
  color: #ff04ed;
}
.nav-logged-in .user-info {
  padding-top: 15px;
  padding-right: 5px;
}
.nav-logged-in .user-info .user-info--username {
  font-weight: 400;
  margin-right: 15px;
  color: #ff04ed;
}
@media screen and (max-width: 768px) {
  .nav-logged-in .user-info .user-info--username {
    margin: 0;
    text-align: center;
  }
}
.nav-logged-in .user-info .user-info--credit {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .nav-logged-in .user-info .user-info--credit {
    display: block;
    padding-top: 10px;
  }
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  border: none;
}

.color-card {
  padding: 15px;
}
.color-card.color-card--primary-color .color-card--inner-content {
  background-color: #ff04ed;
}
.color-card.color-card--secondary-color .color-card--inner-content {
  background-color: #3F51B5;
}
.color-card.color-card--tertiary-color .color-card--inner-content {
  background-color: #FF5722;
}
.color-card .color-card--inner-content {
  padding: 15px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.color-card .color-card--inner-content a {
  color: white;
}
.color-card .color-card--inner-content a:hover {
  text-decoration: none;
}
.color-card .color-card--inner-content i {
  color: white;
  font-size: 3em;
  margin-bottom: 15px;
  margin-top: 10px;
}
.color-card .color-card--inner-content h4.color-card--heading {
  font-weight: 300;
  letter-spacing: 0.1em;
  color: white;
}
.color-card .color-card--inner-content .color-card--count {
  font-size: 2em;
  padding-bottom: 5px;
  font-weight: 300;
  text-align: center;
}

.training-calendar {
  color: #676a6c;
  border-top: 2px solid #ff04ed;
}
.training-calendar .training-calendar--week-select {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
  margin: 0 0 20px 0;
}
.training-calendar .training-calendar--week-select .week-inner {
  display: inline-block;
  text-align: center;
  font-size: 1.75em;
}
.training-calendar .training-calendar--week-select .week-inner span {
  font-size: 0.6em;
}
.training-calendar .training-calendar--week-select i {
  color: #ff04ed;
  font-size: 2em;
}
.training-calendar .training-calendar--week-select i#previous-week {
  margin-right: 30px;
}
.training-calendar .training-calendar--week-select i#next-week {
  margin-left: 30px;
}
.training-calendar .training-calendar--week-select i:hover {
  cursor: pointer;
}
.training-calendar .training-calendar--inner-content {
  padding: 20px 20px 30px 20px;
}
.training-calendar .training-calendar--inner-content .day-holder {
  padding-left: 10%;
}
.training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 1200px) {
  .training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column {
    width: 13.5%;
  }
}
.training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--day-head {
  text-align: center;
  font-weight: bolder;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
}
.training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--day-head span {
  display: block;
  font-weight: normal;
}
.training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--morning-section, .training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--noon-section, .training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--evening-section {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #cccccc;
  margin: 0;
  position: relative;
}
.training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--morning-section .day-time-identifier, .training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--noon-section .day-time-identifier, .training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--evening-section .day-time-identifier {
  position: absolute;
  bottom: 0;
  left: -90px;
  top: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #676a6c;
  font-size: 1.25em;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--morning-section .day-time-identifier i, .training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--noon-section .day-time-identifier i, .training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--evening-section .day-time-identifier i {
  margin-right: 10px;
}
.training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--morning-section .day-time-identifier .inner-wrap, .training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--noon-section .day-time-identifier .inner-wrap, .training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--evening-section .day-time-identifier .inner-wrap {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--item {
  cursor: pointer;
  padding: 10px;
  margin-bottom: 15px;
  width: calc(100% - 10px);
  margin-left: auto;
  margin-right: auto;
  background-color: #ff04ed;
  color: white;
}
.training-calendar .training-calendar--inner-content .day-holder .day-holder--day-column .day-column--item span {
  display: block;
}

.day-column-item--modal .modal-content {
  border-radius: 0;
}
.day-column-item--modal .modal-content .modal-header {
  background-color: #ff04ed;
  color: white;
}
.day-column-item--modal .modal-content .modal-header .close {
  color: white;
  opacity: 1;
}
.day-column-item--modal .modal-content .modal-body {
  border-bottom: 1px solid #e5e5e5;
}
.day-column-item--modal .modal-content .modal-body p {
  margin: 0;
}
.day-column-item--modal .modal-content .modal-body .count {
  color: #ff04ed;
}
.day-column-item--modal .modal-content .modal-footer {
  border: none;
}
.day-column-item--modal .modal-content .modal-footer .btn {
  display: block;
  width: 100%;
  border: none;
}
.day-column-item--modal .btn {
  margin: 0 0 5px 0 !important;
}

.credit-topup-container .credit-topup-container--steps {
  margin-bottom: 15px;
}
.credit-topup-container .credit-topup-container--steps .credit-topup-container--single-step .inner-wrap {
  background-color: #eee;
  padding: 10px;
}
.credit-topup-container .credit-topup-container--steps .credit-topup-container--single-step .inner-wrap a {
  color: #aaa;
}
.credit-topup-container .credit-topup-container--steps .credit-topup-container--single-step .inner-wrap a:hover {
  text-decoration: none;
}
.credit-topup-container .credit-topup-container--steps .credit-topup-container--single-step.active .inner-wrap {
  background-color: #ff04ed;
}
.credit-topup-container .credit-topup-container--steps .credit-topup-container--single-step.active .inner-wrap a {
  color: white;
}
.credit-topup-container .credit-topup-container--inner {
  padding-left: 0;
  padding-right: 0;
}
.credit-topup-container .credit-topup-container--inner hr {
  border-top-color: #ccc;
}
.credit-topup-container .credit-topup-container--inner .inner-wrap {
  background-color: #eee;
  margin-left: 15px;
  margin-right: 15px;
  padding: 20px;
}
.credit-topup-container .credit-topup-container--inner .inner-wrap h1 {
  font-size: 1.4em;
  margin-top: 10px;
  font-weight: 400;
}
.credit-topup-container .credit-topup-container--inner .inner-wrap h2 {
  font-size: 1.15em;
  margin-top: 0;
  font-weight: 400;
}
.credit-topup-container .credit-topup-container--inner .inner-wrap h3 {
  font-size: 1em;
  margin-top: 10px;
  font-weight: 400;
}
.credit-topup-container .credit-topup-container--inner .inner-wrap .form-control {
  border-radius: 0;
}
.credit-topup-container .credit-topup-container--inner .inner-wrap small {
  padding-top: 5px;
}
.credit-topup-container .credit-topup-container--inner .inner-wrap .price {
  color: #777;
  font-size: 1.5em;
  margin-top: 10px;
  display: inline-block;
  margin-right: 15px;
}
.credit-topup-container .credit-topup-container--inner .inner-wrap .price .price-value {
  color: #ff04ed;
}
.credit-topup-container .credit-topup-container--inner .inner-wrap .float-right {
  float: right;
}
.credit-topup-container .credit-topup-container--inner .inner-wrap .flex-col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.credit-topup-container .credit-topup-container--inner .inner-wrap ul {
  padding-left: 30px;
  padding-top: 5px;
}

.total-price {
  color: #ff04ed;
}

.inline-heading {
  display: inline-block;
}

.btn-right {
  float: right;
}

.no-top-margin {
  margin-top: 0 !important;
}

.main-content-wrap.login-container-wrap {
  padding-top: 50px;
  padding-bottom: 50px;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.main-content-wrap.login-container-wrap form {
  margin-top: 20px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .main-content-wrap.login-container-wrap form {
    min-width: 300px;
  }
}
.main-content-wrap.login-container-wrap form button[type=submit] {
  margin-bottom: 20px;
}

.main-content-wrap.login-container-wrap form .form-group {
  text-align: left;
}

.main-content-wrap.login-container-wrap form .form-group .form-control {
  border-radius: 0;
}

.main-content-wrap.login-container-wrap form .bottom-form-links {
  margin-top: 20px;
  padding-left: 0;
  list-style: none;
}

.main-content-wrap.login-container-wrap form .bottom-form-links li {
  display: inline-block;
}

.main-content-wrap.login-container-wrap form .bottom-form-links li:not(:last-child) {
  border-right: 1px solid #ccc;
  padding-right: 5px;
}

.main-content-wrap.login-container-wrap form .bottom-copyright {
  color: #ccc;
}

.main-content-wrap.login-container-wrap .container-logo {
  max-width: 200px;
  margin-bottom: 10px;
}

.main-content-wrap.login-container-wrap .container-heading {
  font-size: 1.75em;
  color: #1c1c1c;
}

.main-content-wrap.login-container-wrap .container-subheading {
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 20px;
  color: #1c1c1c;
}

.user_list_modal {
  height: 300px;
  overflow-y: auto;
}

.user_list_modal ul {
  list-style: none;
  padding: 0px;
}

.user_list_modal ul li {
  border-bottom: 1px #ff04ed solid;
  padding: 10px;
}

.user_list_modal ul li img {
  display: inline-block;
  margin-right: 10px;
}

.user_list_modal ul li span {
  display: inline-block;
}

footer {
  background-color: #323232;
  color: white;
  padding: 15px 30px;
}
footer a {
  color: #ababab;
  -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;
}
footer a:hover {
  cursor: pointer;
  color: white;
  text-decoration: none;
}
footer .container:first-child {
  display: flex;
  align-items: center;
}
footer .container .text-inner-wrap {
  display: flex;
  flex-direction: column;
  padding-left: 30px;
}
footer .container .text-inner-wrap ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
footer .container .text-inner-wrap ul li {
  display: inline;
  padding-right: 10px;
}
footer .fb-link {
  background-color: #3A5795;
  border-radius: 50%;
  padding: 10px 16px;
  border: 1px solid transparent;
  -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;
}
footer .fb-link i {
  font-size: 1.75em;
  position: relative;
  top: 2px;
  color: white;
}
footer .fb-link:hover {
  border-color: white;
  text-decoration: none;
}
footer .fb-link:hover i {
  color: white;
}

body {
  /*font-family: "Roboto Condensed", "Helvetica Neue", "Open Sans", Arial, sans-serif;*/
  background-color: #f4f4f4;
}

.main-content {
  padding-bottom: 15px;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .main-content {
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.admin-panel {
  margin-top: 70px;
  min-height: calc(100vh - 140px);
}
@media screen and (max-width: 767px) {
  .admin-panel {
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.flex-row {
  display: flex;
}
.flex-row.flex-row--center {
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .flex-row.flex-row--xs-column {
    flex-direction: column;
  }
}

/*# sourceMappingURL=style_admin_28.css.map */
