@-webkit-keyframes alertMe {
  from {
    border-width: 3px;
    border-color: gold; }
  to {
    border-width: 0;
    border-color: rgba(255, 215, 0, 0.1); } }

@keyframes alertMe {
  from {
    border-width: 3px;
    border-color: gold; }
  to {
    border-width: 0;
    border-color: rgba(255, 215, 0, 0.1); } }

@media (min-width: 1441px) and (max-width: 1600px) {
  .coach-src {
    max-width: 1093px; }
  .dashboard-content.overlay .coach-src {
    max-width: 100%; }
  .dashboard .right-side {
    flex: 0 0 22%; }
  .main-dashboard.client .content .container, .main-dashboard.client .content .container-fluid {
    padding-left: 24px;
    padding-right: 24px; }
  .session-card .session-info {
    flex: 0 0 39%; }
  .notes-card .session-card .session-info {
    flex: 0 0 49%; } }

@media (max-width: 1368px) {
  .main-dashboard.client .content .container, .main-dashboard.client .content .container-fluid {
    padding-left: 24px;
    padding-right: 24px; }
  .session-card .session-info {
    flex: 0 0 39%; }
  .notes-card .session-card .session-info {
    flex: 0 0 49%; }
  .feedback-line {
    padding: 20px 0; } }

@media (max-width: 1365px) {
  .main-brand img {
    height: 36px; }
  .dashboard .right-side {
    flex: 0 0 20%; }
    .dashboard .right-side .dash-right {
      width: 20%;
      height: auto; }
      .dashboard .right-side .dash-right .small-tab .tab-option {
        margin: 0 16px; }
      .dashboard .right-side .dash-right .small-tab .tab-pane {
        padding: 16px; }
      .dashboard .right-side .dash-right .list-box {
        padding: 9px 0; }
      .dashboard .right-side .dash-right .small-tab .nav-link i {
        font-size: 18px; }
      .dashboard .right-side .dash-right .tab-option .nav-tabs li a {
        padding: 10px; }
      .dashboard .right-side .dash-right .tab-option .nav-tabs .nav-item .nav-link {
        font-size: 13px; }
      .dashboard .right-side .dash-right .list-thumb.no-image {
        height: 30px;
        line-height: 30px;
        font-size: 16px; }
  .main-dashboard .dashboard-content {
    width: 75%; }
  .left-side.expand .side-profile img {
    width: 65px;
    height: 65px; }
  .left-side.expand .side-profile .profile-info.side-block h3 {
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 12px; }
  .left-side.expand .side-profile .profile-info .small-text {
    text-align: center; }
  .left-side.expand .side-profile .profile-info.side-block .profile-group .btn.btn-default {
    min-width: inherit; }
  .dashboard-side .side-profile img {
    width: 48px;
    height: 48px; }
  .chart-info .small-tab .tab-pane {
    padding: 16px; }
  .chart-info .small-tab .tab-option {
    margin: 0; }
  .chart-info .pad-title {
    padding: 16px; }
  .big-card .card-title.pad-title {
    margin-bottom: 16px; }
  .coach-media .small-text img {
    width: 24px;
    height: 24px; }
  .coach-client .pad-title {
    padding: 16px; }
  .coach-client .entry-wrap.pad-24 {
    padding: 16px; }
  .table-content .inline-input .inline-item .form-control {
    width: 90%; }
    .table-content .inline-input .inline-item .form-control:nth-last-of-type(1) {
      width: 100%; }
  .note-mid .inline-item img {
    width: 48px;
    height: 48px; }
  .form-default.form-inlined.four-col .form-group.end {
    min-width: inherit; }
  .table-option.for-report .form-default.form-inlined.four-col .form-group {
    width: calc(100% / 4 - 6px); }
  .table-option.for-report .form-default.form-inlined .btn.btn-default {
    min-width: inherit;
    padding: 9px; }
  .table-content.for-report .table tbody > td, .table-content.for-report .table td {
    padding: 10px 4px; }
  .table tbody > td, .table td {
    padding: 12px; }
  .profile-box .right-profile {
    flex: 0 0 28%; }
  .session-card .session-info {
    flex: 0 0 34%; }
  .notes-card .session-card .session-info {
    flex: 0 0 48%; } }

@media (min-width: 1281px) and (max-width: 1368px) {
  .main-brand img {
    height: 36px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; }
  .header-content .btn.dash-menu {
    padding: 16px 22px; }
  .dashboard-content.overlay .coach-src {
    max-width: 100%; }
  .dashboard .right-side {
    flex: 0 0 19%; }
    .dashboard .right-side .dash-right {
      width: 19%; }
    .dashboard .right-side .small-tab .tab-pane {
      padding: 16px; }
    .dashboard .right-side .small-tab .tab-option {
      margin: 0 16px; }
    .dashboard .right-side .pad-title {
      padding: 24px 16px; }
    .dashboard .right-side .small-tab .nav-link i {
      font-size: 18px; }
    .dashboard .right-side .mid-right .nav-item a {
      font-size: 13px;
      padding: 8px; }
      .dashboard .right-side .mid-right .nav-item a:hover {
        font-size: 13px;
        padding: 8px; }
    .dashboard .right-side .mid-right .list-thumb.no-image {
      width: 34px;
      height: 34px;
      line-height: 34px; }
    .dashboard .right-side .list-box {
      padding: 4px 0; }
      .dashboard .right-side .list-box .list-text p {
        margin-bottom: 0;
        font-size: 13px;
        line-height: 1.4; }
  .notify-has-thumbnail .small-thumbnail {
    width: 34px;
    height: 34px; }
    .notify-has-thumbnail .small-thumbnail i {
      line-height: 34px;
      font-size: 14px; }
  .notify-has-thumbnail.for-notif .small-thumbnail {
    flex: 0 0 12%; }
  .plan-content .list-grid-wrap.grid .list-entry {
    width: calc(100% / 3 - 16px); }
  .table-option .inline-input .inline-item .form-control {
    width: 96%;
    display: inline-block;
    vertical-align: middle; }
  .edit-profile .side-label .left-field {
    flex: 0 0 20%;
    padding-right: 24px; }
  .form-default.single-half .form-group {
    width: calc(75% - 12px); }
  .side-label .left-field {
    flex: 0 0 20%;
    padding-right: 24px; }
  .article-wrap .article-grid .card {
    width: calc(100% / 3 - 16px); }
  .page-sidebar.is-full .article-wrap .article-grid .card {
    width: calc(100% / 4 - 16px); } }

@media (min-width: 1025px) and (max-width: 1280px) {
  .coach-client .progress-card img {
    height: 282px; }
  .entry-wrap.pad-24.custom .list-box:nth-last-child(1) {
    display: none; }
  .dash-right .nav-item i {
    display: none; }
  .dashboard .right-side .dash-right .small-tab .nav-link i {
    display: none; }
  .container.reset.no-pad .main-title.has-option {
    padding: 16px; }
  .category-messages .main-category {
    padding: 16px;
    margin: 0;
    background: #fcfcfc;
    border: none;
    border-radius: 0; }
  .category-messages .category-title {
    padding: 0 16px; }
  .category-messages .recent-client a {
    padding: 8px; }
  .article-wrap .article-grid .card {
    width: calc(100% / 3 - 16px); }
  .page-sidebar.is-full .article-wrap .article-grid .card {
    width: calc(100% / 4 - 16px); }
  .side-interest h5 {
    font-size: 14px; }
  .side-sub .btn.btn-feed {
    padding: 8px; }
  .side-sub .side-interest {
    padding: 16px 8px; }
  .overview-note .note-card .note-title h3 {
    font-size: 14px; }
  .client-overview.for-plan .box-client .feedback-line {
    padding: 8px 0; }
  .client-overview.for-plan .list-grid-wrap.list .list-entry .list-inner .list-plan {
    flex: 0 0 31%; }
  .client-overview.for-note .list-grid-wrap.list .list-entry .list-inner .list-plan {
    flex: 0 0 56%; }
  .client-overview.for-note .client-left .box-notes .list-grid-wrap.list .list-entry .list-inner .list-plan {
    flex: 0 0 50%; } }

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .main-brand img {
    height: 28px; }
  .item.green-gradient.pad-24,
  .item.purple-gradient.pad-24,
  .item.red-gradient.pad-24 {
    padding: 16px; }
  .dashboard-content .container, .dashboard-content .container-fluid {
    padding-left: 16px;
    padding-right: 16px; }
  .top-info .user-intro {
    flex: 1;
    padding-right: 24px; }
  .top-info .button-group .btn {
    padding: 8px 12px; }
  .top-stats .numeric {
    font-size: 36px; }
  .chart-info .list-two-third .two-item.big,
  .coach-media .list-two-third .two-item.big {
    flex: 0 0 100%;
    margin-right: 0;
    width: 100%; }
  .chart-info .list-two-third .two-item,
  .coach-media .list-two-third .two-item {
    flex: 0 0 100%; }
  .chart-info .list-box .list-thumb,
  .coach-media .list-box .list-thumb {
    flex: inherit;
    margin-right: 16px; }
    .chart-info .list-box .list-thumb img,
    .coach-media .list-box .list-thumb img {
      width: 48px;
      height: 48px; }
  .chart-info .list-thumb.no-image,
  .coach-media .list-thumb.no-image {
    width: 48px;
    height: 48px;
    line-height: 48px; }
  .dashboard .right-side .dash-right {
    width: 26%; }
  .dashboard .right-side {
    flex: 0 0 26%; }
  .main-dashboard .dashboard-content {
    width: 69%; }
  .dashboard .right-side .dash-right .list-box {
    padding: 5px 0; }
  .coach-client .list-two-third .two-item {
    flex: inherit; }
  .coach-client .list-two-third .two-item.big {
    flex: 1;
    margin-right: 0; }
  .coach-client .two-item.card.small-tab {
    flex: 1; }
  .coach-client .coach-progress .progress-card {
    width: 100%;
    margin-bottom: 16px;
    margin-right: 16px;
    /*&:nth-last-of-type(1),
      &:nth-last-of-type(2) {
        display: none;
      }*/ }
  .source-item .card .card-thumb {
    flex: 0 1 46%; }
  .coach-media .two-item.card {
    margin-bottom: 16px; }
  .coach-media .two-item.big {
    border-radius: 0 0 8px 8px; }
  .dashboard-side .side-profile img {
    width: 34px;
    height: 34px; }
  .left-side.expand {
    flex: 0 0 25%; }
  .left-side.expand .side-nav {
    width: 25%; }
  .table tbody {
    font-size: 14px; }
  .table-option .form-default.form-inlined.three-col .form-group:nth-of-type(1) {
    flex: 0 0 33%; }
  .table-media {
    padding: 2px;
    margin: 0 auto 4px;
    display: block; }
  .table-content tbody tr > td a {
    display: block;
    text-align: center; }
  .content-option .side-option .side-sub {
    width: 24%; }
  .content-option .side-option {
    flex: 0 0 25%; }
  .table-option .form-default.form-inlined .btn.btn-default {
    margin: 0;
    padding: 8px 20px;
    min-width: inherit; }
  .side-label .left-field {
    flex: 0 0 25%;
    padding-right: 16px; }
  .header-content .btn.dash-menu, .header-content .btn.btn-add {
    padding: 16px 13px; }
  .card-notes .card {
    width: calc(100% / 3 - 16px);
    margin-bottom: 16px;
    margin-right: 16px;
    margin-top: 0; }
  .profile-box .right-profile {
    flex: 0 0 100%; }
  .form-default.single-half .form-group {
    width: 100%; }
  .table-option.for-report .form-default.form-inlined.four-col .form-group {
    width: calc(100% / 2 - 8px); }
    .table-option.for-report .form-default.form-inlined.four-col .form-group:nth-last-of-type(1), .table-option.for-report .form-default.form-inlined.four-col .form-group:nth-last-of-type(2) {
      margin-top: 16px; }
  .progress-card img {
    height: 165px; }
  .coach-media .list-thumb img {
    min-height: 165px; }
  .coach-media .list-two-third.for-article .two-item.card {
    flex: 0 0 49%; }
  .coach-media .list-two-third.for-article .card .list-thumb {
    flex: 0 0 38%; }
  .coach-media .list-two-third.for-article .two-item.card {
    flex: inherit; }
  .list-two-third.for-article .card .list-thumb img {
    border-radius: 8px 0 0 8px;
    min-height: 255px; }
  .top-info .top-button {
    flex: 0 0 34%;
    margin-top: 66px; }
  .top-info {
    align-items: center; }
  .top-stats .circle-icon {
    margin-right: 10px; }
  .article-wrap .article-grid .card {
    width: calc(100% / 2 - 16px); }
  .page-sidebar.is-full .article-wrap .article-grid .card {
    width: calc(100% / 3 - 16px); }
  .main-dashboard.client .content-option .side-option .side-sub {
    width: 20%; } }

@media (max-width: 1024px) {
  .main-dashboard.client .content-option .side-option {
    flex: 0 0 20%; }
  .client-overview .client-right {
    flex: auto;
    margin-left: 0;
    width: 100%; }
  .session-card .session-info {
    flex: 0 0 50%; }
  .notes-card .session-card .session-info {
    flex: 0 0 61%; }
  .client-right .dual-list .list-left {
    flex: 0 0 30%; }
  .client-right .box-client {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-top: 0; }
    .client-right .box-client .dual-list .list-left {
      flex: 0 0 100%;
      margin-bottom: 8px; }
    .client-right .box-client:nth-last-of-type(1) {
      margin-left: 24px;
      width: 46%; }
  .feedback-line {
    padding: 10px 0; }
  .client-overview.for-session .client-right {
    flex: auto;
    width: 100%;
    margin-top: 24px; }
  .client-overview.for-note .client-left {
    margin-right: 16px; }
  .client-overview.for-plan .client-right {
    flex: auto;
    width: 100%; }
    .client-overview.for-plan .client-right .box-client:nth-last-of-type(1) {
      margin-left: 0;
      width: 100%; } }

@media (max-width: 1023px) {
  .mobile-header,
  .mob-only {
    display: block; }
  .mob-hide {
    display: none; }
  /* body,
  html {
    height: initial;
  }*/
  .main-header {
    display: none; }
  .dashboard-content .container, .dashboard-content .container-fluid {
    padding-left: 16px;
    padding-right: 16px; }
  .item.green-gradient.pad-24,
  .item.purple-gradient.pad-24,
  .item.red-gradient.pad-24 {
    padding: 16px; }
  .dashboard-content .container, .dashboard-content .container-fluid {
    padding-left: 16px;
    padding-right: 16px; }
  .top-info .user-intro {
    flex: 1;
    padding-right: 24px; }
  .top-info .button-group .btn {
    padding: 8px 12px; }
  .top-stats .numeric {
    font-size: 36px; }
  .chart-info .list-two-third .two-item.big,
  .coach-media .list-two-third .two-item.big {
    flex: 0 0 100%;
    margin-right: 0;
    width: 100%; }
  .chart-info .list-two-third .two-item,
  .coach-media .list-two-third .two-item {
    flex: 0 0 100%; }
  .chart-info .list-box .list-thumb,
  .coach-media .list-box .list-thumb {
    flex: inherit;
    margin-right: 16px; }
    .chart-info .list-box .list-thumb img,
    .coach-media .list-box .list-thumb img {
      width: 48px;
      height: 48px; }
  .chart-info .list-thumb.no-image,
  .coach-media .list-thumb.no-image {
    width: 48px;
    height: 48px;
    line-height: 48px; }
  .dashboard .right-side .dash-right {
    width: 26%; }
  .dashboard .right-side {
    flex: 0 0 26%; }
  .main-dashboard .dashboard-content {
    width: 69%; }
  .dashboard .right-side .dash-right .list-box {
    padding: 5px 0; }
  .coach-client .list-two-third .two-item {
    flex: inherit; }
  .coach-client .list-two-third .two-item.big {
    flex: 1;
    margin-right: 0; }
  .coach-client .two-item.card.small-tab {
    flex: 1; }
  .source-item .card .card-thumb {
    flex: 0 1 46%; }
  .coach-media .two-item.card {
    margin-bottom: 16px; }
  .coach-media .two-item.big {
    border-radius: 0 0 8px 8px; }
  .main-dashboard {
    min-height: 100%; }
  .dashboard .left-side {
    flex: none; }
    .dashboard .left-side .side-nav {
      width: 0; }
    .dashboard .left-side.expand {
      width: auto;
      z-index: 2; }
      .dashboard .left-side.expand .side-nav {
        width: 70%;
        padding-top: 0; }
  body.overlay {
    position: relative;
    z-index: 0;
    overflow: hidden; }
    body.overlay:after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      background: rgba(0, 0, 0, 0.5);
      top: 0;
      left: 0;
      right: 0;
      margin: auto;
      z-index: 1; }
  .footer {
    display: none; }
  .side-profile .btn.dash-menu {
    min-width: inherit;
    padding: 0;
    box-shadow: none;
    border: none;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 0;
    background: rgba(0, 0, 0, 0.045);
    border-radius: 50%;
    top: 0;
    color: #fff;
    z-index: 1; }
  .content-option .inner-content {
    height: 100%;
    min-height: 100%; }
  body {
    background: #fff; }
  .form-default .form-control {
    padding: 14px 16px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px; }
  .select2-container .select2-selection--single {
    height: 45px; }
  .inner-title .title-option .btn.btn-default {
    padding: 8px 16px; }
  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 {
    width: 16px;
    height: 16px;
    line-height: 16px;
    background-color: #f4565e; }
  .progress-card img {
    height: auto; }
  .coach-media .list-thumb img {
    min-height: 100%; }
  .page-sidebar .side-option .side-sub {
    display: none; }
  .page-sidebar .side-option {
    flex: inherit; }
  .article-wrap .article-grid .card {
    width: calc(100% / 2 - 16px); }
  .page-content .article-detail {
    max-width: 100%; }
  .article-detail h1 {
    font-size: 18px;
    margin: 24px auto 35px;
    line-height: 1.3; }
  .scrollgress {
    top: 56px !important;
    left: 0;
    width: 100%; }
  .article-grid .media-card .badge {
    display: none; }
  .coach-media .list-two-third.for-article .card.list-inlined .list-thumb {
    display: block; }
    .coach-media .list-two-third.for-article .card.list-inlined .list-thumb img {
      height: auto; }
  .main-dashboard.client .content-option .side-option {
    display: none; }
  .bottom-mob-client {
    display: block;
    position: fixed;
    left: 0;
    height: 56px;
    bottom: 0;
    width: 100%;
    background: #171C26;
    z-index: 12; }
  .client-right .box-client {
    display: block;
    width: 100%;
    margin-top: 0; }
  .client-right .box-client:nth-last-of-type(1) {
    margin-left: 0;
    width: 100%;
    margin-top: 24px; }
  .client-right .box-client .dual-list .list-left {
    flex: 0 0 28%;
    margin-bottom: 0; }
  .client-menu {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    position: relative;
    height: 56px; }
    .client-menu .inline-icon {
      width: calc(100% / 5);
      text-align: center;
      color: #fff;
      display: block;
      padding: 12px; }
      .client-menu .inline-icon i {
        display: block;
        margin: 0 auto;
        font-size: 16px; }
      .client-menu .inline-icon p {
        display: block;
        font-size: 12px; }
  .session-card .session-info {
    flex: 0 0 43%; }
  .notes-card .session-card .session-info {
    flex: 0 0 55%; }
  .main-dashboard.client .content .container, .main-dashboard.client .content .container-fluid {
    padding-left: 0;
    padding-right: 0; }
  .main-dashboard.client .inner-title.has-option {
    flex-flow: row wrap; }
    .main-dashboard.client .inner-title.has-option.reset {
      margin: 24px 0 0; }
      .main-dashboard.client .inner-title.has-option.reset .title-info {
        flex: 1; }
  .main-dashboard.client .session-info ul {
    margin-top: 8px; }
    .main-dashboard.client .session-info ul li {
      margin-bottom: 0;
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      margin-right: 8px; }
      .main-dashboard.client .session-info ul li:last-child {
        margin-right: 0; }
      .main-dashboard.client .session-info ul li .card-status i {
        font-size: 10px;
        display: inline-block;
        vertical-align: middle; }
      .main-dashboard.client .session-info ul li .card-status.unscheduled {
        color: #f4565e; }
      .main-dashboard.client .session-info ul li .card-status.scheduled {
        color: #45a1fe; }
      .main-dashboard.client .session-info ul li .card-status.completed {
        color: #30b898; }
  .client-menu .inline-icon i {
    margin: 0 auto 4px;
    font-size: 20px; }
  .modal-dialog.medium {
    max-width: 65%; }
  .client-overview.for-plan .list-grid-wrap.list .list-entry .list-inner .list-plan {
    flex: 0 0 33%; }
  .client-overview.for-note .client-left .box-notes .list-grid-wrap.list .list-entry .list-inner .list-plan {
    flex: 0 0 43%; } }

@media (max-width: 767px) {
  .dashboard-content,
  .dashboard .right-side {
    flex: none; }
  .dashboard .right-side .dash-right {
    width: auto;
    position: static;
    padding-top: 0; }
  .main-dashboard {
    flex-direction: column; }
  .main-dashboard .dashboard-content {
    width: 100%; }
  .dashboard-side.left-side .side-nav {
    display: none; }
  .dashboard-side.left-side.expand .side-nav {
    display: block; }
  .dashboard-content .content {
    padding-top: 56px; }
  .top-info {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: center; }
  .top-info h3 {
    margin-top: 24px;
    font-size: 24px; }
  .user-intro p {
    margin-bottom: 24px; }
  .top-stats.mt-55 {
    margin-top: 32px;
    margin-bottom: 24px; }
  .top-stats .list-item.tripple .item {
    width: calc(100% / 3 - 4px);
    padding: 8px;
    text-align: center; }
  .top-stats .list-inlined .inlined-item:nth-of-type(1) {
    flex: 1; }
  .top-stats .circle-icon {
    margin-right: 0;
    margin-bottom: 8px;
    width: 44px;
    height: 44px; }
    .top-stats .circle-icon i {
      font-size: 18px;
      line-height: 44px; }
  .top-stats .numeric {
    font-size: 24px; }
  .top-stats .list-inlined {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-content: center;
    align-items: center; }
  .top-stats h4 {
    margin: 0 0 8px;
    min-height: 32px; }
  .chart-info .card, .chart-info .panel {
    margin-bottom: 8px;
    margin-top: 8px; }
  .chart-info .list-box .list-thumb img, .coach-media .list-box .list-thumb img {
    width: 44px;
    height: 44px; }
  .chart-info .pad-title {
    padding: 16px 16px 8px;
    text-align: center;
    display: block; }
  .coach-client .list-two-third {
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    align-content: center; }
  .coach-progress .progress-card {
    width: calc(100% / 2 - 4px);
    margin-bottom: 8px; }
  .progress-card img {
    height: 100%; }
  .coach-client .entry-wrap.pad-24 {
    padding: 8px 16px; }
  .coach-client .list-thumb img {
    width: 44px;
    height: 44px; }
  .coach-client .list-thumb.no-image {
    height: 44px;
    font-size: 16px;
    line-height: 44px; }
  .coach-client .list-box .list-thumb {
    flex: 0 1 13%;
    margin-right: 16px; }
  .left-side.expand .side-profile {
    padding: 16px 16px; }
  .coach-progress .progress-card .progress-entry h3 {
    display: none; }
  .progress-entry .progress-container {
    margin-top: 0; }
  .source-item .card-thumb {
    display: none; }
  .source-item .card {
    padding: 12px; }
    .source-item .card .card-text {
      padding-left: 0; }
      .source-item .card .card-text img {
        width: 24px;
        height: 24px; }
      .source-item .card .card-text h3 {
        margin: 0 0 12px 0;
        font-size: 16px;
        line-height: normal; }
  .coach-media .list-thumb {
    display: none; }
  .coach-media .list-item .short-text {
    padding: 16px 0 10px 0; }
  .dashboard .right-side .dash-right .list-thumb.no-image {
    height: 44px;
    line-height: 44px;
    font-size: 16px; }
  .dashboard-side .list-box .list-thumb {
    flex: 0 1 12%; }
  .content-option .side-option {
    flex: 1; }
  .content-option .side-option .side-sub {
    height: auto;
    position: static;
    width: 100%;
    top: 0;
    background: #F3F5F7;
    padding-top: 0; }
  .table tbody td i {
    display: none; }
  /*body {
    table-layout: fixed;
  }*/
  .table {
    /*.row {
      margin-left: 0;
      margin-right: 0;
    }*/ }
    .table tbody {
      font-size: 13px; }
    .table tbody > td,
    .table td {
      border-top: 1px solid #EEF7FF;
      vertical-align: middle; }
  .table-media {
    display: none; }
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    padding-right: 0; }
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center; }
  .table thead th {
    padding: 8px;
    vertical-align: middle; }
  div.dataTables_wrapper div.dataTables_info {
    padding-left: 0; }
  .side-sub-nav li {
    display: inline-block;
    vertical-align: middle; }
    .side-sub-nav li span i,
    .side-sub-nav li span.badge {
      display: none; }
  .content-option .side-option,
  .top-inner-opt {
    display: none; }
  .inner-title.has-option {
    flex-flow: column wrap; }
  .inner-title .title-option {
    align-self: flex-start; }
    .inner-title .title-option .btn-group {
      margin: 0; }
  .dashboard-content .content-option {
    display: block; }
  .main-inner .inner-title {
    margin: 0 auto;
    padding: 16px 0 24px; }
  .inner-title .title-option .btn.btn-default {
    padding: 4px 16px; }
  .form-default.form-inlined.three-col .form-group {
    flex: 0 0 100%; }
  .table-option {
    padding: 16px 0;
    border-top: 1px solid #F1F1F7;
    border-radius: 0;
    background: #fff;
    margin-bottom: 16px; }
  .form-default.form-inlined.three-col .form-group.end, .form-default.form-inlined.three-col .form-group:nth-of-type(2) {
    margin-left: 0; }
  table.dataTable > tbody > tr.child ul.dtr-details {
    min-width: 100%; }
  div.dataTables_wrapper div.dataTables_info {
    padding-bottom: 16px; }
  .main-title {
    margin: 0; }
    .main-title h3 {
      font-size: 18px;
      margin-top: 0;
      padding-top: 16px; }
  .inner-title h1, .inner-title h2, .inner-title h3 {
    font-size: 18px; }
  .inner-title .title-info {
    flex: 0 0 100%;
    align-self: flex-start; }
  .table-title.no-title {
    justify-content: flex-start;
    padding: 0 0 16px 0; }
  .table-title .form-default {
    width: 100%; }
  .form-default.form-inlined.four-col .form-group {
    width: 100%;
    margin-bottom: 16px; }
  .dashboard-content .content {
    background: #fff !important; }
  .center-wrap-large {
    max-width: 100%;
    margin: 0 auto; }
  .session-wrap .dual-item.reset.center-wrap-large .card-title {
    padding: 0 0 16px 0; }
  .dual-item.reset.center-wrap-large .card {
    border-radius: 0;
    box-shadow: none;
    padding: 0; }
    .dual-item.reset.center-wrap-large .card .card-title.lined {
      padding: 0 0 16px 0; }
    .dual-item.reset.center-wrap-large .card .content-form.pad-24 {
      padding: 0; }
  .side-label {
    flex-flow: column wrap; }
  .side-label .left-field {
    flex: 0 0 100%;
    padding-right: 0;
    padding-bottom: 24px;
    padding-top: 16px; }
  .form-default.single-half .form-group {
    width: 100%; }
  .card-notes .card {
    width: calc(100% / 2 - 12px);
    margin-bottom: 12px;
    margin-right: 12px;
    margin-top: 0; }
  .note-title p {
    font-size: 13px;
    padding: 0 16px;
    margin-top: 12px;
    height: 40px;
    height: 40px;
    min-height: 40px; }
  .note-title:before {
    display: none; }
  .note-title h3 {
    padding: 16px 16px 0;
    font-size: 16px; }
  .note-title .card-item.dropdown {
    top: 8px; }
  .card-notes .note-title {
    order: 2;
    position: static; }
    .card-notes .note-title h3 {
      padding: 0 16px 0;
      font-size: 16px;
      text-align: center;
      height: 24px;
      text-align: center; }
    .card-notes .note-title p {
      font-size: 12px;
      padding: 0 16px;
      height: 36px;
      min-height: 36px;
      text-align: center;
      margin: 0 auto; }
  .card-notes .note-mid .inline-item:nth-of-type(1),
  .card-notes .note-mid .inline-item:nth-of-type(2) {
    flex: none;
    display: block; }
  .card-notes .note-mid .inline-item:nth-of-type(1) {
    margin: 0 auto; }
  .card-notes .note-mid .inline-item:nth-of-type(2) {
    display: block;
    width: 100%; }
  .card-notes .inline-item {
    text-align: center;
    margin: 8px auto 0; }
    .card-notes .inline-item a {
      display: block; }
      .card-notes .inline-item a img {
        width: 54px;
        height: 54px; }
  .card-notes .note-mid {
    order: 1; }
    .card-notes .note-mid p {
      display: none; }
    .card-notes .note-mid h4 {
      font-size: 14px;
      margin: 0; }
    .card-notes .note-mid .list-inlined {
      padding: 8px 16px; }
  .card-notes .note-bottom {
    order: 3; }
  .inner-title .title-option .btn.btn-default {
    padding: 8px 16px; }
  .inner-title.has-option.mb-16 {
    margin: 0; }
  .inner-title.has-option.mb-16 .title-option .btn.btn-default:nth-last-of-type(1) {
    margin-left: 0; }
  .table-content.for-report .table-title.no-title.justify .btn.btn-default.btn-filter {
    margin-bottom: 16px; }
  .table-option.for-report .form-default.form-inlined.four-col .form-group {
    width: 100%; }
  .table-option.for-report .form-default.form-inlined.four-col .form-control {
    margin-bottom: 0; }
  .table-option.for-report .form-group.end .btn.btn-default,
  .table-option.for-report .form-group.end .btn.btn-clean {
    min-width: 47%; }
  .session-wrap .dual-item {
    flex-flow: column wrap; }
  .session-wrap .dual-item .card:nth-last-of-type(1) {
    margin-right: 0; }
  .session-wrap .dual-item .card {
    margin-bottom: 16px;
    margin-top: 0;
    flex: 0 0 100%; }
    .session-wrap .dual-item .card .h-item {
      padding: 8px 0; }
  .session-wrap .card {
    border-radius: 0;
    box-shadow: none; }
    .session-wrap .card .dual-item.vertical .session-list {
      padding: 16px 0; }
    .session-wrap .card .dual-item.vertical .session-option {
      padding: 0; }
    .session-wrap .card .dual-item.vertical .button-group-justify {
      flex-flow: column wrap; }
      .session-wrap .card .dual-item.vertical .button-group-justify .left-button .btn.btn-default {
        width: 100%;
        margin-bottom: 16px; }
    .session-wrap .card .dual-item .card h4 {
      font-size: 14px; }
    .session-wrap .card .card-title {
      padding: 0;
      margin-bottom: 16px; }
      .session-wrap .card .card-title h3 {
        font-size: 16px; }
  .session-wrap .session-item .circle-icon {
    width: 24px;
    height: 24px; }
    .session-wrap .session-item .circle-icon i {
      font-size: 14px;
      line-height: 24px; }
  .note-text .side-label .left-field {
    flex: 0 0 100%;
    padding: 0;
    margin-bottom: 8px; }
  .side-label .right-field {
    width: 100%; }
  .right-field .form-group {
    margin-bottom: 0; }
  .side-label.pb-24.lined {
    padding-bottom: 16px;
    margin-bottom: 16px; }
  .card-title.has-back.dual-btn .left-card-title .btn.btn-clean {
    padding: 8px 8px 8px 0; }
  .card-title.has-back.dual-btn .left-card-title h3 {
    padding-left: 8px;
    font-size: 14px;
    line-height: normal;
    display: inline-block;
    vertical-align: middle; }
  .side-label .button-form {
    margin: 0; }
  .side-label.padding-vertical.lined {
    margin-bottom: 0;
    border-bottom: none; }
  .side-label .left-field .control-label {
    text-transform: capitalize;
    color: #171C26;
    font-weight: 600; }
  .side-label.lined {
    border-bottom: none; }
  .modal-dialog .modal-title, .modal-dialog .modal-header {
    padding: 16px;
    font-size: 18px;
    margin: 0;
    min-height: inherit; }
  .modal-dialog .modal-title {
    padding: 0; }
  .modal-dialog .modal-body {
    padding: 0 16px; }
  .modal .btn-group {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    .modal .btn-group .btn.btn-outline {
      width: calc(100% / 2 - 8px);
      margin-bottom: 16px;
      margin-left: 0; }
  .modal .form-group.list-start {
    margin-bottom: 0; }
    .modal .form-group.list-start .field-item {
      margin-right: 0;
      width: 100%;
      margin-bottom: 16px; }
  .modal .modal-dialog .modal-footer {
    justify-content: center;
    margin-top: 0; }
    .modal .modal-dialog .modal-footer .btn:nth-last-of-type(1) {
      margin-left: 0; }
    .modal .modal-dialog .modal-footer button {
      width: 100%;
      display: block;
      margin-left: 0;
      margin-right: 0; }
  .modal.modal-confirm {
    margin-top: 50%; }
  .inner-title.has-filter {
    flex-flow: column wrap; }
  .inner-title.has-filter .title-filter-search .top-option {
    display: block; }
  .inner-title.has-filter .title-filter-search .top-filter.btn-group {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    .inner-title.has-filter .title-filter-search .top-filter.btn-group .btn.btn-default {
      width: calc(100% / 3);
      text-align: center; }
  .title-filter-search .filter-search {
    min-width: 100%;
    margin: 16px auto; }
    .title-filter-search .filter-search .form-control {
      background: #f9f9f9; }
      .title-filter-search .filter-search .form-control:hover, .title-filter-search .filter-search .form-control:focus {
        background: #fff; }
  .card-title.has-lined.pad-24 {
    padding: 16px; }
  .content-form.pad-24 {
    padding: 16px; }
  .side-label .left-field,
  .full-wrap .side-label .left-field {
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0; }
  .form-group .button-form {
    justify-content: center; }
    .form-group .button-form button,
    .form-group .button-form .btn.btn-default {
      width: 100%;
      margin-bottom: 16px; }
  .inner-title.has-option .title-option .btn.btn-default {
    padding: 4px 8px; }
    .inner-title.has-option .title-option .btn.btn-default i {
      font-size: 16px; }
  .center-content.card {
    margin: 0;
    box-shadow: none;
    border-radius: 0; }
  .center-content {
    max-width: 100%; }
    .center-content .form-wrap.pad-24 {
      padding: 0; }
  .card-title.has-back .btn.btn-clean.btn-back {
    padding: 16px; }
  .button-form {
    margin: 16px 0 0; }
    .button-form button,
    .button-form .btn.btn-default {
      width: 100%;
      margin-bottom: 16px; }
  .title-info.text-center {
    text-align: left !important; }
  .side-label .left-field .control-label {
    margin-bottom: 8px; }
  .side-label .left-field p {
    margin-bottom: 16px;
    display: block; }
  .side-label .right-field .form-group {
    margin-bottom: 16px; }
  .session-wrap .dual-item .card .left-field p {
    margin-bottom: 16px; }
  .card-title.has-back {
    margin-bottom: 16px; }
  .form-default.single-half .dual-field {
    flex-flow: column wrap; }
    .form-default.single-half .dual-field .form-group {
      width: 100%; }
  .dual-item.reset.center-wrap-medium,
  .center-wrap-medium {
    max-width: 100%; }
    .dual-item.reset.center-wrap-medium .card-title.has-lined,
    .center-wrap-medium .card-title.has-lined {
      padding-bottom: 16px; }
    .dual-item.reset.center-wrap-medium .card,
    .center-wrap-medium .card {
      border-radius: 0;
      box-shadow: none;
      padding: 16px 0; }
    .dual-item.reset.center-wrap-medium .content-form.pad-24,
    .center-wrap-medium .content-form.pad-24 {
      padding: 0; }
  .profile-box {
    display: flex;
    flex-flow: column wrap; }
    .profile-box .left-profile {
      padding-right: 0; }
    .profile-box .right-profile {
      flex: 0 0 100%; }
      .profile-box .right-profile .card.has-thumbnail {
        margin-bottom: 8px;
        margin-top: 8px; }
    .profile-box .list-stats .stats-item {
      width: calc(100% / 2 - 4px);
      margin-bottom: 8px;
      height: auto; }
    .profile-box .profile-information .nav-item {
      min-width: 48%;
      text-align: center; }
    .profile-box .list-flex.has-two.mt-35 {
      margin-top: 16px; }
    .profile-box .list-flex.has-two .flex-item {
      width: 100%; }
      .profile-box .list-flex.has-two .flex-item:nth-last-of-type(1) {
        margin-top: 8px; }
  .list-flex.for-media .media-file {
    width: calc(100% / 3 - 12px);
    margin-bottom: 12px;
    margin-right: 12px; }
  .coach-src .source-item {
    border: 1px solid #f5f5f5;
    border-radius: 8px; }
  .side-option.for-profile {
    display: block; }
  .progress-card .progress-entry.has-text p {
    display: none; }
  .coach-media .list-two-third.custom .two-item.card {
    flex: inherit; }
  .coach-media .list-two-third.for-article .two-item.card {
    flex: inherit; }
  .profile-teaser img {
    height: auto; }
  .dashboard-title h3, .dashboard-title h2 {
    font-size: 20px; }
  .full-wrap .content-side {
    flex-flow: column wrap;
    height: 100%; }
    .full-wrap .content-side .content-full {
      height: 100%; }
    .full-wrap .content-side .inner-side {
      flex: 0 0 100%; }
      .full-wrap .content-side .inner-side .note-side {
        width: 100%;
        position: initial; }
  .container.for-messages .main-title.has-option {
    width: 100%;
    position: inherit; }
  .vise-messages {
    padding-top: 0; }
  .vise-messages .list-messages-category,
  .vise-messages .list-messages {
    flex: 0 0 100%; }
  .vise-messages .category-messages,
  .vise-messages .category-preview {
    position: initial;
    height: auto;
    width: 100%; }
  .vise-messages .messages-box .top-messages .msg-thumb {
    flex: 0 0 17%; }
  .vise-messages .messages-box .top-messages h3 {
    margin: 0; }
  .vise-messages .main-messages {
    padding: 16px 0; }
  .activity-box {
    flex-flow: column wrap; }
  .activity-box .activity-stats {
    flex: 1;
    margin-left: 0;
    margin-top: 24px; }
  .coach-activity .mid-box {
    flex-flow: column wrap; }
  .mid-box .card {
    width: 100%;
    margin-bottom: 0; }
  .inner-title.has-option.card {
    background: transparent;
    box-shadow: none; }
    .inner-title.has-option.card .title-info {
      align-self: center;
      margin-bottom: 16px; }
  .plan-content .nav-wrapper.has-option .nav-option {
    position: initial;
    text-align: right; }
  .plan-content .nav.nav-lined li {
    width: calc(100% / 3 - 8px); }
  .plan-content .nav.nav-lined li a {
    padding: 12px 4px; }
  .plan-content .list-grid-wrap.list .list-entry .list-inner .list-description {
    flex: 0 0 80%; }
  .plan-content .list-grid-wrap.list .list-entry .list-inner .list-plan {
    flex: 0 0 75%;
    margin: 8px 0; }
  .plan-content .list-grid-wrap.grid .list-entry {
    width: 100%;
    margin-right: 8px;
    margin-bottom: 8px; }
  .task-list .card.has-thumbnail {
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
    margin-top: 0; }
  .article-wrap .article-grid .card {
    width: 100%;
    margin-right: 0; }
  .page-sidebar.is-full .article-wrap .article-grid .card {
    width: 100%;
    margin-right: 0; }
  .session-card .session-info {
    flex: 0 0 30%; }
  .notes-card .session-card .session-info {
    flex: 0 0 45%; }
  .client-right .box-client .dual-list .list-left {
    flex: 0 0 40%; }
  .modal-dialog.medium {
    max-width: 75%; }
  .modal-body.mob-scroll,
  .mob-scroll {
    max-height: 400px;
    overflow-y: auto; }
  .modal-body .dual-field.has-three .field-item {
    width: 100%;
    margin-bottom: 24px; }
  .section-overview .overview-note {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    .section-overview .overview-note .note-card {
      width: calc(100% / 2 - 12px);
      margin: 0 0 24px 0; }
  .comment-content .comment-entry .comment-option {
    border-left: none;
    margin-top: 14px; }
  .client-overview.for-plan .list-grid-wrap.list .list-entry .list-inner .list-description {
    flex: 0 0 22%; }
  .client-overview.for-note .client-left,
  .client-overview.for-note .client-right {
    flex: auto;
    width: 100%; } }

@media (max-width: 599px) {
  .notif-list .notif-option {
    flex: 100%;
    margin-top: 16px;
    padding: 0 68px; }
  .notif-list .circle-icon {
    flex: 0 0 20%; }
  .modal-dialog.medium {
    max-width: 92%; }
  .main-dashboard.client .content .container, .main-dashboard.client .content .container-fluid {
    padding-left: 16px;
    padding-right: 16px; }
  .main-dashboard.client .inner-title.has-option h1 {
    font-size: 28px; }
  .main-dashboard.client .session-feedback {
    padding: 16px; }
  .main-dashboard.client .session-card {
    align-items: flex-start; }
    .main-dashboard.client .session-card .session-number {
      min-height: 93px;
      align-self: center;
      text-align: center;
      line-height: 75px; }
  .main-dashboard.client .notes-card .session-number {
    min-height: inherit;
    align-self: center;
    text-align: center;
    line-height: 43px; }
  .client-overview .client-left .title-section h2, .client-overview .client-left .title-section h3, .client-overview .client-right .title-section h2, .client-overview .client-right .title-section h3 {
    font-size: 20px; }
  .session-card .session-info {
    flex: 0 0 53%;
    align-self: flex-start; }
  .session-card .session-date-time {
    flex: 1;
    padding: 8px 8px 0; }
  .session-card .session-date-time p {
    font-size: 14px; }
  .session-card .session-date-time ul > li {
    margin-right: 0; }
  .session-card .session-status {
    width: auto;
    min-width: 35%; }
  .session-card .session-number {
    padding: 8px; }
  .notes-card .session-card .session-date-time {
    flex: 0 0 36%;
    padding: 8px;
    align-self: center; }
  .notes-card .session-card .session-info {
    flex: 0 0 78%; }
  .notes-card .session-card .session-number {
    padding: 8px 8px 0; }
  .overview-plan.list-grid-wrap.list .list-entry .list-inner .list-description,
  .comment-content .comment-entry p {
    flex: 0 0 100%; }
  .overview-note {
    margin: 16px; }
  .section-overview .overview-note .note-card {
    width: calc(100% / 2 - 8px);
    margin: 0 0 16px 0; }
  .section-option {
    justify-content: center; }
  .section-option .btn:nth-last-of-type(1) {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    margin-top: 8px; }
  .box-activity .feedback-line .feedback-date {
    padding-left: 0; }
  .sub-option .sub-item {
    margin-right: 0;
    display: block;
    width: 100%;
    margin-bottom: 8px; }
  .client-overview.for-note .client-left {
    margin-right: 0;
    width: 100%;
    flex: auto;
    order: 2; }
  .client-overview.for-note .client-right {
    flex: auto;
    width: 100%;
    order: 1; }
  .client-overview.for-note .list-grid-wrap.list .list-entry .list-inner .list-plan {
    flex: auto;
    margin: 8px 0; }
  .client-overview.for-note .list-grid-wrap.list .list-entry .list-inner {
    position: relative; }
  .client-overview.for-note .list-grid-wrap.list .list-entry.note .list-inner button.nav-link {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0; }
  .client-overview.for-note .box-notes .nav-option {
    width: 100%; }
  .client-overview.for-note .box-notes .title-section .btn.btn-default {
    float: right; }
  .client-overview.for-note .list-grid-wrap.list .list-entry.note .list-inner .list-description {
    flex: auto;
    width: 100%; }
  .client-overview.for-plan .list-grid-wrap.list .list-entry .list-inner .list-description,
  .client-overview.for-plan .list-grid-wrap.list .list-entry .list-inner .list-plan {
    flex: auto;
    width: 100%; }
  .client-overview.for-plan .list-grid-wrap.list .list-entry .list-inner .list-plan {
    margin: 8px 0; }
  .client-overview.for-plan .list-grid-wrap.list .list-entry {
    position: relative; }
    .client-overview.for-plan .list-grid-wrap.list .list-entry .list-action {
      position: absolute;
      top: 8px;
      right: 8px; }
    .client-overview.for-plan .list-grid-wrap.list .list-entry .list-progress {
      width: 61%;
      flex: auto; }
  .plan-content .nav.nav-lined li a {
    font-size: 13px;
    padding: 12px 0; } }

@media (max-width: 414px) {
  .modal .modal-dialog {
    margin: 16px; }
  .faq-wrap .grid-card.for-three .card {
    width: 100%; }
  .session-card .session-date-time {
    flex: 1;
    padding: 8px 0 0 8px; }
  .main-dashboard.client .session-card .session-number {
    min-height: 115px;
    line-height: 96px; }
  .main-dashboard.client .notes-card .session-number {
    min-height: inherit;
    align-self: center;
    text-align: center;
    line-height: 43px; }
  .main-dashboard.client .client-right .box-client .dual-list .list-left {
    flex: auto;
    width: 100%;
    margin-bottom: 8px; }
  .notes-card .session-card .session-date-time {
    flex: 0 0 80%; }
  .feedback-line .feedback-text {
    padding: 0 16px;
    flex: 0 0 83%; }
  .feedback-line .feedback-date {
    text-align: left;
    padding-left: 64px;
    margin-top: 10px; }
  .feedback-line .feedback-circle:before,
  .feedback-line .feedback-circle:after {
    display: none; }
  .section-overview .overview-note .note-card {
    width: 100%; }
  .sub-activity {
    border-radius: 4px; } }

@media (min-width: 320px) and (max-width: 479.98px) {
  .session-card .session-info {
    flex: 0 0 51%; }
  .notes-card .session-card .session-date-time {
    flex: 0 0 79%; }
  .notes-card .session-card .session-info {
    flex: 0 0 100%; }
  .feedback-line .feedback-text {
    flex: 0 0 82%; }
  .box-activity .timeline-box .feedback-line .feedback-text {
    flex: 0 0 88%; }
  .box-activity .feedback-line .feedback-date {
    padding-left: 36px; }
  .client-overview.for-note .list-grid-wrap.grid .list-entry {
    width: 100%;
    margin-right: 0;
    position: relative; } }

@media (max-width: 320px) {
  .plan-content .nav.nav-lined li {
    width: 100%; }
  .client-overview.for-plan .list-grid-wrap.list .list-entry .list-progress {
    width: 42%; }
  .feedback-line .feedback-text {
    flex: 0 0 79%; }
  .client-overview.for-plan .list-grid-wrap.grid .list-entry {
    width: 100%; } }