/* #region Global */
[v-cloak] {
  display: none;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #fff;
}

::-webkit-scrollbar-thumb {
  background: #2196f3;
  border-radius: 0px;
}

html {
  position: inherit;
}

* {
  outline: none !important;
}

a {
  text-decoration: none !important;
}

.ea {
  height: 100%;
  width: 100%;
  -webkit-font-smoothing: antialiased;
}

.ea-logo {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: -0.125em;
}

.ea-logo-svg::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250' fill='currentColor'%3E%3Cg transform='translate(0,250) scale(0.1,-0.1)'%3E%3Cpath fill='currentColor' d='M622 1245 l-622 -1245 560 0 560 0 0 185 0 185 -275 0 c-179 0 -275 4 -275 10 0 6 41 91 90 190 l90 180 185 0 185 0 0 185 0 185 -90 0 c-49 0 -90 2 -90 5 0 10 305 615 310 615 5 0 310 -605 310 -615 0 -3 -40 -5 -90 -5 l-90 0 0 -185 0 -185 185 0 185 0 187 -375 188 -375 187 0 188 0 -622 1245 c-343 685 -625 1245 -628 1245 -3 0 -285 -560 -628 -1245z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.ea svg * {
  fill: inherit;
}

.ea-program {
  content: url(/assets/panel/img/antrenman-program.svg);
  vertical-align: text-bottom;
}

.ea-antrenman {
  content: url(/assets/panel/img/antrenman.svg);
  vertical-align: text-bottom;
}

.ea-exercise {
  content: url(/assets/panel/img/exercise.svg);
  vertical-align: text-bottom;
}

.ea-fitness-test {
  content: url(/assets/panel/img/fitnesstest.svg);
  vertical-align: text-bottom;
}
.language-list {
  position: absolute;
  bottom: 24px;
  right: 24px;
}

  .language-list .language {
    float: left;
    margin-left: 20px;
  }

input.form-control[type='text'], input.form-control[type='number'], input.form-control[type='email'], input.form-control[type='password'] {
  padding-left: 5px;
}

.field-validation-valid, .field-validation-error {
  position: absolute;
}


.blue-background-class {
  background-color: rgba(33, 150, 243, .5);
}

.display-block {
  display: block;
  overflow: hidden;
}

.ticket-icon {
  position: absolute;
  bottom: 23px;
  left: 88px;
  font-size: 30px;
  color: #2196f3;
  z-index: 9;
}

.hover-primary:hover {
  color: #2196f3;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

body.prompt {
  max-width: 400px;
  min-width: 230px;
  width: 90%;
  margin: 50px auto;
  height: 100vh;
}

.panel-logo {
  font-size: 50px;
  font-weight: 900;
}

.checkbox-styled label span:not(.custom) {
  display: none;
}

.select2-search-choice-close:hover {
  background: #20415a;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 4px 4px 4px 20px;
  margin: 10px 5px 3px 0;
  font-size: 13px;
  line-height: 10px;
}

.select2-search-choice-close {
  height: 18px;
}

  .select2-search-choice-close:before {
    margin: 4px 0 0 0;
  }

.hidePanel {
  display: none;
}

.list .tile > a:hover {
  color: #ffffff;
}

.list .tile:hover {
  color: #ffffff;
  background-color: #2196f3;
}


  .list .tile:hover span.custom:before,
  .list .tile:hover span.custom:before,
  .list .tile:hover span.custom:before,
  .list .tile:hover span.custom:before {
    border-color: #ffffff !important;
  }

.section-header {
  padding: 24px 0px 0px 24px !important;
  height: auto;
}

.text-white {
  color: white;
}

.offcanvas-head {
  border-bottom: 1px solid #e4e4e4;
  padding: 15px;
  background-color: #2196f3;
  color: #fff;
  display: flex;
  justify-content: space-between;
}

.no-padding-form-group .form-group {
  padding: 0px !important;
}

#content {
  padding-bottom: 36px;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-align-row-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.nano > .nano-pane {
  background: #fff;
  width: 5px;
}

  .nano > .nano-pane > .nano-slider {
    background: #2196f3;
  }

.no-border {
  border: none;
}

.full-width {
  width: 100%;
}
/* #endregion */
/* #region Header */

/* #endregion */
/* #region User Profile */
.crop-image {
  height: 250px;
  width: 250px;
}

.profile-image {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
}

.jsFunction .btn {
  font-size: 10px;
}

.trainer-files {
  display: block;
}

  .trainer-files .trainer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    padding: 5px;
    background-color: #2196f3;
  }

    .trainer-files .trainer-header .upload {
      height: 29px;
      width: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

      .trainer-files .trainer-header .upload:hover {
        color: #2196f3;
        background-color: #fff;
      }

  .trainer-files .files {
    padding-top: 10px;
  }

    .trainer-files .files .file {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #e4e4e4;
      margin-bottom: 10px;
      min-height: 40px;
      padding: 0px 5px 0px 10px;
    }

      .trainer-files .files .file:not(.new):hover {
        color: #fff;
        background-color: #2196f3;
        cursor: pointer;
      }

      .trainer-files .files .file .name {
        width: 90%;
      }

        .trainer-files .files .file .name a {
          display: block;
          width: 100%;
        }

      .trainer-files .files .file .icons .delete {
        height: 29px;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
      }

        .trainer-files .files .file .icons .delete:hover {
          color: #2196f3;
          background-color: #fff;
        }

      .trainer-files .files .file.new .field-validation-error {
        bottom: -18px;
      }

        .trainer-files .files .file.new .field-validation-error span {
          font-size: 10px;
        }
/* #endregion */
/* #region Messages */
.toast {
  border-radius: 10px;
  background-color: #ffffff;
  color: #000 !important;
}

.toast-close-button, button.toast-close-button {
  color: #000;
  font-size: 15px;
}

.toast-success {
  border: 2px solid #4caf50;
}

  .toast-success .toast-progress {
    background-color: #4caf50;
  }

.toast-error {
  border: 2px solid #f44336;
}

  .toast-error .toast-progress {
    background-color: #f44336;
  }

.toast-info {
  border: 2px solid #2196f3;
}

  .toast-info .toast-progress {
    background-color: #2196f3;
  }

.toast-warning {
  border: 2px solid #ff9800;
}

  .toast-warning .toast-progress {
    background-color: #ff9800;
  }
/* #endregion */
/* #region User Area */
div[data-type='MultiSelect'] .bootstrap-tagsinput {
  line-height: 35px;
}

/* #endregion */
/* #region DataTable */
table.dataTable {
  width: 100%;
}

div.dataTables_length select.form-control {
  display: inline;
  width: auto;
}

.dataTables_wrapper .dataTables_filter {
  float: left;
  margin-right: 10px;
  text-align: left;
}

.dataTables_wrapper .dataTables_length {
  float: right;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0px;
}

table.dataTable thead th, table.dataTable thead td {
  padding: 10px 10px;
  border-bottom: 1px solid #d5d6d7;
  text-align: center;
}

table.dataTable tfoot th, table.dataTable tfoot td {
  padding: 10px 10px;
  border-top: 1px solid #d5d6d7;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: transparent;
}

table.dataTable tbody tr.odd.parent {
  background-color: #2196f3;
  color: #fff;
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: transparent;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:not(.child):hover, table.dataTable.hover tbody tr:hover a, table.dataTable.display tbody tr:not(.child):hover a {
  background-color: #2196f3;
  color: #fff;
}

  table.dataTable.hover tbody tr:hover a.text-primary:hover, table.dataTable.display tbody tr:not(.child):hover a.text-primary:hover {
    background-color: #fff;
    color: #2196f3;
  }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: transparent;
  color: #ffffff !important;
  background-color: #2196f3;
  border-color: #2196f3;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  -webkit-transition: -webkit-box-shadow 0.15s ease-out;
  -moz-transition: -moz-box-shadow 0.15s ease-out;
  transition: box-shadow 0.15s ease-out;
  font-size: 13px;
  text-transform: none;
  border-radius: 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: no-drop;
}

@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0px;
  }
}

table.dataTable > tbody > tr.child ul.dtr-details {
  width: 100%;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  border: 0px;
  background-color: #2196f3;
  border-radius: 50%;
  top: 40%;
  left: 5px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  background-color: #d33333;
}

.dataTables_wrapper tfoot {
  display: none;
}

.dataTables_wrapper tbody tr td {
  text-align: center;
}

  .dataTables_wrapper tbody tr td img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

.dataTables_wrapper tbody tr:last-child td {
  border-bottom: 1px solid #ddd;
}
/* #endregion DataTable */
/* #region Select2 */

.settings-component .select2-container, .form-group .select2-container {
  width: 100% !important;
}

.select2-container {
  z-index: 9;
}

.select2-dropdown {
  border: 1px solid #2196f3;
  border-radius: 0px;
}

.select2-container--open .select2-dropdown--below {
  border-top: 1px solid #2196f3;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: 1px solid #2196f3;
}

.select2-container--default .select2-results__group {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid rgba(33, 150, 243, 0.2);
  border-top: 1px solid rgba(33, 150, 243, 0.2);
  background-color: rgba(33, 150, 243, 0.5);
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 350px;
}


  .select2-container--default .select2-selection .select2-selection__rendered {
    margin: 0px 0px 0px 0px;
    padding-bottom: 0px;
    color: #0c0c0c;
    font-size: 16px;
  }

  .select2-container--default .select2-selection .select2-selection__choice {
    background-color: #2196f3;
    color: #fff;
    border: 1px solid #2196f3;
    border-radius: 10px;
    margin-top: 7px;
    font-size: 12px;
  }

  .select2-container--default .select2-selection .select2-selection__choice__remove {
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
  }

    .select2-container--default .select2-selection .select2-selection__choice__remove:hover {
      color: #fff;
    }

.select2-container .select2-selection {
  min-height: 30px;
  cursor: default;
  display: flex;
  align-items: center;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #2196f3 !important;
  color: #fff;
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #2196f3
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #2196f3
}

.select2-container--classic .select2-selection:focus {
  border: 1px solid #2196f3
}

.select2-container--classic.select2-container--open .select2-selection {
  border: 1px solid #2196f3
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #2196f3
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: rgba(33, 150, 243, 0.2);
}

.select2-container--default .select2-selection .select2-selection__clear {
  display: none;
}

.select2-requried .field-validation-valid, .select2-requried .field-validation-error {
  position: absolute;
  left: 0;
  bottom: -24px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: #0c0c0c transparent transparent transparent;
  border-width: 6px 3px 0 3px;
}

.jsSelect2Message {
  color: #0c0c0c;
  font-size: 16px;
}

.select2-container--open {
  z-index: 999;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: transparent;
  cursor: no-drop;
}

.select2-container--default .select2-selection--multiple {
  background-color: transparent;
}
/* #endregion */
/* #region Tabs */
.nav-tabs.nav-justified > li > a {
  text-align: left;
  font-weight: bold;
  line-height: 1;
}

  .nav-tabs.nav-justified > li > a.validate-error {
    border: 1px solid red !important;
  }

.tab-content {
  padding-top: 10px;
}

.card-head .nav-tabs > li.active > a, .card-head .nav-tabs > li.active > a:hover, .card-head .nav-tabs > li.active > a:focus {
  border-top: 5px solid #2196f3 !important;
  color: #2196f3;
  border-bottom: 0px;
  background-color: #fff;
  border-radius: 10px 10px 0 0;
}
/* #endregion */
/* #region Exercise Area */
.card.exercise-area-value {
  border-left: 2px solid rgba(33, 150, 243, 0.2);
  border-right: 2px solid rgba(33, 150, 243, 0.2);
  border-bottom: 2px solid rgba(33, 150, 243, 0.2);
  margin-bottom: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

  .card.exercise-area-value .card-head {
    background-color: rgba(33, 150, 243, 0.2);
    color: #000;
    min-height: 40px;
    line-height: 0px;
    border-radius: 0px;
  }

    .card.exercise-area-value .card-head header {
      padding: 10px;
    }

    .card.exercise-area-value .card-head .tools {
      min-height: 40px;
    }

.card.panel.exercise-area-value.expanded {
  margin: 0px
}

.card.exercise-area-value.panel-group .card.expanded {
  margin: 0px
}

.card.exercise-area-value .validate-error {
  color: #f44336;
}
/* #endregion */
/* #region User Exercise */
/* Global */
.exercise-phases {
  margin-top: 7px;
  margin-bottom: 4px;
}

.jsCreateExerciseContainer {
  display: none;
}

.tempo-container {
  display: flex;
  flex-direction: row;
}

  .tempo-container .form-group {
    width: 100%;
  }

.fa-repeat-time {
  transform: rotateY(180deg);
}

.default-setting-title {
  position: relative;
  margin-bottom: 0px;
  padding: 5px 0px 3px 5px;
  color: #fff;
  background-color: #2196f3;
  font-weight: bold;
}

  .default-setting-title.validate-error {
    color: #f44336;
  }

  .default-setting-title .float-right {
    position: absolute;
    right: 5px;
    bottom: 10px;
  }

.jsCount {
  font-weight: bold;
  font-style: normal;
  margin-left: 10px;
  color: #2196f3;
}

.jsCustomExercise {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

  .jsCustomExercise .form-group {
    width: 90%;
  }
/* Areas */

.user-exercise-areas {
  margin-right: 5px;
}

.user-exercise-areas .user-exercise-area-value:not([data-row="0"]) {
  padding-left: 0px;
}

.user-exercise-areas .user-exercise-area-value .card-head {
  line-height: 0px;
  border-radius: 0px;
  min-height: 30px;
  background-color: rgb(229, 230, 230);
  color: #000;
  padding-top: 8px;
  padding-left: 5px;
  cursor: pointer;
  margin-bottom: 10px;
  margin-top: 10px;
}

      .user-exercise-areas .user-exercise-area-value .card-head .tools {
        line-height: 0px;
        min-height: 20px;
        margin-top: -3px;
      }

        .user-exercise-areas .user-exercise-area-value .card-head .tools .btn-group .btn-icon-toggle {
          width: 20px;
          font-size: 10px;
          height: 20px;
          display: flex;
          justify-content: center;
          align-items: center;
        }

          .user-exercise-areas .user-exercise-area-value .card-head .tools .btn-group .btn-icon-toggle .fa {
            line-height: 0px;
          }

      .user-exercise-areas .user-exercise-area-value .card-head header {
        padding-left: 0px;
        font-weight: bold;
        font-size: 13px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

    .user-exercise-areas .user-exercise-area-value .area-value-item.area-value {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #e5e6e6;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

      .user-exercise-areas .user-exercise-area-value .area-value-item.area-value:hover {
        background-color: rgb(229, 230, 230);
      }

      .user-exercise-areas .user-exercise-area-value .area-value-item.area-value .area-value-title {
        position: relative;
        padding-left: 3px;
        width: 100%;
        min-height: 37px;
        display: flex;
        align-items: center;
        flex-direction: row;
      }

        .user-exercise-areas .user-exercise-area-value .area-value-item.area-value .area-value-title span {
          width: auto;
          padding-top: 5px;
          padding-bottom: 5px;
          margin-right: 10px;
        }

          .user-exercise-areas .user-exercise-area-value .area-value-item.area-value .area-value-title span.value {
            padding-left: 20px;
          }

      .user-exercise-areas .user-exercise-area-value .area-value-item.area-value.jsSelected {
        background-color: #2196f3;
        color: #fff;
      }

      .user-exercise-areas .user-exercise-area-value .area-value-item.area-value .area-editors {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
      }

        .user-exercise-areas .user-exercise-area-value .area-value-item.area-value .area-editors .area-editor, .user-exercise-areas .user-exercise-area-value .area-value-item.area-value .area-editors .area-delete {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
          z-index: 10;
          cursor: pointer;
        }

          .user-exercise-areas .user-exercise-area-value .area-value-item.area-value .area-editors .area-editor:hover, .user-exercise-areas .user-exercise-area-value .area-value-item.area-value .area-editors .area-delete:hover {
            background-color: rgba(33, 150, 243, 1);
            color: #fff;
          }
/* Phases */
.warmup {
  color: #f44336;
}

.mainphase {
  color: #fc7604;
}

.cooldown {
  color: #2196f3;
} 

div.warmup {
  background-color: #f44336;
  color:#ffffff;
}

div.mainphase {
  background-color: #fc7604;
  color:#ffffff;
}

div.cooldown {
  background-color: #2196f3;
  color:#ffffff;
}

.user-exercise-phase-area {
  border-bottom: 2px solid rgba(33, 150, 243, 0.2);
  /*padding: 0 5px 0 5px;*/
}

  .user-exercise-phase-area:last-child {
    border-bottom: 0px;
  }

  .user-exercise-phase-area.validate-error {
    border: 1px solid #f44336 !important;
  }

  .user-exercise-phase-area .phase-header {
    /*display: flex;*/
    justify-content: space-between;
    cursor: pointer;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(33, 150, 243, 0.2);
  }

    .user-exercise-phase-area .phase-header.collapsed {
      padding-bottom: 0px;
      border-bottom: 0;
    }

      .user-exercise-phase-area .phase-header.collapsed .fa-cogs {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
      }

    .user-exercise-phase-area .phase-header .phase-tools {
      display: flex;
      align-items: center;
    }

    .user-exercise-phase-area .phase-header .phase-title .title {
      font-size: 12px;
      padding-left: 5px;
      float: left;
      opacity: 0.7;
    }

    .user-exercise-phase-area .phase-header .phase-title .phase-title-value {
      font-weight: bold;
      font-size: 15px;
    }

    .user-exercise-phase-area .phase-header .phase-title .phase-title-top-category {
      display: none;
    }

    .user-exercise-phase-area .phase-header .fa-cog {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear;
    }

    .user-exercise-phase-area .phase-header.collapsed .fa-cog {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

.exercise-default-settings .settings-component {
  width: 100%;
  margin-bottom: 10px;
}

  .exercise-default-settings .settings-component .control-label {
    margin-bottom: 0px;
    font-size: 12px;
    opacity: 0.7;
    white-space: nowrap;
  }

  .exercise-default-settings .settings-component .form-control {
    height: 23px;
  }

  .exercise-default-settings .settings-component .field-validation-error {
    font-size: 10px;
    white-space: nowrap;
  }

  .exercise-default-settings .settings-component .select2-container .select2-selection {
    min-height: 20px;
    height: 20px;
    border-radius: 2px;
  }

  .exercise-default-settings .settings-component .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -8px;
    right: -3px;
  }

  .exercise-default-settings .settings-component .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 4px;
    padding-right: 0px;
  }

.user-exercise-phases .exercise-program-phase-container {
  border: 1px solid rgba(33, 150, 243, 0.5);
  margin-bottom: 5px;
  margin-right: 5px;
}
  .user-exercise-phases .warmup {
    background-color: #f44336;
  }

  .user-exercise-phases .mainphase {
    background-color: #fc7604;
  }

  .user-exercise-phases .cooldown {
    background-color: #2196f3;
  }

  .user-exercise-phases .exercise-program-phase-container.validate-error {
    border: 1px solid #f44336;
  }

  .user-exercise-phases .exercise-program-phase-container .exercise-program-phase-header .radio {
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
  }

    .user-exercise-phases .exercise-program-phase-container .exercise-program-phase-header .radio .btn-icon-toggle {
      border-radius: 0px !important;
    }

    .user-exercise-phases .exercise-program-phase-container .exercise-program-phase-header .radio label {
      width: 100%;
      padding: 5px;
      font-weight: bold;
      color: #2196f3;
    }

  .user-exercise-phases .exercise-program-phase-container.active .exercise-program-phase-header .radio label {
    color: #fff;
  }

    .user-exercise-phases .exercise-program-phase-container.active .exercise-program-phase-header .radio label.warmup {
      background-color: #f44336;
    }

    .user-exercise-phases .exercise-program-phase-container.active .exercise-program-phase-header .radio label.mainphase {
      background-color: #fc7604;
    }

    .user-exercise-phases .exercise-program-phase-container.active .exercise-program-phase-header .radio label.cooldown {
      background-color: #2196f3;
    }

  .user-exercise-phases .exercise-program-phase-container.active .exercise-program-phase-header .radio .btn-icon-toggle {
    color: #fff;
  }

    .user-exercise-phases .exercise-program-phase-container.active .exercise-program-phase-header .radio .btn-icon-toggle.warmup {
      background-color: #f44336;
    }

    .user-exercise-phases .exercise-program-phase-container.active .exercise-program-phase-header .radio .btn-icon-toggle.mainphase {
      background-color: #fc7604;
    }

    .user-exercise-phases .exercise-program-phase-container.active .exercise-program-phase-header .radio .btn-icon-toggle.cooldown {
      background-color: #2196f3;
    }

  .user-exercise-phases .exercise-program-phase-container .exercise-program-phase-header .radio label input ~ span:before {
    border: 2px solid #2196f3;
  }

  .user-exercise-phases .exercise-program-phase-container.active .exercise-program-phase-header .radio label input:checked ~ span:before {
    border-color: #ffffff;
  }

  .user-exercise-phases .exercise-program-phase-container.active .exercise-program-phase-header .radio label input ~ span:after {
    background-color: #ffffff;
  }

  .user-exercise-phases .exercise-program-phase-container .exercise-program-phase-body {
    border-top: 1px solid rgba(33, 150, 243, 0.5);
  }

    .user-exercise-phases .exercise-program-phase-container .exercise-program-phase-body .exercise-default-settings .jsCol2 {
      width: 25%;
    }

    .user-exercise-phases .exercise-program-phase-container .exercise-program-phase-body .select2-container {
      width: 100% !important;
    }

    .user-exercise-phases .exercise-program-phase-container .exercise-program-phase-body .settings-component {
      margin-bottom: 0px;
      margin-top: 10px;
    }

.JsExerciseProgress {
  height: 65px;
}

.JsExerciseProgressBar {
  background-color: #2196f3;
  width: 0%;
}

.jsExerciseForm, .jsExerciseFormOk {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fff;
  height: 100%;
}
/* #endregion */
/* #region User Exercise Detail */
.exercise-detail .table-responsive {
  border: 1px solid #2196f3;
  margin-bottom: 10px;
}

  .exercise-detail .table-responsive .table-header {
    background-color: #2196f3;
    color: #fff;
    font-size: 20px;
    padding-left: 10px;
  }

  .exercise-detail .table-responsive .table {
    margin-bottom: 0px;
  }

    .exercise-detail .table-responsive .table thead {
      background-color: rgba(33, 150, 243, 0.2);
    }

.exercise-detail .exercise-detail-setting {
  border: 1px solid rgba(33, 150, 243, 0.5);
  margin-bottom: 10px;
  padding: 10px;
}

  .exercise-detail .exercise-detail-setting span.training-goal {
    margin: 0px 2px 7px 2px;
    padding: 0 5px 0px 5px;
    background-color: #2196f3;
    color: #ffffff;
    border-radius: 5px;
    display: inline-block;
  }

.exercise-all .viewed {
  background-color: #2196f3;
  color: #fff;
}

  .exercise-all .viewed .text-primary {
    color: #fff;
  }

  .exercise-all .viewed .training-goal {
    background-color: #fff !important;
    color: #2196f3 !important;
  }

.exercise-all .exercise {
  border: 1px solid #2196f3;
  padding: 5px;
}

  .exercise-all .exercise .view {
    position: absolute;
    right: 10px;
  }

  .exercise-all .exercise .training-goals {
    overflow-x: scroll;
    width: 100%;
    display: flex;
  }

    .exercise-all .exercise .training-goals .training-goal {
      margin: 0px 5px 6px 0px;
      padding: 0 5px 0px 5px;
      background-color: #2196f3;
      color: #ffffff;
      border-radius: 5px;
      display: block;
      font-size: 10px;
      float: left;
      white-space: nowrap;
    }

/* #endregion */
.health-scan-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.health-scan-questions .question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(12, 12, 12, 0.12);
  padding-bottom: 5px;
  padding-top: 5px;
}

  .health-scan-questions .question:last-child {
    border-bottom: 0px;
  }

  .health-scan-questions .question .options {
    padding-right: 20px;
    white-space: nowrap;
  }

    .health-scan-questions .question .options .radio-disabled {
      cursor: not-allowed;
    }

      .health-scan-questions .question .options .radio-disabled label {
        pointer-events: none;
      }

.boxes {
  display: block;
  width: 100%;
}

  .boxes .mini-box {
    display: inline-block;
    padding: 0px 10px 0 10px;
    background-color: #2196f3;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 5px;
  }

.doctor-reports .file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border: 1px solid #2196f3;
  margin-bottom: 10px;
  text-decoration: none;
}

  .doctor-reports .file:first-child {
    margin-top: 5px;
  }

  .doctor-reports .file:last-child {
    margin-bottom: 5px;
  }

  .doctor-reports .file .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

    .doctor-reports .file .info .icon {
      margin-right: 20px;
    }

.health-scan-user-list .user {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 10px;
  border: 1px solid #2196f3;
}

  .health-scan-user-list .user img {
    margin-right: 20px;
  }

table.health-scan-result-list {
  width: 100%;
}

  table.health-scan-result-list tr.first {
    border-bottom: 1px solid rgba(12, 12, 12, 0.12);
  }

  table.health-scan-result-list tr td {
    min-width: 70px;
    padding: 10px 0px 10px 0;
  }

    table.health-scan-result-list tr td table td {
      padding: 0px;
    }

    table.health-scan-result-list tr td:first-child {
      padding-right: 10px;
      width: 25%;
    }

.notifications .notification {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ticket-info {
  display: block;
  overflow: hidden;
  background-color: rgba(144, 144, 144, 0.1);
  padding: 10px;
  border-radius: 10px;
  margin-top: 20px;
}

.ticket-response {
  display: none;
}

.menu-notification-count {
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: #f44336;
  color: #fff;
  border-radius: 50px;
  top: 0px;
  left: 5px;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.height-1,
.size-1 {
    height: 40px;
}

.height-2,
.size-2 {
    height: 80px;
}

.height-3,
.size-3 {
    height: 120px;
}

.height-4,
.size-4 {
    height: 160px;
}

.height-5,
.size-5 {
    height: 200px;
}

.height-6,
.size-6 {
    height: 240px;
}

.height-7,
.size-7 {
    height: 280px;
}

.height-8,
.size-8 {
    height: 320px;
}

.height-9,
.size-9 {
    height: 360px;
}

.height-10,
.size-10 {
    height: 400px;
}

.height-11,
.size-11 {
    height: 440px;
}

.height-12,
.size-12 {
    height: 480px;
}

.width-1,
.size-1 {
    width: 40px;
}

.width-2,
.size-2 {
    width: 80px;
}

.width-3,
.size-3 {
    width: 120px;
}

.width-4,
.size-4 {
    width: 160px;
}

.width-5,
.size-5 {
    width: 200px;
}

.width-6,
.size-6 {
    width: 240px;
}

.width-7,
.size-7 {
    width: 280px;
}

.width-8,
.size-8 {
    width: 320px;
}

.width-9,
.size-9 {
    width: 360px;
}

.width-10,
.size-10 {
    width: 400px;
}

.width-11,
.size-11 {
    width: 440px;
}

.width-12,
.size-12 {
    width: 480px;
}

.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .nano > .nano-content {
        position: absolute;
        overflow: scroll;
        overflow-x: hidden;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

        .nano > .nano-content:focus {
            outline: thin dotted;
        }

        .nano > .nano-content::-webkit-scrollbar {
            display: none;
        }

    .nano > .nano-pane {
        background: rgba(0, 0, 0, 0.25);
        position: absolute;
        width: 10px;
        right: 0;
        top: 0;
        bottom: 0;
        /* Target only IE7 and IE8 with this hack */
        visibility: hidden\9;
        opacity: .01;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
    }

        .nano > .nano-pane > .nano-slider {
            background: #444;
            background: rgba(0, 0, 0, 0.5);
            position: relative;
            margin: 0 1px;
        }

    .nano:hover > .nano-pane,
    .nano-pane.active,
    .nano-pane.flashed {
        /* Target only IE7 and IE8 with this hack */
        visibility: visible\9;
        opacity: 0.99;
    }

.has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block;
}

.detail .header {
  padding: 10px;
  border: 1px solid #e5e6e6;
}

  .detail .header .user {
    display: flex;
    align-items: center;
  }

    .detail .header .user .image {
      margin-right: 10px;
    }

      .detail .header .user .image .unread {
        display: none;
      }

    .detail .header .user .name {
      font-size: 15px;
      line-height: 20px;
    }

      .detail .header .user .name span {
        display: block;
      }

      .detail .header .user .name small {
        font-size: 12px;
        opacity: 0.7;
      }

.detail .action {
  border: 1px solid #e5e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

  .detail .action .form-group {
    width: 95%;
  }

  .detail .action textarea {
    resize: none;
  }

.detail .messages {
  min-height: 400px;
  border-left: 1px solid #e5e6e6;
  border-right: 1px solid #e5e6e6;
  padding: 10px;
}

  .detail .messages .message {
    background-color: #2196f3;
    color: #fff;
    padding: 0px 10px 0px 10px;
    border-radius: 30px;
    margin-bottom: 10px;
    line-height: 1.2;
  }

    .detail .messages .message.target {
      margin-right: 5%;
      border-bottom-left-radius: 0px;
    }

    .detail .messages .message.me {
      margin-left: 5%;
      background-color: #e5e6e6;
      color: #000;
      border-top-right-radius: 0px;
    }

    .detail .messages .message .date {
      opacity: 0.7;
    }

.unread-notification {
  display: none;
  position: absolute;
  background-color: #2196f3;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #fff;
  padding: 5px;
  top: 65px;
  word-break: break-all;
  min-width: 250px;
  left: -200px;
  z-index: 99999;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  -webkit-animation: slide-up 0.3s ease-out;
  -moz-animation: slide-up 0.3s ease-out;
  -ms-animation: slide-up 0.3s ease-out;
  -o-animation: slide-up 0.3s ease-out;
  animation: slide-up 0.3s ease-out;
}

  .unread-notification:before {
    content: "▲";
    color: #2196f3;
    position: absolute;
    top: -30px;
    right: 20px;
    font-size: 25px;
  }

  .unread-notification img {
    margin-right: 5px;
  }

  .events h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 0px 0 10px 0px;
  }

  .events .event {
    padding: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 10px;
  }

    .events .event .info {
      width: 100%;
    }

      .events .event .info .header {
        display: flex;
        flex-direction: column;
      }

        .events .event .info .header .title {
          font-size: 12px;
        }

        .events .event .info .header .date {
          font-size: 15px;
          font-weight: bold;
        }

    .events .event .actions {
      display: flex;
    }

  .events h2.today {
    color: #2196f3;
  }

  .events h2.past {
    color: #f44336;
  }

  .events h2.nearby {
    color: #4caf50;
  }

  .events .event.today {
    border: 1px solid rgba(33, 150, 243, 0.5);
  }

  .events .event.past {
    border: 1px solid rgba(244, 67, 54, 0.5);
  }

  .events .event.nearby {
    border: 1px solid rgba(76, 175, 80, 0.5);
  }

  .events .event.today .info .header .title {
    color: #2196f3;
  }

  .events .event.past .info .header .title {
    color: #f44336;
  }

  .events .event.nearby .info .header .title {
    color: #4caf50;
  }
/* #region Categories */
.category-list .category .category {
  padding-left: 25px;
}

.category-list .category .data {
  display: flex;
  justify-content: space-between;
  border: 1px solid #2196f3;
  padding: 5px;
  margin-bottom: 10px;
}

  .category-list .category .data:hover {
    background-color: #2196f3;
    color: #fff;
  }

  .category-list .category .data a.btn {
    color: #2196f3;
  }

  .category-list .category .data:hover a.btn {
    color: #fff !important;
  }

    .category-list .category .data:hover a.btn:hover {
      background-color: #fff;
      color: #2196f3 !important;
    }

  .category-list .category .data .information {
    display: flex;
    align-items: center;
  }

    .category-list .category .data .information .title {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

      .category-list .category .data .information .title span {
        font-weight: bold;
        font-size: 15px;
      }

      .category-list .category .data .information .title .locations span {
        font-size: 12px !important;
        font-weight: normal !important;
        background-color: #2196f3;
        color: #fff;
        padding: 3px 5px;
        border-radius: 3px;
      }

  .category-list .category .data:hover .information .title .locations span {
    background-color: #fff;
    color: #2196f3 !important;
  }

  .category-list .category .data .actions {
    display: flex;
    align-items: center;
  }

.image .preview {
  border: 1px solid #2196f3;
  position: relative;
}

  .image .preview .close {
    position: absolute;
    opacity: 0.5;
    right: 0px;
    top: 0px;
    color: #2196f3;
    background-color: #fff;
    border-bottom-left-radius: 10px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    text-shadow: none;
  }

    .image .preview .close:hover {
      opacity: 1;
    }
/* #endregion */
/* #region Library Categories */
.library .categories .category {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 150px;
  min-width: 150px;
  justify-content: space-around;
  border: 1px solid #2196f3;
  margin: 10px;
}

  .library .categories .category:hover {
    color: #fff;
    background-color: #2196f3;
  }

    .library .categories .category:hover .logo, .library .categories .category:hover .website {
      color: #fff;
    }

  .library .categories .category .logo {
    font-size: 20px;
    font-weight: bold;
    color: #2196f3;
  }

  .library .categories .category .website {
    font-size: 15px;
    font-weight: bold;
    color: #2196f3;
  }

  .library .categories .category .title {
    text-transform: uppercase;
    font-weight: bold;
  }

/* #endregion */
/* #region Library Categories Menu */
.library-menu .category {
  background-color: #fff;
}

  .library-menu .category .category {
    background-color: #fff;
    display: none;
  }

  .library-menu .category.active {
    background-color: rgba(33, 150, 243, 0.2);
  }

  .library-menu .category.show {
    display: block;
  }

    .library-menu .category.show > .category {
      display: block;
    }

  .library-menu .category .up,
  .library-menu .category .category .up {
    display: none;
  }

  .library-menu .category.show > .title .up {
    display: block;
  }

  .library-menu .category.show > .title .down {
    display: none;
  }

  .library-menu .category .title {
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

    .library-menu .category .title .library-icon {
      height: 16px;
    }

    .library-menu .category .title .text {
      padding: 5px;
      width: 100%;
      display: flex;
      align-items: center;
    }

      .library-menu .category .title .text:hover {
        color: #fff;
        background-color: #2196f3;
      }

    .library-menu .category .title .toggle {
      cursor: pointer;
      padding: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

      .library-menu .category .title .toggle:hover {
        color: #fff;
        background-color: #2196f3;
      }

.library-contents .contents .content .text {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid rgba(33, 150, 243, 0.5);
}

  .library-contents .contents .content .text:hover {
    background-color: rgba(33, 150, 243, 0.5);
  }

/* #endregion */
/* #reiong Browser */
.browser * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.browser {
  background-color: #fff;
}

  .browser .loader {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

    .browser .loader .text {
      color: #000;
      font-size: 15px;
    }

  .browser .header {
    display: flex;
    align-items: center;
  }

    .browser .header .location {
      background-color: #e6e6e6;
      padding: 10px;
      font-weight: bold;
      border-radius: 5px;
      width: 100%;
    }

    .browser .header .back-button {
      height: 44px;
      width: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #e6e6e6;
      margin-right: 10px;
      border-radius: 5px;
      cursor: pointer;
    }

  .browser .directories {
    margin-top: 24px;
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
  }

    .browser .directories .directory {
      position: relative;
      cursor: pointer;
      float: left;
      display: flex;
      align-items: center;
      margin-bottom: 10px;
      margin-right: 0px;
    }

      .browser .directories .directory:hover {
        margin-right: 10px;
      }

        .browser .directories .directory:hover > .delete {
          opacity: 1;
        }

        .browser .directories .directory:hover > .title {
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px;
        }

      .browser .directories .directory.function {
        background-color: #2196f3;
        border: 1px solid #2196f3;
        position: relative;
        border-radius: 5px;
        cursor: pointer;
        font-size: 20px;
        color: #ffffff;
        margin-right: 20px;
        float: left;
        height: 38px;
        min-width: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .browser .directories .directory i {
        margin: 0 5px 0px 5px;
      }

      .browser .directories .directory .fa-folder-open {
        color: #ffc800;
      }

      .browser .directories .directory .title {
        background-color: #ffffff;
        border: 1px solid #2196f3;
        position: relative;
        border-radius: 5px;
        cursor: pointer;
        font-size: 20px;
        color: #000000;
        padding-right: 10px;
        padding-left: 5px;
      }

      .browser .directories .directory .delete {
        opacity: 0;
        font-size: 10px;
        background-color: #2196f3;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 38px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
      }

        .browser .directories .directory .delete i {
          color: #fff;
        }

      .browser .directories .directory .form-control {
        height: 36px;
        border-bottom-color: rgb(33, 150, 243);
        background: #2196f3;
        color: #ffffff;
      }

        .browser .directories .directory .form-control::placeholder {
          color: rgba(255, 255, 255, 0.5);
        }

  .browser .files {
    margin-top: 14px;
    display: block;
    overflow: hidden;
  }

    .browser .files .file {
      position: relative;
      float: left;
      border-radius: 5px;
      cursor: pointer;
      margin-bottom: 20px;
      margin-right: 20px;
      height: 200px;
      width: 250px;
      border: 1px solid #2196f3;
    }

      .browser .files .file:hover > .delete {
        opacity: 1;
      }

      .browser .files .file:hover > .copy {
        opacity: 1;
      }

      .browser .files .file img {
        width: 100%;
        height: 100%;
        border-radius: 5px;
      }

      .browser .files .file .name {
        position: absolute;
        bottom: 0;
        padding: 0px 5px 0px 5px;
        background-color: #2196f3;
        color: #fff;
        width: 100%;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
      }

      .browser .files .file .extension {
        position: absolute;
        bottom: 0px;
        right: 5px;
        color: #fff;
      }

      .browser .files .file .copy {
        position: absolute;
        opacity: 0;
        top: 30px;
        left: 0px;
        background-color: #2196f3;
        color: #fff;
        width: 30px;
        padding: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
      }

        .browser .files .file .copy:hover {
          background-color: #fff;
          color: #2196f3;
        }

      .browser .files .file .size {
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #2196f3;
        color: #fff;
        border-top-left-radius: 3px;
        border-bottom-right-radius: 5px;
        font-size: 10px;
        padding-right: 5px;
      }

      .browser .files .file .delete {
        position: absolute;
        opacity: 0;
        top: 0;
        right: 0px;
        background-color: #2196f3;
        color: #fff;
        width: 30px;
        padding: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 3px;
      }

        .browser .files .file .delete:hover {
          background-color: #fff;
          color: #2196f3;
        }
/* #endregion */




.fitness-test-cateogry-list {
  margin-right: 5px;
}

  .fitness-test-cateogry-list .fitness-test-category-group .card-head {
    line-height: 0px;
    border-radius: 0px;
    min-height: 30px;
    background-color: rgb(229, 230, 230);
    color: #000;
    padding-top: 8px;
    padding-left: 5px;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 10px;
  }

    .fitness-test-cateogry-list .fitness-test-category-group .card-head .tools {
      line-height: 0px;
      min-height: 20px;
      margin-top: -3px;
    }

      .fitness-test-cateogry-list .fitness-test-category-group .card-head .tools .btn-group .btn-icon-toggle {
        width: 20px;
        font-size: 10px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
      }

        .fitness-test-cateogry-list .fitness-test-category-group .card-head .tools .btn-group .btn-icon-toggle .fa {
          line-height: 0px;
        }

    .fitness-test-cateogry-list .fitness-test-category-group .card-head header {
      padding-left: 0px;
      font-weight: bold;
      font-size: 13px;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }


  .fitness-test-cateogry-list .fitness-test-category-group .fitness-test-categories .fitness-test-category {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e6e6;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

    .fitness-test-cateogry-list .fitness-test-category-group .fitness-test-categories .fitness-test-category .fa-check {
      display: none;
    }

    .fitness-test-cateogry-list .fitness-test-category-group .fitness-test-categories .fitness-test-category.selected {
      background-color: #2196f3;
      color: #fff;
    }

      .fitness-test-cateogry-list .fitness-test-category-group .fitness-test-categories .fitness-test-category.selected .fa-check {
        display: inline-block;
      }

    .fitness-test-cateogry-list .fitness-test-category-group .fitness-test-categories .fitness-test-category:hover {
      background-color: rgb(229, 230, 230);
      color: #000;
    }

    .fitness-test-cateogry-list .fitness-test-category-group .fitness-test-categories .fitness-test-category .fitness-test-category-title {
      position: relative;
      padding-left: 10px;
      width: 100%;
      min-height: 37px;
      display: flex;
      align-items: center;
      flex-direction: row;
      justify-content: space-between;
    }

      .fitness-test-cateogry-list .fitness-test-category-group .fitness-test-categories .fitness-test-category .fitness-test-category-title span {
        width: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-right: 10px;
      }

  .fitness-test-cateogry-list .fitness-test-category-group .fitness-test-categories .fitness-test {
    display: none;
  }

.fitness-test-data .fitness-test-list-header {
  margin-bottom: 25px;
}

  .fitness-test-data .fitness-test-list-header h3 {
    padding: 15px 0px 16px 0;
    margin: 0px;
    font-size: 19px;
    border-bottom: 1px solid #e4e4e4;
  }

.fitness-test-data .fitness-test-list .fitness-test {
  border: 1px solid rgba(33, 150, 243, 0.5);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

  .fitness-test-data .fitness-test-list .fitness-test.test-valid-error {
    border: 1px solid #f44336;
  }

  .fitness-test-data .fitness-test-list .fitness-test .fitness-test-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 0px 10px;
    border-bottom: 1px solid rgba(33, 150, 243, 0.5);
  }

    .fitness-test-data .fitness-test-list .fitness-test .fitness-test-header.collapsed {
      border-bottom: 0px;
    }

    .fitness-test-data .fitness-test-list .fitness-test .fitness-test-header .fitness-test-title .fitness-title-value {
      font-weight: bold;
      font-size: 15px;
    }

    .fitness-test-data .fitness-test-list .fitness-test .fitness-test-header .fitness-test-title .fitness-test-category {
      font-size: 12px;
      padding-left: 20px;
      float: left;
      opacity: 0.7;
    }

  .fitness-test-data .fitness-test-list .fitness-test .fitnes-test-body .fitness-test-areas {
    display: block;
    width: 100%;
    overflow: hidden;
  }

    .fitness-test-data .fitness-test-list .fitness-test .fitnes-test-body .fitness-test-areas .fitness-test-area {
      float: left;
      width: 50%;
      padding-left: 10px;
      padding-right: 10px;
      position: relative;
      overflow: hidden;
      padding-bottom: 10px;
    }

      .fitness-test-data .fitness-test-list .fitness-test .fitnes-test-body .fitness-test-areas .fitness-test-area .control-label {
        margin-bottom: 0px;
        font-size: 12px;
        opacity: 0.7;
        white-space: nowrap;
      }


      .fitness-test-data .fitness-test-list .fitness-test .fitnes-test-body .fitness-test-areas .fitness-test-area .form-control {
        height: 25px;
      }

      .fitness-test-data .fitness-test-list .fitness-test .fitnes-test-body .fitness-test-areas .fitness-test-area .field-validation-error {
        bottom: -5px;
        font-size: 10px;
      }

      .fitness-test-data .fitness-test-list .fitness-test .fitnes-test-body .fitness-test-areas .fitness-test-area.fitness-test-time {
        display: flex;
        align-items: center;
      }

        .fitness-test-data .fitness-test-list .fitness-test .fitnes-test-body .fitness-test-areas .fitness-test-area.fitness-test-time .fitness-test-time-minute {
          width: 100%;
        }

        .fitness-test-data .fitness-test-list .fitness-test .fitnes-test-body .fitness-test-areas .fitness-test-area.fitness-test-time .fitness-test-time-seconds {
          width: 100%;
        }

.fitness-test-detail-page .fitness-test-header .fitness-test-header-title {
  display: flex;
  align-items: center;
}

.fitness-test-detail .right-chart {
  position: relative;
  height: 80vh;
  width: 100vw;
}

.fitness-test-detail .fitness-test-detail-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

  .fitness-test-detail .fitness-test-detail-info .fitness-test-detail-title {
    margin: 0px;
    font-size: 15px;
    font-weight: bold;
  }

  .fitness-test-detail .fitness-test-detail-info .fitness-test-detail-point {
    font-size: 40px;
    line-height: 55px;
    color: #2196f3;
  }

  .fitness-test-detail .fitness-test-detail-info .fitness-test-detail-point-text {
    font-size: 25px;
    font-weight: bold;
  }

.fitness-test-detail .fitness-test-detail-values {
  border-top: 1px solid #2196f3;
  padding-top: 20px;
  margin-top: 10px;
}

  .fitness-test-detail .fitness-test-detail-values span {
    position: relative;
    margin-right: 5px;
  }

    .fitness-test-detail .fitness-test-detail-values span:last-child {
      margin-right: 0px;
    }

    .fitness-test-detail .fitness-test-detail-values span:after {
      content: "";
      position: absolute;
      width: 1px;
      height: 25px;
      background-color: #2196f3;
      right: -5px;
      top: -5px;
    }

    .fitness-test-detail .fitness-test-detail-values span:last-child:after {
      display: none;
    }

.trainer-data .profile-image {
  max-width: 100%;
  max-height: 200px;
}

.trainer-list .trainer-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  height: 150px;
  margin: 5px 5px 30px 5px;
  border: none;
}

  .trainer-list .trainer-item .trainer-functions {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    color: #2196f3;
  }

    .trainer-list .trainer-item .trainer-functions a:hover {
      color: #fff;
      background-color: #2196f3;
      border-color: #2196f3;
    }

  .trainer-list .trainer-item .trainer-profile-image img {
    width: 120px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
  }

.user-home-cards .home-card {
  overflow: hidden;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
  margin: 30px;
  background-color: #2196f3;
  color: #fff;
}

  .user-home-cards .home-card:hover {
    color: #2196f3;
    background-color: #fff;
  }

  .user-home-cards .home-card .card-icon {
    font-size: 60px;
    min-width: 60px;
  }

  .user-home-cards .home-card .card-title {
    font-size: 20px;
  }

@media screen and (max-width: 768px) {
  .mobile-full-width {
    width: 100%;
    white-space: pre-wrap;
  }
}

.back-to-top {
  display: none;
  position: fixed;
  bottom: 20%;
  right: 10px;
}

  .back-to-top span {
    border-radius: 60%;
    font-size: 20px;
    color: #ffffff;
    background-color: #2196f3;
    padding: 5px;
  }

.weekHeader {
  border:thin;
  background-color:antiquewhite;
}

.weekDays {
  border-top: solid thin;
  border-right: solid thin;
}