.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 .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .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 .1s ease-in-out;
      -moz-transition: all .1s ease-in-out;
      -ms-transition: all .1s ease-in-out;
      -o-transition: all .1s ease-in-out;
      transition: all .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: #ff337d;
      position: relative;
      -webkit-transition: all .1s ease-in-out;
      -moz-transition: all .1s ease-in-out;
      -ms-transition: all .1s ease-in-out;
      -o-transition: all .1s ease-in-out;
      transition: all .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: #ff005c;
            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 #ff005c 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: #ff005c; }
    .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 .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  border-radius: 0; }
  .btn.btn-default {
    background-color: #ff005c;
    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: #ff337d;
      color: white; }
  .btn.btn-light {
    background-color: transparent;
    color: #ff005c;
    border-color: #ff005c; }

.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 .1s ease-in-out;
      -moz-transition: all .1s ease-in-out;
      -ms-transition: all .1s ease-in-out;
      -o-transition: all .1s ease-in-out;
      transition: all .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 .1s ease-in-out;
      -moz-transition: all .1s ease-in-out;
      -ms-transition: all .1s ease-in-out;
      -o-transition: all .1s ease-in-out;
      transition: all .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: #ff005c;
        background-color: #ff005c;
        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 #ff005c; }
  .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: #ff005c; }
      @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: #ff005c; }
      .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: #ff005c;
          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: #ff005c; }
            @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.0;
  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: #ff005c; }
  .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 .1s ease-in-out;
      -moz-transition: all .1s ease-in-out;
      -ms-transition: all .1s ease-in-out;
      -o-transition: all .1s ease-in-out;
      transition: all .1s ease-in-out; }
      .left-panel .left-panel--menu li.active {
        background-color: #ff005c; }
        .left-panel .left-panel--menu li.active a {
          color: white; }
      .left-panel .left-panel--menu li:hover {
        cursor: pointer;
        background-color: #ff337d; }
        .left-panel .left-panel--menu li:hover a {
          color: white; }
      .left-panel .left-panel--menu li a {
        color: #ff005c;
        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 #ff005c;
  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: #ff005c;
      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: #ff005c; }
    .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: #ff005c; }
.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: #ff005c; }
    @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: #ff005c; }
  .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 #ff005c; }
  .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: #ff005c;
      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: #ff005c;
          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: #ff005c;
    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: #ff005c; }
  .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: #ff005c; }
    .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: #ff005c; }
    .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: #ff005c; }

.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 #ff005c 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 .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .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 .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .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_27.css.map */