/**
 * Global
 */
pre {
  color: #c7254e;
  font-size: 90%;
  margin: 0;
}
.dropdown-menu.center {
  left: 50%;
  right: auto;
  text-align: center;
  transform: translate(-50%, 0);
}

.login-box, .register-box {
  margin: 7% auto;
}
.login-box-msg, .register-box-msg {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .register-box {
    width: 768px;
  }
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu>li.user-header {
  height: auto;
}
@media (max-width: 991px) {
  .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    right: 0;
  }
}

.user-panel>.info>p {
  margin-bottom: 7px;
}

/**
 * Datatables
 */
.table-datatables .center { text-align: center; }
.table-datatables .left { text-align: left; }
.table-datatables .right { text-align: right; }
.table-datatables th, .table-datatables td { vertical-align: middle !important; }

.table-datatables thead tr>th .btn-group.open .dropdown-toggle,
.table-datatables thead tr>th .btn-group:hover .dropdown-toggle,
.table-datatables thead tr>th .btn-group:active .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.table-datatables thead tr>th .btn-group .btn {
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  font-weight: bold;
  background: transparent;
}
.table-datatables tbody tr>td.action form {
  display: inline-block;
}
.table-datatables tbody tr>td.action>* {
  margin: 0 1px;
}

/**
 * Form Group
 */
.form-group label ~ sup.fa {
  top: -0.3em;
  margin-left: 2px;
  font-size: 11px;
}
.form-group .select2-container {
  display: block;
  width: 100% !important;
}

.form-group.has-error .select2-selection,
.form-group.has-error .list-group-item,
.form-group.has-error img {
  border-color: #dd4b39;
  box-shadow: none;
}
.form-group.has-warning .select2-selection,
.form-group.has-warning .list-group-item,
.form-group.has-warning img {
  border-color: #f39c12;
  box-shadow: none;
}
.form-group.has-success .select2-selection,
.form-group.has-success .list-group-item,
.form-group.has-success img {
  border-color: #00a65a;
  box-shadow: none;
}

.form-group.has-error .list-group,
.form-group.has-error sup { color: #dd4b39; }
.form-group.has-warning .list-group,
.form-group.has-warning sup { color: #f39c12; }
.form-group.has-success .list-group,
.form-group.has-success sup { color: #00a65a; }

/**
 * iCheck
 */
.icheck.checkbox > label:not(:last-child),
.icheck.radio > label:not(:last-child) {
  padding-right: 10px;
}
.icheck.checkbox > label > div,
.icheck.radio > label > div {
  top: -2px;
  margin-right: 5px;
}

/**
 * Google reCAPTCHA
 */
.g-recaptcha > div {
  margin-left: auto;
  margin-right: auto;
}

.img-thumbnail-landscape {
  height: 40vh;
}

.add-top-pick-btn, .add-exercise-btn, .add-workout-btn, .update-workout-form-btn {
  margin-top: 25px;
}

.add-workout-btn {
  width: 100%;
}

.section-row {
  margin-bottom: 15px;
}

.remove-category-btn, .remove-day-btn {
  margin-top: 5px;
  margin-left: 10px;
}

.remove-section-btn {
  margin-top: 24px;
  margin-left: 10px;
}

.exercise-section-name {
  font-weight: 700;
}

.select-filter {
  margin-bottom: 20px;
}

.select-workout-sport, .select-program-sport {
  margin-bottom: 20px;
}

.main-sidebar, .main-header .logo {
  width: 250px;
}

.main-header .navbar {
  margin-left: 250px;
}

.content-wrapper, .right-side, .main-footer {
  margin-left: 250px;
}

.workout-day-label {
  margin-top: 20px;
  font-size: 24px;
  font-weight: normal !important;
}

.workout-day-label-running {
  font-size: 24px;
  font-weight: normal !important;
}

#flash-notification {
  left: 250px !important;
  z-index: 999 !important;
}

.row .left-separator {
  border-left: 1px solid #ddd;
}

.category-row, .week-row, .day-row, .custom-box {
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 2px 2px 1px #ccc;
  background-color: #fdfdfd;
  margin: 2px 2px 15px 8px;
  padding-top: 10px;
}

.custom-box {
  padding: 15px 20px;
}

.custom-box h4 {
  margin-top: 0px;
}

.account-removal-box, .meal-plan-box {
  padding: 15px 20px;
}

.meal-plan-box {
  margin-top: 22px;
}

.week-row {
  padding-bottom: 10px;
}

.week-row h3 {
  font-weight: 700;
  margin-top: 2px;
  padding-left: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.workout-table-row {
  margin-top: 10px;
}

.input-has-error {
  border: 1px solid #dd4b39;
}

.text-error {
  color: #dd4b39;
  font-weight: 700;
}

.table-disabled {
  background-color: #eee;
}

.for-mobile {
  font-family: Muli, 'Segoe UI', sans-serif;
}

.chart-content {
  margin-top: 15px;
}

.chart-description-text {
  font-weight: 400;
  position: relative;
  top: 20px;
  color: #888;
}

.type-cal-parent {
  width: 50%;
}

.type-cal-parent a {
  width: 100%;
}

.select-type-button {
  border: 1px solid #ccc;
  border-radius: 16px;
  box-shadow: #ccc 0 4px 4px;
  display: flex;
}

.select-type-button a {
  text-decoration: none;
  flex: 1;
  display: inline-block;
  text-align: center;
  border: 1px solid rgba(0,0,0,0);
  padding-top: 8px;
  padding-bottom: 8px;
  color: #aaa;
}

.select-type-button .type-cal-parent a.active {
  color: #444;
  background-color: #fdc12c;
  font-weight: 600;
}

.select-type-button .type-calories {
  border-right: 1px solid #aaa;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.select-type-button .type-duration {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.workout-result-type-icon {
  position: relative;
  top: -1px;
}

.total-time-field {
  font-weight: 700;
}

.disable-input:read-only {
  background: #eee !important;
  color: #333;
}

table.exercise-table tr td, table.motivation-audio-table tr td {
  vertical-align: middle;
}

.length-type-td .select2 {
  width: 100% !important;
}

.select-wrapper input.select-dropdown, .dropdown-content li > a, .dropdown-content li > span {
  font-size: 14px !important;
}

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

.running-section-title {
  font-weight: 700;
  font-style: italic;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .select-wrapper input.select-dropdown, .dropdown-content li > a, .dropdown-content li > span {
    font-size: 13px !important;
  }

  .select-wrapper input.select-dropdown {
    height: 27px;
  }

  .chart-description-text {
    font-size: 13px;
  }

  .type-cal-parent {
    font-size: 13px;
  }

  .input-field {
    margin-top: 13px;
    font-weight: 600;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .chart-description-text {
    font-size: 12px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .chart-description-text {
    font-size: 12px;
  }
}

.img-thumbnail-avatar {
  width: 100px;
  border-radius: 50%;
  height: 100px;
  display: block;
}

.list-expanded li span.check-label {
  margin-left: 7px;
}

.list-expanded li {
  margin-bottom: 3px;
}

.top-filter-section {
  margin-bottom: 20px;
}

.text-field-rounded {
  border: 1px solid rgb(210, 214, 222);
  border-radius: 3px;
}

div.action-buttons-inline {
  display: inline-flex;
}

div.action-buttons-inline button {
  margin-right: 10px;
}

.filter-box {
  margin: 10px 0 8px 0;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.mt0 {
  margin-top: 0px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px;
}

.ml0 {
  margin-left: 0px;
}

.ml25 {
  margin-left: 25px;
}

.mr10 {
  margin-right: 10px;
}

.pl0 {
  padding-left: 0;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.col15 {
  width: 10%;
}

.col05 {
  width: 6%;
}

.col45 {
  width: 44% !important;
}

.w7percent {
  width: 7%;
}

.w10percent {
  width: 10%;
}

.w15percent {
  width: 15%;
}

.w18percent {
  width: 18%;
}

.w82percent {
  width: 82%;
}

.w38percent {
  width: 38%;
}

.w100percent {
  width: 100% !important;
}

.played-at-unit-label, .running-template-unit-label {
  margin-left: -40px;
}

.preloader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-image: url('../file/assets/images/loader3.svg');
  background-size: 60px;
  background-repeat: no-repeat;
  background-color: #FFF;
  background-position: top 30px right 50%;
}

.user-level-badge {
  font-size: 25px;
  text-align: center;
  vertical-align: middle !important;
  width: 250px !important;
}

/* .user-level-table tbody tr:nth-child(5n) td:nth-child(1) {
  border-bottom: 2px solid rgba(17, 17, 17, 0.2) !important;
} */

.user-level-table tbody tr td:nth-child(1) {
  width: 100px;
}

.user-level-table tbody tr td:nth-child(2) {
  width: 150px;
}

.user-level-table tbody tr:nth-child(1) td:nth-child(2) {
  width: 100px;
}

.user-level-table tbody tr:nth-child(1) td:nth-child(3) {
  width: 150px;
}

div.error .help-block {
  color: red;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 400px !important;
}

.black-background {
  background-color: #000;
}

.target-template {
  margin-bottom: 16px;
}

.select2-container-out {
  padding: 25px;
}

.select2-container--default .select2-results > .select2-results__options .select2-results__option {
  font-weight: 600;
}

.select2-container--default .select2-results > .select2-results__options > .select2-results__option--highlighted {
  font-weight: 700;
}

#select-chapter .select2 .select2-selection {
  font-weight: 700;
}

.select2-container .select2-dropdown {
  background: #fff !important;
}

.bg-lightcyan {
  background: lightcyan;
}

.text-small {
  font-size: 1.7rem;
}

.text-medium {
  font-size: 2rem;
}

.avatar-name {
  margin-left: 25px;
  margin-top: 10px;
}

.page-navigation {
  width: 44rem;
  float: left;
  position: relative;
  top: 8px;
}

.page-navigation .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
  border-radius: 6px;
}

.reps-dash {
  width: 0%;
  margin-top: 30px;
  margin-left: -18px;
}

.exercise-table .reps-dash {
  margin-top: 7px;
}

.exercise-table-weight {
  margin-top: 15px;
}

.how-to-perform {
  resize: vertical
}

.file-video-preview {
  height: 350px;
}

.vertical-align-top {
  vertical-align: top !important;
}

.superset-title {
  font-weight: 700;
  color: chocolate
}

.box-shadow-bolder {
  box-shadow: 0 3px 5px rgba(0,0,0,0.2)
}

.underline {
  text-decoration: underline;
}