@-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); } }

/* _TYPO
 * --------------------------------------------------
 *  Font declarations
 * -------------------------------------------------- */


      /* new font family nunito */
@font-face {
  font-family: 'nunitoregular';
  src: url('../fonts/nunito-regular-webfont.woff2') format('woff2'),
        url('../fonts/nunito-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'nunitobold';
  src: url('../fonts/nunito-bold-webfont.woff2') format('woff2'),
       url('../fonts/nunito-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
      /* end new font family nunito */


@font-face {
  font-family: "icon";
  src: url("../fonts/icon.eot");
  src: url("../fonts/icon.eot?#iefix") format("embedded-opentype"), url("../fonts/icon.woff2") format("woff2"), url("../fonts/icon.woff") format("woff"), url("../fonts/icon.ttf") format("truetype"), url("../fonts/icon.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-smooth: auto; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "icon";
    src: url("../fonts/icon.svg#icon") format("svg"); } }

[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="icon-"]:after,
[class*=" icon-"]:after {
  font-family: icon;
  font-size: inherit;
  font-style: normal; }

.icon-calendar:before {
  content: "\f100"; }

.icon-calendar-1:before {
  content: "\f101"; }

.icon-calendar-2:before {
  content: "\f102"; }

.icon-calendar-3:before {
  content: "\f103"; }

.icon-checklist:before {
  content: "\f104"; }

.icon-list:before {
  content: "\f105"; }

.icon-tasks:before {
  content: "\f106"; }

.icon-assignment:before {
  content: "\f107"; }

.icon-list-1:before {
  content: "\f108"; }

.icon-list-2:before {
  content: "\f109"; }

.icon-list-3:before {
  content: "\f10a"; }

.icon-list-4:before {
  content: "\f10b"; }

.icon-list-5:before {
  content: "\f10c"; }

.icon-list-6:before {
  content: "\f10d"; }

.icon-list-7:before {
  content: "\f10e"; }

.icon-list-8:before {
  content: "\f10f"; }

.icon-list-9:before {
  content: "\f110"; }

.icon-list-10:before {
  content: "\f111"; }

.icon-list-11:before {
  content: "\f112"; }

.icon-list-12:before {
  content: "\f113"; }

.icon-list-13:before {
  content: "\f114"; }

.icon-list-14:before {
  content: "\f115"; }

.icon-list-15:before {
  content: "\f116"; }

.icon-tick:before {
  content: "\f117"; }

.icon-list-16:before {
  content: "\f118"; }

.icon-list-17:before {
  content: "\f119"; }

.icon-command:before {
  content: "\f11a"; }

.icon-project:before {
  content: "\f11b"; }

.icon-list-18:before {
  content: "\f11c"; }

.icon-boss:before {
  content: "\f11d"; }

.icon-task:before {
  content: "\f11e"; }

.icon-clipboard:before {
  content: "\f11f"; }

.icon-laptop:before {
  content: "\f120"; }

.icon-news-reporter:before {
  content: "\f121"; }

.icon-summary:before {
  content: "\f122"; }

.icon-business-and-finance:before {
  content: "\f123"; }

.icon-forecast:before {
  content: "\f124"; }

.icon-analyst:before {
  content: "\f125"; }

.icon-compare:before {
  content: "\f126"; }

.icon-data:before {
  content: "\f127"; }

.icon-document:before {
  content: "\f128"; }

.icon-report:before {
  content: "\f129"; }

.icon-home:before {
  content: "\f12a"; }

.icon-shield:before {
  content: "\f12b"; }

.icon-statistics:before {
  content: "\f12c"; }

.icon-four-horizontal-lines-with-down-arrow:before {
  content: "\f12d"; }

.icon-layout:before {
  content: "\f12e"; }

.icon-user:before {
  content: "\f12f"; }

.icon-sort:before {
  content: "\f130"; }

.icon-print:before {
  content: "\f131"; }

.icon-avatar:before {
  content: "\f132"; }

.icon-employee:before {
  content: "\f133"; }

.icon-collaboration:before {
  content: "\f134"; }

.icon-enterprise:before {
  content: "\f135"; }

.icon-employee-1:before {
  content: "\f136"; }

.icon-customer-service:before {
  content: "\f137"; }

.icon-feedback:before {
  content: "\f138"; }

.icon-resume:before {
  content: "\f139"; }

.icon-portfolio:before {
  content: "\f13a"; }

.icon-talk:before {
  content: "\f13b"; }

.icon-group:before {
  content: "\f13c"; }

.icon-class:before {
  content: "\f13d"; }

.icon-team:before {
  content: "\f13e"; }

.icon-team-1:before {
  content: "\f13f"; }

.icon-coaching:before {
  content: "\f140"; }

.icon-coaching-1:before {
  content: "\f141"; }

.icon-medal:before {
  content: "\f142"; }

.icon-clock:before {
  content: "\f143"; }

.icon-work:before {
  content: "\f144"; }

.icon-clock-1:before {
  content: "\f145"; }

.icon-time-and-date:before {
  content: "\f146"; }

.icon-time-and-date-1:before {
  content: "\f147"; }

.icon-ring:before {
  content: "\f148"; }

.icon-chat:before {
  content: "\f149"; }

.icon-add:before {
  content: "\f14a"; }

.icon-plus:before {
  content: "\f14b"; }

.icon-minus:before {
  content: "\f14c"; }

.icon-substract:before {
  content: "\f14d"; }

.icon-error:before {
  content: "\f14e"; }

.icon-error-1:before {
  content: "\f14f"; }

.icon-lock:before {
  content: "\f150"; }

.icon-cross-out:before {
  content: "\f151"; }

.icon-menu-button:before {
  content: "\f152"; }

.icon-menu:before {
  content: "\f153"; }

.icon-list-19:before {
  content: "\f154"; }

.icon-user-1:before {
  content: "\f155"; }

.icon-drop-up-arrow:before {
  content: "\f156"; }

.icon-drop-down-arrow:before {
  content: "\f157"; }

.icon-menu-1:before {
  content: "\f158"; }

.icon-menu-2:before {
  content: "\f159"; }

.icon-menu-3:before {
  content: "\f15a"; }

.icon-menu-4:before {
  content: "\f15b"; }

.icon-blog:before {
  content: "\f15c"; }

.icon-edit:before {
  content: "\f15d"; }

.icon-edit-1:before {
  content: "\f15e"; }

.icon-search:before {
  content: "\f15f"; }

.icon-list-20:before {
  content: "\f160"; }

.icon-settings:before {
  content: "\f161"; }

.icon-controls:before {
  content: "\f162"; }

.is-hidden {
  display: none !important; }

.is-visible {
  display: block !important; }

.center-block {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  align-content: center; }

.mt-35 {
  margin-top: 35px; }

.mt-55 {
  margin-top: 55px; }

.mb-35 {
  margin-bottom: 35px; }

.mb-16 {
  margin-bottom: 16px; }

.padding-horizontal {
  padding: 0 24px; }

.padding-vertical {
  padding: 24px 0; }

.margin-horizontal {
  margin: 0 24px; }

.margin-vertical {
  margin: 24px 0; }

.pad-24 {
  padding: 24px; }

.pad-16 {
  padding: 16px; }

.pad-8 {
  padding: 8px; }

.hidden {
  display: none; }

.badge {
  padding: 4px 8px;
  text-transform: capitalize;
  font-size: 12px;
  color: #909090;
  border: 1px solid #F1F1F7;
  border-radius: 55px; }
  .badge.badge-warning {
    background: #ffd136;
    border: 1px solid #ffd136;
    color: #fff; }
  .badge.badge-success {
    background: #30b898;
    border: 1px solid #30b898;
    color: #fff; }
  .badge.badge-alert, .badge.badge-danger {
    background: #f4565e;
    border: 1px solid #f4565e;
    color: #fff; }
  .badge.badge-info {
    background: #45a1fe;
    border: 1px solid #45a1fe;
    color: #fff; }
  .badge.badge-outline {
    background: transparent; }
    .badge.badge-outline.badge-warning {
      background: transparent;
      border: 1px solid #ffd136;
      color: #ffd136; }
    .badge.badge-outline.badge-success {
      background: transparent;
      border: 1px solid #30b898;
      color: #30b898; }
    .badge.badge-outline.badge-alert, .badge.badge-outline.badge-danger {
      background: transparent;
      border: 1px solid #f4565e;
      color: #f4565e; }
    .badge.badge-outline.badge-info {
      background: transparent;
      border: 1px solid #45a1fe;
      color: #45a1fe; }

.inline-icon {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center; }
  .inline-icon i {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px; }
  .inline-icon p {
    margin-bottom: 0;
    line-height: normal; }

.h-item {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center; }
  .h-item .right-item {
    flex: 1; }

.dual-item {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center; }

.badge-rounded {
  padding: 5px 12px;
  border-radius: 55px;
  border: 1px solid #F1F1F7; }

.center-content {
  max-width: 78%;
  margin: 0 auto; }

.alert.alert-warning,
.alert.alert-success,
.alert.alert-danger {
  padding: 16px;
  border-radius: 2px;
  box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08);
  text-shadow: 1px 1px rgba(0, 0, 0, 0.02); }
  .alert.alert-warning span i,
  .alert.alert-success span i,
  .alert.alert-danger span i {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px; }
  .alert.alert-warning button.close,
  .alert.alert-success button.close,
  .alert.alert-danger button.close {
    opacity: .75; }
    .alert.alert-warning button.close i,
    .alert.alert-success button.close i,
    .alert.alert-danger button.close i {
      font-size: 16px; }
    .alert.alert-warning button.close:hover,
    .alert.alert-success button.close:hover,
    .alert.alert-danger button.close:hover {
      opacity: 1; }

.alert.alert-warning {
  background: #ff7a36; }

.alert.alert-success {
  background: #30b898; }

.alert.alert-danger {
  background: #f4565e; }

.mt-16 {
  margin-top: 16px; }

.pb-24 {
  padding-bottom: 24px; }

.form-control:disabled, .form-control[readonly] {
  background-color: #e9e9e9;
  border: 1px solid #e9e9e9; }

.form-control:-moz-read-only:hover, .form-control:-moz-read-only:focus {
  border: 1px solid transparent; }

.form-control:read-only:hover, .form-control:read-only:focus {
  border: 1px solid transparent; }

/**
 * Lists
 */
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

li {
  margin-bottom: .5rem; }
  li > ul,
  li > ol {
    margin-bottom: 0;
    margin-left: 1rem;
    margin-top: .5rem; }

dt {
  font-weight: 600; }

dd {
  margin-bottom: 1rem;
  margin-left: 1rem; }

.list-item {
  display: flex;
  flex-flow: row wrap; }
  .list-item.dual {
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-start; }
    .list-item.dual .item {
      width: calc(100% / 2 - 12px); }
  .list-item.tripple {
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-start; }
    .list-item.tripple .item {
      width: calc(100% / 3 - 12px); }

.list-inlined {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: flex-start; }
  .list-inlined .inlined-item {
    flex: 1; }
    .list-inlined .inlined-item:nth-of-type(1) {
      flex: 0 1 19%; }

.nav-tabs .nav-item .nav-link {
  text-transform: capitalize; }

.tab-option .nav-tabs .nav-item .nav-link,
.tab-option .nav-tabs .nav-item .nav-link:hover,
.tab-option .nav-tabs .nav-item .nav-link:focus {
  color: #909090 !important;
  font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont;
  font-size: 14px; }
  .tab-option .nav-tabs .nav-item .nav-link.active,
  .tab-option .nav-tabs .nav-item .nav-link:hover.active,
  .tab-option .nav-tabs .nav-item .nav-link:focus.active {
    color: #f4565e !important; }

.tab-option .nav-tabs {
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  text-align: center; }
  .tab-option .nav-tabs.fifty li {
    flex: 0 0 50%; }
  .tab-option .nav-tabs li {
    text-transform: capitalize; }

/**
 * Media
 */
img {
  vertical-align: middle;
  max-width: 100%;
  height: auto; }

img[width],
img[height] {
  max-width: none; }

figure {
  margin: 0; }

object,
iframe,
embed,
canvas,
video,
audio {
  max-width: 100%; }

.green-gradient {
  background-image: linear-gradient(134deg, #00D5D7 0%, #58F4DE 100%);
  box-shadow: 0 20px 40px 10px rgba(224, 224, 224, 0.2); }

.purple-gradient {
  background-image: linear-gradient(134deg, #ACB6E5 0%, #CCD5FF 100%);
  box-shadow: 0 20px 40px 10px rgba(224, 224, 224, 0.2); }

.red-gradient {
  background-image: linear-gradient(134deg, #EC5A68 0%, #FB7F8B 100%);
  box-shadow: 0 20px 40px 10px rgba(224, 224, 224, 0.2); }

.item.green-gradient, .item.red-gradient, .item.purple-gradient {
  border-radius: 8px;
  color: #fff;
  box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178); }

.circle-icon {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  color: #595959; }
  .circle-icon.fade {
    background: rgba(255, 255, 255, 0.15);
    opacity: 1; }
  .circle-icon i {
    font-size: 28px;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 55px; }

.panel,
.card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178); }

.small-tab .list-title h4 {
  width: 55%;
  height: 16px;
  overflow: hidden; }

.small-tab .nav-link i {
  font-size: 24px;
  display: none; }

.small-tab .tab-pane {
  padding: 24px; }

.small-tab .tab-option {
  margin: 0 24px; }

.nav-link {
  transition: all .5s ease-in-out; }

.tab-option.lined {
  border-bottom: 2px solid #F1F1F7; }
  .tab-option.lined .nav-link {
    position: relative; }
    .tab-option.lined .nav-link.active:after {
      content: '';
      height: 2px;
      background: #f4565e;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0; }

.list-box {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
  padding: 8px 0; }
  .list-box .list-thumb {
    flex: 0 1 14%;
    margin-right: 8px; }
  .list-box .list-content {
    flex: 1; }

.list-title {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch; }
  .list-title h4 {
    font-size: 14px;
    color: #f4565e;
    margin: 0; }
    .list-title h4 a {
      color: #45a1fe; }
      .list-title h4 a:hover {
        color: #1a89fd; }

.list-thumb.no-image {
  height: 36px;
  border-radius: 50%;
  color: #fff;
  text-transform: uppercase;
  background: #f4565e;
  height: 36px;
  font-size: 18px;
  text-align: center;
  line-height: 40px; }

.list-thumb img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; }

.list-text p {
  margin-bottom: 4px; }

.small-text {
  font-size: 12px;
  color: #909090;
  font-weight: 300; }

.date i,
.time i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  line-height: normal; }

.nav-link {
  cursor: pointer; }

.tox-tinymce {
  border: 1px solid #F1F1F7 !important;
  box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178) !important; }

.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary,
.tox .tox-edit-area,
.tox .tox-statusbar {
  border-top: 1px solid #F1F1F7 !important; }

.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  border-right: 1px solid #F1F1F7 !important; }

.tox .tox-tbtn--disabled, .tox .tox-tbtn--disabled:hover, .tox .tox-tbtn:disabled, .tox .tox-tbtn:disabled:hover,
.tox .tox-tbtn {
  color: #909090 !important; }

.tox .tox-menubar,
.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
  background: #fafafa !important;
  background-color: #fafafa !important; }

.nav-pills .nav-item .nav-link.active {
  color: #fff;
  background-color: #f4565e;
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(156, 39, 176, 0.6); }

.tab-option .nav-tabs .nav-item .nav-link, .tab-option .nav-tabs .nav-item .nav-link:hover, .tab-option .nav-tabs .nav-item .nav-link:focus {
  font-weight: 600; }
  .tab-option .nav-tabs .nav-item .nav-link i, .tab-option .nav-tabs .nav-item .nav-link:hover i, .tab-option .nav-tabs .nav-item .nav-link:focus i {
    font-weight: normal; }

/**
 * Buttons
 */
.btn {
  margin: 0;
  text-transform: capitalize;
  padding: 8px 16px;
  min-width: 100px;
  font-size: 14px; }
  .btn.medium {
    padding: 16px 32px; }
  .btn.small {
    padding: 4px 8px; }
  .btn.btn-default {
    text-transform: capitalize;
    background: #45a1fe;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    border: 1px solid #45a1fe; }
    .btn.btn-default:hover, .btn.btn-default:focus {
      background: #1a89fd;
      border: 1px solid #1a89fd; }
  .btn.btn-outline {
    background: #fff;
    box-shadow: rgba(42, 47, 69, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(42, 47, 69, 0.12) 0px 2px 5px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    color: #f4565e;
    border: 1px solid transparent; }
    .btn.btn-outline:hover, .btn.btn-outline:focus {
      color: #f4565e;
      background: #ffd136;
      border: 1px solid #ffd136; }
  .btn.btn-clean {
    background: transparent;
    border: none;
    border-radius: 0;
    color: #45a1fe;
    box-shadow: none; }
    .btn.btn-clean:hover .ripple-container, .btn.btn-clean:focus .ripple-container {
      display: none; }

.button-option {
  margin: 55px auto 80px;
  display: block;
  text-align: center; }

.btn-sign {
  margin: 0 auto;
  /* margin-top: 70px; */
  display: block;
  /* width: 100%; */
  /* margin-bottom: 35px;  */
}

.btn.btn-add {
  /*background: $brand;
  color: #fff;*/
  color: #f4565e;
  border-left: 1px solid #F1F1F7; }
  .btn.btn-add:hover, .btn.btn-add:focus {
    background: #f4565e;
    color: #fff; }

.btn.btn-clean.dash-menu {
  border-right: 1px solid #F1F1F7; }

.button-group .btn:nth-last-of-type(1) {
  background: #efefef;
  color: #909090;
  border: 1px solid #efefef;
  box-shadow: none;
  margin-left: 16px; }
  .button-group .btn:nth-last-of-type(1):hover, .button-group .btn:nth-last-of-type(1):focus {
    background: #1a89fd;
    color: #fff;
    border: 1px solid #1a89fd; }

.btn.btn-all {
  padding: 0;
  width: 100%;
  text-align: center;
  margin-top: 24px;
  display: block; }

.btn.btn-clean .ripple-container {
  display: none; }

.btn.btn-primary {
  background-color: #f4565e;
  border-color: #f4565e;
  color: #fff; }
  .btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: transparent;
    border-color: #f4565e;
    color: #f4565e; }

.button-group-justify {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch; }
  .button-group-justify .btn.btn-default {
    background: #45a1fe;
    border: 1px solid #45a1fe;
    color: #fff;
    padding: 12px 24px; }
    .button-group-justify .btn.btn-default:hover, .button-group-justify .btn.btn-default:focus {
      background: #1a89fd;
      border: 1px solid #1a89fd;
      color: #fff; }
  .button-group-justify .left-button .btn.btn-default {
    background: #fff;
    color: #45a1fe;
    border: 1px solid #45a1fe;
    box-shadow: none;
    margin-right: 8px; }
    .button-group-justify .left-button .btn.btn-default:nth-last-of-type(1) {
      margin-right: 0; }
    .button-group-justify .left-button .btn.btn-default:hover, .button-group-justify .left-button .btn.btn-default:focus {
      background: #1a89fd;
      border: 1px solid #1a89fd;
      color: #fff;
      box-shadow: 0 4px 6px rgba(50, 50, 93, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05); }

.modal .btn-group {
  display: block; }
  .modal .btn-group .btn.btn-outline {
    background: #fff;
    border: 1px solid #F1F1F7;
    color: #909090;
    margin-left: -5px;
    box-shadow: none; }
    .modal .btn-group .btn.btn-outline:hover, .modal .btn-group .btn.btn-outline:focus, .modal .btn-group .btn.btn-outline.active {
      color: #f4565e; }
    .modal .btn-group .btn.btn-outline.active {
      background: #f4565e;
      color: #fff;
      border-color: #f4565e; }
    .modal .btn-group .btn.btn-outline:nth-of-type(1) {
      margin-left: 0; }

.btn.btn-clean:hover, .btn.btn-clean:focus {
  background: transparent; }

.modal-dialog .modal-footer .btn {
  border-radius: 0; }

.button-group-justify .btn.btn-default {
  padding: 8px 16px; }
  .button-group-justify .btn.btn-default i {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal; }

.btn.btn-default.btn-brand {
  background: #f4565e;
  color: #fff;
  border-color: #f4565e; }
  .btn.btn-default.btn-brand:hover, .btn.btn-default.btn-brand:focus {
    background: #171C26;
    border-color: #171C26; }

.modal .btn-group .btn.btn-outline {
  color: #595959; }

/**
 * Tables
 */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

th {
  text-align: inherit; }

.table tbody {
  font-size: 14px; }

.table tbody > td,
.table td {
  padding: 12px 10px;
  border-top: 1px solid #EEF7FF;
  vertical-align: middle; }

.table tr {
  background-color: #fff; }

.table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F8FBFE; }

.table-status i {
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px; }

.button-table .btn.btn-default {
  font-size: 13px;
  padding: 4px 16px;
  min-width: 80px;
  border-radius: 55px;
  background: transparent;
  color: #909090;
  border: 1px solid transparent;
  box-shadow: none; }
  .button-table .btn.btn-default:nth-last-of-type(1) {
    background: #45a1fe;
    color: #fff;
    border: 1px solid #45a1fe; }
  .button-table .btn.btn-default:hover, .button-table .btn.btn-default:focus {
    background: #1a89fd;
    color: #fff;
    border: 1px solid #1a89fd; }

.button-table.btn.btn-clean {
  font-size: 13px;
  padding: 4px 16px;
  min-width: 80px;
  border-radius: 55px;
  background: transparent;
  color: #45a1fe;
  border: 1px solid transparent;
  box-shadow: none; }
  .button-table.btn.btn-clean:hover, .button-table.btn.btn-clean:focus {
    color: #1a89fd; }

.pagination > .page-item > .page-link, .pagination > .page-item > span {
  color: #999999;
  font-weight: normal;
  font-size: 13px;
  text-transform: capitalize;
  cursor: pointer; }
  .pagination > .page-item > .page-link:hover, .pagination > .page-item > span:hover {
    color: #1a89fd; }

.table thead th {
  border-bottom: 2px solid #EEF7FF;
  color: #171C26;
  font-weight: normal;
  font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont; }

.table {
  /* border: 1px solid $table-border;*/ }
  .table .badge.badge-info {
    color: #fff; }
  .table .badge {
    padding: 6px 12px; }

.table .status {
  background: transparent;
  color: #fff;
  font-size: 12px;
  padding: 4px 12px;
  text-align: center;
  border-radius: 55px;
  line-height: normal;
  margin: 0;
  max-width: initial; }
  .table .status i {
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    display: none; }
  .table .status.info {
    background: #45a1fe; }
  .table .status.alert {
    background: #f4565e; }
  .table .status.success {
    background: #30b898; }
  .table .status.confirmed {
    background: #ff7a36; }

.table-content .pagination {
  justify-content: flex-end; }

.table-content a {
  color: #45a1fe; }
  .table-content a:hover {
    color: #1a89fd; }

.inner-title.has-option {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center; }

.inner-title .title-info {
  flex: 0 0 60%; }

.inner-title .title-option {
  flex: 1;
  text-align: right; }

.table-option {
  padding: 16px;
  border-top: 1px solid #F1F1F7;
  border-radius: 6px;
  background: #fff;
  margin-bottom: 24px; }
  .table-option p {
    color: #909090;
    margin: 0 0 16px 0;
    text-transform: uppercase;
    font-size: 14px; }

.btn.btn-clean.in-table {
  color: #fff;
  /*padding: 5px 12px;*/
  padding: 8px 16px;
  font-size: 12px;
  min-width: inherit;
  background: #45a1fe;
  border: none;
  border-radius: 0; }
  .btn.btn-clean.in-table:hover, .btn.btn-clean.in-table:focus {
    color: #fff;
    border: none;
    background: #1a89fd; }

.table thead th {
  padding: 16px; }

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after {
  bottom: 16px; }

.table-option.clean {
  background: #fff;
  padding: 24px 0; }
  .table-option.clean .inline-input .inline-item {
    width: calc(100% / 2 - 8px); }
  .table-option.clean .inline-input .inline-item .form-control {
    width: 100%; }
  .table-option.clean .form-default.form-inlined.three-col .form-group {
    flex: 0 0 40%; }
    .table-option.clean .form-default.form-inlined.three-col .form-group:nth-of-type(2), .table-option.clean .form-default.form-inlined.three-col .form-group:nth-of-type(3) {
      flex: 1; }
  .table-option.clean p {
    margin: 0 0 8px 0; }

.table-content.custom {
  box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178);
  background: #fff; }
  .table-content.custom div.dataTables_wrapper div.dataTables_info {
    padding-left: 16px;
    font-size: 13px;
    color: #909090; }
  .table-content.custom .row:nth-of-type(1) {
    display: none; }
  .table-content.custom .row:nth-last-of-type(1) {
    padding: 16px 0 8px; }
  .table-content.custom table.dataTable {
    margin-top: 0 !important; }

.top-input {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  padding: 24px 0; }

.input-button .btn.btn-default {
  background: #fff;
  color: #45a1fe;
  border: 1px solid #fff;
  padding: 12px 28px;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
  margin-right: 16px; }
  .input-button .btn.btn-default:hover {
    background: #45a1fe;
    color: #fff;
    border: 1px solid #45a1fe; }
  .input-button .btn.btn-default:nth-last-of-type(1) {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    box-shadow: none;
    margin-right: 0; }
    .input-button .btn.btn-default:nth-last-of-type(1):hover, .input-button .btn.btn-default:nth-last-of-type(1):focus {
      background: #fff;
      color: #45a1fe;
      border: 1px solid #fff;
      box-shadow: 0 4px 6px rgba(50, 50, 93, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05); }

.table-media {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  padding: 2px;
  background: rgba(0, 0, 0, 0.15); }
  .table-media img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    display: inline-block;
    vertical-align: middle; }

.table-title {
  padding: 16px 24px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center; }
  .table-title h3 {
    margin: 0;
    color: #f4565e; }

.table .status.badge-rounded {
  padding: 5px 12px;
  font-size: 12px; }
  .table .status.badge-rounded.confirmed {
    border: 1px solid #ff7a36; }
  .table .status.badge-rounded.info {
    border: 1px solid #45a1fe; }

.table tbody td i {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle; }

.table tbody td .status i {
  font-size: 8px; }

#searchTable_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  visibility: hidden;
  display: none; }

div.dataTables_wrapper div.dataTables_info {
  padding-left: 16px;
  font-size: 13px;
  color: #909090; }

.table-title .form-default {
  position: relative;
  z-index: 0; }
  .table-title .form-default i {
    position: absolute;
    color: #909090;
    top: 10px;
    left: 10px;
    z-index: 1; }
  .table-title .form-default .form-control {
    /* min-width: 320px; */
    padding: 12px 16px 12px 36px;
    background: #fafafa; }
    .table-title .form-default .form-control:hover {
      background: #fff; }

.table tbody > td, .table td {
  padding: 12px 16px; }

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  padding-right: 8px; }

.table-title.no-title {
  justify-content: flex-end;
  padding: 0 0 8px 0; }

.table.table-outline {
  border: 1px solid #EEF7FF; }

.table .dropdown .dropdown-item i {
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  line-height: normal; }

.table.table-space {
  border-spacing: 0 8px; }
  .table.table-space tbody tr {
    transition: all .5s ease-in-out;
    box-shadow: none; }
    .table.table-space tbody tr:hover {
      background-color: #fff;
      box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08); }

.inner-title.has-option.mb-16 {
  margin: 24px 0 16px; }

.table-title.no-title.justify {
  justify-content: space-between; }
  .table-title.no-title.justify .btn.btn-default.btn-filter {
    background: #fff;
    color: #45a1fe;
    border: 1px solid transparent; }

table.dataTable {
  border-collapse: collapse !important; }

.table-content .dataTable {
  border-collapse: collapse !important; }

/* FADE/SCALE EFFECT */
.modal.modal-confirm {
  margin-top: 12%; }

.modal-backdrop.show {
  opacity: 0.5; }

.modal-dialog .modal-body {
  padding: 0 24px; }
  .modal-dialog .modal-body p:last-child, .modal-dialog .modal-body .lead:last-child {
    margin-bottom: 0; }

.modal.fade .modal-dialog {
  opacity: 0;
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  transition: all 0.3s ease; }

.modal.fade.show .modal-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }

/* DIALOG CONTENT */
.modal-content {
  border: none;
  border-radius: 2px;
  border: 1px solid #F1F1F7;
  box-shadow: 0 17px 14px 0 rgba(0, 0, 0, 0.1), 0 20px 57px 0 rgba(0, 0, 0, 0.12); }

/* DIALOG HEADER */
.modal-dialog .modal-header {
  min-height: 16px;
  padding: 24px;
  border-bottom: none; }

.modal-dialog .modal-title,
.modal-dialog .modal-header {
  font-size: 21px;
  margin: 0; }
  .modal-dialog .modal-title h3,
  .modal-dialog .modal-title h4,
  .modal-dialog .modal-title h5,
  .modal-dialog .modal-header h3,
  .modal-dialog .modal-header h4,
  .modal-dialog .modal-header h5 {
    color: #171C26; }

.modal-dialog .modal-title {
  font-size: 21px;
  margin: 0; }
  .modal-dialog .modal-title h3.modal-title,
  .modal-dialog .modal-title h4.modal-title,
  .modal-dialog .modal-title h5.modal-title {
    color: #171C26; }

.modal-dialog .modal-footer {
  margin-top: 24px;
  border-top: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-content: stretch;
  align-items: stretch; }
  .modal-dialog .modal-footer .btn {
    height: auto;
    padding: 14px 28px;
    border-radius: 0;
    text-transform: capitalize;
    font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont;
    box-shadow: none;
    background: #fff;
    color: #909090;
    border: 1px solid transparent; }
    .modal-dialog .modal-footer .btn:focus {
      outline: none;
      color: #1a89fd;
      box-shadow: none;
      background: #fff;
      border: 1px solid transparent; }
    .modal-dialog .modal-footer .btn:hover {
      color: #1a89fd;
      box-shadow: none;
      background: #fff;
      border: 1px solid transparent; }
    .modal-dialog .modal-footer .btn:nth-last-of-type(1) {
      margin-left: 16px;
      background: #45a1fe;
      color: #fff;
      border: 1px solid #45a1fe; }
      .modal-dialog .modal-footer .btn:nth-last-of-type(1):hover, .modal-dialog .modal-footer .btn:nth-last-of-type(1):focus {
        color: #fff;
        background: #1a89fd;
        border: 1px solid #1a89fd; }

.modal-content.for-confirm .modal-header {
  display: block;
  text-align: center; }

.modal-content.for-confirm .modal-body {
  text-align: center; }

.modal-content.for-confirm .modal-footer {
  justify-content: center; }
  .modal-content.for-confirm .modal-footer .btn.btn-secondary {
    background: #f9f9f9;
    color: #909090; }
    .modal-content.for-confirm .modal-footer .btn.btn-secondary:hover, .modal-content.for-confirm .modal-footer .btn.btn-secondary:focus {
      background: #45a1fe;
      color: #fff; }

.modal-dialog .modal-header {
  font-size: 16px;
  font-weight: 500;
  color: #909090;
  padding: 24px 24px 0; }

.modal-dialog .modal-title {
  font-size: 18px;
  font-weight: 500;
  color: #909090; }

.modal-dialog .modal-body .modal-title h3 {
  font-size: 18px;
  color: #171C26;
  margin-bottom: 2px; }

.modal-dialog .modal-body h3 {
  font-size: 18px;
  color: #171C26;
  font-weight: bold;
  margin-bottom: 2px; }

/*.form-control, .is-focused .form-control {
  background-image: linear-gradient(to top, $link-hover 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}*/
.form-control:hover,
.form-control:focus {
  border-color: #1a89fd; }

.form-control {
  transition: all .3s ease-in-out; }

.form-default .bmd-form-group [class^='bmd-label'], .form-default .bmd-form-group [class*=' bmd-label'] {
  position: initial;
  pointer-events: auto;
  transition: 0.3s ease all; }

.form-default label,
.form-default .control-label {
  font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont;
  font-weight: normal;
  color: #171C26; }

.form-default .bmd-form-group .bmd-label-static {
  top: 0;
  left: 0;
  font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont;
  font-weight: normal; }

.form-default .form-control, .form-default .is-focused .form-control {
  background-image: none; }

.form-default .form-control {
  border: 1px solid #F1F1F7;
  border-radius: 2px;
  padding: 12px 16px;
  height: auto; }
  .form-default .form-control:hover, .form-default .form-control:focus {
    border: 1px solid #1a89fd;
    background: #fff;
    box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178); }

.form-default .form-group {
  margin-bottom: 16px; }
  .form-default .form-group.bmd-form-group {
    padding-top: 0; }

.form-action {
  margin: 32px 0 0; }
  .form-action.right {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end; }
  .form-action.left {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start; }
  .form-action.center {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%; }
  .form-action .btn.btn-default {
    padding: 16px 24px;
    min-width: 160px; }

.control-label.has-option {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center; }

.form-title {
  margin-bottom: 54px; }
  .form-title h2 {
    font-size: 32px; }
  .form-title p {
    font-weight: 300;
    color: #909090; }

.form-other,
.form-info {
  margin: 24px auto; }

.form-other {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #F1F1F7;
  padding-top: 24px; }

.form-default .bmd-form-group .bmd-label-static {
  color: #171C26; }

.form {
  margin-bottom: 0; }

.auth-box .form-control {
  height: 48px; }

.auth-box .form-group {
  margin-bottom: 24px; }

.form-default.form-inlined {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: flex-end; }
  .form-default.form-inlined .btn.btn-default {
    margin: 0 0 3px 0; }
  .form-default.form-inlined.three-col .form-group {
    flex: 0 0 45%; }
    .form-default.form-inlined.three-col .form-group.end, .form-default.form-inlined.three-col .form-group:nth-of-type(2) {
      flex: auto;
      margin-left: 16px; }

.inline-input {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: flex-start; }
  .inline-input .inline-item {
    width: calc(100% / 2); }
    .inline-input .inline-item span {
      margin-right: 8px;
      color: #171C26; }
    .inline-input .inline-item .form-control {
      width: 75%;
      display: inline-block;
      vertical-align: middle; }

.form-group.end button {
  margin: 0 0 3px 0; }

.form-group.end .btn.btn-clean {
  background: #FBFBFB;
  color: #909090;
  margin-left: 16px;
  height: 37px; }
  .form-group.end .btn.btn-clean:hover {
    background: #1a89fd;
    color: #fff;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05); }

.dual-input {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch; }
  .dual-input .form-control {
    flex: 0 0 18%;
    margin-right: 8px; }
    .dual-input .form-control:nth-last-of-type(1) {
      flex: 1;
      margin-right: 0; }

.dual-field {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch; }
  .dual-field .form-group {
    width: calc(100% / 2 - 12px); }

.form-default.single-half .form-group {
  width: calc(50% - 12px); }

.form-default.single-half .dual-field .form-group {
  width: calc(100% / 2 - 12px); }

.main-label,
label.main-label {
  font-size: 16px;
  font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont;
  color: #f4565e;
  margin-bottom: 24px;
  font-weight: 500; }

.button-form {
  margin: 35px 0 16px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-content: stretch;
  align-items: stretch; }
  .button-form .btn.btn-default {
    background: transparent;
    color: #909090;
    box-shadow: none;
    border: 1px solid transparent;
    padding: 14px 36px;
    margin-right: 16px; }
    .button-form .btn.btn-default:hover {
      background: #1a89fd;
      color: #fff;
      border: 1px solid #1a89fd;
      box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08); }
    .button-form .btn.btn-default:nth-last-of-type(1) {
      background: #45a1fe;
      color: #fff;
      border: 1px solid #45a1fe;
      margin-right: 0; }
      .button-form .btn.btn-default:nth-last-of-type(1):hover {
        background: #1a89fd;
        color: #fff;
        border: 1px solid #1a89fd;
        box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08); }

.three-field {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: stretch; }
  .three-field .field-item {
    width: calc(100% / 3 - 12px); }

.form-default.form-inlined.four-col .form-group {
  width: calc(100% / 4 - 12px);
  margin-bottom: 0; }
  .form-default.form-inlined.four-col .form-group .form-control {
    width: 100%; }

.input-optional {
  font-weight: 300;
  color: #909090;
  font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont;
  margin-left: 4px;
  display: inline-block;
  vertical-align: middle; }

.button-form .btn.btn-default:hover {
  background: transparent;
  color: #1a89fd;
  border: 1px solid transparent; }

.side-label {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: flex-start; }
  .side-label.lined {
    border-bottom: 1px solid #F1F1F7;
    margin-bottom: 24px; }
  .side-label.padding-vertical.lined {
    padding: 0 0 8px; }
  .side-label .left-field {
    flex: 0 0 30%;
    padding-right: 36px; }
    .side-label .left-field p {
      color: #909090;
      font-weight: 300;
      margin-bottom: 0; }
    .side-label .left-field .control-label {
      text-transform: uppercase;
      color: #f4565e; }
  .side-label .right-field {
    flex: 1; }
    .side-label .right-field textarea.form-control {
      width: 100%; }
    .side-label .right-field .form-group.full {
      width: 100%; }

.form-group.full {
  width: 100%; }

.form-check .form-check-sign .check {
  border: 1px solid #F1F1F7; }

.form-check .form-check-input[disabled] ~ .form-check-sign .check {
  border-color: #F1F1F7; }

.form-check .form-check-input:checked + .form-check-sign .check {
  background: #f4565e; }

.form-check .form-check-label {
  color: #595959; }

/* toggle input */
.vc-role,
.vc-languange {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 35%;
  height: 36px;
  padding: 0;
  background-color: white;
  border-radius: 55px;
  cursor: pointer;
  background-color: white;
  cursor: pointer; }

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0; }

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: capitalize;
  background: #bdc3c7;
  border-radius: inherit;
  transition: 0.15s ease-out;
  transition-property: opacity background border; }

.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  transition: inherit;
  font-size: 14px; }

.switch-label:before {
  content: attr(data-off);
  right: 0;
  color: #000;
  left: 0;
  text-align: center; }

.switch-label:after {
  content: attr(data-on);
  left: 0;
  right: 0;
  text-align: center;
  color: white;
  opacity: 0; }

.switch-input:checked ~ .switch-label {
  background: #34495E; }

.switch-input:checked ~ .switch-label:before {
  opacity: 0; }

.switch-input:checked ~ .switch-label:after {
  opacity: 1; }

.switch-handle {
  position: absolute;
  top: 9px;
  left: 10px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  transition: left 0.15s ease-out;
  display: none; }

.switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: linear-gradient(to bottom, #eeeeee, white); }

.switch-input:checked ~ .switch-handle {
  background: #1abc9c;
  left: 45px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }

.switch-input:checked ~ .switch-handle:before {
  background: #1abc9c; }

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845; }

.role-list .vc-role, .role-list .vc-languange {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: auto;
  padding: 4px 8px;
  margin: 0;
  background-color: transparent;
  border-radius: 55px;
  cursor: pointer; }

.role-list .switch-label {
  background: transparent; }

.role-list .switch-label:before, .role-list .switch-label:after {
  position: relative; }

.role-list .switch-label:after,
.role-list .switch-label:before {
  color: #909090; }

.role-list .switch-label:before, .role-list .switch-label:after {
  text-align: center;
  margin: 0 auto; }

.role-list .switch-input:checked ~ .switch-label {
  background: #f9f9f9; }

.role-list .switch-input:checked ~ .switch-label:before {
  display: none; }

.role-list .switch-label:after {
  display: none; }

.role-list .switch-input:checked ~ .switch-label:after {
  display: block; }

/* end toggle input */
.radio-custom .radio-btn {
  margin: 0;
  box-sizing: border-box;
  font-size: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  position: relative; }
  .radio-custom .radio-btn input {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px; }
  .radio-custom .radio-btn input + label {
    margin: 0;
    padding: 8px 16px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: solid 1px #F1F1F7;
    background-color: #f5f5f5;
    color: #909090;
    font-size: 14px;
    line-height: 140%;
    font-weight: normal;
    text-align: center;
    transition: border-color .15s ease-out,  color .25s ease-out,  background-color .15s ease-out, box-shadow .15s ease-out;
    box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178);
    cursor: pointer; }
    .radio-custom .radio-btn input + label:hover {
      background: #fff;
      color: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont; }
  .radio-custom .radio-btn input + label:first-of-type {
    border-radius: 6px 0 0 6px;
    border-right: none; }
  .radio-custom .radio-btn input + label:last-of-type {
    border-radius: 0 6px 6px 0;
    border-left: none; }
  .radio-custom .radio-btn input:hover + label {
    border-color: #F1F1F7; }
  .radio-custom .radio-btn input:checked + label {
    background-color: #f4565e;
    color: #FFF;
    box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178);
    border-color: #f4565e;
    z-index: 1; }
  .radio-custom .radio-btn input:focus + label {
    outline: dotted 1px transparent;
    outline-offset: .45rem; }

.radio-custom .status {
  margin: 0;
  font-size: 1rem;
  font-weight: 400; }

.radio-custom .status span {
  font-weight: 600;
  color: #B6985A; }

.radio-custom .status span:first-of-type {
  display: inline; }

.radio-custom .status span:last-of-type {
  display: none; }

@media (max-width: 800px) {
  .radio-custom .status span:first-of-type {
    display: none; }
  .radio-custom .status span:last-of-type {
    display: inline; } }

@media (max-width: 800px) {
  .radio-btn input + label {
    padding: .75rem .25rem;
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center; } }

.control-label, .form-default .bmd-form-group .bmd-label-static, .form-default label, .form-default .control-label, label {
  font-weight: 500;
  color: #3a3a3a; }

.form-control, .is-focused .form-control {
  background-image: none; }

.vise-group .form-group,
.vise-group .dual-field {
  margin-bottom: 24px; }

.vise-group .btn-group, .vise-group .btn-group-vertical {
  margin: 0; }

.dual-field.has-three .field-item {
  width: calc(100% / 3 - 12px); }

.modal-header.full-pad {
  padding: 24px; }

.modal-dialog.medium {
  max-width: 45%; }

.select2-dropdown {
  background-color: #fff;
  border: 1px solid #F1F1F7;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(136, 152, 170, 0.055), 0 15px 35px 0 rgba(49, 49, 93, 0.055), 0 5px 15px 0 rgba(0, 0, 0, 0.03); }
  .select2-dropdown .select2-results__option {
    padding: 8px 16px;
    color: #909090;
    font-weight: 300; }

.form-default .form-group {
  position: relative; }

.form-default .form-helper {
  position: absolute;
  padding: 4px 0;
  color: #f4565e;
  font-size: 13px;
  font-weight: 300; }

.form-control.has-error {
  border: 1px solid #f4565e; }
  .form-control.has-error:hover, .form-control.has-error:focus {
    border: 1px solid #f4565e; }

.modal .btn-group .btn.btn-outline {
  line-height: 27px;
  color: #909090;
  background: #fff; }

.attachment-field label {
  background-color: #45a1fe;
  color: white;
  padding: 8px 24px;
  border-radius: 4px;
  cursor: pointer; }

.attachment-field .file-attach {
  margin-left: 0.3rem; }

.modal.modal-default {
  margin-top: 7%; }

/*form styles*/
.form-steps {
  width: 400px;
  margin: 50px auto;
  text-align: center;
  position: relative;
  height: 600px; }
  .form-steps fieldset {
    background: white;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 30px;
    box-sizing: border-box;
    width: 80%;
    margin: 0 10%;
    position: relative; }
  .form-steps fieldset:not(:first-of-type) {
    display: none; }
  .form-steps .action-button {
    width: 100px;
    background: #27AE60;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 1px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px; }
  .form-steps .action-button:hover,
  .form-steps .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60; }
  .form-steps .fs-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px; }
  .form-steps .fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px; }
  .form-steps .progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step; }
  .form-steps .progressbar li {
    list-style-type: none;
    color: white;
    text-transform: uppercase;
    font-size: 9px;
    width: 33.33%;
    float: left;
    position: relative; }
  .form-steps .progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 10px;
    color: #333;
    background: white;
    border-radius: 3px;
    margin: 0 auto 5px auto; }
  .form-steps .progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1; }
  .form-steps .progressbar li:first-child:after {
    content: none; }
  .form-steps .progressbar li.active:before,
  .form-steps .progressbar li.active:after {
    background: #27AE60;
    color: white; }

.step-button {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch;
  padding: 0 0 24px; }
  .step-button .btn {
    box-shadow: none;
    min-width: inherit;
    padding: 12px 32px; }
    .step-button .btn:nth-last-of-type(1) {
      margin-left: 16px; }
  .step-button .btn.btn-clean {
    padding: 0;
    min-width: inherit;
    opacity: .75; }
    .step-button .btn.btn-clean:hover, .step-button .btn.btn-clean:focus {
      opacity: 1; }
  .step-button .btn.btn-outline {
    border: 1px solid #45a1fe;
    color: #45a1fe;
    background: #fff;
    box-shadow: none; }
    .step-button .btn.btn-outline:hover, .step-button .btn.btn-outline:focus {
      background: #45a1fe;
      color: #fff; }

.auth-nav {
  padding: 24px; }

.main-navigation .nav-item .dropdown-menu {
  margin-top: 22px; }

.main-navigation .btn {
  color: #B8BAC3;
  font-size: 18px;
  padding: 0 12px; }

.main-navigation .nav-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center; }
  .main-navigation .nav-list li {
    margin: 0; }
  .main-navigation .nav-list button.nav-link,
  .main-navigation .nav-list .btn.btn-clean {
    color: #909090;
    font-size: 18px;
    padding: 0 12px;
    cursor: pointer;
    position: relative; }
    .main-navigation .nav-list button.nav-link.has-item:after,
    .main-navigation .nav-list .btn.btn-clean.has-item:after {
      content: '';
      width: 11px;
      height: 11px;
      background: #f4565e;
      border-radius: 50%;
      position: absolute;
      top: -3px;
      right: 12px;
      border: 1px solid #fff; }
    .main-navigation .nav-list button.nav-link:hover, .main-navigation .nav-list button.nav-link:focus,
    .main-navigation .nav-list .btn.btn-clean:hover,
    .main-navigation .nav-list .btn.btn-clean:focus {
      color: #1a89fd; }

.nav.nav-lined {
  border-bottom: 1px solid #F1F1F7;
  margin-bottom: 24px; }
  .nav.nav-lined li {
    margin-bottom: 0; }
    .nav.nav-lined li a {
      padding: 12px 24px;
      position: relative;
      transition: all .5s ease-in-out;
      color: #909090;
      font-family: "Avenir Next LT Pro Demi", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont; }
      .nav.nav-lined li a:after {
        content: '';
        height: 3px;
        background: transparent;
        width: 100%;
        position: absolute;
        bottom: -2px;
        transition: all .5s ease-in-out;
        left: 0;
        -webkit-transform: translateY(100%);
                transform: translateY(100%); }
      .nav.nav-lined li a.active, .nav.nav-lined li a:hover, .nav.nav-lined li a.active:hover {
        color: #f4565e; }
        .nav.nav-lined li a.active:after, .nav.nav-lined li a:hover:after, .nav.nav-lined li a.active:hover:after {
          background: #f4565e;
          -webkit-transform: translateY(0);
                  transform: translateY(0); }

.top-nav .dropdown-menu {
  font-size: 13px;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15); }

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu a:active {
  background-color: #f9f9f9;
  color: #595959;
  box-shadow: none; }

@-moz-document url-prefix() {
  * {
    min-height: 0;
    min-width: 0; } }

body:not(:-moz-handler-blocked) * {
  min-height: 0;
  min-width: 0; }

*, *:before, *:after {
  box-sizing: inherit; }

*, *:before, *:after {
  box-sizing: inherit; }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: auto;
  font-smoothing: antialiased; }

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizelegibility;
  -moz-osx-font-smoothing: grayscale;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smooth: auto; }

html, body {
  height: 100%; }

body {
  font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont;
  color: #595959;
  font-weight: 400;
  background: #F3F5F7;
  font-size: 14px; }

a {
  text-decoration: none;
  outline: none;
  color: #45a1fe; }
  a:hover {
    color: #1a89fd; }

img {
  max-width: 100%;
  display: block; }

ul {
  padding: 0;
  margin: 0;
  list-style-type: none; }
  ul li {
    font-size: inherit; }

a,
.btn,
button {
  outline: none;
  -webkit-text-emphasis: none;
          text-emphasis: none;
  transition: all .5s ease-in-out;
  text-decoration: none; }

p, ul, ol, pre, table, blockquote, h1, h2, h3, h4, h5, h6 {
  transition: all 200ms ease-in-out; }

p,
li {
  font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont; }

strong {
  font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont;
  font-weight: 500; }

h1,
h2,
h3,
h4,
h5 {
  font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont;
  font-weight: bold;
  color: #171C26; }
  h1 span,
  h2 span,
  h3 span,
  h4 span,
  h5 span {
    font-weight: 400; }

h1,
h2,
h3,
h4,
h5 {
  line-height: 1.15; }

h1 {
  margin-top: 0;
  font-size: 54px; }

h2 {
  font-size: 36px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 16px; }

small, .text_small {
  font-size: 10px; }

.btn,
button {
  font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont; }

table.dataTable {
  border-collapse: collapse !important; }

.wrap {
  display: flex;
  flex-direction: column; }

.main-header,
.footer {
  flex: none; }

.content {
  flex: 1 0 auto;
  padding: 0;
  width: 100%; }

.content::after {
  content: '\00a0';
  display: block;
  height: 0;
  visibility: hidden; }

/* Auth page ---------------- */
.auth-page {
  min-height: 100vh; }

.auth-page,
.main-auth {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column; }

.auth-content {
  flex: 1 1 auto; }

.sidebar {
  order: 1; }

@media (min-width: 768px) {
  .main-auth {
    flex-direction: row; }
  .auth-side {
    flex: 0 0 56.3%;
    background: #f4565e;
    color: #fff; } }

.dashboard {
  /*min-height: 100vh;*/ }
  .dashboard .left-side {
    flex: 0 0 5%;
    background: #1a89fd;
    color: #fff;
    position: relative; }
  .dashboard .right-side {
    flex: 0 0 23%;
    background: #EEF0F1;
    position: relative; }

.auth-page,
.main-dashboard {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column; }

.dashboard-content {
  flex: 1 1 auto; }

.main-dashboard {
  flex-direction: row;
  min-height: 100vh; }

h3.small-title {
  font-size: 18px; }

.pad-title {
  padding: 16px 24px; }

.main-header {
  background: #fff;
  box-shadow: 0 2px 35px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2; }
  .main-header .form-control {
    background: #f8f8f8;
    transition: all .5s ease-in-out; }
    .main-header .form-control:hover, .main-header .form-control:focus {
      background: #fff; }

.header-content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center; }

.mid-header {
  flex: 1; }

.main-brand img {
  height: 36px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; }

.mid-entry {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch; }
  .mid-entry .dashboard-top {
    flex: 0 1 86%; }

.top-entry {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center; }

.header-content .mid-header {
  padding: 0 24px; }

.header-content .btn {
  margin: 0;
  padding: 0;
  min-width: inherit; }
  .header-content .btn.dash-menu, .header-content .btn.btn-add {
    padding: 16px 24px;
    font-size: 24px; }
  .header-content .btn.dash-menu {
    color: #1a89fd; }
    .header-content .btn.dash-menu .ripple-container {
      display: none; }
    .header-content .btn.dash-menu:hover, .header-content .btn.dash-menu:focus {
      color: #1a89fd; }

/**
 * Footer
 */
.footer {
  display: block;
  flex: none;
  padding: 8px 0;
  /*background: #E6E6E6;*/
  font-weight: 300;
  background: #fff;
  border-top: 1px solid #F1F1F7; }
  .footer p {
    font-size: 12px; }
  .footer a {
    color: rgba(255, 255, 255, 0.75);
    text-transform: capitalize; }
    .footer a:hover {
      color: #fff; }
  .footer li {
    text-transform: capitalize;
    margin: 0; }

.side-nav {
  position: fixed;
  height: 100%;
  width: 5%;
  padding-top: 68px;
  background: #1F2634;
  /* display: flex; */
  display: block;
  flex-flow: column wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center; }

.side-profile {
  padding: 16px 8px; }
  .side-profile img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover; }

.left-nav {
  flex: 1;
  align-self: center;
  padding: 16px 0;
  width: 100%;
  text-align: center; }

.left-link {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  width: 48px;
  height: 48px;
  position: relative;
  border-radius: 50%;
  transition: all .5s ease-in-out;
  text-align: center;
  margin: 0 auto 16px;
  font-size: 18px;
  line-height: 48px; }
  .left-link:hover, .left-link:focus, .left-link.active {
    border-radius: 50%;
    transition: all .5s ease-in-out;
    background: rgba(255, 255, 255, 0.045);
    color: white; }

.dash-right {
  position: fixed;
  height: 100%;
  width: 23%;
  padding-top: 68px; }
  .dash-right .vertical-block {
    height: 100%; }
  .dash-right .card {
    margin: 0; }
  .dash-right .mid-right,
  .dash-right .bottom-right {
    width: 100%; }
  .dash-right .small-tab .nav-link i {
    display: block; }

.profile-teaser {
  position: relative;
  z-index: 0; }
  .profile-teaser img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    height: 185px;
    width: 100%; }
  .profile-teaser:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    opacity: 0.89;
    background-image: linear-gradient(180deg, rgba(181, 181, 181, 0) 0%, #000000 100%);
    z-index: 0; }
  .profile-teaser .bottom-teaser {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: rgba(190, 30, 45, 0.5);
    color: #fff;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
    z-index: 1;
    padding: 16px; }
    .profile-teaser .bottom-teaser a {
      color: rgba(255, 255, 255, 0.75);
      font-size: 12px; }
      .profile-teaser .bottom-teaser a:hover {
        color: #fff; }
    .profile-teaser .bottom-teaser h3 {
      font-size: 18px;
      margin: 0;
      color: #fff; }

.mid-right {
  flex: 1; }
  .mid-right .card-title a {
    font-weight: 300;
    color: #909090;
    font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont; }
    .mid-right .card-title a:hover {
      color: #1a89fd; }
  .mid-right .nav-link.active {
    background-color: #fff !important;
    border-radius: 6px; }
  .mid-right .tab-option.lined .nav-link.active:after {
    content: '';
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: initial;
    left: 0;
    border-radius: 6px 6px 0 0;
    background: #f4565e; }
  .mid-right .list-thumb.no-image {
    height: 39px;
    background: #fff;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
    color: #45a1fe; }
  .mid-right .small-tab .list-title h4 {
    width: 100%; }
  .mid-right h4 {
    margin-bottom: 4px;
    width: 100%; }

.fast-button {
  background: #f4565e;
  color: #fff;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  height: 60px; }
  .fast-button .btn {
    color: #fff;
    width: calc(100% / 2); }
    .fast-button .btn:hover, .fast-button .btn:focus {
      background: #B2101F; }
    .fast-button .btn i {
      display: block;
      font-size: 18px; }
    .fast-button .btn .small-text {
      color: #fff; }

.dashboard-content.overlay {
  overflow: hidden; }

.side-block {
  display: none; }

.left-side.expand .side-block {
  display: inline-block;
  vertical-align: middle; }

.left-side {
  transition: width .5s ease-in-out; }
  .left-side.expand {
    flex: 0 0 18.5%; }
    .left-side.expand .side-nav {
      width: 18.5%; }
    .left-side.expand .left-nav {
      overflow: auto; }
    .left-side.expand .left-link {
      margin: 0;
      padding: 0 24px;
      width: auto;
      height: auto;
      font-size: 14px;
      text-align: left;
      border-radius: 0;
      color: rgba(255, 255, 255, 0.75); }
      .left-side.expand .left-link i {
        margin-right: 8px;
        font-size: 20px;
        display: inline-block;
        vertical-align: middle; }
      .left-side.expand .left-link:hover, .left-side.expand .left-link:focus, .left-side.expand .left-link.active {
        border-radius: 0 !important; }
    .left-side.expand .side-profile {
      padding: 24px;
      width: 100%;
      background: rgba(0, 0, 0, 0.15); }
      .left-side.expand .side-profile img {
        margin: 0 auto;
        padding: 5px;
        background: rgba(255, 255, 255, 0.1);
        width: 90px;
        height: 90px; }
      .left-side.expand .side-profile .profile-info.side-block {
        display: flex;
        flex-flow: column wrap;
        justify-content: space-between;
        align-content: stretch;
        align-items: center; }
        .left-side.expand .side-profile .profile-info.side-block h3 {
          font-size: 18px;
          color: #fff;
          margin-bottom: 8px; }
        .left-side.expand .side-profile .profile-info.side-block .badge-warning {
          margin: 8px 0;
          border: 1px solid #ffd136;
          color: #ffd136;
          padding: 8px 16px;
          font-size: 13px; }
        .left-side.expand .side-profile .profile-info.side-block .profile-group {
          display: flex;
          flex-flow: row wrap;
          justify-content: space-between;
          align-content: stretch;
          align-items: center;
          margin: 16px auto 0; }
          .left-side.expand .side-profile .profile-info.side-block .profile-group .btn.btn-default {
            width: calc(100% / 2 - 8px);
            text-align: center;
            border-radius: 55px;
            background: #fff;
            color: #45a1fe;
            box-shadow: none;
            border: 1px solid #fff; }
            .left-side.expand .side-profile .profile-info.side-block .profile-group .btn.btn-default:hover {
              background: #45a1fe;
              color: #fff;
              border: 1px solid #45a1fe; }
            .left-side.expand .side-profile .profile-info.side-block .profile-group .btn.btn-default:nth-last-of-type(1) {
              background: rgba(0, 0, 0, 0.15);
              color: rgba(255, 255, 255, 0.25);
              box-shadow: none;
              border: 1px solid rgba(0, 0, 0, 0.15); }
              .left-side.expand .side-profile .profile-info.side-block .profile-group .btn.btn-default:nth-last-of-type(1):hover {
                background: #45a1fe;
                color: #fff;
                border: 1px solid #45a1fe; }

.dash-menu.on {
  background: #f9f9f9;
  color: #f4565e; }
  .dash-menu.on i {
    color: #f4565e; }

.sub-left i {
  font-size: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px; }

.submenu {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  padding: 10px 24px 10px 48px;
  color: #fff; }
  .submenu .badge.badge-danger {
    background: #f4565e;
    color: #fff;
    border: 1px solid #f4565e;
    font-size: 11px;
    position: relative; }
    .submenu .badge.badge-danger em {
      font-size: 8px;
      font-style: normal;
      position: absolute;
      top: 2px; }

.side-menu li {
  margin-bottom: 0; }

.side-menu ul {
  background: rgba(0, 0, 0, 0.075); }

.side-title {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  padding: 16px 24px; }
  .side-title .btn.btn-clean {
    padding: 0;
    margin: 0;
    min-width: inherit;
    color: #909090; }
    .side-title .btn.btn-clean:hover, .side-title .btn.btn-clean:focus {
      color: #1a89fd; }
  .side-title h3 {
    font-size: 16px;
    color: #f4565e;
    margin: 0; }

.side-sub-nav ul,
.side-sub-nav li {
  margin: 0;
  padding: 0; }

.side-sub-nav .badge.badge-alert, .side-sub-nav .badge.badge-danger {
  background: #45a1fe;
  border: 1px solid #45a1fe;
  color: #fff; }

.side-sub-nav li {
  display: block; }
  .side-sub-nav li a {
    padding: 12px 24px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
    font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont;
    font-weight: normal;
    color: #45a1fe; }
    .side-sub-nav li a i {
      font-size: 20px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 4px; }
    .side-sub-nav li a:hover {
      background: rgba(255, 255, 255, 0.65);
      color: #f4565e; }
    .side-sub-nav li a:focus, .side-sub-nav li a.active {
      color: #171C26; }

.quick-box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center; }
  .quick-box a {
    width: calc(100% / 2);
    padding: 16px 8px;
    border: 1px solid #f0f0f0;
    text-align: center; }
    .quick-box a:hover, .quick-box a:focus {
      background: #f4565e;
      color: #fff; }
  .quick-box i {
    display: block;
    font-size: 28px; }
  .quick-box span {
    font-size: 12px; }

.side-media {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 1px solid #f4565e;
  display: block;
  position: relative;
  z-index: 0;
  margin: 0 auto;
  padding: 8px;
  background: transparent; }
  .side-media img {
    width: 104px;
    height: 104px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    display: block; }
  .side-media .btn.btn-edit {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
    padding: 0;
    text-align: center;
    min-width: inherit;
    background: #f4565e;
    color: #fff; }
    .side-media .btn.btn-edit:hover, .side-media .btn.btn-edit:focus {
      background: #1a89fd; }

.side-profile-title {
  text-align: center;
  margin-bottom: 32px; }
  .side-profile-title h3 {
    font-size: 18px;
    margin: 16px 0 8px; }
  .side-profile-title p {
    color: #909090;
    margin-bottom: 0; }
  .side-profile-title li {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    margin-right: 8px;
    border-right: 1px solid #F1F1F7;
    padding-right: 8px; }
    .side-profile-title li:last-child {
      margin-right: 0;
      border-right: none;
      padding-right: 0; }

.side-entry .title-lined {
  padding: 0 24px 8px; }

.side-entry ul li {
  display: block;
  padding: 0 24px;
  margin-bottom: 12px; }

.side-thumb {
  padding: 24px 0; }

.mid-right .tab-option.lined {
  border-bottom: none; }

.side-top-entry h3 {
  font-size: 16px;
  margin: 0; }

.side-top-entry span {
  font-size: 12px;
  font-weight: 300;
  color: #909090; }

.side-search.form-default {
  position: relative; }
  .side-search.form-default i {
    position: absolute;
    color: #909090;
    left: 36px;
    top: 8px;
    z-index: 1; }
  .side-search.form-default .form-control {
    padding: 10px 32px;
    background: #f0f0f0; }
    .side-search.form-default .form-control:focus, .side-search.form-default .form-control:hover {
      color: #909090;
      background: #fff; }

.left-filter .dropdown {
  display: inline-block;
  vertical-align: middle; }
  .left-filter .dropdown .btn.btn-clean {
    min-width: inherit;
    padding: 16px 0; }

.left-filter .dropdown i {
  font-size: 18px;
  margin-right: 8px; }

.side-filter {
  border-top: 1px solid #F1F1F7;
  border-bottom: 1px solid #F1F1F7;
  margin: 16px 0 0; }
  .side-filter.list-inlined {
    align-items: center; }

.dropdown-menu .small-title {
  font-size: 12px;
  text-transform: uppercase;
  color: #909090;
  padding: 8px 16px;
  display: block; }

.sidebar-title {
  padding: 36px 24px 16px; }
  .sidebar-title h3 {
    margin: 0;
    font-size: 18px; }

.sidebar-nav a {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 8px 24px;
  color: #909090;
  border-bottom: 1px solid #F1F1F7; }
  .sidebar-nav a:nth-last-of-type(1) {
    border-bottom: 1px solid transparent; }
  .sidebar-nav a i {
    font-size: 20px;
    line-height: normal; }
  .sidebar-nav a:hover, .sidebar-nav a:active, .sidebar-nav a.active {
    color: #f4565e; }

.side-entry.profile .title-lined {
  padding: 12px 24px 8px; }
  .side-entry.profile .title-lined h4 {
    font-size: 14px;
    color: #f4565e; }

.side-entry.profile li {
  margin-bottom: 0;
  padding: 0; }
  .side-entry.profile li a {
    padding: 12px 24px; }
    .side-entry.profile li a:hover, .side-entry.profile li a.active {
      background: rgba(0, 0, 0, 0.025);
      color: #f4565e; }

.side-person {
  position: relative;
  z-index: 0; }
  .side-person .side-photo {
    background: rgba(255, 255, 255, 0.35);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    padding: 5px;
    position: absolute;
    bottom: -48px;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden; }
    .side-person .side-photo .btn.btn-default {
      border-radius: 0;
      background: #f4565e;
      color: #fff;
      transition: all .5s ease-in-out;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      position: absolute;
      z-index: 1; }
    .side-person .side-photo:hover .btn.btn-default {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .side-person .side-photo img {
      width: 100%;
      height: 100%;
      border-radius: 50%; }
  .side-person .side-top-image {
    height: 155px;
    position: relative;
    z-index: 0; }
    .side-person .side-top-image:before {
      content: '';
      height: 100%;
      width: 100%;
      background-image: linear-gradient(0deg, #1F2634 0%, rgba(255, 255, 255, 0) 100%);
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
    .side-person .side-top-image img {
      width: 100%;
      height: 100%;
      -o-object-position: center;
         object-position: center;
      -o-object-fit: cover;
         object-fit: cover; }

.side-entry.profile .title-lined {
  padding: 16px 24px 0; }

.side-info h3 {
  font-size: 18px;
  color: #f4565e;
  text-align: center;
  display: block;
  padding: 36px 24px 8px; }

.side-info .small-text {
  text-transform: uppercase;
  display: block; }

.side-info .status {
  padding: 0 24px; }
  .side-info .status i {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #30b898; }
  .side-info .status .spacer {
    display: block;
    padding: 4px 0; }

.side-badge {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  padding: 12px 24px;
  border-bottom: 1px solid #e0e0e0;
  margin-top: 8px; }
  .side-badge .profile-badge i {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px; }
  .side-badge .profile-badge p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding-left: 8px; }

.side-sub .profile-coach .side-title {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  color: #909090;
  padding: 16px 0 0; }

.profile-coach .card {
  border: 1px solid #f5f5f5; }

.title-filter {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch;
  padding: 16px 24px; }
  .title-filter h4 {
    font-size: 14px;
    text-transform: uppercase;
    color: #f4565e; }
  .title-filter .btn.btn-default {
    padding: 0;
    box-shadow: none;
    border: none;
    border-radius: 0;
    color: #909090;
    background: transparent; }
    .title-filter .btn.btn-default:hover, .title-filter .btn.btn-default:focus {
      color: #45a1fe; }

.top-article .btn.btn-default {
  background: transparent;
  box-shadow: none;
  border-left: none;
  border-right: 1px solid #F1F1F7;
  border-bottom: none;
  border-top: none;
  color: #45a1fe; }

.page-filter .btn.btn-feed {
  margin: 0 auto;
  text-align: center;
  display: block; }

.side-interest {
  margin: 0 24px 0 16px;
  border: 1px solid #e0e0e0;
  padding: 16px;
  text-align: center; }
  .side-interest h5 {
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    margin-top: 0; }

.filter-check {
  padding: 12px 24px; }
  .filter-check h4 {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 16px 0;
    color: #909090; }

.side-option .form-check .form-check-sign .check {
  border: 1px solid #c9c9c9; }

.side-option .form-check .form-check-input[disabled] ~ .form-check-sign .check {
  border-color: #c9c9c9; }

.side-option .form-check {
  margin-bottom: 16px; }

.scrollgress {
  top: 68px !important;
  left: 5%;
  width: 95%; }

.side-nav .side-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  background: rgba(255, 255, 255, 0.01); }

.bottom-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch;
  height: 48px; }
  .bottom-list .btn.btn-default {
    background: transparent;
    color: rgba(255, 255, 255, 0.75);
    min-width: inherit;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 10px 0;
    width: calc(100% / 3);
    font-size: 20px; }
    .bottom-list .btn.btn-default:hover, .bottom-list .btn.btn-default:focus {
      color: white;
      background: rgba(0, 0, 0, 0.05); }

.side-profile a {
  position: relative; }
  .side-profile a span {
    position: absolute;
    bottom: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    min-width: inherit;
    right: 30%;
    padding: 0; }
    .side-profile a span i {
      line-height: 28px;
      font-size: 16px;
      text-align: center;
      display: block; }
    .side-profile a span.bronze {
      border: 1px solid #CD9E66;
      background: #CD9E66; }
      .side-profile a span.bronze i {
        color: #171C26; }
    .side-profile a span.gold {
      border: 1px solid #DBB539;
      background: #DBB539; }
      .side-profile a span.gold i {
        color: #171C26; }
    .side-profile a span.silver {
      border: 1px solid #D7D7D7;
      background: #D7D7D7; }
      .side-profile a span.silver i {
        color: #171C26; }

.dashboard-side.left-side .side-profile a span {
  display: none; }

.dashboard-side.left-side .left-link i {
  font-size: 20px; }

.dashboard-side.left-side .bottom-list button {
  color: rgba(255, 255, 255, 0.65);
  text-align: center;
  width: 100%; }
  .dashboard-side.left-side .bottom-list button:nth-of-type(1), .dashboard-side.left-side .bottom-list button:nth-last-of-type(2) {
    display: none; }

.dashboard-side.left-side.expand .bottom-list button {
  color: rgba(255, 255, 255, 0.65);
  width: calc(100% / 3); }
  .dashboard-side.left-side.expand .bottom-list button:nth-of-type(1), .dashboard-side.left-side.expand .bottom-list button:nth-last-of-type(2) {
    display: initial; }

.dashboard-side.left-side.expand .left-nav {
  padding: 0; }

/* new edit photo */
.side-photo:after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: all .5s ease-in-out;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  visibility: hidden; }

.side-photo .btn.btn-clean {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  z-index: 1;
  color: #fff;
  text-align: center;
  font-size: 12px;
  transition: all .5s ease-in-out;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  visibility: hidden; }
  .side-photo .btn.btn-clean i {
    font-size: 24px;
    display: block;
    line-height: normal; }

.side-photo:hover:after,
.side-photo:hover .btn.btn-clean {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible; }

.profile-photo-update {
  position: relative; }
  .profile-photo-update .preview-photo {
    width: 220px;
    height: auto;
    margin: 0 auto 24px; }

/* end new edit photo */
/* update new profile pages */
.content-option .side-option .side-sub.side-overview {
  background: #fff;
  box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08); }
  .content-option .side-option .side-sub.side-overview .side-thumb {
    padding: 24px 0 0; }
  .content-option .side-option .side-sub.side-overview .side-media {
    width: 90px;
    height: 90px;
    background: rgba(244, 86, 94, 0.15);
    border: none;
    padding: 4px; }
    .content-option .side-option .side-sub.side-overview .side-media img {
      width: 82px;
      height: 82px; }
    .content-option .side-option .side-sub.side-overview .side-media .btn.btn-edit {
      width: 28px;
      height: 28px; }
      .content-option .side-option .side-sub.side-overview .side-media .btn.btn-edit i {
        font-size: 12px; }
  .content-option .side-option .side-sub.side-overview .side-profile-title {
    margin-bottom: 0; }
  .content-option .side-option .side-sub.side-overview .side-entry .title-lined .small-title {
    font-weight: 500;
    color: #909090;
    text-transform: uppercase;
    font-size: 12px; }
  .content-option .side-option .side-sub.side-overview .side-entry .inline-icon:hover {
    color: #1a89fd; }
  .content-option .side-option .side-sub.side-overview .side-entry .inline-icon p {
    font-weight: 500; }

/* login page ---------- */
.auth-box {
  width: 65%;
  margin: 0 auto;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  min-height: 100%;
  padding: 15% 0 5%;
  position: relative; }
  .auth-box .form {
    width: 100%; }
  .auth-box.for-login {
    padding: 25% 0 5%; }
    .auth-box.for-login .auth-title {
      text-align: center; }
      .auth-box.for-login .auth-title h3 {
        margin-bottom: 16px; }
      .auth-box.for-login .auth-title p {
        max-width: 75%;
        margin: 0 auto; }

.auth-title h3 {
  color: #f4565e;
  margin: 0; }

.auth-title img {
  margin: 0 auto 24px;
  display: block;
  width: 125px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; }

.auth-side {
  position: relative;
  z-index: 0; }

.side-content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  flex-flow: row wrap;
  align-content: flex-end;
  align-items: center;
  min-height: 100%;
  position: relative; }
  .side-content:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #2196f3;
    background: linear-gradient(to top, #f44336, #2196f3);
    opacity: .85;
    position: absolute;
    z-index: -1; }
  .side-content.login:before {
    content: '';
    width: 100%;
    height: 100%;
    opacity: .85;
    position: absolute;
    z-index: -1;
    background: #C6FFDD;
    background: linear-gradient(to top, #f7797d, #FBD786, #C6FFDD); }

.side-img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -2; }

.side-logo {
  display: block; }
  .side-logo img {
    margin: 0 auto;
    width: 45%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center; }

.side-text {
  padding: 90px 48px; }
  .side-text h2 {
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    max-width: 64%;
    margin: 16px auto 24px; }
  .side-text p {
    text-align: center;
    font-size: 16px; }

.auth-nav {
  position: absolute;
  top: 0;
  left: 0; }
  .auth-nav .btn-clean {
    padding: 0; }
    .auth-nav .btn-clean i {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      display: inline-block;
      vertical-align: middle;
      margin-right: 8px;
      line-height: 34px;
      font-size: 24px;
      border: 1px solid #45a1fe; }
  .auth-nav .btn.btn-clean .ripple-container {
    display: none; }
  .auth-nav .btn.btn-clean:hover, .auth-nav .btn.btn-clean:focus {
    color: #1a89fd; }
    .auth-nav .btn.btn-clean:hover i, .auth-nav .btn.btn-clean:focus i {
      border: 1px solid #1a89fd; }

.password-helper {
  margin-top: 8px;
  display: block;
  text-align: right; }

.dashboard-content .wrap {
  min-height: 100%; }

.dashboard-content .content {
  padding-top: 65px; }

.dashboard-content .container,
.dashboard-content .container-fluid {
  padding-left: 24px;
  padding-right: 24px; }

.dashboard-search {
  min-width: 43%;
  margin: 0 auto; }

.top-info {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: stretch; }
  .top-info .button-group .btn {
    background: #f4565e;
    color: #fff;
    border: 1px solid #f4565e;
    padding: 8px 24px; }
    .top-info .button-group .btn:hover, .top-info .button-group .btn:focus {
      background: #1a89fd;
      color: #fff;
      border: 1px solid #1a89fd; }
    .top-info .button-group .btn:nth-last-of-type(1) {
      background: #efefef;
      color: #909090;
      border: 1px solid #efefef;
      box-shadow: none;
      margin-left: 16px; }
      .top-info .button-group .btn:nth-last-of-type(1):hover, .top-info .button-group .btn:nth-last-of-type(1):focus {
        background: #1a89fd;
        color: #fff;
        border: 1px solid #1a89fd; }
  .top-info .top-button {
    flex: 0 1 33%; }
  .top-info .user-intro {
    flex: 1;
    padding-right: 36px; }
  .top-info h3 {
    margin-top: 36px; }
    .top-info h3 span {
      color: #f4565e; }
  .top-info .btn {
    border-radius: 55px; }

.top-stats .circle-icon {
  margin-right: 24px; }

.top-stats h4 {
  color: #fff;
  font-size: 14px;
  margin: 0 0 16px;
  display: block; }

.top-stats .numeric {
  font-size: 48px; }

.list-two-third {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: stretch; }
  .list-two-third .two-item {
    flex: 0 1 32%; }
    .list-two-third .two-item.big {
      flex: 1;
      margin-right: 24px; }
  .list-two-third.reverse .two-item {
    margin-right: 24px; }
    .list-two-third.reverse .two-item.big {
      margin-right: 0; }

.card .card-title {
  margin-top: 0; }

.card,
.panel {
  color: #595959; }

.card-title,
.panel-title {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  margin: 0; }
  .card-title h3,
  .panel-title h3 {
    font-size: 18px;
    margin: 0;
    display: inline-block;
    color: #171C26; }
    .card-title h3.small-title,
    .panel-title h3.small-title {
      font-size: 18px; }

.card-option .btn.btn-clean,
.panel-option .btn.btn-clean {
  padding: 0;
  min-width: inherit;
  color: #909090; }
  .card-option .btn.btn-clean:hover .ripple-container, .card-option .btn.btn-clean:focus .ripple-container,
  .panel-option .btn.btn-clean:hover .ripple-container,
  .panel-option .btn.btn-clean:focus .ripple-container {
    display: none; }

.card-content.has-chart {
  padding: 0 24px 24px 24px; }

.dashboard-title h3,
.dashboard-title h2 {
  font-size: 24px;
  color: #f4565e; }

.coach-progress {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center; }
  .coach-progress .progress-card {
    width: calc(100% / 2 - 12px);
    margin-bottom: 24px; }

.progress-card {
  width: 100%;
  margin-bottom: 0;
  border-radius: 6px;
  position: relative;
  z-index: 0;
  background: #fff;
  box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178);
  transition: all .5s ease-in-out;
  overflow: hidden;
  cursor: pointer;
  background: #f4565e; }
  .progress-card .btn.btn-default.btn-option {
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease-in-out;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    width: 100%; }
  .progress-card .progress-main {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    transition: all .5s ease-in-out;
    position: relative;
    z-index: 0; }
    .progress-card .progress-main:before {
      content: '';
      opacity: 0.89;
      background-image: linear-gradient(180deg, rgba(181, 181, 181, 0) 0%, #000000 100%);
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 1;
      border-radius: 6px; }
  .progress-card img {
    transition: all .5s ease-in-out;
    height: 248px;
    width: 100%;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 6px;
    -webkit-filter: grayscale(0);
            filter: grayscale(0); }
  .progress-card .badge {
    color: #fff;
    position: absolute;
    background: rgba(193, 54, 66, 0.5);
    border-radius: 55px;
    padding: 4px 8px;
    top: 16px;
    right: 16px;
    border: none;
    font-weight: 300;
    opacity: 1;
    z-index: 1; }
  .progress-card .progress-entry {
    padding: 16px;
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 0; }
    .progress-card .progress-entry h3 {
      color: #fff;
      font-size: 18px;
      margin: 0 0 8px 0;
      line-height: 1.3; }
    .progress-card .progress-entry p {
      color: #f9f9f9;
      font-size: 12px;
      margin-bottom: 0; }
  .progress-card:hover .progress-main {
    -webkit-transform: translateY(-48px);
            transform: translateY(-48px);
    border-radius: 0; }
    .progress-card:hover .progress-main:before {
      border-radius: 0; }
    .progress-card:hover .progress-main img {
      border-radius: 0;
      -webkit-filter: grayscale(100);
              filter: grayscale(100); }
  .progress-card:hover .btn.btn-default.btn-option {
    visibility: visible;
    opacity: 1;
    transition: all .5s ease-in-out;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    height: 48px;
    background: #f4565e;
    color: #fff;
    width: 100%;
    z-index: 2;
    position: absolute;
    bottom: 0;
    border: 1px solid transparent; }
    .progress-card:hover .btn.btn-default.btn-option:hover, .progress-card:hover .btn.btn-default.btn-option:focus {
      background: #000; }

.coach-client .card {
  margin-top: 0;
  margin-bottom: 0; }

.progress-entry .progress-container {
  margin-top: 4px; }

.progress-entry .progress {
  margin-bottom: 0;
  background: #000; }

.progress-entry .progress-stats {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  font-size: 12px;
  color: #f9f9f9;
  margin-bottom: 4px; }

.progress-entry .progress-bar {
  background-color: #f4565e; }

.dashboard-title {
  margin-bottom: 24px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center; }
  .dashboard-title a {
    color: #909090; }
    .dashboard-title a:hover {
      color: #1a89fd; }

.coach-src {
  overflow: hidden;
  max-width: 978px; }

.slick-dots li button {
  color: #f4565e; }

.source-item {
  overflow: hidden; }
  .source-item .card {
    margin: 0;
    padding: 16px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    height: 186px;
    margin-right: 16px; }
    .source-item .card .card-thumb {
      flex: 0 1 35%; }
      .source-item .card .card-thumb img {
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        border-radius: 6px;
        min-height: 154px; }
    .source-item .card .card-text {
      flex: 1;
      padding-left: 16px; }
      .source-item .card .card-text img {
        width: 24px;
        height: 23px;
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center; }
      .source-item .card .card-text h3 {
        margin: 8px 0 8px 0;
        font-size: 18px;
        display: block;
        line-height: 1.4; }

.top-card-text {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: stretch;
  min-height: 154px; }
  .top-card-text .bottom-card-entry span {
    display: block; }

.coach-src {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  overflow: hidden;
  height: 218px; }
  .coach-src .slick-dots {
    position: initial; }
  .coach-src .source-item {
    width: calc(100% - 16px) !important;
    height: 186px; }
    .coach-src .source-item:nth-of-type(2) {
      width: 100% !important; }

.slick-dots li button:before {
  font-size: 18px; }

.slick-dots li.slick-active button:before {
  color: #f4565e; }

.coach-media .card {
  margin-top: 0;
  margin-bottom: 0; }

.list-inlined.flex-start {
  justify-content: flex-start; }

.coach-media .list-two-third {
  margin-bottom: 24px; }

.coach-media .list-thumb {
  flex: 0 1 39%; }
  .coach-media .list-thumb img {
    border-radius: 6px 0 0 6px;
    min-height: 248px;
    width: 100%;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover; }

.coach-media .list-item {
  flex: 1;
  padding: 16px;
  min-height: 248px; }

.vertical-block {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: flex-start; }

.small-text img {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%; }

.small-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }

.list-item .vertical-block {
  width: 100%; }
  .list-item .vertical-block .card-bottom {
    width: 100%; }
    .list-item .vertical-block .card-bottom .small-list {
      margin-top: 4px; }

.list-item .short-text {
  flex: 1;
  padding: 24px 0 10px 0; }
  .list-item .short-text p {
    margin: 0;
    max-height: 86px;
    overflow: hidden; }

.card-title h3, .panel-title h3 {
  line-height: 1.3; }

.card.clean {
  background: transparent;
  box-shadow: none;
  border-radius: 0; }

.coach-media .card-title a {
  color: #45a1fe; }

.coach-client .card-title a {
  font-weight: 300;
  color: #909090;
  font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont; }
  .coach-client .card-title a:hover {
    color: #1a89fd; }

.content-option {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  min-height: 100%; }
  .content-option .side-option {
    flex: 0 0 20%;
    position: relative;
    transition: all .5s ease-in-out; }
    .content-option .side-option .side-sub {
      height: 100%;
      position: fixed;
      width: 19%;
      top: 0;
      background: #F3F5F7;
      padding-top: 68px; }
  .content-option .inner-content {
    flex: 1;
    height: 100%;
    min-height: calc(100vh - 103px); }
    .content-option .inner-content.bg-clean {
      background: #fff; }

.top-inner-opt {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid #F1F1F7;
  background: rgba(0, 0, 0, 0.015); }
  .top-inner-opt .btn.btn-default {
    margin: 0;
    background: transparent;
    border: 1px solid #45a1fe;
    color: #45a1fe;
    box-shadow: none; }
    .top-inner-opt .btn.btn-default:hover, .top-inner-opt .btn.btn-default:focus {
      background: #1a89fd;
      color: #fff;
      border: 1px solid #1a89fd; }

.top-breadcrumb .btn.btn-clean {
  min-width: inherit;
  border-right: 1px solid rgba(0, 0, 0, 0.075);
  margin-right: 16px;
  padding: 0 16px 0 0; }

.top-breadcrumb ul li {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px; }
  .top-breadcrumb ul li:last-child {
    margin-right: 0; }

.top-breadcrumb .btn.btn-clean,
.top-breadcrumb ul {
  display: inline-block;
  vertical-align: middle; }

.inner-title {
  margin: 24px 0 16px; }
  .inner-title h1,
  .inner-title h2,
  .inner-title h3 {
    font-size: 24px;
    color: #f4565e; }
  .inner-title .btn-group {
    margin-left: 24px; }
  .inner-title .count-box {
    display: inline-block;
    background: #fff;
    border: 1px solid #F1F1F7;
    border-radius: 6px;
    padding: 24px; }
    .inner-title .count-box .numeric {
      font-size: 36px;
      color: #f4565e;
      display: inline-block;
      vertical-align: top; }
    .inner-title .count-box .count-item {
      display: inline-block;
      vertical-align: middle;
      padding-left: 16px; }
      .inner-title .count-box .count-item h4 {
        font-size: 14px;
        margin: 0; }

.btn-sub1 {
  display: none; }
  .btn-sub1.on {
    display: inline-block; }

.top-inner {
  background-image: linear-gradient(0deg, #f4565e 0%, #A51F2D 100%);
  position: relative; }
  .top-inner .top-inner-opt {
    /*border-bottom: 1px solid rgba(255,255,255, .1);*/
    border-bottom: 1px solid rgba(0, 0, 0, 0.095);
    background: rgba(0, 0, 0, 0.015); }
  .top-inner .top-breadcrumb .btn.btn-clean,
  .top-inner .top-inner-opt a,
  .top-inner .top-inner-opt li {
    color: rgba(255, 255, 255, 0.75); }
    .top-inner .top-breadcrumb .btn.btn-clean:hover,
    .top-inner .top-inner-opt a:hover,
    .top-inner .top-inner-opt li:hover {
      color: white; }
  .top-inner h1 {
    font-size: 24px;
    color: #fff;
    margin: 0; }

.content-option .side-option .side-sub.lite {
  background: #EEF0F1; }

.main-title {
  margin: 32px 0 24px;
  color: #f4565e;
  font-size: 18px; }

.inner-title .title-option .btn.btn-default {
  margin: 0 4px;
  background: #e9e9e9;
  color: #909090;
  border: 1px solid #e9e9e9;
  box-shadow: none; }
  .inner-title .title-option .btn.btn-default:nth-last-of-type(1) {
    background: #f4565e;
    color: #fff;
    border: 1px solid #f4565e; }
  .inner-title .title-option .btn.btn-default:hover, .inner-title .title-option .btn.btn-default:focus {
    background: #fff;
    color: #f4565e;
    border: 1px solid #fff;
    box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08); }

.table-option {
  display: none; }

.content-option .side-option .side-sub.bg-lite {
  background: #fff;
  box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08); }

.title-lined {
  position: relative; }
  .title-lined h4 {
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.35);
    font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont; }

.side-title.center h3 {
  margin: 0 auto;
  display: block;
  text-align: center; }

.side-entry .progress-box {
  margin-bottom: 36px; }

.progress-item {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center; }
  .progress-item .box-icon {
    flex: 0 0 15%;
    background: #30b898;
    text-align: center;
    padding: 8px;
    border-radius: 8px;
    margin-right: 16px;
    width: 36px;
    height: 36px;
    box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08);
    color: #fff; }
    .progress-item .box-icon i {
      font-size: 16px; }
  .progress-item .progress-container {
    flex: 1; }
    .progress-item .progress-container .progress {
      margin-bottom: 8px; }
    .progress-item .progress-container .progress-bar {
      background-color: #30b898; }

.progress-badge.two-items {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  font-size: 13px;
  color: #909090; }
  .progress-badge.two-items em {
    font-style: normal; }

.session-wrap h3 {
  font-size: 18px;
  margin-bottom: 0;
  color: #f4565e; }

.session-wrap .card-title {
  padding: 16px 24px; }

.session-wrap .dual-item {
  align-items: stretch; }
  .session-wrap .dual-item .card {
    margin-bottom: 24px;
    margin-top: 0;
    flex: 0 0 30%;
    order: 2;
    /*margin-right: 24px;*/ }
    .session-wrap .dual-item .card:nth-last-of-type(1) {
      flex: 1;
      margin-right: 0;
      order: 1;
      margin-right: 24px; }
    .session-wrap .dual-item .card .h-item {
      border-bottom: 1px solid #F1F1F7;
      align-items: flex-start; }
      .session-wrap .dual-item .card .h-item:nth-last-of-type(1) {
        border-bottom: none; }
    .session-wrap .dual-item .card h4 {
      color: #171C26;
      margin-bottom: 4px;
      font-size: 16px;
      margin-top: 0; }
    .session-wrap .dual-item .card p {
      margin-bottom: 0; }
    .session-wrap .dual-item .card .h-item {
      padding: 12px 24px; }
      .session-wrap .dual-item .card .h-item .left-item {
        flex: 0 0 12%;
        text-align: center;
        color: #171C26; }
        .session-wrap .dual-item .card .h-item .left-item i {
          font-size: 24px;
          color: #171C26;
          margin-right: 16px;
          line-height: normal; }
  .session-wrap .dual-item.justify {
    justify-content: space-between;
    padding: 0 24px;
    border-top: 1px solid #F1F1F7; }
    .session-wrap .dual-item.justify .session-list {
      padding: 16px 0;
      flex: 0 0 65%;
      border-right: 1px solid #F1F1F7; }
    .session-wrap .dual-item.justify .session-option {
      flex: 1;
      padding: 0 0 0 24px; }
  .session-wrap .dual-item.vertical {
    justify-content: space-between;
    flex-flow: column wrap;
    padding: 0;
    border-top: 1px solid #F1F1F7; }
    .session-wrap .dual-item.vertical .session-list {
      padding: 16px 24px;
      width: 100%; }
    .session-wrap .dual-item.vertical .button-vertical {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: center;
      align-content: stretch; }
      .session-wrap .dual-item.vertical .button-vertical .btn.btn-default {
        width: calc(100% / 5 - 8px);
        line-height: 30px;
        background: #e9e9e9;
        border: 1px solid #e9e9e9;
        color: #909090;
        box-shadow: none;
        padding: 8px 0; }
        .session-wrap .dual-item.vertical .button-vertical .btn.btn-default:nth-last-of-type(1) {
          background: #f4565e;
          border: 1px solid #f4565e;
          color: #fff; }
          .session-wrap .dual-item.vertical .button-vertical .btn.btn-default:nth-last-of-type(1):hover, .session-wrap .dual-item.vertical .button-vertical .btn.btn-default:nth-last-of-type(1):focus {
            background: #fff;
            color: #f4565e;
            box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08);
            border: 1px solid #f4565e; }
        .session-wrap .dual-item.vertical .button-vertical .btn.btn-default:hover, .session-wrap .dual-item.vertical .button-vertical .btn.btn-default:focus {
          background: #fff;
          color: #f4565e;
          box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08);
          border: 1px solid #f4565e; }
    .session-wrap .dual-item.vertical .session-option {
      padding: 24px 16px;
      width: 100%; }

.session-item {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: stretch;
  padding: 12px 0; }
  .session-item h4 {
    margin-top: 0;
    margin-bottom: 8px; }
  .session-item .circle-icon {
    background: #FCF4F4;
    margin-right: 8px;
    width: 36px;
    height: 36px; }
    .session-item .circle-icon i {
      color: #171C26;
      font-size: 16px;
      line-height: 36px; }

.box-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch; }
  .box-list .session-item {
    width: calc(100% /2 - 8px); }

.main-inner .inner-title {
  margin: 24px 0 36px; }

.box-list .list-inline {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch; }
  .box-list .list-inline .list-inline-item {
    margin-right: 0; }

.coach-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center; }
  .coach-list .session-item {
    padding: 0;
    flex: 0 0 25%; }
  .coach-list .session-entry {
    flex: 1; }

.session-list .list-inline {
  margin-bottom: 16px; }

.card-title.has-back {
  justify-content: flex-start;
  border-bottom: 1px solid #F1F1F7; }
  .card-title.has-back .btn.btn-clean.btn-back {
    color: #909090;
    padding: 24px;
    min-width: inherit; }
    .card-title.has-back .btn.btn-clean.btn-back:hover {
      color: #f4565e; }
    .card-title.has-back .btn.btn-clean.btn-back .ripple-container {
      display: none; }
  .card-title.has-back h3 {
    font-size: 18px;
    color: #f4565e; }

.card-title.has-back.reset {
  padding: 0; }
  .card-title.has-back.reset .btn.btn-clean,
  .card-title.has-back.reset button {
    padding: 24px;
    min-width: inherit;
    border-right: 1px solid #F1F1F7;
    color: #909090;
    margin-right: 24px;
    border-radius: 6px 0 0 0; }
    .card-title.has-back.reset .btn.btn-clean:hover, .card-title.has-back.reset .btn.btn-clean:focus,
    .card-title.has-back.reset button:hover,
    .card-title.has-back.reset button:focus {
      background: transparent;
      color: #f4565e; }

.inner-title .title-info h1,
.inner-title .title-info h2 {
  color: #171C26; }

.inner-title .title-info .btn-group .btn i {
  font-size: 18px; }

.inner-title .title-option .btn.btn-default {
  padding: 8px 24px;
  margin: 0; }
  .inner-title .title-option .btn.btn-default:nth-last-of-type(1) {
    margin-left: 16px; }

.side-sub .side-title {
  display: none; }

.dual-item.reset .card:nth-last-of-type(1) {
  margin-right: 0; }

.center-wrap-medium {
  max-width: 78%;
  margin: 0 auto; }

.center-wrap-large {
  max-width: 95%;
  margin: 0 auto; }

.card-title.has-lined {
  border-bottom: 1px solid #F1F1F7; }

.coaching-detail .nav,
.tab-wrap .nav {
  justify-content: center; }

.coaching-detail .nav-pills .nav-item .nav-link.active,
.tab-wrap .nav-pills .nav-item .nav-link.active {
  background: #D31027;
  background: linear-gradient(to bottom, #EA384D, #D31027);
  color: #fff; }

.coaching-detail .nav-pills.nav-pills-icons .nav-item .nav-link,
.tab-wrap .nav-pills.nav-pills-icons .nav-item .nav-link {
  border-radius: 8px; }

.coaching-detail .nav-pills .nav-item .nav-link,
.tab-wrap .nav-pills .nav-item .nav-link {
  font-size: 13px;
  color: #909090;
  min-width: 170px; }

.coaching-detail .tab-content.tab-space,
.tab-wrap .tab-content.tab-space {
  background: #fff;
  border: 1px solid #f0f0f0;
  padding: 24px;
  box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178);
  border-radius: 8px;
  margin-top: 35px; }

.coaching-detail {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }
  .coaching-detail .left-coach-detail {
    flex: 1; }
  .coaching-detail .right-coach-detail {
    flex: 0 0 25%;
    margin-left: 24px;
    background: #fafafa;
    border-radius: 8px;
    box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178); }
    .coaching-detail .right-coach-detail .card {
      padding: 24px;
      background: #fafafa;
      box-shadow: none; }
    .coaching-detail .right-coach-detail .card-title {
      background: transparent; }

.full-wrap .card {
  border-radius: 0;
  box-shadow: none;
  margin: 0 auto; }

.content-option .side-option {
  z-index: 1; }

.inner-title.has-filter {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch; }
  .inner-title.has-filter .title-info {
    flex: 0 0 35%; }
  .inner-title.has-filter .title-filter-search {
    flex: 1; }
  .inner-title.has-filter .top-option {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: stretch;
    align-content: stretch; }

.top-option button {
  min-width: inherit;
  padding: 4px 16px; }

.top-option .btn.btn-default {
  padding: 8px 16px;
  font-size: 13px; }

.top-option .form-default .form-control {
  background: #fff;
  border-radius: 55px; }

.inner-title.has-filter .btn-group {
  margin: 0; }
  .inner-title.has-filter .btn-group:nth-of-type(2) {
    margin-left: 16px;
    margin-right: 16px; }

.delivery-button,
.top-filter {
  background: transparent;
  border-radius: 55px;
  background: #F1F1F7;
  border: 1px solid transparent; }
  .delivery-button .btn.btn-default,
  .top-filter .btn.btn-default {
    margin-left: -1px;
    color: #909090;
    border-color: transparent;
    min-width: 60px;
    box-shadow: none;
    background: #fff; }
    .delivery-button .btn.btn-default:nth-of-type(1),
    .top-filter .btn.btn-default:nth-of-type(1) {
      margin-left: 0; }
    .delivery-button .btn.btn-default:hover, .delivery-button .btn.btn-default:focus, .delivery-button .btn.btn-default.active,
    .top-filter .btn.btn-default:hover,
    .top-filter .btn.btn-default:focus,
    .top-filter .btn.btn-default.active {
      background: #45a1fe;
      color: #fff; }
    .delivery-button .btn.btn-default:nth-of-type(1),
    .top-filter .btn.btn-default:nth-of-type(1) {
      border-radius: 55px 0 0 55px; }
    .delivery-button .btn.btn-default:nth-last-of-type(1),
    .top-filter .btn.btn-default:nth-last-of-type(1) {
      border-radius: 0 55px 55px 0; }

.filter-search {
  min-width: 220px;
  margin-left: 16px; }

.delivery-button i {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px; }

.top-filter i {
  font-size: 16px; }

.top-option .form-default .form-control {
  padding: 15px 16px; }

.card-notes {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch; }
  .card-notes .card {
    width: calc(100% / 4 - 24px);
    margin-bottom: 24px;
    margin-right: 24px;
    margin-top: 0; }
    .card-notes .card.byface .note-title:before {
      background: #ff7a36; }
    .card-notes .card.byconf .note-title:before {
      background: #45a1fe; }
    .card-notes .card.byphone .note-title:before {
      background: #30b898; }

.note-card {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-content: stretch; }

.note-title {
  position: relative;
  min-height: 70px; }
  .note-title:before {
    content: '';
    height: 40px;
    background: #f4565e;
    position: absolute;
    top: 15%;
    left: 0;
    width: 4px; }
  .note-title h3 {
    margin: 0;
    padding: 16px 24px 8px;
    font-size: 18px;
    line-height: 1.3;
    height: 38px;
    overflow: hidden; }
    .note-title h3 a {
      color: #f4565e; }
      .note-title h3 a:hover, .note-title h3 a:focus {
        color: #171C26; }
  .note-title p {
    font-size: 14px;
    padding: 0 24px;
    font-weight: normal;
    color: #595959;
    font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont;
    min-height: 80px;
    overflow: hidden;
    line-height: 1.45;
    margin-bottom: 0;
    margin-top: 12px; }
  .note-title .card-item.dropdown {
    position: absolute;
    top: 16px;
    right: 0;
    z-index: 1; }
    .note-title .card-item.dropdown i {
      color: #f4565e; }
    .note-title .card-item.dropdown .dropdown-menu i {
      margin-right: 4px;
      display: inline-block;
      vertical-align: middle;
      color: #45a1fe; }

.note-mid .list-inlined {
  justify-content: flex-start;
  padding: 24px; }

.note-mid h4 {
  margin: 0 0 4px 0;
  font-size: 16px; }

.note-mid p {
  margin-bottom: 0; }

.note-mid .inline-item:nth-of-type(1) {
  flex: 0 0 22%;
  margin-right: 16px; }

.note-mid .inline-item:nth-of-type(2) {
  flex: 1; }

.note-mid .inline-item img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; }

.note-bottom {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch;
  padding: 0 24px 12px; }
  .note-bottom .icon-box {
    flex: 1; }
    .note-bottom .icon-box:nth-of-type(1) {
      flex: 0 0 62%; }
    .note-bottom .icon-box p {
      margin-bottom: 0;
      color: #909090;
      padding-top: 16px;
      color: #909090;
      font-size: 12px;
      margin-top: 0;
      padding-top: 0;
      display: inline-block; }
    .note-bottom .icon-box i {
      font-size: 18px;
      margin-right: 4px;
      display: inline-block;
      vertical-align: top;
      color: #909090; }

.note-card .note-bottom .list-inlined {
  display: none; }

.note-card.has-attachment .note-bottom .list-inlined {
  display: block; }

.dashboard-content.overlay .card-notes .card {
  width: calc(100% / 3 - 24px); }

.full-wrap.has-editor .side-label .left-field {
  flex: 0 0 25%; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #F1F1F7 1px;
  outline: 0; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #f4565e;
  border: 1px solid #f4565e;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 8px;
  margin-top: 8px;
  padding: 8px 16px;
  color: #fff;
  font-size: 14px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background: #fff;
    color: #f4565e;
    border: 1px solid #f4565e; }

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

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 8px; }

.card .dashboard-title {
  color: #f4565e;
  padding: 24px; }
  .card .dashboard-title h3 {
    font-size: 18px;
    margin: 0; }

.tab-entry .nav {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  border-bottom: 1px solid #F1F1F7;
  font-size: 14px;
  transition: all .5s ease-in-out; }

.tab-entry .nav-item {
  margin-bottom: 0; }

.tab-entry nav-tabs, .tab-entry .nav-pills {
  border-radius: 0;
  padding: 0; }

.tab-entry .nav-pills .nav-item .nav-link {
  text-transform: capitalize;
  padding: 8px 16px;
  border-radius: 0;
  color: #909090;
  font-size: 14px; }
  .tab-entry .nav-pills .nav-item .nav-link.active {
    background: transparent;
    color: #f4565e;
    position: relative;
    box-shadow: none; }
    .tab-entry .nav-pills .nav-item .nav-link.active:after {
      content: '';
      height: 3px;
      width: 100%;
      position: absolute;
      bottom: -2px;
      left: 0;
      background: #f4565e; }
    .tab-entry .nav-pills .nav-item .nav-link.active:hover {
      color: #171C26; }
      .tab-entry .nav-pills .nav-item .nav-link.active:hover:after {
        content: '';
        background: #171C26; }
  .tab-entry .nav-pills .nav-item .nav-link:hover {
    background: transparent;
    color: #f4565e; }

.content-side {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: stretch; }
  .content-side .inner-side {
    flex: 0 0 28%; }
    .content-side .inner-side .btn,
    .content-side .inner-side button {
      min-width: inherit; }
  .content-side .content-full {
    flex: 1; }
  .content-side .card.clean:nth-child(even) {
    background: #f7f7f7;
    border-top: 1px solid #F1F1F7;
    border-bottom: 1px solid #F1F1F7; }

.note-side {
  background: #fafafa;
  width: 21.3%;
  /*height: 87.5vh;*/
  position: fixed;
  border-right: 1px solid #F1F1F7; }

.card-title.has-back.dual-btn {
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch; }
  .card-title.has-back.dual-btn .left-card-title .btn.btn-clean {
    padding: 24px 24px 24px 0;
    border-right: 1px solid #F1F1F7; }
  .card-title.has-back.dual-btn .left-card-title h3 {
    padding-left: 24px; }
  .card-title.has-back.dual-btn .right-card-title .btn.btn-clean {
    padding: 24px 0 24px 24px;
    border-left: 1px solid #F1F1F7;
    min-width: inherit; }
  .card-title.has-back.dual-btn .right-card-title .dropdown,
  .card-title.has-back.dual-btn .right-card-title .btn.btn-default {
    display: inline-block;
    vertical-align: middle; }
  .card-title.has-back.dual-btn .right-card-title .btn.btn-default {
    margin-right: 24px; }
  .card-title.has-back.dual-btn .right-card-title .dropdown-menu a {
    font-weight: 300; }
    .card-title.has-back.dual-btn .right-card-title .dropdown-menu a i {
      margin-right: 4px;
      display: inline-block;
      vertical-align: middle; }

.side-note-entry {
  position: relative;
  height: 65.3vh; }
  .side-note-entry .card.clean,
  .side-note-entry a.card.clean {
    border-radius: none;
    box-shadow: none;
    transition: background-color .5s ease-in-out;
    transition: box-shadow .5s ease-in-out;
    box-shadow: none;
    background: transparent;
    padding: 16px 24px 16px 24px; }
    .side-note-entry .card.clean:hover,
    .side-note-entry a.card.clean:hover {
      background-color: #fff;
      box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08);
      color: #595959; }
    .side-note-entry .card.clean p,
    .side-note-entry a.card.clean p {
      font-size: 13px;
      color: #595959;
      overflow: hidden;
      height: 46px; }
      .side-note-entry .card.clean p.small-text,
      .side-note-entry a.card.clean p.small-text {
        font-size: 12px;
        color: #909090;
        margin-bottom: 0;
        height: auto; }
    .side-note-entry .card.clean h4,
    .side-note-entry a.card.clean h4 {
      font-size: 14px;
      margin: 0 0 8px 0;
      color: #45a1fe; }
      .side-note-entry .card.clean h4 a,
      .side-note-entry a.card.clean h4 a {
        color: #45a1fe; }
        .side-note-entry .card.clean h4 a:hover,
        .side-note-entry a.card.clean h4 a:hover {
          color: #1a89fd; }
  .side-note-entry .card.clean {
    border: 1px solid transparent; }
    .side-note-entry .card.clean.active {
      border: 1px solid #f4565e;
      background: #fff;
      color: #f4565e; }
      .side-note-entry .card.clean.active h4 {
        color: #f4565e; }
      .side-note-entry .card.clean.active p {
        color: #f4565e; }
      .side-note-entry .card.clean.active:hover {
        border: 1px solid transparent;
        color: #595959; }
        .side-note-entry .card.clean.active:hover h4 {
          color: #45a1fe; }
        .side-note-entry .card.clean.active:hover p {
          color: #595959; }

.note-text h4 {
  margin: 16px 0 18px; }

.note-text .side-label .left-field {
  flex: 0 0 16%; }

.note-text .content-form {
  padding: 24px 0; }

.dropzone {
  border: 1px dashed #F1F1F7;
  border-radius: 8px;
  background: #fff; }
  .dropzone .avatar {
    width: 90px;
    height: 90px; }
    .dropzone .avatar img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }
  .dropzone .list-group-item :first-child {
    margin-right: 16px; }
  .dropzone .custom-file {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0; }
  .dropzone .custom-file-label {
    background: #f9f9f9;
    border: 1px solid #F1F1F7;
    border-radius: 6px;
    margin-bottom: 24px; }
  .dropzone .dz-preview {
    position: relative;
    display: block;
    vertical-align: top;
    margin: 35px 24px 0;
    min-height: inherit; }

.dropzone .dz-message {
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
  font-size: initial;
  text-transform: uppercase; }

.card.brand,
.session-wrap .card.brand {
  background: #f4565e; }
  .card.brand h4,
  .card.brand h3,
  .session-wrap .card.brand h4,
  .session-wrap .card.brand h3 {
    color: #fff; }
  .card.brand p,
  .session-wrap .card.brand p {
    color: #f9f9f9; }
  .card.brand .h-item .left-item i,
  .session-wrap .card.brand .h-item .left-item i {
    font-size: 28px;
    color: #fff; }
  .card.brand .h-item,
  .session-wrap .card.brand .h-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.session-wrap .dual-item {
  align-items: flex-start; }

.btn-group .btn i {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: normal; }

.inner-title.card {
  padding: 16px 24px;
  margin: 24px 0 16px; }
  .inner-title.card h1 {
    margin: 0; }

.plan-content .nav.nav-lined {
  border-bottom: 1px solid #e9e9e9; }

.plan-content .nav-wrapper.has-option {
  position: relative; }
  .plan-content .nav-wrapper.has-option .nav-option {
    position: absolute;
    right: 0;
    top: 0; }
    .plan-content .nav-wrapper.has-option .nav-option button {
      min-width: inherit; }

.nav-link .badge.badge-default {
  background: rgba(0, 0, 0, 0.035);
  color: #909090;
  font-weight: 300;
  margin-left: 8px; }

.nav-link.active .badge.badge-default {
  background: #f4565e;
  color: #fff;
  font-weight: 300; }

.list-grid-wrap.list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch; }
  .list-grid-wrap.list .list-entry {
    background: #fff;
    box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178);
    transition: all .5s ease-in-out;
    border-radius: 6px;
    padding: 16px;
    width: 100%;
    margin-bottom: 16px;
    border: 1px solid transparent; }
    .list-grid-wrap.list .list-entry img {
      width: 44px;
      height: 44px;
      -o-object-position: center;
         object-position: center;
      -o-object-fit: cover;
         object-fit: cover; }
    .list-grid-wrap.list .list-entry:hover {
      box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08);
      background: #fafafa;
      border: 1px solid #f4565e; }
    .list-grid-wrap.list .list-entry .list-inner {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-content: stretch;
      align-items: center; }
      .list-grid-wrap.list .list-entry .list-inner .button-table .btn.btn-clean {
        min-width: inherit;
        padding: 0 8px; }
        .list-grid-wrap.list .list-entry .list-inner .button-table .btn.btn-clean:nth-of-type(1) {
          color: #909090; }
        .list-grid-wrap.list .list-entry .list-inner .button-table .btn.btn-clean:hover {
          color: #1a89fd; }
      .list-grid-wrap.list .list-entry .list-inner h4 {
        font-size: 14px;
        margin: 0; }
        .list-grid-wrap.list .list-entry .list-inner h4 a {
          color: #45a1fe; }
      .list-grid-wrap.list .list-entry .list-inner .list-description {
        flex: 0 0 15%; }
      .list-grid-wrap.list .list-entry .list-inner .list-description,
      .list-grid-wrap.list .list-entry .list-inner .list-plan {
        align-self: flex-start; }
      .list-grid-wrap.list .list-entry .list-inner .list-plan {
        flex: 0 0 20%; }
      .list-grid-wrap.list .list-entry .list-inner .list-progress {
        flex: 0 0 15%; }
      .list-grid-wrap.list .list-entry .list-inner .small-text {
        color: #909090;
        text-transform: uppercase;
        font-size: 10px;
        display: block; }
      .list-grid-wrap.list .list-entry .list-inner .list-plan p {
        margin-bottom: 0; }
      .list-grid-wrap.list .list-entry .list-inner .list-plan .small-helper {
        font-size: 12px;
        font-weight: 300;
        color: #909090;
        display: block; }

.list-grid-wrap.grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  margin: 0 auto; }
  .list-grid-wrap.grid .list-entry {
    width: calc(100% / 4 - 16px);
    margin-right: 16px;
    margin-bottom: 16px;
    background: #fff;
    box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178);
    transition: all .5s ease-in-out;
    border-radius: 6px;
    border: 1px solid transparent; }
    .list-grid-wrap.grid .list-entry:hover {
      box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08);
      background: #fafafa;
      border: 1px solid #f4565e; }
    .list-grid-wrap.grid .list-entry .list-inner {
      background: #fff;
      border-radius: 6px;
      padding: 16px;
      display: flex;
      flex-flow: column wrap; }
      .list-grid-wrap.grid .list-entry .list-inner .small-text {
        text-transform: uppercase;
        display: block; }
      .list-grid-wrap.grid .list-entry .list-inner .list-status {
        margin: 8px 0; }
      .list-grid-wrap.grid .list-entry .list-inner img {
        width: 55px;
        height: 55px;
        margin: 0 auto 16px; }
      .list-grid-wrap.grid .list-entry .list-inner .list-description h4 {
        margin: 0 0 16px; }

.nav-option .btn.btn-clean {
  min-width: inherit;
  padding: 4px;
  font-size: 20px; }
  .nav-option .btn.btn-clean:hover {
    color: #1a89fd; }

.slider.custom {
  position: relative; }
  .slider.custom .slider-count {
    background: transparent;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 16px 0; }
  .slider.custom .noUi-base {
    position: absolute;
    top: 0; }
  .slider.custom .noUi-tooltip {
    margin-top: 24px;
    background: #f4565e;
    padding: 8px;
    color: #fff;
    min-width: 55px;
    border-radius: 6px; }

.slider .noUi-connect {
  background-color: #f4565e;
  border-radius: 55px; }

.slider .noUi-handle {
  border-color: #f4565e;
  background: #fff; }

.modal-content .slider.custom {
  margin-bottom: 35px; }

.progress .progress-bar.progress-bar-danger {
  background: #f4565e; }

.content-text {
  padding: 24px;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #f9f9f9; }

.current-plan .inner-title {
  margin: 24px 0 16px; }
  .current-plan .inner-title h1 {
    color: #f4565e; }

.progress-wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  padding: 24px;
  background: #fafafa;
  border: 1px solid #F1F1F7;
  margin-top: -1px; }
  .progress-wrap .left-thumb img {
    padding: 4px;
    background: rgba(0, 0, 0, 0.045);
    width: 75px;
    height: 75px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center; }
  .progress-wrap .left-info h4 {
    font-size: 16px;
    margin: 0; }
  .progress-wrap .left-info .posted-count {
    margin-top: 8px;
    display: block; }
  .progress-wrap .progress-current {
    flex: 0 0 55%; }

.posted-count {
  font-size: 13px;
  font-weight: 300;
  color: #909090; }

.comment-badge {
  padding: 4px 16px;
  border: 1px solid #f4565e;
  border-radius: 55px;
  color: #f4565e; }
  .comment-badge i {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    margin-right: 4px;
    font-size: 20px; }

.comment-wrap .top-comment {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center; }
  .comment-wrap .top-comment .small-text {
    font-size: 13px; }
    .comment-wrap .top-comment .small-text i {
      font-size: 16px;
      display: inline-block;
      vertical-align: middle; }
  .comment-wrap .top-comment .btn.btn-clean {
    padding: 16px 0; }

.comment-wrap .comment-content {
  background: rgba(244, 111, 124, 0.035);
  border-radius: 6px;
  padding: 24px;
  border: 1px solid rgba(244, 111, 124, 0.055); }

.comment-entry {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch; }

.comment-content .top-comment-info {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: stretch; }

.comment-content .comment-entry {
  padding: 24px 0; }
  .comment-content .comment-entry p {
    flex: 0 0 75%;
    margin-bottom: 0; }
  .comment-content .comment-entry .comment-option {
    border-left: 1px solid #F1F1F7; }
    .comment-content .comment-entry .comment-option .btn.btn-clean:nth-of-type(1) {
      color: #45a1fe; }
      .comment-content .comment-entry .comment-option .btn.btn-clean:nth-of-type(1):hover {
        color: #1a89fd; }

.comment-content .left-comment-info img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover; }

.comment-content .left-comment-info .left-thumb,
.comment-content .left-comment-info .comment-name {
  display: inline-block;
  vertical-align: middle; }

.comment-content .left-comment-info .left-thumb {
  margin-right: 8px; }

.comment-content .left-comment-info .comment-name h4 {
  font-size: 14px;
  margin: 0 0 8px 0; }

.comment-content .left-comment-info .comment-name .badge {
  font-size: 12px; }

.comment-date {
  font-size: 12px;
  color: #909090;
  font-weight: 300; }
  .comment-date i {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle; }

.comment-option .btn.btn-clean,
.comment-option button {
  min-width: inherit;
  color: #909090; }
  .comment-option .btn.btn-clean:hover,
  .comment-option button:hover {
    color: #1a89fd; }

.comment-response,
.comment-reply {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: flex-start;
  margin-left: 24px;
  background: rgba(244, 111, 124, 0.035);
  border-radius: 6px;
  padding: 24px;
  border: 1px solid rgba(244, 111, 124, 0.055); }
  .comment-response .response-right,
  .comment-reply .response-right {
    flex: 0 0 85%;
    align-self: flex-end;
    text-align: right; }
    .comment-response .response-right p,
    .comment-reply .response-right p {
      text-align: left; }
  .comment-response .response-left .comment-name h4,
  .comment-reply .response-left .comment-name h4 {
    margin: 8px auto 0;
    font-size: 14px;
    display: block; }
  .comment-response .response-left .left-thumb,
  .comment-reply .response-left .left-thumb {
    display: block; }
    .comment-response .response-left .left-thumb img,
    .comment-reply .response-left .left-thumb img {
      width: 48px;
      height: 48px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      display: block;
      margin: 0 auto;
      border-radius: 50%; }

/* .comment-reply {
  display: none; } */
  .comment-reply.active {
    display: flex; }

.response-button {
  margin-top: 36px; }
  .response-button .btn.btn-default:nth-of-type(2) {
    background: #f0f0f0;
    color: #909090;
    box-shadow: none;
    border: 1px solid transparent;
    margin-left: 16px; }
    .response-button .btn.btn-default:nth-of-type(2):hover {
      background: #1a89fd;
      color: #fff; }

.content-option.re-order .side-option {
  background: #fff; }

.side-by-side {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch; }
  .side-by-side .right-content {
    flex: 1;
    transition: all .5s ease-in-out; }
    .side-by-side .right-content.has-filter {
      flex: 1;
      width: calc(100% - 24%); }
      .side-by-side .right-content.has-filter table.dataTable {
        width: 100% !important; }
  .side-by-side .filter-item {
    flex: 0 0 24%;
    border-right: 1px solid #F1F1F7;
    padding: 0 24px;
    background: #EEF0F1;
    min-height: 87.4vh;
    transition: all .5s ease-in-out;
    width: 24%; }

.table-option.for-report .form-control {
  margin-bottom: 16px; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #909090; }

.activity-box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch; }
  .activity-box .activity-chart {
    flex: 1; }
  .activity-box .activity-stats {
    flex: 0 0 40%;
    margin-left: 24px; }

.grid-card {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch; }
  .grid-card .card {
    margin: 0 0 24px 0;
    width: calc(100% / 2 - 12px); }

.activity-chart .card {
  margin: 0; }

.activity-chart .card-title {
  padding: 16px 24px 24px; }

.chart-content {
  padding: 0 16px 16px; }

.activity-stats .grid-card .card {
  padding: 16px 24px; }
  .activity-stats .grid-card .card h4 {
    font-size: 16px;
    margin: 0; }
  .activity-stats .grid-card .card p {
    font-weight: 300;
    margin-bottom: 0;
    font-size: 12px;
    display: block; }
  .activity-stats .grid-card .card .numeric {
    font-size: 36px;
    color: #f4565e;
    margin: 24px 0 16px; }

.activity-stats h3 {
  font-size: 18px;
  margin: 0 0 24px; }

.mid-box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch; }
  .mid-box .card {
    width: calc(100% / 3 - 12px);
    margin-bottom: 24px; }
    .mid-box .card .card-title {
      padding: 16px 24px;
      font-size: 18px; }
    .mid-box .card .chart-content {
      padding: 16px 24px; }

.people-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  padding: 12px 24px; }
  .people-list img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    flex: 0 0 36px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    margin-right: 16px; }
  .people-list .people-description {
    flex: 1; }
    .people-list .people-description h4 {
      font-size: 14px;
      margin: 0; }
    .people-list .people-description p {
      margin-bottom: 0;
      color: #909090; }

.top-section {
  background: #f4565e;
  padding: 36px 24px; }
  .top-section h1 {
    font-size: 28px;
    color: #fff;
    margin: 0 0 24px 0; }
  .top-section .form-default {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-end; }
    .top-section .form-default .control-label {
      color: #fff; }
    .top-section .form-default .faq-search {
      width: 43%;
      margin-right: 24px; }
    .top-section .form-default .btn.btn-default {
      background: transparent;
      border: 1px solid #fff;
      color: #fff;
      box-shadow: none;
      padding: 14px 28px; }
      .top-section .form-default .btn.btn-default:hover, .top-section .form-default .btn.btn-default:focus {
        background: #fff;
        color: #f4565e; }
    .top-section .form-default .form-control {
      padding: 12px 16px 12px 16px;
      background: #fff;
      border: 1px solid white;
      box-shadow: none;
      height: 49px;
      position: relative; }
      .top-section .form-default .form-control:hover, .top-section .form-default .form-control:focus {
        box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08);
        background: #fff;
        border: 1px solid rgba(255, 255, 255, 0.95);
        color: #595959; }
    .top-section .form-default i {
      color: #fff;
      font-size: 18px;
      position: absolute;
      left: 16px;
      top: 13px; }
    .top-section .form-default:hover i {
      color: #595959; }

.grid-card .card {
  margin: 0; }

.grid-card.for-three .card {
  width: calc(100% / 3 - 12px);
  margin-bottom: 16px;
  padding: 24px; }

.icon-text {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: stretch; }
  .icon-text .icon-entry {
    flex: 0 0 20%;
    margin-right: 16px; }
    .icon-text .icon-entry i {
      color: #45a1fe;
      font-size: 45px;
      text-align: center;
      display: block;
      line-height: 55px; }
  .icon-text .text-entry {
    flex: 1; }
    .icon-text .text-entry .small-text {
      text-transform: uppercase;
      margin-bottom: 2px;
      display: block; }
    .icon-text .text-entry h3 {
      font-size: 18px;
      margin: 0 0 8px 0;
      color: #45a1fe; }
    .icon-text .text-entry p {
      margin-bottom: 0; }

.top-section .container {
  padding-left: 0;
  padding-right: 0; }

.faq-wrap {
  margin-bottom: 55px; }
  .faq-wrap .card {
    transition: all .5s ease-in-out;
    border: 1px solid transparent; }
    .faq-wrap .card:hover {
      box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08);
      border: 1px solid #45a1fe; }
  .faq-wrap .main-title p {
    color: #595959; }

.card.is-outline {
  border: 1px solid #e0e0e0;
  background: transparent;
  box-shadow: none; }
  .card.is-outline .btn.btn-default {
    width: auto;
    padding: 14px 28px;
    margin: 24px auto 16px; }
  .card.is-outline .circle-icon {
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto 8px; }
    .card.is-outline .circle-icon i {
      color: #45a1fe;
      text-align: center;
      display: block;
      font-size: 44px;
      line-height: 90px; }
  .card.is-outline h3 {
    font-size: 18px;
    display: block;
    color: #171C26; }
  .card.is-outline h3,
  .card.is-outline p {
    text-align: center; }
  .card.is-outline:hover {
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08); }

.card.center {
  text-align: center; }

.sidebar-nav.no-border a {
  border-bottom: none; }

.faq-wrap section .main-title {
  margin: 0; }

.one-scroll a.oneActive {
  color: #f4565e; }

.one-scroll li {
  margin-bottom: 0; }

.sidebar-nav a, .sidebar-nav li {
  font-weight: 500; }

.side-sub.side-inner .sidebar-title {
  padding: 18px 24px 16px; }
  .side-sub.side-inner .sidebar-title h3 {
    color: #f4565e; }

ul.list-styled {
  list-style-type: circle; }
  ul.list-styled li {
    margin-left: 36px; }

.faq-wrap strong {
  font-weight: 600; }

.faq-entry .main-title {
  margin: 16px 0 24px 0;
  padding: 0 0 8px 0;
  position: relative;
  border-bottom: 1px solid #F1F1F7; }
  .faq-entry .main-title:after {
    content: '';
    height: 3px;
    background: #f4565e;
    width: 8%;
    position: absolute;
    left: 0;
    bottom: -2px; }
  .faq-entry .main-title h3 {
    color: #f4565e; }

.faq-entry h4 {
  font-size: 18px;
  margin: 16px 0 24px; }

.faq-entry .label {
  font-size: 12px;
  border-radius: 4px;
  font-size: 12px;
  background: #f9f9f9;
  padding: 4px 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  text-transform: capitalize; }
  .faq-entry .label.label-warning {
    background: #ffd136; }

.faq-wrap section.faq-entry .main-title {
  margin: 24px 0 24px 0; }

.activity-stats .grid-card .card {
  margin-bottom: 16px; }

.notify-has-thumbnail {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: stretch;
  padding: 8px 16px; }
  .notify-has-thumbnail.for-notif .notif-text {
    align-self: center; }
  .notify-has-thumbnail.for-notif .small-thumbnail {
    background: #45a1fe;
    color: #fff;
    flex: 0 0 13%;
    align-self: center; }
    .notify-has-thumbnail.for-notif .small-thumbnail i {
      font-size: 18px;
      text-align: center;
      color: #fff;
      display: block;
      line-height: 36px; }
  .notify-has-thumbnail:hover {
    background-image: none;
    background: #fff;
    background-color: #fff; }
  .notify-has-thumbnail .time-method {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch; }
  .notify-has-thumbnail .notif-date,
  .notify-has-thumbnail .notif-method {
    font-size: 12px;
    color: #909090; }
  .notify-has-thumbnail .notif-text {
    flex: 1; }
  .notify-has-thumbnail .small-thumbnail {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    flex: 0 0 16%;
    margin-right: 8px; }
    .notify-has-thumbnail .small-thumbnail img {
      width: 36px;
      height: 36px;
      -o-object-position: center;
         object-position: center;
      -o-object-fit: cover;
         object-fit: cover;
      border-radius: 50%; }
  .notify-has-thumbnail .notif-title {
    font-weight: 600;
    display: block; }

.dropdown-menu:hover, .dropdown-menu:focus {
  background-image: none; }

.dropdown-menu a:hover, .dropdown-menu a:focus {
  background-image: none; }

.main-navigation .nav-item .dropdown-menu {
  min-width: 320px;
  padding: 8px 0; }

.header-content .btn.btn-add {
  color: #595959; }

.header-content .btn.dash-menu:hover, .header-content .btn.dash-menu:focus, .header-content .btn.btn-add:hover, .header-content .btn.btn-add:focus {
  color: #f4565e; }

.bootstrap-datetimepicker-widget table.table-condensed tr > td {
  margin: 0;
  padding: 0;
  position: relative; }

.bootstrap-datetimepicker-widget table.table-condensed tr .separator {
  padding: 0; }

.bootstrap-datetimepicker-widget a[data-action] {
  color: #f4565e; }

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: auto;
  height: auto;
  line-height: normal;
  margin: 0;
  cursor: pointer;
  border-radius: 50%;
  text-align: center; }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-weight: normal;
  font-size: 14px;
  margin: 0; }

.bootstrap-datetimepicker-widget button[data-action] {
  width: 48px;
  height: 34px;
  margin-right: 0;
  padding: 0;
  min-width: inherit; }

.bootstrap-datetimepicker-widget table td > div {
  height: 28px;
  line-height: 28px;
  width: 28px;
  text-align: center;
  font-size: 12px; }

.bootstrap-datetimepicker-widget table td.day > div {
  font-size: 12px; }

.bootstrap-datetimepicker-widget table th.dow {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.list-start {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start; }
  .list-start .field-item {
    margin-right: 16px; }
    .list-start .field-item:nth-last-of-type(1) {
      margin-right: 0; }

.profile-box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: stretch; }
  .profile-box .left-profile {
    flex: 1;
    padding-right: 24px; }
  .profile-box .right-profile {
    flex: 0 0 32%; }
    .profile-box .right-profile .list-stats {
      margin-top: 16px; }

.top-inner-profile {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start; }
  .top-inner-profile .profile-thumb {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    position: relative;
    flex: 0 0 120px; }
    .top-inner-profile .profile-thumb .btn.btn-default {
      position: absolute;
      bottom: -5px;
      right: 0;
      min-width: inherit;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      border: 2px solid #fff;
      box-shadow: none;
      padding: 0;
      background: #f4565e; }
      .top-inner-profile .profile-thumb .btn.btn-default:hover, .top-inner-profile .profile-thumb .btn.btn-default:focus {
        background: #171C26; }
    .top-inner-profile .profile-thumb img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      border-radius: 50%; }

.profile-information {
  flex: 1; }
  .profile-information h3 {
    font-size: 18px;
    color: #f4565e; }
  .profile-information .profile-status {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    padding: 16px 24px;
    border-radius: 55px;
    border: 1px solid #F1F1F7;
    margin-top: 24px; }
    .profile-information .profile-status i {
      font-size: 20px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 8px; }
    .profile-information .profile-status p {
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 0; }

.list-stats {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center; }
  .list-stats .stats-item {
    width: calc(100% / 4 - 12px);
    text-align: center;
    border-radius: 8px;
    height: 90px;
    padding: 24px;
    box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178);
    color: #30b898;
    border: 1px solid #f8f8f8; }
    .list-stats .stats-item .numeric {
      font-size: 36px;
      display: block;
      margin-bottom: 10px;
      color: #30b898;
      font-weight: bold; }

.card.brand-color {
  background: #f4565e; }

.content-thumbnail {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: flex-start;
  padding: 16px; }
  .content-thumbnail .circle-thumb {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    flex: 0 0 45px;
    margin-right: 16px; }
    .content-thumbnail .circle-thumb img {
      width: 100%;
      height: 100%;
      border-radius: 50%; }
  .content-thumbnail .content-thumbnail-text {
    flex: 1; }
    .content-thumbnail .content-thumbnail-text h3 {
      font-size: 18px;
      margin: 0 0 4px; }
    .content-thumbnail .content-thumbnail-text ul {
      margin: 8px auto; }
      .content-thumbnail .content-thumbnail-text ul li {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
        margin-right: 16px; }
        .content-thumbnail .content-thumbnail-text ul li:last-child {
          margin-right: 0; }
        .content-thumbnail .content-thumbnail-text ul li .badge.badge-outline {
          padding: 8px 10px;
          background: #f4565e;
          border-color: #f4565e;
          color: #fff; }

.sub-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch; }
  .sub-list .coach-schedule {
    margin-bottom: 8px; }
    .sub-list .coach-schedule:nth-last-of-type(1) {
      margin-bottom: 0; }
    .sub-list .coach-schedule i {
      display: inline-block;
      font-size: 16px;
      margin: 0;
      text-align: left;
      vertical-align: middle; }

.list-flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: stretch; }
  .list-flex .flex-item {
    box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178);
    padding: 24px; }
  .list-flex.has-two .flex-item {
    width: calc(100% / 2 - 12px); }

.profile-information .flex-item {
  border: 1px solid #f5f5f5;
  border-radius: 8px; }

.title-icon h3 {
  font-size: 18px;
  margin: 0;
  color: #171C26;
  display: inline-block;
  vertical-align: middle; }

.title-icon i {
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px; }

.list-session {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: space-between;
  align-items: flex-start;
  align-content: stretch; }
  .list-session .session-time {
    margin-bottom: 4px; }
  .list-session h4 {
    font-size: 14px;
    margin: 0 0 8px 0; }
  .list-session .list-left-session li {
    margin-bottom: 0; }

.profile-summary .list-flex {
  align-items: stretch; }

.profile-summary .list-session {
  padding-bottom: 12px;
  border-bottom: 1px solid #F1F1F7;
  margin-bottom: 12px; }
  .profile-summary .list-session:nth-last-of-type(1) {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }

.session-time {
  font-size: 12px;
  color: #909090;
  font-weight: 300; }
  .session-time i {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle; }

.title-icon {
  margin-bottom: 24px; }

.no-data {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  height: 100%; }
  .no-data .btn,
  .no-data .btn.btn-default {
    background: transparent;
    border: none;
    border-radius: 0;
    color: #909090;
    box-shadow: none; }
    .no-data .btn:hover,
    .no-data .btn.btn-default:hover {
      color: #1a89fd;
      background: transparent;
      border: none;
      border-radius: 0;
      box-shadow: none; }

.media-file {
  position: relative; }
  .media-file .btn.btn-default {
    padding: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #fff;
    background: #45a1fe;
    border: 1px solid #45a1fe;
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: inherit; }
    .media-file .btn.btn-default:hover, .media-file .btn.btn-default:focus {
      background: #fff;
      color: #45a1fe; }

.list-flex.for-media {
  justify-content: flex-start; }
  .list-flex.for-media .media-file {
    width: calc(100% / 5 - 16px);
    margin-bottom: 16px;
    border: 1px solid #45a1fe;
    border-radius: 8px;
    margin-right: 16px; }
    .list-flex.for-media .media-file img {
      border-radius: 8px; }

.edit-profile .nav-wrapper {
  margin: 24px 0 35px; }

.card.side-label .right-field .control-label {
  display: block; }

.card.side-label .right-field .btn-group .btn.btn-default {
  background: #fff;
  border: 1px solid #F1F1F7;
  color: #909090;
  box-shadow: none; }
  .card.side-label .right-field .btn-group .btn.btn-default:hover, .card.side-label .right-field .btn-group .btn.btn-default:focus, .card.side-label .right-field .btn-group .btn.btn-default.active {
    background: #f4565e;
    color: #fff;
    border: 1px solid #f4565e; }

.field-media img {
  height: 125px; }

.coaching-detail .right-coach-detail .card.side {
  padding: 0; }

.card.side {
  margin-top: 0;
  padding: 0; }
  .card.side .card-title h3 {
    padding: 16px 24px;
    color: #f4565e; }
  .card.side:nth-last-of-type(1) {
    flex: 1;
    margin-right: 0;
    order: 1;
    margin-right: 24px; }
  .card.side .h-item {
    border-bottom: 1px solid #F1F1F7;
    align-items: flex-start; }
    .card.side .h-item:nth-last-of-type(1) {
      border-bottom: none; }
  .card.side h4 {
    color: #171C26;
    margin-bottom: 4px;
    font-size: 16px;
    margin-top: 0; }
  .card.side p {
    margin-bottom: 0; }
  .card.side .h-item {
    padding: 12px 24px; }
    .card.side .h-item .left-item {
      flex: 0 0 12%;
      text-align: center;
      color: #171C26; }
      .card.side .h-item .left-item i {
        font-size: 24px;
        color: #171C26;
        margin-right: 16px;
        line-height: normal; }

.page-sidebar {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch; }
  .page-sidebar .side-option {
    flex: 0 0 18%;
    transition: flex .5s ease-in-out; }
    .page-sidebar .side-option .side-sub {
      width: 17%;
      background: #fff;
      box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08); }
  .page-sidebar .page-content {
    flex: 1; }
  .page-sidebar .top-article {
    border-bottom: 1px solid #e0e0e0; }
    .page-sidebar .top-article h3 {
      display: inline-block;
      vertical-align: middle;
      margin: 0;
      padding: 18px 0;
      color: #f4565e; }
    .page-sidebar .top-article .btn.btn-side-filter {
      display: none; }
  .page-sidebar.is-full .side-option {
    display: none;
    flex: 0; }
  .page-sidebar.is-full .top-article .btn.btn-side-filter {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    color: #909090;
    border-left: none;
    border-right: 1px solid #e0e0e0;
    border-bottom: none;
    border-top: none; }
    .page-sidebar.is-full .top-article .btn.btn-side-filter:hover, .page-sidebar.is-full .top-article .btn.btn-side-filter:focus {
      color: #45a1fe; }

.dashboard-content.overlay .top-article .btn.btn-side-filter {
  display: none; }

.article-grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  padding: 24px 0; }
  .article-grid .card {
    width: calc(100% / 4 - 16px);
    margin-bottom: 16px;
    margin-top: 0;
    margin-right: 16px;
    position: relative;
    border-radius: 8px; }
  .article-grid .card-thumbnail {
    /* height: 195px; */
    width: 100%;
    position: relative;
    z-index: 0; }
    .article-grid .card-thumbnail:before {
      /* content: '';
      background-image: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      border-radius: 8px 8px 0 0;  */
    }
    .article-grid .card-thumbnail img {
      width: 100%;
      height: 100%;
      -o-object-position: center;
         object-position: center;
      -o-object-fit: cover;
         object-fit: cover;
      border-radius: 8px 8px 0 0; }
    .article-grid .card-thumbnail .card-title {
      padding: 8px 16px;
      /*position: absolute;*/
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 100%; }
      .article-grid .card-thumbnail .card-title h3,
      .article-grid .card-thumbnail .card-title a {
        color: #f4565e; }
      .article-grid .card-thumbnail .card-title h3 {
        font-size: 18px;
        margin: 0; }

.card.single-entry .media-card {
  justify-content: center; }

.card.video .badge {
  background: #45a1fe;
  border: 1px solid #45a1fe; }

.card.community .badge {
  background: #30b898;
  border: 1px solid #30b898; }

.article-grid .card {
  transition: box-shadow .5s ease-in-out; }
  .article-grid .card:hover {
    box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08); }

.media-card {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch;
  position: relative;
  height: 100%;
  min-height: 428px; }
  .media-card p {
    margin-bottom: 0; }
  .media-card .badge {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    background: #f4565e;
    color: #fff;
    border: 1px solid #f4565e;
    font-size: 11px; }
  .media-card .card-title {
    padding: 32px 16px 16px 16px;
    height: 76px;
    overflow: hidden; }
    .media-card .card-title h3,
    .media-card .card-title a {
      color: #45a1fe;
      font-size: 16px; }
      .media-card .card-title h3:hover,
      .media-card .card-title a:hover {
        color: #1a89fd; }
  .media-card .card-middle .article-info {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
    padding: 8px 16px; }
  .media-card .card-middle .circle-thumb {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 8px;
    flex: 0 0 36px; }
    .media-card .card-middle .circle-thumb img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      border-radius: 50%; }
  .media-card .card-middle .article-author {
    flex: 1; }
    .media-card .card-middle .article-author h4 {
      font-size: 14px;
      font-weight: 500;
      margin: 0 0 4px 0;
      font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont; }
    .media-card .card-middle .article-author p {
      margin-bottom: 0; }
  .media-card .article-content {
    padding: 8px 16px;
    height: 55px;
    overflow: hidden; }
  .media-card .card-bottom {
    padding: 8px 16px 16px 16px;
    color: #909090;
    font-size: 12px;
    font-weight: 300; }

.article-detail {
  max-width: 63%;
  margin: 0 auto; }
  .article-detail .spacer {
    display: block;
    margin: 16px 0; }
  .article-detail h1 {
    font-size: 36px;
    margin: 55px auto 35px; }
  .article-detail p {
    font-size: 16px;
    line-height: 1.6; }
  .article-detail figure {
    margin: 24px 0;
    display: block; }
    .article-detail figure img {
      width: 100%;
      height: 480px;
      -o-object-position: center;
         object-position: center;
      -o-object-fit: cover;
         object-fit: cover; }

.btn.btn-default.btn-read {
  display: none;
  background: #30b898;
  border: 1px solid #30b898;
  border-radius: 55px;
  margin: 35px auto 55px; }

.article-read-info {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch; }
  .article-read-info .circle-thumb {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 16px; }
    .article-read-info .circle-thumb img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }
  .article-read-info .info-person {
    margin-bottom: 35px; }
    .article-read-info .info-person p {
      margin-bottom: 0;
      font-weight: 600;
      color: #f4565e; }
    .article-read-info .info-person li {
      display: inline-block;
      vertical-align: middle;
      margin-right: 16px;
      color: #909090;
      margin-bottom: 0; }
      .article-read-info .info-person li div {
        display: inline-block;
        vertical-align: middle; }

.article-wrap .top-article {
  padding: 8px 0;
  border-bottom: 1px solid #F1F1F7; }

.modal-dialog .modal-content.bg-lite {
  background: #fafafa; }

.modal-body .grid-card {
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch; }
  .modal-body .grid-card .card {
    width: calc(100% / 4 - 16px);
    margin-right: 16px;
    margin-bottom: 16px;
    padding: 24px;
    text-align: center; }
    .modal-body .grid-card .card i {
      font-size: 32px;
      display: block;
      margin-bottom: 8px; }

.list-grid-wrap.grid .list-entry .list-inner,
.progress-card {
  border-radius: 8px; }

.mobile-header {
  display: none;
  box-shadow: 0 2px 35px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  right: 0;
  z-index: 1; }

.mobile-nav {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center; }
  .mobile-nav .main-brand img {
    height: 28px;
    margin: 14px 0; }
  .mobile-nav .btn.btn-clean {
    min-width: inherit;
    padding: 17px 16px;
    border: none; }
    .mobile-nav .btn.btn-clean.dash-menu {
      margin-right: 24px; }
  .mobile-nav i {
    font-size: 16px; }
  .mobile-nav .right-mobile .btn.btn-clean {
    padding: 17px 10px; }

.secondary-menu {
  background: #f4565e;
  display: none; }
  .secondary-menu .list-flex .btn.btn-clean {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    width: calc(100% / 3);
    padding: 13px 0; }
    .secondary-menu .list-flex .btn.btn-clean:hover, .secondary-menu .list-flex .btn.btn-clean:focus {
      color: white; }

.mobile-search {
  display: none; }
  .mobile-search .form-default {
    position: relative;
    margin-bottom: 0;
    padding: 8px; }
    .mobile-search .form-default i {
      color: #fff;
      position: absolute;
      top: 22px;
      left: 24px;
      font-size: 16px; }
    .mobile-search .form-default .btn.btn-clean {
      position: absolute;
      color: #fff;
      min-width: inherit;
      padding: 0;
      top: 20px;
      right: 24px; }
      .mobile-search .form-default .btn.btn-clean i {
        position: static;
        font-size: 16px; }
    .mobile-search .form-default .form-control {
      padding: 16px 40px;
      background: rgba(0, 0, 0, 0.095);
      border: none;
      color: #fff; }
      .mobile-search .form-default .form-control:focus {
        background: rgba(0, 0, 0, 0.15);
        color: #fff; }
        .mobile-search .form-default .form-control:focus i {
          color: #595959; }

.btn {
  cursor: pointer; }

a:focus {
  color: #1a89fd; }

.mob-only {
  display: none; }

.sub-list .coach-schedule {
  font-weight: 300; }

.control-label,
.form-default .bmd-form-group .bmd-label-static,
.form-default label, .form-default .control-label {
  font-weight: 500; }

.select2-container--default .select2-selection--multiple {
  border: 1px solid #F1F1F7; }

.main-label, label.main-label {
  font-weight: normal; }

.tab-content.profile-summary .form-default.single-half .form-group {
  width: 80%; }
  .tab-content.profile-summary .form-default.single-half .form-group.full {
    width: 100%; }

.tab-content.profile-summary .side-label .left-field {
  flex: 0 0 20%; }

.list-two-third.custom .two-item.card {
  flex: 0 0 32.5%;
  box-shadow: none;
  margin-bottom: 16px;
  border-radius: 0; }
  .list-two-third.custom .two-item.card img,
  .list-two-third.custom .two-item.card .progress-card,
  .list-two-third.custom .two-item.card .progress-card .progress-main:before {
    border-radius: 0; }

.list-two-third .author-small {
  color: #fff;
  margin-bottom: 4px;
  display: block; }

.list-two-third.for-article .two-item.card {
  flex: 0 0 32.5%; }

.list-two-third.for-article .card {
  box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178); }
  .list-two-third.for-article .card .small-list {
    margin-top: 16px; }
  .list-two-third.for-article .card .small-text img {
    width: 28px;
    height: 28px; }
  .list-two-third.for-article .card .list-thumb {
    flex: 0 0 100%; }
    .list-two-third.for-article .card .list-thumb img {
      border-radius: 8px 8px 0 0; }

.author-small {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 300; }

.main-auth .auth-content {
  background: #fff; }

.auth-title img {
  width: 225px; }

.auth-page {
  min-height: 100%; }

.auth-title.big-title h3 {
  font-size: 36px;
  line-height: 1.3;
  margin-bottom: 16px; }

.auth-title.big-title p {
  margin-bottom: 36px; }

.auth-box.center {
  justify-content: center; }

.sidebar.auth-side.for-password {
  background: #f9f9f9; }
  .sidebar.auth-side.for-password .side-content:before {
    display: none; }
  .sidebar.auth-side.for-password .side-img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto; }

/* new update style */
.progress-card img {
  height: 308px; }

.progress-card .progress-entry.has-text p {
  font-size: 14px; }

.entry-wrap.pad-24.custom {
  padding: 0 24px 24px; }

.list-two-third.for-article .two-item.card > .card {
  box-shadow: none; }

.list-two-third.for-article .list-item .short-text {
  padding: 16px 0 10px 0; }

.side-box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  padding: 0 24px; }
  .side-box .side-box-item {
    width: calc(100% / 2 - 8px);
    margin-bottom: 16px;
    text-align: center;
    border-radius: 8px;
    padding: 8px;
    background: #fff;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
    border: 1px solid #f9f9f9; }
    .side-box .side-box-item .numeric {
      display: block;
      font-size: 24px;
      font-weight: 600;
      color: #f4565e;
      line-height: 50px; }
    .side-box .side-box-item .circle-icon {
      background: rgba(0, 0, 0, 0.025);
      margin-bottom: 8px; }
      .side-box .side-box-item .circle-icon i {
        color: #f4565e; }

.side-stats {
  margin-top: 16px; }

.card-entry {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start; }
  .card-entry .card {
    width: calc(100% / 3 - 16px);
    margin-bottom: 16px;
    margin-right: 16px;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
    border: 1px solid #f9f9f9;
    border-radius: 8px;
    padding: 16px;
    margin-top: 0; }
  .card-entry .card-info {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch; }
  .card-entry .top-card {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: space-between;
    align-items: flex-start;
    padding-bottom: 16px; }
    .card-entry .top-card h3 {
      margin: 0;
      font-size: 18px;
      display: inline-block;
      vertical-align: top;
      color: #f4565e; }
    .card-entry .top-card .circle-icon {
      margin-right: 12px; }
    .card-entry .top-card img {
      width: 55px;
      height: 55px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      border-radius: 50%; }
  .card-entry .left-card {
    flex: 1; }
    .card-entry .left-card .circle-icon {
      float: left; }
    .card-entry .left-card p {
      margin-bottom: 0;
      color: #909090; }
  .card-entry .badge {
    flex: 0 0 25%; }
  .card-entry .mid-card {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding: 16px 0;
    border-top: 1px solid #F1F1F7;
    border-bottom: 1px solid #F1F1F7; }
    .card-entry .mid-card .card-date i,
    .card-entry .mid-card .card-date .card-date-text {
      display: inline-block;
      vertical-align: middle; }
  .card-entry .bottom-card {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    padding-top: 16px; }
    .card-entry .bottom-card .btn.btn-default:nth-last-of-type(2) {
      background: transparent;
      border: 1px solid transparent;
      box-shadow: none;
      color: #45a1fe; }

.mid-card .badge.badge-success,
.mid-card .badge {
  background: transparent;
  border: 1px solid #F1F1F7;
  color: #909090;
  line-height: normal;
  font-weight: 300; }

.container.reset,
.container-fluid.reset {
  padding-left: 0;
  padding-right: 0; }

.page-pagination {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  margin: 35px 0 55px; }
  .page-pagination.center {
    justify-content: center; }
  .page-pagination.left {
    justify-content: flex-start; }

.modal-footer.justify {
  justify-content: space-between; }

.modal-header.center {
  text-align: center; }
  .modal-header.center .circle-icon.green {
    display: block;
    margin: 0 auto;
    background: #30b898; }
    .modal-header.center .circle-icon.green i {
      color: #fff; }
  .modal-header.center i {
    color: #171C26; }

.modal-body.text-center {
  text-align: center; }

.top-box {
  padding-bottom: 24px;
  border-bottom: 1px solid #F1F1F7;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start; }
  .top-box h3 {
    margin-top: 0;
    color: #f4565e; }
  .top-box .circle-icon {
    width: 90px;
    height: 90px; }
    .top-box .circle-icon img {
      width: 90px;
      height: 90px;
      border-radius: 50%;
      -o-object-position: center;
         object-position: center;
      -o-object-fit: cover;
         object-fit: cover; }

.apointment-detail {
  margin: 24px 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch; }
  .apointment-detail .apointment-split {
    width: calc(100% / 2 - 12px); }

.apointment-list {
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #f9f9f9; }
  .apointment-list .apointment-list-entry {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: stretch;
    padding: 8px 0; }
  .apointment-list .apointment-text {
    font-weight: 600; }
    .apointment-list .apointment-text span {
      display: block;
      font-size: 12px;
      text-transform: uppercase;
      color: #909090; }
  .apointment-list .apointment-icon {
    font-size: 24px;
    color: #909090;
    margin-right: 8px;
    line-height: normal; }

.apointment-box .button-option {
  text-align: right;
  margin: 24px 0 35px; }

.notif-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  transition: all .5s ease-in-out;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #f9f9f9;
  padding: 16px 0;
  margin-bottom: 16px; }
  .notif-list:hover {
    box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08); }
  .notif-list .circle-icon i {
    color: #171C26; }
  .notif-list h6 {
    color: #171C26;
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 2px; }
  .notif-list .circle-icon {
    flex: 0 0 10%; }
  .notif-list .notif-option {
    flex: 0 0 18%; }
  .notif-list .notif-text {
    flex: 1; }
  .notif-list .small-helper {
    font-size: 12px;
    font-weight: 12px;
    color: #909090; }

.notif-box h5 {
  color: #f4565e; }

.notif-box p {
  margin-bottom: 0; }

.notif-box .notif-option .btn.btn-default:nth-of-type(2) {
  background: transparent;
  padding: 0 8px;
  border: none;
  color: #909090;
  min-width: inherit;
  box-shadow: none; }

.main-title.has-option {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center; }
  .main-title.has-option .top-button .btn.btn-default:nth-of-type(2) {
    background: #fff;
    color: #45a1fe;
    border: 1px solid #45a1fe;
    box-shadow: none;
    margin-left: 16px; }
    .main-title.has-option .top-button .btn.btn-default:nth-of-type(2):hover, .main-title.has-option .top-button .btn.btn-default:nth-of-type(2):focus {
      background: #45a1fe;
      color: #fff;
      box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08); }

.container.reset.no-pad {
  max-width: 100%; }
  .container.reset.no-pad .main-title.has-option {
    margin-top: 0;
    padding: 16px 24px;
    border-bottom: 1px solid #F1F1F7;
    margin-bottom: 0; }

.vise-messages {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: stretch;
  position: relative;
  padding-top: 90px; }
  .vise-messages .list-messages-category {
    flex: 0 0 20%; }
  .vise-messages .list-messages {
    flex: 0 0 25%; }
  .vise-messages .messages-box {
    flex: 1; }
  .vise-messages .top-messages {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center; }
    .vise-messages .top-messages h3 {
      color: #f4565e;
      font-size: 18px;
      margin-top: 0;
      padding-top: 0; }

.category-messages {
  position: fixed;
  height: 100%;
  width: 15%; }
  .category-messages .main-category {
    padding: 16px;
    margin: 24px;
    background: #fcfcfc;
    border: 1px solid #F1F1F7;
    border-radius: 8px; }
    .category-messages .main-category a {
      display: block;
      padding: 8px 0;
      color: #909090; }
      .category-messages .main-category a.has-count {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center; }
      .category-messages .main-category a:hover {
        color: #f4565e; }
      .category-messages .main-category a i {
        font-size: 18px;
        margin-right: 4px;
        display: inline-block;
        vertical-align: middle; }
      .category-messages .main-category a.active {
        color: #f4565e; }
      .category-messages .main-category a .badge.badge-default {
        background: #f4565e;
        color: #fff;
        border: none;
        font-size: 10px; }
  .category-messages .category-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #909090;
    padding: 0 24px; }
  .category-messages .recent-client a {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding: 8px 24px; }
  .category-messages .recent-client img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 10px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top; }
  .category-messages .recent-client p {
    font-weight: 600;
    color: #45a1fe;
    margin-bottom: 0; }
  .category-messages .recent-client em {
    font-size: 12px;
    color: #909090;
    font-style: normal; }
    .category-messages .recent-client em.online {
      color: #30b898; }

.category-preview {
  position: fixed;
  height: 100%;
  width: 19%;
  border-left: 1px solid #F1F1F7;
  border-right: 1px solid #F1F1F7; }
  .category-preview .messages-preview {
    padding-top: 56px; }
    .category-preview .messages-preview em {
      font-style: normal; }
  .category-preview .messages-preview-item {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    padding: 8px;
    background: #fff;
    align-items: flex-start;
    align-content: stretch;
    color: #595959;
    position: relative;
    transition: all .5s ease-in-out;
    border-bottom: 1px solid #F1F1F7; }
    .category-preview .messages-preview-item:nth-last-child(1) {
      border-bottom: none; }
    .category-preview .messages-preview-item:after {
      content: '';
      width: 0;
      height: 0;
      background: #f4565e;
      position: absolute; }
    .category-preview .messages-preview-item:hover {
      background: #fcfcfc; }
      .category-preview .messages-preview-item:hover:after {
        content: '';
        -webkit-transform: translateY(0);
                transform: translateY(0);
        width: 2px;
        height: 100%;
        background: #f4565e;
        position: absolute;
        top: 0;
        left: 0; }
    .category-preview .messages-preview-item .msg-thumb img {
      width: 36px;
      height: 36px;
      -o-object-position: top;
         object-position: top;
      -o-object-fit: cover;
         object-fit: cover;
      margin-right: 8px;
      border-radius: 50%; }
    .category-preview .messages-preview-item p {
      margin-bottom: 0;
      color: #45a1fe;
      font-weight: 600; }
    .category-preview .messages-preview-item .msg-thumb {
      flex: 0 0 18%; }
    .category-preview .messages-preview-item .msg-short {
      flex: 1; }
    .category-preview .messages-preview-item .small-helper {
      font-size: 10px;
      color: #909090; }
  .category-preview .messages-search {
    padding: 8px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 1px solid #F1F1F7; }
    .category-preview .messages-search form,
    .category-preview .messages-search .form-default {
      margin: 0 auto; }
    .category-preview .messages-search .form-control {
      height: 38px; }
    .category-preview .messages-search .form-group,
    .category-preview .messages-search .bmd-form-group {
      margin: 0 auto; }
    .category-preview .messages-search .form-control {
      border-radius: 55px; }

.vise-messages .messages-box .top-messages {
  padding: 16px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center; }
  .vise-messages .messages-box .top-messages h3 {
    flex: 1; }
  .vise-messages .messages-box .top-messages .btn-group {
    margin: 0; }
    .vise-messages .messages-box .top-messages .btn-group .btn.btn-default {
      background: #fff;
      color: #909090;
      box-shadow: none;
      min-width: inherit;
      border-color: #F1F1F7;
      padding: 4px 8px;
      font-weight: normal; }
  .vise-messages .messages-box .top-messages .msg-thumb {
    flex: 0 0 8%; }
    .vise-messages .messages-box .top-messages .msg-thumb img {
      width: 36px;
      height: 36px;
      -o-object-position: top;
         object-position: top;
      -o-object-fit: cover;
         object-fit: cover;
      margin-right: 8px;
      border-radius: 50%; }

.vise-messages .main-messages {
  padding: 24px 48px; }

.container.for-messages .main-title.has-option {
  background: #fff;
  width: 75%;
  position: fixed;
  z-index: 1; }

.dashboard-content.messages {
  background: #fff; }
  .dashboard-content.messages footer {
    display: none; }

body.messages {
  background: #fff; }

.task-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  position: relative; }
  .task-list .card.has-thumbnail {
    width: calc(100% / 4 - 16px);
    margin-bottom: 16px;
    margin-right: 16px;
    margin-top: 0; }
    .task-list .card.has-thumbnail .content-thumbnail {
      display: flex;
      flex-flow: column wrap; }
      .task-list .card.has-thumbnail .content-thumbnail .content-thumbnail .content-thumbnail-text,
      .task-list .card.has-thumbnail .content-thumbnail .circle-thumb {
        flex: inherit; }
    .task-list .card.has-thumbnail .circle-thumb {
      width: 54px;
      height: 54px; }
      .task-list .card.has-thumbnail .circle-thumb img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center; }
    .task-list .card.has-thumbnail .content-thumbnail-text {
      width: 100%; }
      .task-list .card.has-thumbnail .content-thumbnail-text h3 {
        text-align: left;
        margin: 0 0 16px;
        display: block; }
      .task-list .card.has-thumbnail .content-thumbnail-text h5 {
        margin-top: 0;
        color: #f4565e;
        text-align: center;
        margin-bottom: 24px; }
    .task-list .card.has-thumbnail .sub-list .coach-schedule {
      width: 100%;
      text-align: left;
      margin-bottom: 12px; }
      .task-list .card.has-thumbnail .sub-list .coach-schedule i {
        display: inline-block;
        text-align: center;
        font-size: 16px;
        line-height: normal;
        margin-right: 4px;
        vertical-align: middle; }

.card-action {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center; }
  .card-action.center {
    justify-content: center; }
    .card-action.center .btn.btn-default {
      width: 100%;
      line-height: 30px;
      margin-top: 24px; }

.top-client {
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-bottom: 24px; }
  .top-client .card-item.dropdown {
    position: absolute;
    top: 0;
    right: 0; }
    .top-client .card-item.dropdown .nav-link.has-item {
      padding: 0;
      color: #909090; }
  .top-client .circle-thumb {
    margin-right: 16px; }
  .top-client .client-text {
    flex: 1; }
    .top-client .client-text h5 {
      color: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont;
      margin-bottom: 4px;
      font-size: 18px;
      margin-top: 5px; }

.card-topic h3 {
  font-size: 18px;
  color: #f4565e;
  margin: 0 0 16px;
  text-align: left;
  line-height: 1.3; }

.badge.scheduled {
  color: #ff7a36;
  font-weight: normal;
  border-color: #ff7a36; }

.badge.unscheduled {
  color: #f4565e;
  font-weight: normal;
  border-color: #f4565e; }

.badge.completed {
  color: #30b898;
  font-weight: normal;
  border-color: #30b898; }

.withMore,
.morePending,
.moreRequest {
  display: none; }

.task-title {
  flex: none;
  width: 100%; }
  .task-title h3 {
    margin-top: 0;
    margin-bottom: 24px;
    color: #f4565e;
    font-size: 24px; }

.more-load {
  flex: none;
  width: 100%;
  text-align: center;
  margin: 35px auto 24px; }
  .more-load .btn.btn-default {
    border-radius: 55px;
    background: transparent;
    color: #909090;
    border: 1px solid #909090;
    box-shadow: none; }
    .more-load .btn.btn-default:hover {
      background: #fff;
      border: 1px solid #45a1fe;
      color: #45a1fe; }

/* end new update style */
/* update 2020 */
.side-sub .side-badge {
  margin-top: 0;
  display: block; }
  .side-sub .side-badge .profile-badge {
    margin-bottom: 8px; }
    .side-sub .side-badge .profile-badge a {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
      .side-sub .side-badge .profile-badge a:nth-last-child(1) {
        margin-right: 0; }

.profile-box .list-stats .stats-item {
  width: calc(100% / 3 - 12px); }

.status .star-rate {
  margin: 0 auto 8px; }

.bottom-title {
  margin-bottom: 16px; }
  .bottom-title h4 {
    margin: 16px 0 0 0; }

.bottom-content {
  margin: 0 0 55px; }
  .bottom-content .short-text {
    display: none; }
  .bottom-content .card-bottom {
    margin-top: 16px; }

.box-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start; }
  .box-list .small-text ul {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px; }
    .box-list .small-text ul li {
      display: block;
      margin-bottom: 0;
      font-weight: normal; }
  .box-list.has-three .card {
    width: calc(100% / 3 - 12px);
    margin-right: 12px;
    margin-top: 0;
    margin-bottom: 0; }
    .box-list.has-three .card .short-text {
      padding: 0;
      margin: 8px 0 16px; }
    .box-list.has-three .card .list-thumb img {
      width: 100%;
      height: auto;
      border-radius: 8px 8px 0 0; }
    .box-list.has-three .card .list-item {
      padding: 16px; }
      .box-list.has-three .card .list-item h3 {
        font-size: 16px; }
    .box-list.has-three .card:nth-last-child(1) {
      margin-right: 0; }
  .box-list.has-three .list-thumb img {
    width: 214px;
    height: 214px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
    border-radius: 0; }

.article-read-info.is-inline {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-end; }
  .article-read-info.is-inline .info-person {
    display: inline-block;
    margin-bottom: 0; }
  .article-read-info.is-inline .author-top .circle-thumb,
  .article-read-info.is-inline .author-top ul {
    display: inline-block;
    vertical-align: top; }
  .article-read-info.is-inline .top-reaction li {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-size: 24px; }
    .article-read-info.is-inline .top-reaction li:last-child {
      margin-right: 0; }

.bottom-author {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  border-top: 1px solid #F1F1F7;
  border-bottom: 1px solid #F1F1F7;
  margin: 24px 0 35px;
  padding: 16px 0; }
  .bottom-author .bottom-people .people-info {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px; }
    .bottom-author .bottom-people .people-info h4,
    .bottom-author .bottom-people .people-info a {
      color: #171C26;
      font-size: 18px;
      margin: 0 0 4px 0; }
    .bottom-author .bottom-people .people-info p {
      margin-bottom: 0;
      color: #909090; }
  .bottom-author .bottom-people .circle-thumb {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle; }
    .bottom-author .bottom-people .circle-thumb img {
      width: 75px;
      height: 75px;
      border-radius: 50%;
      -o-object-position: top;
         object-position: top;
      -o-object-fit: cover;
         object-fit: cover; }

.side-top-image {
  position: relative;
  overflow: hidden; }
  .side-top-image .btn.btn-default {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 36px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    transition: all .5s ease-in-out;
    background: rgba(0, 0, 0, 0.5);
    border: none; }
    .side-top-image .btn.btn-default:hover {
      background: rgba(0, 0, 0, 0.75); }
  .side-top-image:hover .btn.btn-default {
    -webkit-transform: translateY(0);
            transform: translateY(0); }

/* end update 2020 */
/* resize inspect */
.side-nav.resizing .left-link {
  width: 24px;
  height: 24px; }

.side-nav.resizing .side-profile {
  padding: 8px; }
  .side-nav.resizing .side-profile img {
    width: 36px;
    height: 36px; }

/* end resize inspect */
/* update article */
.article-detail.has-sidebar {
  max-width: 100%; }

.new-article {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }
  .new-article .article-text {
    flex: 1; }
  .new-article .article-sidebar {
    flex: 0 0 calc(100% - 70%);
    padding-left: 24px; }

.side-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.02);
  transition: all .5s ease-in-out; }
  .side-list:hover {
    background: #fff;
    box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08); }
  .side-list.no-bg {
    background: transparent; }
    .side-list.no-bg:hover {
      background: #fff;
      box-shadow: none; }
  .side-list .side-content-text {
    flex: 1; }
    .side-list .side-content-text h4 {
      margin: 0 0 10px 0;
      font-size: 16px; }
    .side-list .side-content-text p {
      font-size: 14px;
      margin-bottom: 0;
      margin-top: 5px;
      max-height: 70px;
      overflow: hidden; }
    .side-list .side-content-text .small-helper {
      font-size: 12px;
      font-weight: 300;
      color: #909090; }
  .side-list .side-circle-thumb {
    margin-right: 16px; }

.side-thumbnail {
  width: 90px;
  height: 55px;
  margin-left: 10px; }
  .side-thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-position: top;
       object-position: top;
    -o-object-fit: cover;
       object-fit: cover; }
  .side-thumbnail.is-video {
    position: relative; }
    .side-thumbnail.is-video:after {
      content: '';
      background: rgba(0, 0, 0, 0.25);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 0; }
    .side-thumbnail.is-video:before {
      content: "\F40A";
      font-family: "Material Design Icons";
      font-size: 16px;
      color: #fff;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      text-align: center;
      width: 24px;
      height: 24px;
      margin: auto;
      background: rgba(0, 0, 0, 0.35);
      border-radius: 50%; }

.side-circle-thumb {
  width: 32px;
  height: 32px;
  border-radius: 50%; }
  .side-circle-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
    border-radius: 50%; }

.sidebar-box h3 {
  font-size: 24px;
  margin: 0 0 16px 0; }

.bottom-content .card-bottom li:nth-of-type(1) {
  font-size: 14px;
  font-size: normal;
  color: #333; }

/* end update article */
/* feedback style */
.dual-item.vertical .feedback-box {
  border-top: 1px solid #F1F1F7; }

.feedback-box h3 {
  margin: 0 0 24px 0; }

.feedback-box .radio-custom {
  margin-bottom: 16px;
  margin-top: 8px; }

.feedback-box textarea {
  margin-bottom: 16px; }

.feedback-box h3.main-title {
  font-size: 24px;
  color: #171C26; }
  .feedback-box h3.main-title.mt-16 {
    margin-top: 16px; }

.feedback-box .form-check .form-check-label {
  font-weight: normal; }

.feedback-box .form-check {
  margin-bottom: 16px; }

.feedback-box .form-group {
  border-bottom: 1px solid #F1F1F7; }
  .feedback-box .form-group:nth-last-of-type(1) {
    border-bottom: none; }

.feedback-box .form.form-default .form-group:nth-last-of-type(1), .feedback-box .form.form-default .form-group.no-border {
  border-bottom: none; }

.feedback-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center; }
  .feedback-list .feedback-content {
    flex: 1; }
    .feedback-list .feedback-content p {
      margin-top: 5px; }
  .feedback-list .circle-thumb {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin-right: 16px; }
    .feedback-list .circle-thumb img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }

.session-wrap .dual-item.vertical.no-border,
.dual-item.vertical.no-border {
  border-top: none; }

.center-content.own-feedback {
  margin: 35px auto 55px;
  max-width: 60%; }

.own-feedback .feedback-list {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #F1F1F7;
  transition: all .5s ease-in-out;
  box-shadow: none;
  margin-bottom: 16px; }
  .own-feedback .feedback-list:hover {
    box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08);
    border: 1px solid transparent; }

.own-feedback .feedback-option {
  padding: 0 0 0 24px; }

.modal-body .session-list.feedback .session-text h4 {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: "nunitoregular", Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, -apple-system, BlinkMacSystemFont;
  font-weight: 600; }

.modal-body .session-list.feedback .box-list {
  padding: 8px 16px;
  border: 1px solid #F1F1F7;
  border-radius: 8px; }

.modal-body .session-list.feedback .list-inline .session-text {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #F1F1F7; }

.comment-title {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  border-bottom: 1px solid #F1F1F7;
  transition: all .5s ease-in-out; }

.comment-top {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center; }
  .comment-top img {
    width: 45px;
    height: 45px;
    -o-object-position: top;
       object-position: top;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%; }
  .comment-top .comment-people {
    font-size: 12px;
    color: #909090; }
    .comment-top .comment-people img {
      display: inline-block;
      vertical-align: middle;
      margin-right: 16px; }
  .comment-top .comment-date button {
    display: block;
    padding: 5px 0; }

.comment-text {
  margin: 16px 0; }
  .comment-text p {
    font-size: 14px; }

.inner-reply {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 24px; }
  .inner-reply .left-reply {
    padding-left: 64px;
    padding-right: 24px; }
    .inner-reply .left-reply img {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .inner-reply .right-reply {
    flex: 1; }

.reply-box {
  display: none; }
  .reply-box.on-top {
    display: block;
    background: #f9f9f9;
    padding: 16px;
    margin-top: 24px;
    transition: all .5s ease-in-out;
    border: 1px solid #F1F1F7;
    box-shadow: none; }
    .reply-box.on-top:hover {
      background: #fff;
      border: 1px solid transparent;
      box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08); }
    .reply-box.on-top .inner-reply {
      margin-top: 0; }

.comment-box {
  margin-bottom: 16px; }
  .comment-box.active .reply-box {
    display: block; }

/* end feedback style */
/* grid article */
.side-grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch; }
  .side-grid .side-list {
    width: calc(100% / 2 - 4px);
    margin-bottom: 8px; }
    .side-grid .side-list .side-thumbnail,
    .side-grid .side-list .side-content-text {
      display: block; }
    .side-grid .side-list .side-thumbnail {
      margin-left: 0;
      width: 100%;
      height: auto;
      margin-bottom: 10px; }
      .side-grid .side-list .side-thumbnail.is-video:before {
        font-size: 24px;
        width: 36px;
        height: 36px;
        line-height: 36px; }
      .side-grid .side-list .side-thumbnail img {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 145px;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: top;
           object-position: top; }
    .side-grid .side-list .side-content-text h4 {
      font-size: 16px;
      margin-bottom: 0; }

.new-article .article-sidebar {
  flex: 0 0 calc(100% - 70%); }

.tooltip.show .tooltip-inner {
  border: none;
  color: #fff;
  font-size: 13px;
  border-radius: 2px;
  background: #f4565e; }

.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #f4565e; }

.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #f4565e; }

.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #f4565e; }

.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #f4565e; }

.tooltip-inner {
  padding: 5px 10px; }

/* end grid article */
.card-notes.has-five .card {
  width: calc(100% / 5 - 24px); }

.card-notes.has-three .card {
  width: calc(100% / 3 - 24px); }

.task-list.has-five .card {
  width: calc(100% / 5 - 16px); }

.task-list.has-three .card {
  width: calc(100% / 3 - 16px); }

.task-list.has-six .card {
  width: calc(100% / 6 - 16px); }

.pad-l-24 {
  padding-left: 24px; }

.container.reset.pad-l-24 {
  padding-left: 24px; }

/* new update sidebar */
.side-nav .side-bottom {
  background: #1F2634; }

.left-side .side-nav {
  justify-content: flex-start; }

@media (min-width: 1024px) {
  .side-nav .left-nav {
    max-height: 77%;
    overflow: auto; } }

.media-card p {
  word-break: break-word; }

.mid-right .small-tab .list-title h4 {
  height: 24px; }

.modal-open .ui-timepicker-standard,
.modal-open .date-picker-wrapper {
  z-index: 9999 !important; }

.modal-open .date-picker-wrapper {
  z-index: 1151 !important; }

/* scroll profile */
.side-scroll {
  max-height: 225px; }

/* dashboard right */
.dash-right .vertical-block {
  position: relative; }

.dash-right .bottom-right {
  position: absolute;
  bottom: 0; }

.dash-right .mid-right .list-box {
  padding: 0; }

.dash-right .list-box .list-content {
  margin-bottom: 10px; }

.dash-right .mid-right .small-tab .list-title h4 {
  height: auto; }

.dash-right .fast-button {
  height: auto; }
  .dash-right .fast-button i {
    display: none; }
  .dash-right .fast-button .btn.btn-clean {
    line-height: 28px; }

/* end dashboard right */
/* client dashboard update */
.main-dashboard.client {
  background: #FBFBFB; }
  .main-dashboard.client .top-inner-opt {
    border: none;
    background: transparent;
    font-size: 12px; }
    .main-dashboard.client .top-inner-opt button {
      font-size: 12px; }
  .main-dashboard.client .content {
    background: transparent !important; }
    .main-dashboard.client .content .container,
    .main-dashboard.client .content .container-fluid {
      padding-left: 0;
      padding-right: 0; }
  .main-dashboard.client .content-option .side-option {
    flex: 0 0 16%; }
    .main-dashboard.client .content-option .side-option .side-sub {
      width: 16%; }

.client-overview {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start; }
  .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: 24px;
    font-weight: 500; }
  .client-overview .client-left {
    flex: 1; }
  .client-overview .client-right {
    flex: 0 0 40.8%;
    margin-left: 24px; }

.inner-title.has-option h1 {
  font-size: 32px;
  color: #f4565e; }

.inner-title.has-option .btn.btn-outline {
  border: 1px solid #45a1fe;
  color: #45a1fe;
  box-shadow: none; }
  .inner-title.has-option .btn.btn-outline:hover, .inner-title.has-option .btn.btn-outline:focus {
    background: #45a1fe;
    color: #fff; }

.inner-title.has-option.reset {
  margin: 24px 0; }

.title-section {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center; }
  .title-section .btn.btn-outline {
    padding: 4px;
    box-shadow: none;
    min-width: inherit;
    border: 1px solid #909090;
    color: #909090;
    border-radius: 50%;
    width: 24px;
    height: 24px; }
    .title-section .btn.btn-outline i {
      font-size: 14px;
      line-height: normal; }
    .title-section .btn.btn-outline:hover, .title-section .btn.btn-outline:focus {
      background: #45a1fe;
      color: #fff; }

.session-card {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  background: #FFFFFF;
  border-radius: 2px;
  margin-bottom: 24px;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #f9f9f9; }
  .session-card .session-date-time,
  .session-card .session-number,
  .session-card .session-info,
  .session-card .session-status,
  .session-card .session-option {
    padding: 10px; }
  .session-card .session-status {
    width: 120px;
    text-align: left; }
  .session-card .session-number {
    background: #F4565E;
    border-radius: 2px 0 0 2px;
    color: #fff;
    font-weight: 500;
    line-height: 42px;
    padding: 10px 22px;
    min-width: 68px; }
  .session-card .session-date-time ul > li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 0; }
    .session-card .session-date-time ul > li:last-child {
      margin-right: 0; }
  .session-card .session-date-time p {
    margin-bottom: 0;
    font-weight: 500;
    color: #3a3a3a;
    font-size: 16px; }
  .session-card .session-date-time span {
    text-transform: uppercase;
    color: #909090;
    display: block;
    font-size: 12px;
    line-height: normal; }
  .session-card .session-info {
    font-size: 16px;
    font-weight: 500;
    color: #3a3a3a;
    flex: 0 0 44%; }
    .session-card .session-info span {
      display: block;
      font-size: 14px;
      color: #595959; }
  .session-card .session-option a {
    color: #909090; }
    .session-card .session-option a:hover {
      color: #45a1fe; }

.session-status i {
  font-size: 8px;
  display: inline-block;
  vertical-align: middle; }

.card-status.unscheduled {
  color: #f4565e; }

.card-status.scheduled {
  color: #45a1fe; }

.card-status.completed {
  color: #30b898; }

.client-notes {
  margin: 24px 0; }
  .client-notes .title-section a {
    color: #909090; }
    .client-notes .title-section a:hover {
      color: #45a1fe; }

.circle-count {
  background: rgba(48, 184, 150, 0.24);
  width: 48px;
  height: 48px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  position: relative; }
  .circle-count span {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #30b898; }

.notes-card .session-number {
  background: transparent;
  padding: 10px; }

.notes-card .session-card {
  justify-content: flex-start; }

.notes-card .session-date-time .small-title {
  text-transform: capitalize;
  font-weight: 300; }

.notes-card .session-date-time p {
  font-size: 14px;
  font-weight: 400;
  color: #595959; }

.notes-card .session-info {
  font-size: 14px;
  flex: 0 0 60%; }
  .notes-card .session-info span {
    font-weight: 300;
    color: #909090;
    font-size: 12px;
    line-height: normal; }

.mt-24 {
  margin-top: 24px; }

.box-client {
  background: #FFFFFF;
  padding: 24px;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #f9f9f9; }
  .box-client .title-section a {
    color: #909090; }
    .box-client .title-section a:hover {
      color: #45a1fe; }
  .box-client .dual-list {
    padding: 12px 0;
    border-bottom: 1px solid #F1F1F7; }
    .box-client .dual-list:nth-last-of-type(1) {
      border-bottom: none; }

.dual-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start; }
  .dual-list p {
    margin-bottom: 0;
    font-weight: 500;
    color: #3a3a3a; }
  .dual-list .small-title {
    text-transform: capitalize;
    font-weight: 300;
    color: #909090; }
  .dual-list .list-left {
    flex: 0 0 45%; }
    .dual-list .list-left p {
      color: #f4565e; }
  .dual-list .list-right {
    flex: 1; }

.feedback-name {
  color: #595959;
  font-weight: 500; }

.feedback-line {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding: 24px 0; }
  .feedback-line p {
    margin-bottom: 0; }
  .feedback-line .feedback-circle {
    width: 48px;
    height: 48px;
    background: #45a1fe;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    line-height: 48px;
    position: relative;
    z-index: 0; }
    .feedback-line .feedback-circle:after {
      content: '';
      width: 2px;
      height: 100%;
      background: #45a1fe;
      margin: auto;
      position: absolute;
      left: 0;
      right: 0;
      z-index: -1;
      bottom: -24px; }
    .feedback-line .feedback-circle:before {
      content: '';
      width: 2px;
      height: 100%;
      background: #45a1fe;
      margin: auto;
      position: absolute;
      left: 0;
      right: 0;
      z-index: -1;
      top: -32px; }
  .feedback-line .feedback-text {
    padding: 0 16px;
    flex: 0 0 60%; }
  .feedback-line .feedback-date {
    text-align: right;
    color: #909090;
    font-weight: 300;
    flex: 1; }
    .feedback-line .feedback-date span {
      display: block;
      color: #30b898;
      font-weight: 400; }

.timeline-box .feedback-line:nth-of-type(1) .feedback-circle:before {
  display: none; }

.timeline-box .feedback-line:nth-last-of-type(1) .feedback-circle:after {
  display: none; }

.client-overview {
  margin-bottom: 55px; }
  .client-overview .title-section h2 {
    margin: 0 0 16px; }
  .client-overview .title-section a {
    color: #909090;
    margin-bottom: 16px; }
    .client-overview .title-section a:hover {
      color: #45a1fe; }

.box-information .tab-content {
  min-height: 280px; }

.nav.nav-lined {
  position: relative; }
  .nav.nav-lined .tab-add {
    position: absolute;
    right: 0; }

.tab-add .btn.btn-outline {
  border: 1px solid #45a1fe;
  color: #45a1fe;
  padding: 8px 16px;
  box-shadow: none; }
  .tab-add .btn.btn-outline:after {
    display: none; }
  .tab-add .btn.btn-outline:hover, .tab-add .btn.btn-outline:focus {
    background: #45a1fe;
    color: #fff; }
    .tab-add .btn.btn-outline:hover:after, .tab-add .btn.btn-outline:focus:after {
      display: none; }

.title-section .btn.btn-outline,
.title-section .btn.btn-default {
  margin-bottom: 16px;
  border-radius: 55px; }

.box-client {
  border-radius: 2px; }

.title-section .btn.btn-default {
  background: #fff;
  border: 1px solid #45a1fe;
  color: #45a1fe;
  box-shadow: none;
  padding: 8px 16px;
  font-weight: 500; }
  .title-section .btn.btn-default:hover, .title-section .btn.btn-default:focus {
    background: #45a1fe;
    color: #fff; }

.box-information .tab-add .btn.btn-outline {
  border-radius: 55px; }

.client-overview.for-session .client-right {
  flex: 0 0 32%; }

.overview-box {
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #f9f9f9;
  border-radius: 2px;
  background: #fff; }

.section-overview .title-section {
  padding: 16px 24px 12px;
  position: relative; }
  .section-overview .title-section h3 {
    margin: 0; }
  .section-overview .title-section .btn.btn-outline,
  .section-overview .title-section .btn.btn-default,
  .section-overview .title-section .btn.btn-clean {
    margin-bottom: 0;
    width: auto;
    border-radius: 2px; }

.section-overview.next {
  margin: 0 0 24px;
  position: relative;
  border-top: 1px solid #F1F1F7; }
  .section-overview.next:before {
    content: '';
    height: 3px;
    width: 10%;
    background: #f4565e;
    top: -1px;
    left: 0;
    position: absolute; }
  .section-overview.next .title-section h3 {
    font-size: 18px;
    color: #f4565e; }
  .section-overview.next .title-section .btn.btn-outline {
    border-radius: 55px;
    width: 28px;
    height: 28px;
    padding: 2px;
    border: 1px solid #45a1fe;
    color: #45a1fe; }
    .section-overview.next .title-section .btn.btn-outline i {
      font-size: 14px;
      line-height: 22px; }
    .section-overview.next .title-section .btn.btn-outline:hover, .section-overview.next .title-section .btn.btn-outline:focus {
      background: #45a1fe; }
      .section-overview.next .title-section .btn.btn-outline:hover i, .section-overview.next .title-section .btn.btn-outline:focus i {
        color: #fff; }

.title-badge {
  border-radius: 55px;
  background: #f4565e;
  font-size: 12px;
  padding: 8px 16px;
  color: #fff;
  font-weight: 500; }

.overview-box-entry {
  padding: 12px 24px; }
  .overview-box-entry .small-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    color: #b9b9b9; }

.sub-option {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding: 12px 24px;
  border: 1px solid #F1F1F7;
  margin: 10px 24px;
  border-radius: 2px;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #f9f9f9; }
  .sub-option .sub-item {
    margin-right: 16px; }
    .sub-option .sub-item i,
    .sub-option .sub-item p {
      display: inline-block;
      vertical-align: middle; }
    .sub-option .sub-item i {
      font-size: 18px;
      margin-right: 2px; }
    .sub-option .sub-item p {
      margin-bottom: 0; }

.sub-menu {
  padding: 16px 24px;
  background: #f4565e;
  color: #fff; }
  .sub-menu .btn.btn-outline {
    min-width: auto;
    padding: 8px 16px;
    border-radius: 2px;
    background: transparent;
    box-shadow: none;
    color: #fff;
    border-radius: 2px;
    border: 1px solid #fff;
    margin-right: 16px; }
    .sub-menu .btn.btn-outline:hover, .sub-menu .btn.btn-outline:focus {
      background: #fff;
      color: #f4565e; }

.overview-plan.list-grid-wrap.list {
  margin: 16px 24px; }
  .overview-plan.list-grid-wrap.list .list-entry {
    box-shadow: none;
    background: #fff;
    border: 1px solid #F1F1F7;
    position: relative;
    transition: all .5s ease-in-out;
    overflow: hidden;
    margin-bottom: 0; }
    .overview-plan.list-grid-wrap.list .list-entry .list-option {
      background: transparent;
      visibility: hidden;
      position: absolute;
      width: 100%;
      height: 0;
      top: 0;
      display: none;
      transition: all .5s ease-in-out;
      -webkit-transform: translateY(-100);
              transform: translateY(-100); }
      .overview-plan.list-grid-wrap.list .list-entry .list-option .button-center {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        height: 100%; }
        .overview-plan.list-grid-wrap.list .list-entry .list-option .button-center .btn.btn-default {
          margin-right: 16px; }
          .overview-plan.list-grid-wrap.list .list-entry .list-option .button-center .btn.btn-default:nth-of-type(1) {
            border: 1px solid #45a1fe;
            color: #45a1fe;
            background: #fff;
            box-shadow: none; }
            .overview-plan.list-grid-wrap.list .list-entry .list-option .button-center .btn.btn-default:nth-of-type(1):hover, .overview-plan.list-grid-wrap.list .list-entry .list-option .button-center .btn.btn-default:nth-of-type(1):focus {
              background: #45a1fe;
              color: #fff; }
    .overview-plan.list-grid-wrap.list .list-entry:hover .list-option {
      background: rgba(255, 255, 255, 0.85);
      visibility: visible;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      height: 100%;
      width: 100%;
      display: block; }
  .overview-plan.list-grid-wrap.list .list-entry .list-inner .list-description {
    flex: 0 0 48%;
    align-self: center; }
    .overview-plan.list-grid-wrap.list .list-entry .list-inner .list-description h4 {
      font-weight: 500; }
      .overview-plan.list-grid-wrap.list .list-entry .list-inner .list-description h4 a {
        color: #3a3a3a; }
        .overview-plan.list-grid-wrap.list .list-entry .list-inner .list-description h4 a:hover {
          color: #1a89fd; }
  .overview-plan.list-grid-wrap.list .list-entry .list-inner .list-plan {
    flex: initial; }

.section-overview.next .title-section .btn.btn-outline.default {
  width: auto;
  height: auto;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  border-radius: 4px; }
  .section-overview.next .title-section .btn.btn-outline.default:hover, .section-overview.next .title-section .btn.btn-outline.default:focus {
    color: #fff; }

.overview-note {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  margin: 16px 24px; }
  .overview-note .note-bottom {
    padding: 0 16px; }
    .overview-note .note-bottom p {
      margin-bottom: 16px; }
  .overview-note .note-mid {
    padding: 0 16px;
    margin-bottom: 8px; }
    .overview-note .note-mid .small-title {
      font-size: 12px;
      color: #909090;
      font-weight: 300; }
  .overview-note .note-card {
    width: calc(100% / 2 - 16px);
    margin: 0 16px 16px 0;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
    border: 1px solid #f9f9f9;
    border: 1px solid #F1F1F7;
    border-radius: 2px; }
    .overview-note .note-card .note-title:before {
      display: none; }
    .overview-note .note-card .note-title {
      min-height: auto; }
      .overview-note .note-card .note-title p {
        padding: 0 16px; }
      .overview-note .note-card .note-title .card-item.dropdown {
        top: 16px;
        right: 16px;
        padding: 0;
        width: auto;
        height: auto; }
        .overview-note .note-card .note-title .card-item.dropdown button.nav-link {
          padding: 0; }
          .overview-note .note-card .note-title .card-item.dropdown button.nav-link i {
            color: #909090; }
          .overview-note .note-card .note-title .card-item.dropdown button.nav-link:hover {
            color: #1a89fd; }
    .overview-note .note-card .note-title h3 {
      margin: 0;
      padding: 16px 16px 8px;
      font-size: 16px;
      line-height: 1.3;
      height: auto;
      overflow: hidden; }
      .overview-note .note-card .note-title h3 a {
        color: #3a3a3a; }
        .overview-note .note-card .note-title h3 a:hover {
          color: #45a1fe; }

.sublist .overview-plan.list-grid-wrap.list:nth-child(2n+2) .list-entry {
  background: rgba(235, 245, 255, 0.14); }

.section-overview .comment-content {
  margin: 16px 24px;
  border: 1px solid #F1F1F7;
  border-radius: 2px;
  padding: 16px; }

.section-overview.next .comment-overview .title-section h3 {
  font-size: 18px;
  color: #3a3a3a; }

.comment-overview .title-section h3 {
  font-size: 18px;
  color: #3a3a3a; }

.comment-overview .comment-entry {
  padding: 0; }

.comment-overview .comment-option .btn.btn-clean, .comment-overview .comment-option button {
  padding: 0 8px; }

.section-overview.end {
  background: rgba(235, 245, 255, 0.14);
  padding: 24px;
  border-top: 1px solid #F1F1F7; }

.sub-option {
  background: #fff; }

.overview-box .section-overview:nth-of-type(1) {
  position: relative;
  z-index: 0; }
  .overview-box .section-overview:nth-of-type(1):after {
    content: '';
    width: 100%;
    height: 30%;
    background: rgba(235, 245, 255, 0.14);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  .overview-box .section-overview:nth-of-type(1) .title-section {
    padding: 24px 24px 16px; }

.section-option {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center; }
  .section-option .btn {
    margin-right: 16px; }
    .section-option .btn.btn-clean, .section-option .btn.btn-default {
      padding: 14px 28px;
      font-weight: 500; }
    .section-option .btn.btn-clean {
      opacity: .55;
      padding: 15px;
      margin-right: 0; }
      .section-option .btn.btn-clean:hover, .section-option .btn.btn-clean:focus {
        opacity: 1;
        color: #1a89fd; }
    .section-option .btn:nth-last-of-type(1) {
      margin-right: 0; }

.box-activity {
  background: rgba(235, 245, 255, 0.075);
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #f9f9f9;
  border: 1px solid #F1F1F7;
  border-radius: 2px; }
  .box-activity .timeline-box .feedback-line {
    padding: 12px 24px; }
    .box-activity .timeline-box .feedback-line .feedback-text {
      padding: 0 8px;
      flex: 0 0 65%; }
  .box-activity .timeline-box .small-title {
    color: #909090;
    font-weight: 300; }
  .box-activity .timeline-box .feedback-circle {
    width: 28px;
    height: 28px;
    line-height: 28px;
    background: rgba(235, 245, 255, 0.14);
    border: 1px solid #45a1fe; }
    .box-activity .timeline-box .feedback-circle i {
      font-size: 10px;
      color: #45a1fe; }
  .box-activity .title-section {
    padding: 24px 24px 16px; }
    .box-activity .title-section h2 {
      margin-bottom: 0; }
      .box-activity .title-section h2 i {
        font-size: 30px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px; }
    .box-activity .title-section .btn.btn-default {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      min-width: inherit;
      background: transparent;
      padding: 0;
      margin-bottom: 0; }
      .box-activity .title-section .btn.btn-default i {
        font-size: 18px;
        text-align: center;
        display: block; }
      .box-activity .title-section .btn.btn-default:hover, .box-activity .title-section .btn.btn-default:focus {
        background: #45a1fe;
        color: #fff; }
        .box-activity .title-section .btn.btn-default:hover i, .box-activity .title-section .btn.btn-default:focus i {
          color: #fff;
          font-size: 16px; }

.sub-activity {
  background: #fff;
  border-radius: 55px;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #f9f9f9;
  border: 1px solid #45a1fe;
  margin: 16px 24px; }
  .sub-activity .btn.btn-clean {
    line-height: 22px; }
    .sub-activity .btn.btn-clean:hover, .sub-activity .btn.btn-clean:focus {
      color: #1a89fd;
      background: rgba(235, 245, 255, 0.14); }

.box-activity .timeline-box .feedback-circle {
  background: #F9FBFC; }

.time-link {
  transition: all .5s ease-in-out;
  background: transparent;
  display: block;
  position: relative;
  z-index: 0; }
  .time-link:hover {
    background: #fff; }
  .time-link:after {
    content: '';
    height: 100%;
    width: 1px;
    background: rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0;
    left: 37px;
    margin: auto;
    z-index: -1; }

.timeline-box .time-link:nth-of-type(1):after {
  height: 50%;
  top: 50%; }

.timeline-box .time-link:nth-last-of-type(1):after {
  height: 50%;
  bottom: 50%; }

.time-link.session .feedback-circle i {
  color: #f4565e; }

.time-link.plan .feedback-circle i {
  color: #30b898; }

.time-link.note .feedback-circle i {
  color: #ffd136; }

.box-activity .timeline-box .feedback-circle {
  border: 1px solid rgba(0, 0, 0, 0.15); }

.progress .progress-bar.progress-bar-success {
  background: #30b898; }

.client-overview.for-plan .client-right {
  flex: 0 0 32%; }

.client-overview.for-plan .list-grid-wrap.list .list-entry .list-inner .list-plan {
  flex: 0 0 25%; }

.client-overview.for-plan .list-grid-wrap.list .list-entry .list-inner .list-description {
  flex: 0 0 35%; }

.client-overview.for-plan .list-entry {
  border-radius: 2px;
  margin-bottom: 24px; }
  .client-overview.for-plan .list-entry:hover {
    border: 1px solid transparent;
    background: rgba(235, 245, 255, 0.14); }
  .client-overview.for-plan .list-entry .nav-link.has-item {
    padding: 0; }
  .client-overview.for-plan .list-entry .dropdown-menu .btn.btn-clean {
    display: block;
    padding: 8px;
    text-align: left;
    min-width: inherit; }

.box-client .icon-chat {
  font-size: 20px; }

.client-overview.for-plan .box-client .feedback-line {
  padding: 15px 0; }

.client-overview.for-note .list-grid-wrap.list .list-entry.note .list-inner .list-description {
  flex: 0 0 25%; }

.client-overview.for-note .list-grid-wrap.list .list-entry .list-inner .list-plan {
  flex: 0 0 45%; }

.client-overview.for-note .list-grid-wrap.list .list-entry .list-inner h4 .span.small-text {
  margin-bottom: 4px; }

.client-overview.for-note .list-grid-wrap .list-entry .list-inner h4 a {
  color: #3a3a3a; }
  .client-overview.for-note .list-grid-wrap .list-entry .list-inner h4 a:hover {
    color: #1a89fd; }

.client-overview.for-note .list-entry {
  border: 1px solid #F1F1F7; }

.client-overview.for-note .list-grid-wrap.grid .list-entry {
  width: calc(100% / 2 - 8px);
  margin-right: 0;
  position: relative; }

.client-overview.for-note .list-grid-wrap.grid .list-action {
  position: absolute;
  top: 16px;
  right: 16px; }

.box-notes .list-grid-wrap.grid {
  justify-content: space-between; }

.box-notes .title-section {
  align-items: center;
  margin: 16px 0; }
  .box-notes .title-section .btn.btn-default {
    margin-bottom: 0;
    margin-left: 16px;
    border-radius: 2px; }

.client-overview .list-grid-wrap.list .list-entry:hover,
.client-overview .list-grid-wrap.grid .list-entry:hover {
  border: 1px solid #45a1fe; }

.client-overview .page-pagination {
  margin: 16px 0 24px; }

.list-entry.note .small-title {
  margin-bottom: 4px; }

.list-entry.note .list-inner .list-description {
  flex: 0 0 25%;
  align-self: flex-start; }

.list-entry.note .list-inner .list-attach,
.list-entry.note .list-inner .list-date {
  align-self: flex-start; }

.list-entry.note .list-inner .list-plan {
  flex: 0 0 45%; }

.list-entry.note .list-inner button.nav-link {
  padding: 0; }
  .list-entry.note .list-inner button.nav-link i {
    color: #909090; }

.list-entry.note .dropdown-menu {
  min-width: 110px; }
  .list-entry.note .dropdown-menu .btn.btn-clean {
    display: block;
    text-align: left;
    max-width: 100%;
    min-width: inherit; }

.client-overview.for-note .client-right {
  flex: 0 0 32%; }

.box-coach-info .title-section {
  background: rgba(235, 245, 255, 0.075);
  padding: 24px;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #f9f9f9;
  border-radius: 2px;
  margin-bottom: 24px;
  border: 1px solid #F1F1F7; }
  .box-coach-info .title-section h2 {
    margin-bottom: 0; }

.side-coach-info span {
  display: block;
  font-size: 12px;
  color: #909090;
  font-weight: 300; }

.coach-info-entry {
  background: rgba(235, 245, 255, 0.075);
  padding: 24px;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #f9f9f9;
  border-radius: 2px;
  border: 1px solid #F1F1F7; }

.client-overview.for-plan .list-grid-wrap.list .list-entry .list-inner .list-description {
  align-self: center; }

.client-overview.for-plan .list-grid-wrap.list .list-entry {
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #f9f9f9;
  border: 1px solid #F1F1F7;
  border-radius: 2px; }
  .client-overview.for-plan .list-grid-wrap.list .list-entry .list-inner {
    justify-content: flex-start; }
    .client-overview.for-plan .list-grid-wrap.list .list-entry .list-inner .list-plan {
      flex: 0 0 34%; }
    .client-overview.for-plan .list-grid-wrap.list .list-entry .list-inner .list-description {
      flex: 0 0 30%; }
    .client-overview.for-plan .list-grid-wrap.list .list-entry .list-inner .list-progress,
    .client-overview.for-plan .list-grid-wrap.list .list-entry .list-inner .list-reaction,
    .client-overview.for-plan .list-grid-wrap.list .list-entry .list-inner .list-status {
      padding: 0 8px; }
  .client-overview.for-plan .list-grid-wrap.list .list-entry h4 a {
    color: #3a3a3a; }
    .client-overview.for-plan .list-grid-wrap.list .list-entry h4 a:hover {
      color: #1a89fd; }

.client-overview.for-plan .list-grid-wrap.grid {
  justify-content: space-between; }
  .client-overview.for-plan .list-grid-wrap.grid .list-entry {
    position: relative;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
    border: 1px solid #f9f9f9;
    border: 1px solid #F1F1F7;
    border-radius: 2px;
    width: calc(100% / 2 - 8px);
    margin-right: 0;
    margin-bottom: 16px; }
    .client-overview.for-plan .list-grid-wrap.grid .list-entry:hover {
      border: 1px solid #45a1fe;
      background: rgba(235, 245, 255, 0.14); }
    .client-overview.for-plan .list-grid-wrap.grid .list-entry h4 a {
      color: #3a3a3a; }
      .client-overview.for-plan .list-grid-wrap.grid .list-entry h4 a:hover {
        color: #1a89fd; }
    .client-overview.for-plan .list-grid-wrap.grid .list-entry .list-inner .list-reaction,
    .client-overview.for-plan .list-grid-wrap.grid .list-entry .list-inner .list-status {
      display: inline-block;
      vertical-align: middle; }
    .client-overview.for-plan .list-grid-wrap.grid .list-entry .list-action {
      position: absolute;
      top: 16px;
      right: 16px; }
      .client-overview.for-plan .list-grid-wrap.grid .list-entry .list-action i {
        color: #909090; }

.client-overview .client-left .nav-option .btn.btn-clean {
  line-height: normal; }
  .client-overview .client-left .nav-option .btn.btn-clean:nth-of-type(2) {
    font-size: 16px; }

.overview-box {
  border: 1px solid #F1F1F7;
  border-radius: 2px; }

.section-overview.end .comment-overview .title-section h3 {
  font-size: 18px; }

.section-overview.end .comment-overview .title-section .btn.btn-outline {
  background: #fff;
  color: #45a1fe;
  border: 1px solid #45a1fe;
  border-radius: 2px;
  padding: 8px 16px;
  line-height: normal;
  height: auto; }
  .section-overview.end .comment-overview .title-section .btn.btn-outline:hover, .section-overview.end .comment-overview .title-section .btn.btn-outline:focus {
    background: #1a89fd;
    color: #fff;
    border: 1px solid #1a89fd; }

.select-session {
  display: none; }
  .select-session.first {
    display: block; }

.overview-media {
  background: transparent;
  padding: 24px 0 24px 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch; }
  .overview-media .up-media {
    background: #fff;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.03);
    border: 1px solid #f9f9f9;
    transition: all .5s ease-in-out;
    border-radius: 2px;
    border: 1px solid #F1F1F7;
    width: calc(100% / 3 - 24px);
    margin-right: 24px;
    margin-bottom: 24px; }
  .overview-media .media-box {
    position: relative; }
    .overview-media .media-box img {
      max-width: 100%;
      height: auto; }
    .overview-media .media-box .btn.btn-circle {
      position: absolute;
      top: -8px;
      right: -8px;
      border-radius: 50%;
      background: #fff;
      border: 2px solid #F1F1F7;
      width: 28px;
      height: 28px;
      color: #45a1fe;
      padding: 0;
      min-width: inherit; }
      .overview-media .media-box .btn.btn-circle:hover {
        background: #1a89fd;
        color: #fff; }

.modal .modal-dialog {
  margin-top: 0; }

.ui-timepicker-viewport a {
  transition: none; }

.session-card .session-number {
  padding: 16px 20px; }

.session-card .session-info {
  flex: 0 0 40%; }

.session-card .session-feedback i {
  color: #909090; }

.notes-card .session-info {
  flex: 0 0 54%; }

.notes-card .session-option {
  text-align: right; }

.notes-card .note-attachment.no-attachment i {
  visibility: hidden; }

.feedback-text .feedback-rate.jq-ry-container {
  margin-top: 8px; }

.modal-body .nav-tabs .nav-item .nav-link.active {
  color: #f4565e !important; }
  .modal-body .nav-tabs .nav-item .nav-link.active i {
    color: #f4565e; }
  .modal-body .nav-tabs .nav-item .nav-link.active:after {
    background: #f4565e; }

.modal-body .nav-tabs .nav-item .nav-link {
  color: #909090 !important;
  cursor: none; }
  .modal-body .nav-tabs .nav-item .nav-link .ripple-container {
    display: none; }

.modal-body .nav-tabs {
  padding: 0;
  margin: 0 0 24px; }
  .modal-body .nav-tabs li:first-child .nav-link {
    padding: 6px 12px 6px 0; }
  .modal-body .nav-tabs li:first-child .nav-link:after {
    display: none; }

.modal-body .nav-link {
  color: #909090; }

.modal-body .nav-tabs .nav-item .nav-link {
  padding: 6px 12px;
  font-size: 13px;
  position: relative;
  z-index: 0;
  background: #fff;
  margin-bottom: 0; }
  .modal-body .nav-tabs .nav-item .nav-link i {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle; }
  .modal-body .nav-tabs .nav-item .nav-link:after {
    content: '';
    width: 15%;
    left: 0;
    height: 1px;
    background: #909090;
    position: absolute;
    top: 45%;
    z-index: -1; }

.bottom-mob-client {
  display: none; }

.time-link.session .feedback-circle i {
  margin-top: -4px;
  display: inline-block;
  vertical-align: middle; }