:root {
  --primary-color: #1442ea;
  --primary-light: rgba(20, 66, 234, 0.08);
  --primary-dark: #0d2eb8;
  --success-color: #28a745;
  --warning-color: #ffc107;
  --danger-color: #dc3545;
  --info-color: #17a2b8;
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-600: #6c757d;
  --gray-800: #343a40;
  --gray-900: #212529;
  --border-radius: 12px;
  --box-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --box-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --box-shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.15);
  --transition-base: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@-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 Plus Jakarta Sans */
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/plus-jakarta-sans/PlusJakartaSans-Regular.woff2')
      format('woff2'),
    url('../fonts/plus-jakarta-sans/PlusJakartaSans-Regular.woff')
      format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/plus-jakarta-sans/PlusJakartaSans-Medium.woff2')
      format('woff2'),
    url('../fonts/plus-jakarta-sans/PlusJakartaSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/plus-jakarta-sans/PlusJakartaSans-Bold.woff2')
      format('woff2'),
    url('../fonts/plus-jakarta-sans/PlusJakartaSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@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: #1442ea;
  border: 1px solid #1442ea;
  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 #1442ea;
  color: #1442ea;
}
.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: 0.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: #1442ea;
}

.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: 0.5rem;
}
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1rem;
  margin-top: 0.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: #1442ea !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 0.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: #1442ea;
  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: #1442ea;
  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: #1442ea;
  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: #1442ea;
  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 {
  background: linear-gradient(
    135deg,
    var(--vise-primary) 0%,
    var(--vise-primary-dark) 100%
  ) !important;
  color: white !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(20, 66, 234, 0.25);
  font-weight: 600 !important;
  padding: 12px 24px !important;
}
.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: #1442ea;
  border: 1px solid transparent;
}
.btn.btn-outline:hover,
.btn.btn-outline:focus {
  color: #1442ea;
  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: #1442ea;
  border-left: 1px solid #f1f1f7;
}
.btn.btn-add:hover,
.btn.btn-add:focus {
  background: #1442ea;
  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: linear-gradient(
    135deg,
    var(--vise-primary, #1442ea) 0%,
    #0f34b8 100%
  );
  color: white;
  border: none;
  padding: 0.75rem 1.25rem;
  border-radius: 12px;
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
  margin: 0 auto;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background-color: transparent;
  border-color: #0f34b8;
  color: #0f34b8;
}

.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: #1442ea;
}
.modal .btn-group .btn.btn-outline.active {
  background: #1442ea;
  color: #fff;
  border-color: #1442ea;
}
.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: #1442ea;
  color: #fff;
  border-color: #1442ea;
}
.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: #1442ea;
}
.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: #1442ea;
}

.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 0.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: #fff;
}

.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: 10px 24px 10px;
}

.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 0.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: #1442ea;
  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: #1442ea;
}
.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: #1442ea;
}

.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: -0.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 0.15s ease-out, color 0.25s ease-out,
    background-color 0.15s ease-out, box-shadow 0.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: #1442ea;
  color: #fff;
  box-shadow: 0px 15px 75px rgba(139, 140, 185, 0.118178);
  border-color: #1442ea;
  z-index: 1;
}
.radio-custom .radio-btn input:focus + label {
  outline: dotted 1px transparent;
  outline-offset: 0.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: 0.75rem 0.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: #1442ea;
  font-size: 13px;
  font-weight: 300;
}

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

.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: 0.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: #1442ea;
  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 0.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 0.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: #1442ea;
}
.nav.nav-lined li a.active:after,
.nav.nav-lined li a:hover:after,
.nav.nav-lined li a.active:hover:after {
  background: #1442ea;
  -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 0.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: #1442ea;
    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;
  padding-top: 60px;
  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 0.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 0.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 0.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: #1442ea;
}
.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: #1442ea;
  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 0.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: #1442ea;
}
.dash-menu.on i {
  color: #1442ea;
}

.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: #1442ea;
  color: #fff;
  border: 1px solid #1442ea;
  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: #1442ea;
  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: #1442ea;
}
.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: #1442ea;
  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 #1442ea;
  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: #1442ea;
  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: #1442ea;
}

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

.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: #1442ea;
}

.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: #1442ea;
  color: #fff;
  transition: all 0.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: #1442ea;
  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: #1442ea;
}
.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 0.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 0.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: #1442ea;
  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: 0.85;
  position: absolute;
  z-index: -1;
}
.side-content.login:before {
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0.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: #1442ea;
  color: #fff;
  border: 1px solid #1442ea;
  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: #1442ea;
}
.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: #1442ea;
}

.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 0.5s ease-in-out;
  overflow: hidden;
  cursor: pointer;
  background: #1442ea;
}
.progress-card .btn.btn-default.btn-option {
  visibility: hidden;
  opacity: 0;
  transition: all 0.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 0.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 0.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 0.5s ease-in-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  height: 48px;
  background: #1442ea;
  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: #1442ea;
}

.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: #1442ea;
}

.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: #1442ea;
}

.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 0.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: #1442ea;
}
.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: #1442ea;
  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, #1442ea 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: #1442ea;
  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: #1442ea;
  color: #fff;
  border: 1px solid #1442ea;
}
.inner-title .title-option .btn.btn-default:hover,
.inner-title .title-option .btn.btn-default:focus {
  background: #fff;
  color: #1442ea;
  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: #1442ea;
}

.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: #1442ea;
  border: 1px solid #1442ea;
  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: #1442ea;
  box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08);
  border: 1px solid #1442ea;
}
.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: #1442ea;
  box-shadow: 0 16px 32px 0 rgba(0, 15, 30, 0.08);
  border: 1px solid #1442ea;
}
.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: #1442ea;
}
.card-title.has-back .btn.btn-clean.btn-back .ripple-container {
  display: none;
}
.card-title.has-back h3 {
  font-size: 18px;
  color: #1442ea;
}

.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: #1442ea;
}

.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: #1442ea;
  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: #1442ea;
}
.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: #1442ea;
}
.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: #1442ea;
  border: 1px solid #1442ea;
  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: #1442ea;
  border: 1px solid #1442ea;
}

.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: #1442ea;
  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 0.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: #1442ea;
  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: #1442ea;
}
.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: #1442ea;
}

.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 0.5s ease-in-out;
  transition: box-shadow 0.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 #1442ea;
  background: #fff;
  color: #1442ea;
}
.side-note-entry .card.clean.active h4 {
  color: #1442ea;
}
.side-note-entry .card.clean.active p {
  color: #1442ea;
}
.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: #1442ea;
}
.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: #1442ea;
  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 0.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 #1442ea;
}
.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 0.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 #1442ea;
}
.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: #1442ea;
  padding: 8px;
  color: #fff;
  min-width: 55px;
  border-radius: 6px;
}

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

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

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

.progress .progress-bar.progress-bar-danger {
  background: #1442ea;
}

.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: #1442ea;
}

.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 #1442ea;
  border-radius: 55px;
  color: #1442ea;
}
.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 0.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 0.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: #1442ea;
  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: #1442ea;
  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: #1442ea;
}
.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 0.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: #1442ea;
}

.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: #1442ea;
}

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: #1442ea;
  width: 8%;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.faq-entry .main-title h3 {
  color: #1442ea;
}

.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: #1442ea;
}

.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: #1442ea;
}

.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: #1442ea;
}
.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: #1442ea;
}
.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: #1442ea;
}

.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: #1442ea;
  border-color: #1442ea;
  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: #1442ea;
  color: #fff;
  border: 1px solid #1442ea;
}

.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: #1442ea;
}
.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 0.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: #1442ea;
}
.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: #1442ea;
}
.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 0.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: #1442ea;
  color: #fff;
  border: 1px solid #1442ea;
  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: #1442ea;
}
.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: #1442ea;
  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: #1442ea;
  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: #1442ea;
}

.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: #1442ea;
}
.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: #1442ea;
}
.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 0.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: #1442ea;
}

.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: #1442ea;
  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: #1442ea;
}
.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: #1442ea;
}
.category-messages .main-category a .badge.badge-default {
  background: #1442ea;
  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 0.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: #1442ea;
  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: #1442ea;
  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: #1442ea;
  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: #1442ea;
  margin: 0 0 16px;
  text-align: left;
  line-height: 1.3;
}

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

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

.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: #1442ea;
  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 0.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 0.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 0.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 0.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 0.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: #1442ea;
}

.tooltip.bs-tooltip-top .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^='top'] .arrow::before {
  border-top-color: #1442ea;
}

.tooltip.bs-tooltip-right .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^='right'] .arrow::before {
  border-right-color: #1442ea;
}

.tooltip.bs-tooltip-left .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^='left'] .arrow::before {
  border-left-color: #1442ea;
}

.tooltip.bs-tooltip-bottom .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^='bottom'] .arrow::before {
  border-bottom-color: #1442ea;
}

.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: #1442ea;
}

.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: #1442ea;
  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: #1442ea;
}

.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: #1442ea;
}
.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: #1442ea;
  top: -1px;
  left: 0;
  position: absolute;
}
.section-overview.next .title-section h3 {
  font-size: 18px;
  color: #1442ea;
}
.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: #1442ea;
  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: #1442ea;
  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: #1442ea;
}

.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 0.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 0.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: 0.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 0.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: #1442ea;
}

.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 0.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: #1442ea !important;
}
.modal-body .nav-tabs .nav-item .nav-link.active i {
  color: #1442ea;
}
.modal-body .nav-tabs .nav-item .nav-link.active:after {
  background: #1442ea;
}

.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;
}