/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.menu-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 1.6em;
  margin-right: 1em;
  width: 37px;
  position: relative; }
  .menu-icon .more-verticle {
    fill: #fff;
    transform: rotate(90deg);
    justify-self: flex-start;
    height: 19px;
    opacity: 1; }

.header-row img {
  width: 38px;
  margin-right: 1em; }

#root .mainHeader {
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  min-height: 50px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1);
  background: #444;
  color: #fff;
  z-index: 4;
  width: 100vw;
  top: 0;
  left: 0; }

.header-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  box-sizing: border-box;
  -ms-flex-pack: start;
      justify-content: flex-start;
  min-height: 50px;
  -ms-flex-align: center;
      align-items: center; }

.header-row .md-title {
  opacity: 1 !important;
  margin-left: .5em;
  margin-right: auto; }

/* tablet above Portrait */
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.side-nav {
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  overflow: hidden;
  pointer-events: none;
  z-index: 10; }
  .side-nav.right {
    top: 66px;
    bottom: 55px;
    z-index: 1; }
    .side-nav.right .side-nav__container {
      transform: translateX(110%);
      right: 0;
      left: auto;
      width: 300px; }
    .side-nav.right .side-nav__hide {
      right: auto;
      left: -32px;
      top: 8px; }
    .side-nav.right .side-nav__actual {
      width: auto; }

.side-nav__container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: auto;
  will-change: transform;
  transform: translateX(-98%); }

.side-nav__actual {
  position: relative;
  width: 90%;
  max-width: 300px;
  background: #fff;
  height: 100%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.side-nav--visible {
  pointer-events: auto; }

.side-nav::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  will-change: opacity;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1); }

.side-nav--animatable .side-nav__container {
  transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1); }

.side-nav--visible.side-nav--animatable .side-nav__container {
  transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1); }

.side-nav--visible::before {
  opacity: 1; }

.side-nav--visible .side-nav__container {
  transform: none !important; }

.side-nav__hide {
  position: absolute;
  right: -24px;
  top: 16px;
  background: none;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transform: rotate(0deg); }

.side-nav__hide.on {
  transform: rotate(90deg);
  transition: 1s transform; }

.side-nav__header {
  height: auto;
  background: #444;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  font-size: 24px;
  -ms-flex-align: center;
      align-items: center;
  font-weight: lighter;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative; }
  .side-nav__header .avatar {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    border: 4px solid #ff7043;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .side-nav__header .user-name {
    margin-top: 0.5em; }

.side-nav__content {
  padding-top: 32px;
  -ms-flex: 1;
      flex: 1;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  text-align: left; }
  .side-nav__content small {
    padding: 8px 16px 0 16px;
    display: block;
    text-align: left;
    opacity: 0.5; }
  .side-nav__content hr {
    margin: 0;
    opacity: 0.5; }
  .side-nav__content .search-box {
    background-color: #f57c00; }
    .side-nav__content .search-box__input input[type="search"] {
      border: 1px solid #eee;
      border-radius: 2px;
      padding: .5em .5em; }
      .side-nav__content .search-box__input input[type="search"]:focus, .side-nav__content .search-box__input input[type="search"]:active {
        border: 1px solid #ffcc80; }
    .side-nav__content .search-box__search-icon {
      height: 16px;
      fill: #444;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      margin-right: 8px; }
    .side-nav__content .search-box__results {
      background-color: transparent;
      box-shadow: none;
      padding: 0; }
      .side-nav__content .search-box__results .result {
        border-bottom: 1px solid #ffcc80;
        margin: 0 -8px;
        height: auto; }
        .side-nav__content .search-box__results .result:hover {
          background-color: #ef6c00; }
        .side-nav__content .search-box__results .result a {
          color: #444;
          padding: 4px 8px; }

.side-nav__content ul {
  padding: 8px 0; }

.side-nav__content li {
  height: 36px;
  padding: 0 16px;
  line-height: 48px;
  text-align: left;
  cursor: pointer; }

.side-nav__content li:hover {
  background: #f5f5f5; }

.logout {
  color: #FFF;
  text-transform: uppercase;
  font-size: 0.5em;
  font-weight: bold;
  display: block;
  margin-top: 5px; }

.search-box__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: #eee; }

.search-box__input {
  width: 100%; }

.sideContact {
  text-align: center !important;
  background: #eee;
  padding: 1em 0;
  margin-top: 0.5em; }
  .sideContact h3 {
    font-size: 1.2em !important;
    line-height: 1em !important;
    margin-top: 0em !important; }
  .sideContact ul {
    padding: 0; }
    .sideContact ul li {
      height: auto;
      line-height: 1em;
      padding: 0.2em;
      text-align: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .sideContact ul li a {
        color: #999; }
  .sideContact img {
    width: 1.2em;
    margin-right: 0.4em; }

.side-nav__content a {
  color: #333; }

.side-nav__content .search-box__content {
  margin: 0; }

.side-nav__content .search-box__input input[type="search"] {
  border: 0; }
  .side-nav__content .search-box__input input[type="search"]:active, .side-nav__content .search-box__input input[type="search"]:focus {
    outline: 0;
    border: 0; }

/* desktops */
@media screen and (min-width: 800px) {
  .-js-menu-hide {
    display: none; }
  .-side-nav__container {
    pointer-events: none;
    transform: translateX(0%); }
  .-side-nav__actual {
    pointer-events: auto; } }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.menu-bar {
  position: fixed;
  bottom: 0;
  height: 56px;
  -ms-flex: 0 0 56px;
      flex: 0 0 56px;
  width: 100%;
  background-color: #444;
  box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.1), 0 -3px 6px rgba(0, 0, 0, 0.15);
  z-index: 9;
  display: block; }
  .menu-bar > div {
    position: relative;
    display: inline-block;
    height: 56px;
    width: 56px;
    margin: 0 4px;
    text-align: center;
    overflow: hidden; }
    .menu-bar > div a {
      color: #fff; }
    .menu-bar > div label {
      bottom: 8px;
      position: absolute;
      font-size: 10px;
      width: 100%;
      left: 0;
      color: #fff; }
    .menu-bar > div:before {
      border-radius: 50%;
      content: ' ';
      background: #000;
      opacity: 0;
      z-index: -1;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transition: 0.25s;
      transform: scale(0); }
    .menu-bar > div:active:before {
      transform: scale(1.5);
      opacity: 0.1; }
    .menu-bar > div img {
      margin-top: -7px;
      width: 50px;
      height: 50px; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  background: #444;
  color: #fff;
  padding: .7em .4em;
  min-height: 48px;
  z-index: 50;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1); }
  .modal-header .close {
    width: 40px;
    z-index: 100; }
  .modal-header .avatar {
    width: 40px;
    height: 40px;
    margin: 4px;
    border: 2px solid #ff7043; }

.modal-wrapper {
  pointer-events: none; }
  .modal-wrapper .modal {
    border-radius: 2px;
    background: #fff;
    min-height: 200px;
    min-width: 300px;
    z-index: 102;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    position: relative;
    transform: scale(0);
    transition: transform 0.25s ease-out, opacity 0.3s ease-out;
    -ms-flex-direction: column;
        flex-direction: column; }
    .modal-wrapper .modal.fullscreen {
      position: absolute;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      border-radius: 0; }
    .modal-wrapper .modal .modal-fill {
      border-radius: inherit;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
      .modal-wrapper .modal .modal-fill.scroll .modal-content {
        overflow: auto;
        transform: translateZ(0); }
    .modal-wrapper .modal .modal-content {
      padding: 16px;
      -ms-flex: 1 100%;
          flex: 1 100%;
      text-align: left;
      padding-bottom: 18em; }
    .modal-wrapper .modal .modal-footer {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      padding: 1.5em 1em;
      -ms-flex-align: center;
          align-items: center; }
    .modal-wrapper .modal .modal-title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      border-radius: 2px 2px 0 0;
      padding: 8px;
      text-align: center; }
      .modal-wrapper .modal .modal-title > div:first-child {
        -ms-flex: 1;
            flex: 1; }
  .modal-wrapper.open {
    pointer-events: all; }
    .modal-wrapper.open .modal {
      opacity: 1;
      transform: scale(1); }

/* tablet above Portrait */
#sessionModal .datePicker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 1em;
  position: relative;
  z-index: 1000; }
  #sessionModal .datePicker label span {
    font-size: inherit; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.play-cover {
  background: rgba(0, 0, 0, 0.3);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.video-grid {
  padding: 4px; }
  .video-grid > div {
    padding: 4px;
    box-sizing: border-box;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .video-grid.thumb > div {
    width: 20%;
    -ms-flex: 0 0 120px;
        flex: 0 0 120px; }

.min-video {
  height: 11em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .min-video .description {
    display: none; }

.video-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  -ms-flex-direction: row;
      flex-direction: row; }
  .video-row .small.description {
    max-height: 1em;
    overflow: hidden; }
  .video-row .fill {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%; }
  .video-row iframe {
    width: 80px;
    height: 80px; }

.video-card .card-content {
  padding-top: 8px; }

.fullscreen .video-player {
  position: absolute;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: #fff;
  text-align: left;
  -ms-flex-positive: 1;
      flex-grow: 1; }
  .fullscreen .video-player .video-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-positive: 1;
        flex-grow: 1; }
    .fullscreen .video-player .video-card iframe {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-positive: 1;
          flex-grow: 1;
      width: 100%; }

.video-area {
  overflow: auto;
  -ms-flex-positive: 1;
      flex-grow: 1; }

.action-area {
  -ms-flex-positive: 1;
      flex-grow: 1;
  z-index: 2;
  background: #fff;
  width: 100%;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
  padding: 8px;
  -ms-flex-pack: start;
      justify-content: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center; }
  .action-area .toggle-done {
    width: 4em; }
  .action-area > div {
    -ms-flex-direction: column;
        flex-direction: column;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  .action-area.dark {
    background-color: #424242;
    color: #fff; }
    .action-area.dark a {
      color: #bdbdbd; }
  .action-area .md-checkbox-circle {
    height: 56px;
    width: 56px;
    margin-right: 8px; }

@media all and (orientation: landscape) {
  .fullscreen .\--video-player {
    -ms-flex-direction: row;
        flex-direction: row; }
  .\--action-area {
    width: 40%;
    height: 100%; }
    .\--action-area > div {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          -ms-grid-row-align: center;
          align-items: center; }
  .\--video-area {
    height: 100%; } }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.comment {
  background: #f5f5f5;
  border-radius: 4px;
  margin: 8px 20% 16px 0;
  padding: 8px;
  position: relative; }
  .comment.image {
    margin: 8px 0 !important;
    padding: 0;
    background: transparent !important; }
    .comment.image:after {
      border-left: 8px solid transparent !important;
      border-right: 8px solid transparent !important; }
  .comment:after {
    content: " ";
    position: absolute;
    bottom: -6px;
    left: 0;
    right: auto;
    height: 0px;
    width: 0px;
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid #f5f5f5;
    border-bottom: 8px solid transparent; }
  .comment .md-caption {
    padding: 8px 0; }
  .comment.own {
    margin: 8px 0 16px 20%;
    background: #cfd8dc; }
    .comment.own:after {
      right: 0px;
      left: auto;
      border-right: 8px solid #cfd8dc;
      border-left: 8px solid transparent; }

.comments-inputs {
  position: relative;
  box-sizing: border-box;
  min-height: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding: 4px;
  width: 100%;
  background-color: #fff; }
  .comments-inputs textarea {
    display: block;
    resize: none;
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    height: 48px;
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 4px;
    padding-top: 13px;
    box-sizing: border-box;
    overflow: visible; }
    .comments-inputs textarea::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      overflow: visible; }
    .comments-inputs textarea::-moz-placeholder {
      /* Firefox 19+ */
      overflow: visible; }
    .comments-inputs textarea:-ms-input-placeholder {
      /* IE 10+ */
      overflow: visible; }
    .comments-inputs textarea:-moz-placeholder {
      /* Firefox 18- */
      overflow: visible; }
  .comments-inputs button {
    border-radius: 0;
    background: #fff;
    border: none;
    height: 48px;
    color: #546e7a;
    text-transform: none !important; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.uploader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 8px; }
  .uploader .progress .bar {
    text-align: right;
    font-size: 10px;
    padding: 4px;
    background-color: #ffb74d; }
  .uploader .upload-button {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: inline-block; }
    .uploader .upload-button img {
      opacity: 0.5; }
    .uploader .upload-button input[type="file"] {
      cursor: inherit;
      display: block;
      font-size: 999px;
      filter: alpha(opacity=0);
      min-height: 100%;
      min-width: 100%;
      opacity: 0;
      position: absolute;
      right: 0;
      text-align: right;
      top: 0; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.buttonify .category-container {
  margin: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  padding: 4px;
  background-color: #fafafa;
  transition: 0.25s all;
  border-bottom: 1px solid transparent; }
  .buttonify .category-container.active {
    background-color: #fff; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.avatar {
  height: 48px;
  width: 48px;
  background: #eeeeee;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.avatar-wrapper {
  position: relative;
  overflow: hidden;
  width: 56px;
  text-align: center; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.md-checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-right: 16px;
  /* position: relative; */
  height: 24px;
  cursor: pointer;
  opacity: 0.67; }
  .md-checkbox img {
    height: 100%; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.select-category {
  padding: 8px;
  cursor: pointer;
  border-bottom: 1px solid #eceff1; }

.therapy-category.editing {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.2); }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.md-checkbox-circle {
  display: inline-block;
  vertical-align: bottom;
  /* position: relative; */
  height: 24px;
  width: 24px;
  cursor: pointer;
  opacity: 0.67; }
  .md-checkbox-circle img {
    width: 100%;
    height: 100%; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.add-video {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #eeeeee;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  transition: transform 0.5s ease-in-out; }
  .add-video.open {
    transform: scale(80, 80);
    z-index: 0; }
    .add-video.open span {
      display: none; }

.select-videos.video-grid > div {
  min-height: 72px;
  -ms-flex: 1 1 100% !important;
      flex: 1 1 100% !important;
  min-width: 310px; }

.select-videos.open {
  display: -ms-flexbox;
  display: flex; }
  .select-videos.open .video {
    display: -ms-flexbox;
    display: flex;
    min-height: 72px; }

.select-videos .card {
  width: 100%; }

.select-videos .video-media {
  width: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.select-videos .video {
  display: none; }

.select-videos .active {
  display: -ms-flexbox;
  display: flex; }

@media only screen and (min-width: 800px) {
  .select-videos .video-grid > div {
    -ms-flex: 1 0 100%;
        flex: 1 0 100%; } }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 30px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}

.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: 0;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 25%;
  right: 7px;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\D7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 0px;
  text-align: center;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.toast-container {
  position: absolute;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  text-align: right; }

.toast {
  position: relative;
  pointer-events: all;
  text-align: left;
  padding-right: 16px;
  background: #616161;
  color: #fff;
  border-radius: 3px;
  min-width: 200px;
  padding: 8px 16px 8px 8px;
  margin: 8px;
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.25), 0 4px 10px rgba(0, 0, 0, 0.22);
  animation-name: toast-enter;
  animation-duration: 0.34s;
  z-index: 10; }
  .toast .close {
    width: 22px; }
  .toast p {
    line-height: 18px !important; }

@keyframes toast-enter {
  from {
    transform: translateY(-110%); }
  to {
    transform: translateY(0); } }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.left {
  float: left; }

.right {
  float: right; }

.shadow-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.3); }

.round-corners {
  border-radius: 4px !important; }

.shadow-2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1); }

.tippy-popper[x-placement^=bottom] [x-arrow] {
  border-bottom: 7px solid #ff7043 !important;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent; }

.tippy-popper[x-placement^=top] [x-arrow] {
  border-top: 7px solid #ff7043 !important;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent; }

.tippy-popper[x-placement^=left] [x-arrow] {
  border-left: 7px solid #ff7043 !important;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent; }

.tippy-tooltip {
  background: #ff7043 !important; }

button:focus {
  outline: 0; }

.overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  background: #000;
  transition: opacity 0.25s; }
  .overlay.open {
    opacity: 0.4;
    pointer-events: all; }

@media only screen and (max-width: 500px) {
  .truncate-mobile {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; } }

@media only screen and (max-width: 400px) {
  .truncate-mobile {
    max-width: 150px; } }

.well {
  background: #eceff1;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.3); }
  .well.md-list li {
    border-bottom: 1px solid #cfd8dc; }
    .well.md-list li:last-child {
      border-bottom: none; }

.quiet {
  opacity: 0.5; }

.primary_color {
  color: #e64a19; }

.search-box {
  width: 100%;
  max-width: 800px;
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.1) !important;
  transition: box-shadow 0.25s;
  border-radius: 0 0 4px 4px; }
  .search-box:hover {
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.25), 0 4px 10px rgba(0, 0, 0, 0.22); }
  .search-box__header {
    background-image: linear-gradient(90deg, #ff7043, #e64a19);
    color: #fff;
    padding: 8px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold; }
  .search-box__content {
    padding: 8px;
    border: 1px solid #666;
    background-color: #fff;
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .search-box__search-icon {
    height: 20px;
    fill: #666;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    -ms-flex-order: 2;
        order: 2;
    margin-right: 8px; }
  .search-box__input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .search-box__input input[type="search"] {
      width: 100%;
      padding: 4px 8px;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
      .search-box__input input[type="search"]:focus {
        outline: none; }
  .search-box__results {
    border-radius: 0 0 2px 2px;
    background-color: #eceff1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.3); }
    .search-box__results .result {
      position: relative;
      border-bottom: 1px solid #cfd8dc; }
      .search-box__results .result:hover {
        background-color: #cfd8dc; }
      .search-box__results .result a {
        display: block;
        width: 100%;
        padding: 8px;
        line-height: 2em;
        font-size: 14px; }

input[type="date"] {
  width: 10em; }

.form-field {
  padding: 8px 0; }
  .form-field label {
    font-size: 12px;
    font-weight: bold;
    line-height: 2em; }
  .form-field .md-input {
    border-radius: 2px;
    padding: 4px 8px;
    height: auto;
    width: 100%;
    max-width: calc(40*8px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.3); }
  .form-field textarea {
    min-height: 8em; }

.gallery .image-container {
  width: 200px;
  margin: 1px; }
  .gallery .image-container .shadow {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1); }

.svg-icon {
  opacity: 1;
  height: 34px; }
  .svg-icon path.color,
  .svg-icon polygon.color {
    fill: #546e7a; }
  .svg-icon.true path.color,
  .svg-icon.true polygon.color {
    fill: #e64a19; }

.assessment-content {
  background-color: #fff;
  margin: 0 1em !important; }

.add-patient-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .add-patient-icon span {
    top: 0;
    right: -16px;
    font-size: 30px !important;
    color: #546e7a;
    font-weight: bold; }
  .add-patient-icon svg {
    position: absolute;
    bottom: 0;
    left: -16px; }

.category-icon {
  height: 42px;
  vertical-align: bottom; }

.category-areas {
  padding-top: 8px; }

.scroll-h {
  overflow-x: auto; }

.assesmentCard .category-container span {
  color: #fff; }

.category-container {
  position: relative;
  margin-bottom: 16px;
  max-width: 85px;
  text-align: center;
  padding: 10px !important;
  min-height: 80px; }
  .category-container span {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px !important;
    text-align: center;
    line-height: 12px !important; }
  .category-container.active {
    border-bottom: 1px solid #ff7043; }
    .category-container.active:after {
      position: absolute;
      bottom: -5px;
      left: 50%;
      transform: translateX(-50%);
      border-top: 5px solid #ff7043;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      content: ' ';
      height: 0;
      width: 0; }

.down-arrow {
  transition: transform 0.25s ease-in-out; }
  .down-arrow.open {
    transform: rotate(180deg); }

.hide {
  display: none; }

.notification {
  position: absolute;
  top: -8px;
  right: 0;
  border-radius: 2px;
  background: red;
  height: 18px;
  width: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1); }

.center {
  text-align: center; }

.jumping-man-path {
  fill: #fff; }

.md-subhead {
  opacity: 1 !important;
  font-weight: bolder !important; }

.fancy-background {
  background-position: center;
  background-repeat: repeat;
  color: #fff; }
  .fancy-background .md-subhead,
  .fancy-background .md-title {
    opacity: 1 !important; }

.animate-opacity {
  transition: opacity 0.5s ease-in-out; }

.card-footer {
  border-radius: 0;
  padding: 16px 8px 16px 8px !important; }

.primary-shade0 {
  background-color: #ff8a65;
  color: #fff !important; }

.primary-shade1 {
  background-color: #ffb74d;
  color: #fff !important; }

.primary-shade2 {
  background-color: #ffe0b2; }

.primary-font-color0 {
  color: #ff8a65; }

.primary-font-color1 {
  color: #ffb74d; }

.primary-sfont-color2 {
  color: #ffe0b2; }

.backdrop {
  z-index: 102;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: fixed !important; }
  .backdrop:after {
    transition: opacity 1s ease-out;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: #000; }
  .backdrop.open {
    z-index: 101; }
    .backdrop.open:after {
      opacity: 0.8; }

.paddingless {
  padding: 0; }

.section.dark {
  background-color: #37474f; }
  .section.dark .md-subhead {
    color: #eeeeee; }

.row-thumb {
  width: 100px; }

.icon {
  height: 1em; }
  .icon img {
    height: 100%; }

table {
  border: none;
  padding: 0;
  border-collapse: collapse;
  width: 100%; }
  table td,
  table th {
    padding: 2px 8px;
    vertical-align: middle; }
  table.data th {
    font-size: 12px;
    border-right: 1px solid #e0e0e0; }
  table.data td {
    font-size: 14px; }
  table.border {
    border: 1px solid #e0e0e0; }
    table.border th {
      background: #e0e0e0; }
    table.border td {
      border: 1px solid #e0e0e0; }
      table.border td input,
      table.border td textarea {
        border-bottom: none; }

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  box-sizing: border-box; }
  .row.center {
    -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  .row .fill {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%; }

.fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  z-index: 100; }

.popup-wrapper.darken {
  background: rgba(0, 0, 0, 0.4);
  overflow: auto; }

.parent-patient-page .page-menu {
  margin-top: 4em; }

.page-menu {
  background: #eee;
  padding: 1rem 0.5rem;
  position: relative; }
  .page-menu .row {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .page-menu > .link:first-child {
    margin-right: 8px;
    border-right: 1px solid #bdbdbd; }
  .page-menu .patientPhoto {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%; }
  .page-menu .patientInfo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding-left: .5rem;
    margin-right: auto; }
    .page-menu .patientInfo p {
      margin: 0;
      line-height: 1.4 !important;
      font-weight: bold !important; }
    .page-menu .patientInfo small {
      line-height: 1.2; }
  .page-menu .patientButtons .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center; }
  .page-menu .patientButtons a:first-of-type {
    padding: 1em;
    margin-right: .2em;
    line-height: .9; }
  .page-menu .patientButtons .newAssesment {
    padding: 1em;
    margin-right: .2em;
    line-height: .9; }
  .page-menu .patientButtons a {
    display: inline-block;
    font-size: .6em !important;
    font-weight: bold;
    background-color: #666;
    padding: .6em 1em;
    border-radius: 5px;
    color: #fff;
    margin-top: 2px; }
    .page-menu .patientButtons a:hover {
      cursor: pointer; }
    .page-menu .patientButtons a img {
      width: 1.4em; }
    .page-menu .patientButtons a img.archiveSVG {
      width: 1.1em;
      fill: #fff; }
    .page-menu .patientButtons a img.unArchiveSVG {
      width: 1.5em; }

.patientViewButtons {
  display: -ms-flexbox;
  display: flex; }
  .patientViewButtons .patientViewDetails img {
    width: 1.62em !important; }
  .patientViewButtons img {
    width: 1.4em !important;
    margin-right: 1.2em; }
  .patientViewButtons img.archiveDarkSVG {
    width: 1.2em !important; }
  .patientViewButtons img.unArchiveDarkSVG {
    width: 1.5em !important; }

.filterCard {
  display: block; }

.addItem--wrapper {
  text-align: left;
  padding: 16px;
  background: #fff;
  transform: translateY(-100%);
  transition: 0.25s transform ease-out;
  position: absolute;
  left: 0;
  right: 0;
  box-sizing: border-box;
  z-index: 2; }
  .addItem--wrapper.open {
    transform: translateY(0%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.adminTherapyAreas .addItem--wrapper,
.adminTherapyCatogories .addItem--wrapper,
.adminVideos .addItem--wrapper {
  margin-top: 3.1em; }

.adminTherapyAreas .addItem--wrapper + div {
  transform: translateY(-200px); }

.termsAndConditions .page {
  margin-top: 3.1em; }

.shadow-0 {
  box-shadow: none; }

.avatar {
  border-radius: 50%;
  background-size: cover; }

.avatar.large {
  width: 72px;
  height: 72px; }

img.avatar {
  width: 48px;
  height: 48px; }

.corner-action {
  position: absolute;
  top: 4px;
  right: 4px; }

.link {
  cursor: pointer; }
  .link.active {
    color: #e64a19; }

.top-draw-handle {
  position: absolute;
  bottom: -80px;
  right: 8px; }

.addItem--wrapper.open .top-draw-handle {
  transform: translateY(-56px); }

.open-close {
  transition: transform 0.5s;
  transform: rotate(-45deg); }

.open-close.close {
  transform: rotate(0deg); }

.component-footer {
  background: #f5f5f5;
  border-top: 1px solid #eeeeee;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }

.md-input {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  height: 2em;
  padding: 0;
  background: transparent;
  outline: none;
  width: 100%;
  transition: 0.34s border-bottom;
  color: rgba(0, 0, 0, 0.87); }

.md-input:focus {
  border-bottom: 1px solid #ffb74d; }

textarea.multiple {
  min-height: 6em;
  display: block;
  min-width: 100%;
  box-sizing: border-box;
  border: none;
  padding: 4px;
  background-color: #f5f5f5;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset; }

textarea.md-input:focus {
  border-bottom: none; }

.md-button {
  background: #eeeeee;
  border: none;
  min-height: 36px;
  padding: 0 16px;
  border-radius: 2px;
  min-width: 64px;
  cursor: pointer; }
  .md-button.dark {
    background-color: #455a64;
    color: #fff; }
    .md-button.dark.active {
      background-color: #90a4ae; }
  .md-button.pill {
    border-radius: 16px;
    line-height: 36px;
    width: auto;
    text-transform: none !important; }
  .md-button:disabled {
    opacity: 0.5 !important; }
    .md-button:disabled:hover {
      background-color: auto !important; }

.md-button-fab {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1);
  line-height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 1;
  position: absolute; }
  .md-button-fab.dark {
    background: #444;
    color: #fff; }
  .md-button-fab.add {
    font-size: 45px;
    font-weight: 100; }

.fixedButton {
  position: fixed;
  bottom: 13%;
  right: 7%;
  z-index: 101;
  transition: all 0.5s;
  will-change: position, transform; }
  .fixedButton.scrolling {
    visibility: hidden;
    opacity: 0;
    transition: all 0.01s; }
  .fixedButton:hover {
    cursor: pointer; }
  .fixedButton .menu {
    position: absolute;
    display: block;
    background-color: #666;
    color: #fff;
    padding: .6em 1em;
    bottom: 50%;
    right: 50%;
    z-index: 0;
    width: 150px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1); }
    .fixedButton .menu a {
      display: block;
      color: #fff;
      font-size: .8em;
      text-transform: uppercase;
      line-height: 2.5; }

.md-button.md-transparent {
  background: transparent; }

.md-button.md-icon {
  padding: 0;
  min-width: auto;
  height: auto; }

.md-button.md-plain {
  background: none; }

.md-button.md-raised {
  border-radius: 30px;
  font-size: .6em !important;
  text-transform: uppercase !important;
  padding: 1.9em 0 !important;
  margin-bottom: 1.5em;
  position: relative;
  font-weight: bold; }
  .md-button.md-raised:active, .md-button.md-raised:focus {
    transform: scale(0.9); }

.md-button.md-primary {
  background: #ff7043;
  color: #fff; }

.md-button.md-primary:hover {
  background: #e64a19; }

.md-button.md-accent {
  background: #ffb74d;
  color: #fff; }

.md-button.md-accent:hover {
  background: #ffa726; }

label {
  opacity: 0.87;
  font-size: 0.8571rem; }

.fill {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%; }
  .fill.center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }

.scroll-x {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

.scroll-y {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.vibrant {
  opacity: 1 !important; }

.md-primary {
  color: #ff7043; }

.md-grey {
  color: #607d8b; }

.middle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.typeAndDateFilter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 1em; }
  .typeAndDateFilter .dateFilter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    border: 1px solid #333;
    padding: .2em .5em; }
    .typeAndDateFilter .dateFilter .icon {
      margin-right: .3em; }

@media (max-width: 360px) {
  .react-datepicker {
    display: -ms-flexbox;
    display: flex; }
  .react-datepicker__input-container input {
    width: 100px !important; }
  .patientButtons .buttons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: end !important;
        justify-content: flex-end !important; }
    .patientButtons .buttons a {
      margin-bottom: .2em; } }

.react-datepicker-popper .react-datepicker__triangle {
  transform: translateX(120px) !important; }
  .react-datepicker-popper .react-datepicker__triangle::before {
    content: none; }

.patientFilter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: 1em .5em;
  margin-top: 4.1em; }
  @media screen and (max-width: 600px) {
    .patientFilter .search-box__search-icon {
      display: none; }
    .patientFilter .searchContainer {
      -ms-flex: 1;
          flex: 1; } }

.patientMenu {
  position: relative; }
  .patientMenu .archiveConfirmation {
    position: fixed;
    left: 0;
    top: 3.1em;
    height: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 20;
    width: 100%;
    transition: all .5s;
    background-image: linear-gradient(90deg, #E52427, #e64a19);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .patientMenu .archiveConfirmation p {
      color: #fff;
      font-size: 1.2em !important;
      margin: 0; }
    .patientMenu .archiveConfirmation.show {
      height: 60px;
      opacity: 1;
      visibility: visible; }
    .patientMenu .archiveConfirmation.hide {
      height: 60px;
      transform: translateX(100%);
      transition: all .5s;
      opacity: 1; }
  .patientMenu .fixedButton {
    position: fixed;
    bottom: 13%;
    right: 8%;
    z-index: 101;
    width: 50px;
    height: 50px;
    background: #444;
    border-radius: 50%;
    box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.2); }
    .patientMenu .fixedButton div {
      color: #fff;
      position: absolute;
      width: 32px;
      height: 32px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }

.card {
  position: relative;
  padding: .5em;
  background: #eee;
  border-radius: 2px;
  margin: 8px 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  transition: box-shadow 0.2s; }
  .card.primary {
    background-color: #e64a19;
    color: #fff; }
  .card.high {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }
  .card.dark {
    background: #263238;
    color: #fff; }
  .card--no-overflow {
    overflow: hidden; }
  .card .component-footer {
    padding: 8px;
    line-height: 1.5em; }
  .card .card-header {
    border-radius: 0;
    font-weight: bolder;
    text-transform: uppercase;
    border-radius: 2px 2px 0 0;
    border-bottom: 1px solid #444;
    padding: 0;
    padding-bottom: .5em; }
    .card .card-header.row {
      -ms-flex-align: center;
          -ms-grid-row-align: center;
          align-items: center;
      margin-top: 1em; }
    .card .card-header .patientSessionOrAssesmentIcon {
      display: inline-block;
      box-sizing: border-box;
      height: 34px;
      width: 34px;
      line-height: 34px;
      border: 1px solid #444;
      background-color: #fff;
      color: #444;
      text-align: center;
      border-radius: 50%;
      -ms-flex: none;
          flex: none; }
      .card .card-header .patientSessionOrAssesmentIcon span {
        font-size: 22px !important;
        line-height: 34px !important; }
    .card .card-header .headerInfo {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      margin-left: .5em;
      margin-right: auto; }
      .card .card-header .headerInfo p {
        margin: 0; }
      .card .card-header .headerInfo small {
        text-transform: none; }
    .card .card-header .headerAction span,
    .card .card-header .headerAction a,
    .card .card-header .headerAction img {
      color: #666;
      fill: #666; }
  .card .side-nav__actual .search-box__content .search-box__input input {
    border: 0; }
  .card .homeWorkSection {
    padding: 0;
    margin: 0 -.5em -.5em -.5em !important;
    background-color: #ddd;
    transition: all .3s ease; }
    .card .homeWorkSection .md-subhead:hover {
      cursor: pointer; }
    .card .homeWorkSection:hover, .card .homeWorkSection:active {
      background-color: #444; }
      .card .homeWorkSection:hover .md-subhead a, .card .homeWorkSection:active .md-subhead a {
        color: #fff;
        cursor: pointer; }
    .card .homeWorkSection .md-subhead a:active {
      background-color: #444;
      cursor: pointer; }
    .card .homeWorkSection .md-subhead {
      text-align: center;
      font-size: .8em;
      padding: .5em 0;
      font-weight: lighter !important;
      position: relative; }
      .card .homeWorkSection .md-subhead span {
        position: absolute;
        right: 30%;
        top: 49%;
        transform: translate(-50%, -50%) rotate(90deg); }
    .card .homeWorkSection .video-grid {
      display: none; }
      .card .homeWorkSection .video-grid .videoContainer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
        .card .homeWorkSection .video-grid .videoContainer .thumb {
          -ms-flex: 0 0 30%;
              flex: 0 0 30%;
          margin-right: .5em;
          max-width: 150px; }
      .card .homeWorkSection .video-grid.show {
        display: block !important; }
  .card .card-content {
    padding: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; }
  .card label {
    opacity: 0.87;
    font-size: 0.8571rem; }
  .card.assesmentCard {
    background-color: #666;
    color: #fff; }
    .card.assesmentCard .card-header {
      border-bottom: 1px solid #eee; }
      .card.assesmentCard .card-header .headerInfo {
        color: #fff; }
    .card.assesmentCard .headerAction {
      line-height: 1; }
      .card.assesmentCard .headerAction img {
        width: 1.1rem;
        margin-bottom: 8px; }
    .card.assesmentCard .internalNotes h5 {
      font-size: .8em !important;
      margin: 0 !important;
      color: #fff; }
    .card.assesmentCard .internalNotes .notesContainer {
      font-size: .8em;
      height: 20px;
      line-height: 1.3;
      overflow: hidden;
      transition: all .3s;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #fff;
      transition: all .5s; }
      .card.assesmentCard .internalNotes .notesContainer.show {
        height: 100%;
        text-overflow: unset;
        white-space: unset;
        transition: all .3s; }
      .card.assesmentCard .internalNotes .notesContainer * {
        color: #fff !important;
        background-color: transparent !important; }
      .card.assesmentCard .internalNotes .notesContainer u {
        text-decoration: none !important; }
      .card.assesmentCard .internalNotes .notesContainer li {
        list-style: disc !important;
        list-style-position: inside !important; }
    .card.assesmentCard .internalNotes > div:nth-child(3),
    .card.assesmentCard .internalNotes .readMoreContainer {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      margin-top: .5em;
      padding: .25em 0; }
    .card.assesmentCard .internalNotes a {
      display: inline-block;
      text-align: center;
      font-size: .8em;
      padding: 2px 7px;
      color: #fff;
      cursor: pointer; }
      .card.assesmentCard .internalNotes a:not(:last-child) {
        margin-right: .8em; }
      .card.assesmentCard .internalNotes a:hover {
        background-color: #1e88e5;
        color: #fff;
        text-decoration: none; }
    .card.assesmentCard .categoriesSection {
      display: -ms-flexbox;
      display: flex;
      padding: .5em 0 0 0; }
      .card.assesmentCard .categoriesSection .catogories {
        width: 72%;
        border-right: 1px solid; }
        @media screen and (max-width: 380px) {
          .card.assesmentCard .categoriesSection .catogories {
            width: 66%; } }
        .card.assesmentCard .categoriesSection .catogories .row {
          width: 97%; }
        .card.assesmentCard .categoriesSection .catogories .category-container {
          margin-bottom: .2em; }
          .card.assesmentCard .categoriesSection .catogories .category-container caption {
            color: #fff; }
      .card.assesmentCard .categoriesSection .categoryRow {
        overflow: hidden;
        overflow-x: auto; }
      .card.assesmentCard .categoriesSection .commentAndDocs {
        width: 35%;
        margin-left: 1em;
        overflow: hidden; }
        .card.assesmentCard .categoriesSection .commentAndDocs .comments,
        .card.assesmentCard .categoriesSection .commentAndDocs .documents {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          width: 100%; }
          .card.assesmentCard .categoriesSection .commentAndDocs .comments img,
          .card.assesmentCard .categoriesSection .commentAndDocs .documents img {
            height: .9em; }
          .card.assesmentCard .categoriesSection .commentAndDocs .comments p,
          .card.assesmentCard .categoriesSection .commentAndDocs .documents p {
            margin: 0;
            margin-left: .7em;
            color: #fff;
            font-size: .6em !important; }

.categoryRow {
  overflow: hidden;
  overflow-x: auto; }

.patientViewDashboard {
  margin-top: 4em;
  padding: 0 .5em; }

.sessionCard .ticks {
  position: absolute;
  top: 37px;
  right: 18px; }
  .sessionCard .ticks img {
    width: 15px;
    height: 15px; }

.sessionCard .headerAction {
  display: -ms-flexbox;
  display: flex; }
  .sessionCard .headerAction > div:nth-child(1) {
    margin-right: .5em; }
  .sessionCard .headerAction div {
    padding: 0; }
    .sessionCard .headerAction div img {
      height: 1.3em; }

.sessionCard .internalNotes h5 {
  font-size: .8em !important;
  margin: 0 !important; }

.sessionCard .internalNotes .notesContainer {
  font-size: .8em;
  max-height: 18px;
  line-height: 1.3;
  overflow: hidden;
  transition: all .3s;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: max-height .5s; }
  .sessionCard .internalNotes .notesContainer.show {
    max-height: 300px;
    text-overflow: unset;
    white-space: unset; }
  .sessionCard .internalNotes .notesContainer em {
    background-color: transparent !important; }
  .sessionCard .internalNotes .notesContainer u {
    text-decoration: none; }
  .sessionCard .internalNotes .notesContainer strong {
    background-color: transparent !important; }
  .sessionCard .internalNotes .notesContainer * {
    background-color: transparent !important; }
  .sessionCard .internalNotes .notesContainer li {
    list-style: disc !important;
    list-style-position: inside !important; }

.sessionCard .internalNotes > div:nth-child(3),
.sessionCard .internalNotes .readMoreContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: .5em; }

.sessionCard .internalNotes a {
  display: inline-block;
  text-align: center;
  font-size: .8em;
  padding: 2px 5px;
  border: 1px solid transparent;
  cursor: pointer; }
  .sessionCard .internalNotes a:not(:last-child) {
    margin-right: .8em; }
  .sessionCard .internalNotes a:hover {
    color: #fff;
    background-color: #1e88e5; }

.sessionCard .categoryRow {
  overflow: hidden;
  overflow-x: auto; }

.heigth110 {
  height: 112%; }

.height100 {
  height: calc(100% + 5rem) !important; }

.mb5 {
  margin-bottom: 5rem !important; }

.mb8 {
  margin-bottom: 11rem !important; }

.mt3 {
  margin-top: 3rem !important; }

.editPatientCard {
  position: fixed;
  z-index: 1000;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all .2s; }
  .editPatientCard .card {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    max-width: 800px;
    overflow: scroll; }
  .editPatientCard .card-header {
    text-align: center;
    color: #444;
    border: 0;
    position: relative;
    padding: .5em 0; }
    .editPatientCard .card-header .link {
      position: absolute;
      top: -6px;
      right: 0%;
      font-size: 2em;
      color: #444;
      font-weight: 100; }
  .editPatientCard .cardContent {
    padding: 1em; }
  .editPatientCard label {
    color: #444;
    font-size: .7rem; }
  .editPatientCard input {
    border: 1px solid #888 !important; }
  .editPatientCard .picContainer {
    -ms-flex-direction: row;
        flex-direction: row;
    margin-top: .8rem; }
  .editPatientCard .datePicker {
    font-size: .8rem !important;
    color: #444; }
    .editPatientCard .datePicker input {
      margin-top: .2rem !important;
      padding: 1.1rem .5rem;
      width: 100%; }
  .editPatientCard .patientEdit button {
    width: 35%;
    border-radius: 5px;
    padding: .8rem !important;
    margin-top: 2rem !important;
    font-size: .7rem !important;
    margin: 0;
    background-color: #444; }

.verticalHr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: -.5rem;
  margin-top: .5rem; }
  .verticalHr span {
    height: 22px;
    background-color: #444;
    width: 1px; }

.hrAssesment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: .5rem;
  margin-top: .5rem; }
  .hrAssesment span {
    height: 22px;
    background-color: #444;
    width: 1px; }

.adminPracticesView .search-box {
  margin-top: 3.1em;
  box-shadow: none !important; }

.adminPracticesView .filterRow select {
  -ms-flex: 1;
      flex: 1; }

.adminPracticeSingleView {
  margin-top: 3.1em; }

.overflowHide {
  overflow: hidden !important; }

#assesmentFormScroll {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 110;
  top: 0;
  left: 0;
  overflow-y: scroll !important;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.7); }
  #assesmentFormScroll .inputTextArea {
    margin: 0.5em !important;
    display: block;
    width: 95%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    height: 150px !important;
    padding: .5em;
    font-size: .8em !important; }
  #assesmentFormScroll .upload-button {
    margin-right: 1em; }
  #assesmentFormScroll .selectedContainer {
    margin-top: 1em;
    margin: 1em;
    background-color: #fff;
    padding: .5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    border: 1px solid; }
    #assesmentFormScroll .selectedContainer :nth-child(2) {
      margin-top: 1em; }
    #assesmentFormScroll .selectedContainer span {
      font-size: .8em !important;
      margin-top: .5em; }
  #assesmentFormScroll .selectedAreasContainer {
    margin: 1em .5em;
    background-color: #fff;
    padding: .5em;
    border: 1px solid; }
    #assesmentFormScroll .selectedAreasContainer div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      #assesmentFormScroll .selectedAreasContainer div span {
        font-size: .7em !important; }
        #assesmentFormScroll .selectedAreasContainer div span:not(:last-child) {
          margin-right: .2em; }
          #assesmentFormScroll .selectedAreasContainer div span:not(:last-child)::after {
            content: ", ";
            margin-left: 0px;
            margin-right: 4px; }
  #assesmentFormScroll .category-areas {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 1em;
    overflow: visible; }
    #assesmentFormScroll .category-areas span {
      font-size: 1.8em !important;
      padding: 0;
      margin-right: .6em;
      display: inline-block; }
      #assesmentFormScroll .category-areas span:not(:last-child)::after {
        content: ",";
        display: inline;
        margin-left: 0px;
        margin-right: 4px; }
  #assesmentFormScroll .notesDate {
    background-color: #ccc;
    padding: 1em;
    margin: 1em .5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    #assesmentFormScroll .notesDate p {
      margin: 0 .5em;
      line-height: 1.2 !important;
      color: #444;
      font-size: .8em; }
      #assesmentFormScroll .notesDate p strong {
        font-weight: bold; }
  #assesmentFormScroll .newAssesmentForm {
    padding: 0;
    left: 50%;
    height: 100%;
    width: 100vw;
    max-width: 50em;
    transform: translate(-50%);
    overflow-y: scroll; }
    @media screen and (max-width: 800px) {
      #assesmentFormScroll .newAssesmentForm {
        left: 51%; } }
    @media screen and (max-width: 411px) {
      #assesmentFormScroll .newAssesmentForm {
        left: 50%; } }
  #assesmentFormScroll .assesmentHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3em;
    background: #444;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: .3em .7em;
    z-index: 120;
    box-sizing: border-box; }
    #assesmentFormScroll .assesmentHeader .close {
      width: 1.05em;
      transform: rotate(180deg);
      line-height: 0;
      cursor: pointer; }
    #assesmentFormScroll .assesmentHeader .title {
      margin: 0 auto;
      display: inline-block;
      font-size: .9em;
      font-weight: bold !important;
      color: #fff; }
    #assesmentFormScroll .assesmentHeader .savedIcon {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      opacity: 0;
      transform: all .2s; }
      #assesmentFormScroll .assesmentHeader .savedIcon.saved {
        opacity: 1; }
      #assesmentFormScroll .assesmentHeader .savedIcon span {
        font-size: 0.6em !important;
        color: #fff; }
  #assesmentFormScroll .internalAndParentNotes {
    background-color: #fff;
    border: 1px solid #999;
    box-sizing: border-box;
    margin: .5em; }
    #assesmentFormScroll .internalAndParentNotes .headerButtons {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 1em .5em; }
      #assesmentFormScroll .internalAndParentNotes .headerButtons > div:nth-child(1) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        color: #444;
        font-weight: bold; }
        #assesmentFormScroll .internalAndParentNotes .headerButtons > div:nth-child(1) small {
          text-transform: uppercase;
          font-weight: 400;
          font-size: .6em !important;
          margin-top: .4em; }
      #assesmentFormScroll .internalAndParentNotes .headerButtons > div:nth-child(2) button {
        padding: .7em 1em;
        font-size: .7em !important;
        color: #fff;
        background-color: #888;
        border: 0;
        margin: 0; }
        #assesmentFormScroll .internalAndParentNotes .headerButtons > div:nth-child(2) button.active {
          background-color: #e64a19; }
      #assesmentFormScroll .internalAndParentNotes .headerButtons > div:nth-child(2) > :nth-child(1) {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
      #assesmentFormScroll .internalAndParentNotes .headerButtons > div:nth-child(2) > :nth-child(2) {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
    #assesmentFormScroll .internalAndParentNotes .textContainer {
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 1em; }
      #assesmentFormScroll .internalAndParentNotes .textContainer .inputTextArea {
        margin: 0 0.5em;
        display: block;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #ddd;
        height: 18em !important;
        padding: .5em;
        font-size: .8em !important; }
        #assesmentFormScroll .internalAndParentNotes .textContainer .inputTextArea:focus {
          outline-color: #888; }
        @media screen and (max-width: 411px) {
          #assesmentFormScroll .internalAndParentNotes .textContainer .inputTextArea {
            height: 9em !important; } }
    #assesmentFormScroll .internalAndParentNotes .gallery {
      padding: 0 .5em;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      overflow-x: scroll; }
      #assesmentFormScroll .internalAndParentNotes .gallery .image-container {
        position: relative;
        display: inline-block;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
        width: 4em; }
        #assesmentFormScroll .internalAndParentNotes .gallery .image-container img {
          width: 100%; }
        #assesmentFormScroll .internalAndParentNotes .gallery .image-container a {
          position: absolute;
          right: 0; }
          #assesmentFormScroll .internalAndParentNotes .gallery .image-container a img {
            width: 1em; }
    #assesmentFormScroll .internalAndParentNotes .addImage {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: end;
          justify-content: flex-end;
      font-size: .8em;
      padding-right: 8px;
      margin: .6em 0; }
      #assesmentFormScroll .internalAndParentNotes .addImage p {
        margin-bottom: 0;
        margin-right: auto; }
      #assesmentFormScroll .internalAndParentNotes .addImage .uploader {
        display: inline-block; }
        #assesmentFormScroll .internalAndParentNotes .addImage .uploader img {
          width: 1.5em; }
      #assesmentFormScroll .internalAndParentNotes .addImage button {
        padding: .7em 1.4em;
        font-size: 1em !important;
        color: #fff;
        background-color: #444;
        border-radius: 5px;
        border: 0;
        margin: 0; }
  #assesmentFormScroll .notesAdded {
    margin-top: 1em;
    margin-left: .5em;
    margin-right: .5em;
    font-size: 1.1em;
    font-weight: 600;
    color: #444; }
    #assesmentFormScroll .notesAdded .notesBox {
      background-color: #444;
      color: #fff;
      padding: 1em;
      margin-top: .5em;
      border-top-left-radius: 15px;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px; }
      #assesmentFormScroll .notesAdded .notesBox:last-child {
        margin-bottom: 3em; }
      #assesmentFormScroll .notesAdded .notesBox > div:nth-child(1) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        margin-bottom: .3em; }
        #assesmentFormScroll .notesAdded .notesBox > div:nth-child(1) span {
          font-weight: bold !important;
          margin-right: auto;
          font-size: .9em !important; }
        #assesmentFormScroll .notesAdded .notesBox > div:nth-child(1) img {
          width: 1em;
          height: 1em;
          margin: 0 .5em; }
      #assesmentFormScroll .notesAdded .notesBox p {
        font-size: .6em !important;
        line-height: 1.6 !important;
        margin-bottom: 0.7em; }
      #assesmentFormScroll .notesAdded .notesBox > div:nth-child(3) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        #assesmentFormScroll .notesAdded .notesBox > div:nth-child(3) .image-container {
          margin-right: .5em;
          width: 3.5em;
          height: 2.5em;
          background-color: #888;
          position: relative;
          overflow: hidden; }
          #assesmentFormScroll .notesAdded .notesBox > div:nth-child(3) .image-container a {
            position: absolute;
            top: 0;
            right: 0; }
            #assesmentFormScroll .notesAdded .notesBox > div:nth-child(3) .image-container a img {
              width: .8em; }
  #assesmentFormScroll .swiper-container {
    width: 100%;
    overflow: hidden;
    padding-top: 3em;
    overflow-y: scroll; }
    #assesmentFormScroll .swiper-container .swiper-pagination-progressbar {
      top: 3em; }
    #assesmentFormScroll .swiper-container .swiper-wrapper {
      height: 100% !important; }
    #assesmentFormScroll .swiper-container .swiper-slide {
      width: 100%;
      margin-bottom: 8em; }
    @media screen and (min-width: 850px) {
      #assesmentFormScroll .swiper-container .select-category {
        padding: 0 1em; } }
  #assesmentFormScroll .swiper-pagination .swiper-pagination-progressbar-fill {
    background-color: #e64a19; }
  #assesmentFormScroll .datePicker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 1em;
    padding: 0 .5em;
    position: relative;
    z-index: 1000; }
    @media screen and (min-width: 411px) {
      #assesmentFormScroll .datePicker {
        -ms-flex-pack: end;
            justify-content: flex-end; } }
    #assesmentFormScroll .datePicker label {
      font-size: 1.2em;
      text-align: center;
      text-transform: uppercase; }
      @media screen and (min-width: 411px) {
        #assesmentFormScroll .datePicker label {
          margin-right: .8em; } }
      @media screen and (min-width: 411px) {
        #assesmentFormScroll .datePicker label .desktopNone {
          display: none; } }
    #assesmentFormScroll .datePicker .react-datepicker-wrapper {
      padding: .7em 1.8em;
      border: 1px solid #999;
      width: 150px;
      background-color: #fff; }
      #assesmentFormScroll .datePicker .react-datepicker-wrapper input[type='text'] {
        width: 130px !important; }
  #assesmentFormScroll .modal-footer {
    padding: 0;
    height: 7%;
    position: fixed;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 120; }
    #assesmentFormScroll .modal-footer a {
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      background-color: #bbb;
      color: #fff;
      font-size: .9em; }
    #assesmentFormScroll .modal-footer > :first-child {
      color: #444; }
    #assesmentFormScroll .modal-footer > :last-child {
      background-color: #444; }

.greetingPrimary {
  background-image: linear-gradient(90deg, #E52427, #e64a19) !important; }
  .greetingPrimary .middle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 2rem; }

input[type="search"] {
  border: 0; }

.assessmentView {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  padding: 0;
  max-width: 800px;
  margin: 0 auto;
  left: 50%;
  transform: translate(-50%);
  overflow-y: scroll; }
  .assessmentView *, .assessmentView .card-content, .assessmentView h4 {
    margin: 0;
    font-size: 62.5%;
    padding: 0; }
  .assessmentView .card-header {
    background-color: #444;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding: .8em .5em;
    font-size: 1.6em !important;
    color: #fff; }
    .assessmentView .card-header .link {
      color: #fff;
      line-height: 0;
      margin-bottom: .2em;
      font-size: inherit;
      font-weight: 100; }
  .assessmentView > div:nth-child(2) {
    overflow: visible;
    display: block;
    height: auto; }
  .assessmentView > div:nth-child(5) {
    margin-bottom: 4em; }
  .assessmentView .card-content table.data {
    background-color: #888 !important;
    color: #fff;
    padding-left: .5em; }
    .assessmentView .card-content table.data th, .assessmentView .card-content table.data td {
      padding: .3em;
      padding-left: 1em;
      font-size: 3.2em; }
  .assessmentView .card-content > span {
    padding: 1em 1em;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    margin-top: .5em; }
    .assessmentView .card-content > span h4 {
      color: #222;
      font-size: 1.4em !important;
      -ms-flex-item-align: start;
          align-self: flex-start; }
    .assessmentView .card-content > span > p {
      color: #444;
      border: 1px solid;
      border-radius: .25em;
      width: 100%;
      padding: .5em;
      box-sizing: border-box; }
  .assessmentView .card-content #internalNotesOpenAssesment > p span {
    font-size: 16px !important; }
  .assessmentView .card-content #internalNotesOpenAssesment > p p {
    font-size: 16px !important;
    line-height: 1 !important; }
  .assessmentView .card-content #internalNotesOpenAssesment strong {
    font-weight: bold !important;
    font-size: 16px !important; }
  .assessmentView .card-content #internalNotesOpenAssesment em {
    font-style: italic !important;
    font-size: 16px !important; }
  .assessmentView .card-content #internalNotesOpenAssesment u {
    font-size: 16px !important; }
  .assessmentView .card-content #internalNotesOpenAssesment li {
    list-style: disc !important;
    list-style-position: inside !important;
    font-size: 16px;
    font-weight: 400; }
  .assessmentView > div:nth-child(3) {
    margin-top: .8em;
    background-color: #fff;
    padding: 1em 2em;
    padding-bottom: 3em;
    height: 100%;
    display: block;
    overflow: visible; }
    .assessmentView > div:nth-child(3) .md-body1 {
      font-size: 1.8em !important;
      color: #888;
      text-transform: uppercase;
      margin-top: 1.5em; }
  .assessmentView > div:nth-child(4) {
    margin-top: .8em;
    background-color: #fff;
    padding: 1em 2em;
    padding-bottom: 3em;
    display: block;
    height: 100%;
    overflow: visible; }
    .assessmentView > div:nth-child(4) .md-body1 {
      font-size: 1.8em !important;
      color: #888;
      text-transform: uppercase;
      margin-top: 1.5em; }

.sessionView .close {
  font-size: 1.6em;
  margin-bottom: .3em; }

.sessionView .areasWorkedOn,
.sessionView .parentNotes {
  padding: 1em; }

.sessionView .category-areas {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: visible; }
  .sessionView .category-areas span {
    font-size: .7em !important;
    padding: 0;
    margin-right: .1em;
    display: inline-block; }
    .sessionView .category-areas span:not(:last-child)::after {
      content: ",";
      display: inline;
      margin-left: 0px;
      margin-right: 4px; }

.sessionView .modal-content {
  padding: 0 !important; }
  .sessionView .modal-content > div:nth-child(1) {
    background-color: #888;
    padding: 0 .5em !important;
    margin: 0; }
    .sessionView .modal-content > div:nth-child(1) p {
      color: #fff !important; }
  .sessionView .modal-content > div:nth-child(2) {
    background-color: #fff;
    padding: 1em 1em; }
    .sessionView .modal-content > div:nth-child(2) > p:nth-child(1) {
      font-size: 1.2em !important;
      text-transform: uppercase;
      color: #444; }
    .sessionView .modal-content > div:nth-child(2) .sessionNotes {
      font-size: 1em !important;
      border: 1px solid;
      color: #444;
      border-radius: .25em;
      width: 100%;
      padding: .5em;
      box-sizing: border-box;
      word-wrap: break-word; }
      .sessionView .modal-content > div:nth-child(2) .sessionNotes em {
        font-style: italic !important; }
      .sessionView .modal-content > div:nth-child(2) .sessionNotes strong {
        font-weight: bold !important; }
      .sessionView .modal-content > div:nth-child(2) .sessionNotes p {
        margin: 0; }
      .sessionView .modal-content > div:nth-child(2) .sessionNotes li {
        list-style: disc !important;
        list-style-position: inside !important;
        font-size: 14px;
        color: #444;
        letter-spacing: 0.01em !important;
        opacity: 0.87 !important; }
  .sessionView .modal-content .sessionNotes {
    word-wrap: break-word; }
    .sessionView .modal-content .sessionNotes em {
      font-style: italic !important; }
    .sessionView .modal-content .sessionNotes strong {
      font-weight: bold !important; }
  .sessionView .modal-content .videoSection {
    padding: 1em 1em; }
    .sessionView .modal-content .videoSection .md-subhead {
      font-size: 1.2em !important;
      text-transform: uppercase;
      color: #444;
      font-weight: 300 !important; }
  .sessionView .modal-content > div:nth-child(5) {
    background-color: #fff;
    padding: 1em 1em; }
    .sessionView .modal-content > div:nth-child(5) > p:nth-child(1) {
      font-size: 1.2em !important;
      text-transform: uppercase;
      color: #222;
      color: #444;
      font-weight: 300 !important; }
  .sessionView .modal-content > div:nth-child(7) {
    background-color: #fff;
    padding: 1em 2em; }
    .sessionView .modal-content > div:nth-child(7) > p:nth-child(1) {
      font-size: 1.2em !important;
      text-transform: uppercase;
      color: #444; }
    .sessionView .modal-content > div:nth-child(7) .sessionNotes {
      font-size: 1em !important;
      border: 1px solid;
      color: #444;
      border-radius: .25em;
      width: 100%;
      padding: .5em;
      box-sizing: border-box; }
      .sessionView .modal-content > div:nth-child(7) .sessionNotes p {
        margin: 0; }
      .sessionView .modal-content > div:nth-child(7) .sessionNotes em {
        font-style: italic !important; }
      .sessionView .modal-content > div:nth-child(7) .sessionNotes strong {
        font-weight: bold !important; }
  .sessionView .modal-content > div:nth-child(9) {
    padding: 1em 1em;
    box-sizing: border-box; }
    .sessionView .modal-content > div:nth-child(9) > p:nth-child(1) {
      font-size: 1.2em !important;
      text-transform: uppercase;
      color: #222;
      color: #222;
      font-weight: 300 !important;
      display: block;
      box-sizing: border-box; }

#editor-container {
  position: relative;
  z-index: 0; }
  #editor-container strong {
    font-weight: bold !important; }
  #editor-container em {
    font-style: italic !important; }
  #editor-container .ql-editor p {
    line-height: 1.2 !important;
    margin-bottom: .3em; }

.modal-wrapper .modal {
  background: none; }

.ql-toolbar.ql-snow {
  position: relative;
  z-index: 100; }
  .ql-toolbar.ql-snow .ql-picker-item {
    width: 24px;
    height: 24px; }

.internalAndParentNotes.hideToolbar .ql-toolbar {
  display: none; }

.ql-snow .ql-color-picker .ql-picker-options {
  width: auto !important; }

#sessionModal {
  max-width: 50em;
  margin: 0 auto;
  border: 1px solid;
  box-shadow: 0 1em 2em rgba(0, 0, 0, 0.2); }
  #sessionModal img[alt="loading"] {
    transform: scale(2); }
  #sessionModal .modal-header {
    padding: 0;
    padding: 0 .7em; }
    #sessionModal .modal-header .close {
      width: 1.2em;
      transform: rotate(180deg);
      line-height: 0;
      cursor: pointer; }
    #sessionModal .modal-header .modal-title {
      margin: 0 auto;
      display: inline-block;
      font-size: .9em;
      font-weight: 600; }
    #sessionModal .modal-header .savedIcon {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      opacity: 0;
      transform: all .2s; }
      #sessionModal .modal-header .savedIcon.saved {
        opacity: 1; }
      #sessionModal .modal-header .savedIcon span {
        font-size: 0.6em !important; }
  #sessionModal .modal-content {
    padding: 1em .5em 0 .5em;
    margin-bottom: 3.5em;
    overflow: hidden;
    overflow-y: scroll; }
    #sessionModal .modal-content .swiper-container {
      height: auto; }
    #sessionModal .modal-content .swiper-pagination {
      bottom: 0.1%;
      width: 100vw;
      position: fixed; }
      #sessionModal .modal-content .swiper-pagination .swiper-pagination-progressbar-fill {
        background-color: #e64a19; }
    @media screen and (min-width: 411px) {
      #sessionModal .modal-content .datePicker {
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; } }
    #sessionModal .modal-content .datePicker label {
      font-size: 1.2em;
      text-align: center;
      text-transform: uppercase;
      margin-left: .8em; }
      @media screen and (min-width: 411px) {
        #sessionModal .modal-content .datePicker label {
          margin-right: .8em !important; } }
      @media screen and (min-width: 411px) {
        #sessionModal .modal-content .datePicker label .desktopNone {
          display: none !important; } }
    #sessionModal .modal-content .datePicker .react-datepicker-wrapper {
      padding: .7em 1.8em;
      border: 1px solid #999;
      width: 150px;
      background-color: #fff; }
      #sessionModal .modal-content .datePicker .react-datepicker-wrapper input[type='text'] {
        width: 132px !important; }
    #sessionModal .modal-content .internalAndParentNotes {
      background-color: #fff;
      border: 1px solid #999;
      box-sizing: border-box; }
      #sessionModal .modal-content .internalAndParentNotes .headerButtons {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        padding: 1em .5em; }
        #sessionModal .modal-content .internalAndParentNotes .headerButtons > div:nth-child(1) {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          color: #444;
          font-weight: bold; }
          #sessionModal .modal-content .internalAndParentNotes .headerButtons > div:nth-child(1) small {
            text-transform: uppercase;
            font-weight: 400;
            font-size: .6em !important;
            margin-top: .4em; }
        #sessionModal .modal-content .internalAndParentNotes .headerButtons > div:nth-child(2) button {
          padding: .7em 1em;
          font-size: .7em !important;
          color: #fff;
          background-color: #888;
          border: 0;
          margin: 0; }
          #sessionModal .modal-content .internalAndParentNotes .headerButtons > div:nth-child(2) button.active {
            background-color: #e64a19; }
        #sessionModal .modal-content .internalAndParentNotes .headerButtons > div:nth-child(2) > :nth-child(1) {
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
        #sessionModal .modal-content .internalAndParentNotes .headerButtons > div:nth-child(2) > :nth-child(2) {
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px; }
      #sessionModal .modal-content .internalAndParentNotes .inputTextArea {
        margin: 0.5em !important;
        display: block;
        width: 95%;
        box-sizing: border-box;
        border: 1px solid #ddd;
        height: 8em !important;
        padding: .5em;
        font-size: .8em !important; }
        #sessionModal .modal-content .internalAndParentNotes .inputTextArea:focus {
          outline-color: #888; }
      #sessionModal .modal-content .internalAndParentNotes .gallery {
        padding: 1em .5em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        overflow-x: scroll; }
        #sessionModal .modal-content .internalAndParentNotes .gallery .image-container {
          position: relative;
          display: inline-block;
          -ms-flex: 0 0 20%;
              flex: 0 0 20%;
          width: 4em; }
          #sessionModal .modal-content .internalAndParentNotes .gallery .image-container img {
            width: 100%; }
          #sessionModal .modal-content .internalAndParentNotes .gallery .image-container a {
            position: absolute;
            right: 0; }
            #sessionModal .modal-content .internalAndParentNotes .gallery .image-container a img {
              width: 1em; }
      #sessionModal .modal-content .internalAndParentNotes .addImage {
        font-size: .8em;
        padding-right: .5em;
        padding-left: .5em;
        margin: .6em 0; }
        #sessionModal .modal-content .internalAndParentNotes .addImage .multiUpload {
          display: block;
          text-align: center; }
          #sessionModal .modal-content .internalAndParentNotes .addImage .multiUpload input {
            width: 120px;
            height: 33px;
            margin-bottom: 2em;
            border-radius: 5px;
            background: #999;
            overflow: hidden;
            color: #fff;
            position: relative; }
            #sessionModal .modal-content .internalAndParentNotes .addImage .multiUpload input::after {
              content: "UPLOAD IMAGES";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: #999;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-pack: center;
                  justify-content: center;
              -ms-flex-align: center;
                  align-items: center; }
        #sessionModal .modal-content .internalAndParentNotes .addImage p {
          margin-bottom: 0;
          margin-right: auto; }
        #sessionModal .modal-content .internalAndParentNotes .addImage .uploader {
          display: inline-block; }
          #sessionModal .modal-content .internalAndParentNotes .addImage .uploader img {
            width: 1.5em; }
        #sessionModal .modal-content .internalAndParentNotes .addImage .ctaSave {
          text-align: right; }
        #sessionModal .modal-content .internalAndParentNotes .addImage progress:not([value]) {
          opacity: 0;
          visibility: hidden; }
        #sessionModal .modal-content .internalAndParentNotes .addImage progress[value] {
          -webkit-appearance: none;
          -moz-appearance: none;
               appearance: none;
          width: 100%;
          height: 5px;
          margin-bottom: 1em;
          opacity: 1;
          visibility: visible; }
        #sessionModal .modal-content .internalAndParentNotes .addImage progress[value]::-webkit-progress-bar {
          background-color: #eee;
          border-radius: 2px;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; }
        #sessionModal .modal-content .internalAndParentNotes .addImage progress[value]::-webkit-progress-value {
          background-color: #e64a19; }
        #sessionModal .modal-content .internalAndParentNotes .addImage button {
          padding: .7em 1.4em;
          font-size: 1em !important;
          color: #fff;
          background-color: #444;
          border-radius: 5px;
          border: 0;
          margin: 0;
          width: 100%; }
    #sessionModal .modal-content .notesAdded {
      margin-top: 1em;
      font-size: 1.1em;
      font-weight: 600;
      color: #444; }
      #sessionModal .modal-content .notesAdded .notesBox {
        background-color: #444;
        color: #fff;
        padding: 1em;
        margin-top: .5em;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px; }
        #sessionModal .modal-content .notesAdded .notesBox > div:nth-child(1) {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          margin-bottom: .3em; }
          #sessionModal .modal-content .notesAdded .notesBox > div:nth-child(1) span {
            font-weight: bold !important;
            margin-right: auto;
            font-size: .9em !important; }
          #sessionModal .modal-content .notesAdded .notesBox > div:nth-child(1) img {
            width: 1em;
            height: 1em;
            margin: 0 .5em; }
        #sessionModal .modal-content .notesAdded .notesBox p {
          font-size: .6em !important;
          line-height: 1.6 !important;
          margin-bottom: 0.7em; }
        #sessionModal .modal-content .notesAdded .notesBox > div:nth-child(3) {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          #sessionModal .modal-content .notesAdded .notesBox > div:nth-child(3) .image-container {
            margin-right: .5em;
            width: 3.5em;
            height: 2.5em;
            background-color: #888;
            position: relative;
            overflow: hidden; }
            #sessionModal .modal-content .notesAdded .notesBox > div:nth-child(3) .image-container a {
              position: absolute;
              top: 0;
              right: 0; }
              #sessionModal .modal-content .notesAdded .notesBox > div:nth-child(3) .image-container a img {
                width: .8em; }
    #sessionModal .modal-content .notesDate {
      background-color: #ccc;
      padding: 1em;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      #sessionModal .modal-content .notesDate p {
        margin: 0;
        line-height: 1.2 !important;
        color: #444;
        font-size: .8em; }
        #sessionModal .modal-content .notesDate p strong {
          font-weight: bold; }
    #sessionModal .modal-content h6 {
      margin-top: 1em;
      color: #444;
      font-size: 1em !important;
      font-weight: bold !important; }
    #sessionModal .modal-content .swiperPage2 .selectedContainer {
      margin-top: 1em;
      background-color: #fff;
      padding: .5em;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      border: 1px solid; }
      #sessionModal .modal-content .swiperPage2 .selectedContainer :nth-child(2) {
        margin-top: 1em; }
      #sessionModal .modal-content .swiperPage2 .selectedContainer span {
        font-size: .8em !important;
        margin-top: .5em; }
    #sessionModal .modal-content .selectedAreasContainer {
      margin-top: 1em;
      background-color: #fff;
      padding: .5em;
      border: 1px solid; }
      #sessionModal .modal-content .selectedAreasContainer div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        #sessionModal .modal-content .selectedAreasContainer div span {
          font-size: .7em !important; }
          #sessionModal .modal-content .selectedAreasContainer div span:not(:last-child)::after {
            content: ", ";
            margin-left: -2px;
            margin-right: 4px; }
    #sessionModal .modal-content .ripple-cover {
      box-shadow: none !important;
      max-height: 50vh; }
    #sessionModal .modal-content .suggestedExcersizes {
      background-color: #fff;
      border: 1px solid;
      box-sizing: border-box; }
      #sessionModal .modal-content .suggestedExcersizes h6 {
        margin-left: 1em; }
      #sessionModal .modal-content .suggestedExcersizes .video-media .play-cover {
        background: rgba(255, 255, 255, 0.2); }
        #sessionModal .modal-content .suggestedExcersizes .video-media .play-cover img {
          display: none; }
      #sessionModal .modal-content .suggestedExcersizes .card-content {
        padding: 0 1em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-align: center;
            align-items: center; }
        #sessionModal .modal-content .suggestedExcersizes .card-content label {
          font-size: 1em;
          color: #444; }
      #sessionModal .modal-content .suggestedExcersizes .video-row .confirm-user {
        position: relative;
        z-index: 10; }
  #sessionModal .modal-footer {
    padding: 0;
    height: 3em;
    position: fixed;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 120; }
    @media screen and (min-width: 700px) {
      #sessionModal .modal-footer {
        max-width: 50em;
        transform: translate(-50%);
        left: 50%; } }
    #sessionModal .modal-footer a {
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      background-color: #bbb;
      color: #fff;
      font-size: .9em; }
    #sessionModal .modal-footer > :first-child {
      color: #444; }
    #sessionModal .modal-footer > :last-child {
      background-color: #444; }

#assesmentFormScroll .internalNotes {
  padding: 1em 1em;
  box-sizing: border-box; }
  #assesmentFormScroll .internalNotes button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    height: 50px; }
    #assesmentFormScroll .internalNotes button span {
      padding: 0;
      line-height: 0 !important;
      margin: 0;
      margin-left: .2em; }

@media screen and (max-width: 500px) {
  #editor-container .ql-editor {
    height: 100%; } }

.internalNoteContainer {
  padding: 1em;
  background-color: #fff; }

.parentDashboard {
  padding-top: 4.1rem !important; }
  .parentDashboard .video-grid {
    background-color: #eee; }
    .parentDashboard .video-grid h1 {
      font-size: 1em !important;
      font-weight: bold !important;
      border-bottom: 1px solid;
      line-height: 1 !important;
      padding: 0.3em 1em; }
  .parentDashboard .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row; }
    .parentDashboard .card > :first-child {
      -ms-flex: 0 0 6%;
          flex: 0 0 6%;
      position: relative;
      z-index: 0; }
      .parentDashboard .card > :first-child ::after {
        content: '';
        width: 71%;
        height: 71%;
        background-color: #fff;
        position: absolute;
        top: 8px;
        left: 8px;
        border-radius: 50%;
        z-index: -1; }
    .parentDashboard .card .avatar {
      background-color: #fff; }
    .parentDashboard .card .card-content p {
      margin-bottom: 0;
      line-height: 1.2 !important;
      font-size: .8em !important; }
    .parentDashboard .card:hover {
      background-color: #ddd; }
  .parentDashboard .card > div {
    display: inline-block; }

.addInternalNote,
#addInternalNote {
  margin-top: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%; }
  .addInternalNote textarea,
  #addInternalNote textarea {
    color: #444;
    border: 1px solid #444;
    border-radius: 5px;
    -ms-flex: 0 0 70%;
        flex: 0 0 70%;
    padding: .5em;
    font-size: 14px !important; }
    .addInternalNote textarea:focus,
    #addInternalNote textarea:focus {
      outline: none; }
  .addInternalNote button,
  #addInternalNote button {
    color: #e64a19;
    margin-left: 5px;
    border-radius: 5px;
    height: 100%;
    text-align: center;
    font-size: .7rem !important;
    padding: 1.56em 1em;
    background: transparent;
    border: 1px solid;
    box-sizing: border-box;
    display: inline-block;
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
    min-height: 32px; }
  .addInternalNote.noteSession button,
  #addInternalNote.noteSession button {
    font-size: .7rem !important;
    padding: 1.25em 1em; }

.modal-fill {
  max-width: 800px;
  background-color: #eee;
  margin: 0 auto; }

.adminUsers {
  margin-top: 3.1rem; }
  .adminUsers .search-box__content {
    margin-bottom: 1rem; }

.patientButtonNew {
  display: inline-block;
  text-align: center; }

.usersView .adminUsers {
  margin-top: 0; }

.logo {
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.3); }

.practice-page {
  margin-top: 3.1rem; }
  .practice-page .page {
    padding: .5rem;
    padding-top: 1rem; }
  .practice-page .adminPracticeView {
    padding: 1em 1em; }
    .practice-page .adminPracticeView h5 {
      color: #444; }
    .practice-page .adminPracticeView h6 {
      margin-bottom: .5rem; }

.therapistDashboard {
  margin-top: 3.1rem; }

.filterPatientsPractice {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }

.filterRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 1em 0; }
  .filterRow select {
    -ms-flex: 1;
        flex: 1; }

.large-header {
  -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center; }
  .large-header .app-content {
    -ms-flex-positive: 2;
        flex-grow: 2;
    max-width: 800px; }
  .large-header .app-header {
    width: 100%;
    background-color: #444;
    height: 20vh;
    padding-top: 3em;
    position: relative; }
    .large-header .app-header .logo-t {
      position: absolute;
      top: 50%;
      left: 50%;
      height: 57.667%;
      transform: translate(-50%, -50%);
      position: relative; }

.user-profile-page,
.usersView,
.pageLanding {
  margin-top: 3.1em; }

button,
a {
  background-position: center;
  transition: all 0.8s;
  backface-visibility: hidden; }

button:hover,
a:hover {
  transition: all .2s;
  filter: brightness(1.2); }

button:active .search-box__input input[type="search"],
a:active .userView .search-box__input input[type="search"] {
  border: 0 !important;
  outline: 0; }

.pageLanding .search-box__header {
  background-image: linear-gradient(90deg, #E52427, #e64a19) !important; }

.search-box__header {
  background-image: linear-gradient(90deg, #E52427, #e64a19) !important; }

.areaResourcesContent .search-box__input {
  border: 1px solid #888; }
  .areaResourcesContent .search-box__input input:focus,
  .areaResourcesContent .search-box__input input:active {
    border: 0; }

.parentDashboard {
  padding-top: 3.1rem; }
  .parentDashboard .video-grid {
    margin-bottom: 8em; }

.registerPage {
  margin-top: 3.1rem;
  margin-bottom: 8em; }
  .registerPage .md-button {
    margin-bottom: 3em; }

.ownerDashView {
  padding-top: 3.1rem; }

select {
  border: 0;
  margin: 0 .5em;
  background-color: inherit; }

.backButton {
  margin: 1em 0 !important;
  display: block; }

.parentPatientRecord {
  margin-bottom: 8em; }
  .parentPatientRecord .typeAndDateFilter {
    margin: 1em .5em; }
  .parentPatientRecord .assessment-content {
    margin: 0 .5em !important; }
  .parentPatientRecord .sessionCard {
    margin: 0 .5em !important; }
    .parentPatientRecord .sessionCard .headerAction img {
      filter: invert(0.6); }

.addPatientDrawer > :first-child {
  display: -ms-flexbox;
  display: flex; }
  .addPatientDrawer > :first-child div {
    border: 1px solid !important;
    border-radius: 20px;
    margin: .1em; }
  .addPatientDrawer > :first-child .bulkButton,
  .addPatientDrawer > :first-child .manualButton {
    cursor: pointer; }

.addPatientDrawer.loading {
  position: relative; }
  .addPatientDrawer.loading::before {
    position: fixed;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100; }
  .addPatientDrawer.loading::after {
    position: fixed;
    top: 0;
    left: 0;
    background: url(/public/images/loader.gif) center no-repeat;
    background-position: 50% 5%;
    content: 'Importing Patients';
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

.addPatientDrawer.complete {
  position: relative;
  transition: all .2s; }
  .addPatientDrawer.complete::before {
    position: fixed;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100; }
  .addPatientDrawer.complete::after {
    position: fixed;
    top: 0;
    left: 0;
    content: 'Import Complete';
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

.uploader a small {
  color: red; }

.patientDetailsView ~ div .sessionCard {
  margin: 0 !important; }
  .patientDetailsView ~ div .sessionCard .card-header {
    margin-top: 0; }

.patientDetailsView ~ div .assesmentCard .card-header {
  margin-top: 0; }

.addPatient .uploader {
  margin: 2em 0;
  display: block !important; }
  .addPatient .uploader > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .addPatient .uploader > div > a {
      -ms-flex: 0 0 80%;
          flex: 0 0 80%; }
    .addPatient .uploader > div .upload-button {
      display: inline;
      margin-left: auto; }
      .addPatient .uploader > div .upload-button::before {
        content: 'Import';
        vertical-align: 38%; }

.translucent-card {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  padding: 16px;
  color: #263238; }
  .translucent-card p {
    font-size: .8rem !important;
    line-height: 1.4 !important;
    margin-top: 1em; }
  .translucent-card hr {
    width: 8%;
    background: #444;
    border: 2px solid;
    border-radius: 25px;
    margin: 1.5em; }

.findOutMore {
  position: absolute;
  top: 130%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .findOutMore a {
    color: #444;
    font-size: .6rem;
    text-transform: uppercase; }

.thumb .card {
  border-radius: 0; }

hr {
  border: 0;
  background: #90a4ae;
  height: 1px; }

.padding {
  padding: 8px; }

.extra-padding {
  padding: 16px; }

.dont-shrink {
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.padding-sm {
  padding: 4px; }

p.small {
  font-size: 12px !important;
  line-height: 18px !important;
  padding: 8px 0; }

.scroll-row {
  white-space: nowrap;
  overflow-x: auto; }
  .scroll-row .thumb {
    white-space: normal;
    display: inline-block;
    width: 120px;
    margin: 4px; }

.card.marginless {
  margin: 0; }

.card.video {
  width: 25%; }

.grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .grid > div,
  .grid > ul {
    position: relative;
    -ms-flex: 1 0 250px;
        flex: 1 0 250px; }
  .grid > .thumb {
    -ms-flex: inherit;
        flex: inherit;
    width: 140px; }
  .grid.horizontal-row {
    overflow-x: auto;
    transform: translateZ(0);
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 16px 0; }
    .grid.horizontal-row > div,
    .grid.horizontal-row > ul {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .grid.auto > div {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
  .grid:after {
    content: " ";
    -ms-flex: 1 0 300px;
        flex: 1 0 300px; }

.ripple-cover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #eeeeee;
  position: relative; }
  .ripple-cover .videos-done {
    background: #bdbdbd;
    -border-top: 1px solid #e0e0e0;
    padding: 16px 0; }
    .ripple-cover .videos-done .md-subhead {
      color: #fff; }

.card.assessment h4 {
  font-size: 1em !important;
  line-height: 1em !important;
  margin-top: 1.4em !important;
  opacity: 1 !important; }

.card.assessment table.data {
  background: #eee; }
  .card.assessment table.data td {
    padding: 0.6em !important; }

.patientName {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2em; }
  .patientName img {
    width: 1.1em;
    margin-left: 0.5em;
    opacity: 0.8; }

.practiceAdminPatient .patientName {
  margin-bottom: 0; }
  .practiceAdminPatient .patientName h6 {
    font-size: 1.5em !important; }
  .practiceAdminPatient .patientName a small {
    margin-left: .5em; }

.practiceAdminPatient .patientEmail h6 {
  font-size: .7em !important; }

.patientNameEdit {
  overflow: hidden;
  background: #e8e9e9;
  padding: 1em;
  margin-bottom: 1em; }

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background-color: #ff7043 !important; }

.react-datepicker__input-container input:focus {
  outline: none !important;
  border-color: none !important; }

.react-datepicker__header {
  background-color: #cfd8dc; }

.react-datepicker__navigation--next {
  border-left-color: #7f7f7f; }

.react-datepicker__navigation--previous {
  border-right-color: #7f7f7f; }

.react-datepicker {
  border: 0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }

.react-datepicker__day--keyboard-selected {
  background-color: #ff7043 !important; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-bottom-color: #cfd8dc; }

.terms .md-button:disabled {
  display: none; }

.sessionSearch.search-box__input {
  padding: 0 1em;
  width: calc(100% - 2em); }

.false > .selectSearchNav {
  background: transparent; }

.selectSearchNav {
  background: #d2d2d2;
  margin-bottom: 1em;
  padding: 0.5em;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 10; }

.selectSearchNav > a {
  margin-top: 0.2em; }

.ripple-cover {
  max-height: 60vh; }

.app-content.show {
  -ms-flex: none;
      flex: none;
  z-index: 10;
  overflow-y: hidden !important;
  position: fixed;
  height: 100%; }

.adminUserProfileDetails {
  height: 100%; }

.textWhite {
  color: #FFF !important; }

.sessionCard .headerAction a:hover {
  color: #888 !important; }

.assesmentCard .headerAction a:hover {
  color: #aaa !important; }

.modal-content .buttonify .md-caption:not(:last-child)::after {
  content: ", ";
  font-family: inherit; }

#emialProfileConfirmation input[type=email] {
  display: block;
  padding: .8em;
  width: 100%;
  box-sizing: border-box;
  margin: 1em 0;
  transition: all 0.2s ease;
  background: #fff; }

#emialProfileConfirmation p {
  font-size: 1.2em !important;
  text-align: center; }

#emialProfileConfirmation button[type=submit] {
  background-color: #FF7143;
  color: #fff;
  margin-top: 1em;
  display: inline;
  width: 100%;
  border-radius: 5px;
  padding: 1em 0;
  font-weight: 200 !important;
  filter: contrast(2);
  outline: none;
  text-transform: uppercase;
  transition: all 0.2s ease; }
  #emialProfileConfirmation button[type=submit]:focus {
    filter: contrast(1); }

.practiceTypes .addItem--wrapper {
  position: absolute !important; }

.practiceTypes .addItem--wrapper + div {
  margin-top: 22em !important; }

.practiceTypes .addItem--wrapper.open + div {
  margin-top: 2em !important; }

.practiceTypes form > input {
  margin-top: 1em; }

.practiceTypes .practiceTypeList {
  margin-top: 8em; }
  .practiceTypes .practiceTypeList li {
    background-color: #e5e5e5;
    color: #333;
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
    padding: 1em;
    position: relative; }
  .practiceTypes .practiceTypeList .edit {
    display: block;
    font-size: .8em;
    margin-top: .5em; }
  .practiceTypes .practiceTypeList .delete {
    position: absolute;
    right: 1em;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%); }

.my1 {
  margin: 1em 0 !important; }

.mx0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.my1 {
  margin: 1em 0 !important; }

.mb2 {
  margin-bottom: 2em !important; }

.p1 {
  padding: 1em !important; }

.adminTherapyCatogories .selectLabel {
  font-size: .8em;
  margin-top: 1em; }

.adminTherapyCatogories .professionSelect {
  margin: 0 !important;
  margin-bottom: 1em !important; }

.adminTherapyCatogories .addItem--wrapper {
  position: absolute; }

.selectLabel {
  font-size: .8em;
  margin-top: 1em; }

.professionSelect {
  margin: 0 !important;
  margin-bottom: 1em !important; }

.therpayCatagories {
  margin-top: 5em; }

.adminVideos .select {
  margin-top: 5em !important; }

.adminVideos .addItem--wrapper {
  position: absolute; }

.areasPageContent .select {
  margin-top: 3.1em;
  padding: 1em;
  background-color: #eceff1;
  text-align: center; }

.areasPageContent .resources-menu {
  margin-top: 0; }

main.adminTherapyAreas form input {
  margin-bottom: 1em; }

.mb1 {
  margin-bottom: 1em !important; }

.adminNote {
  margin-left: .2em; }

.select-category ul li:last-child .md-checkbox {
  margin-bottom: 0.5em; }

.areasPageContent.hideFilter .resources-menu {
  margin-top: 3.1em; }

.categoryRow .category-container img {
  display: block;
  margin: auto; }

.category-container caption {
  display: block; }

.sessionCard .category-container {
  max-width: 55px;
  min-width: 55px; }

.sessionCard .homeWorkSection .play-cover {
  display: none; }

.areas-menu .category-container caption {
  min-width: 55px; }

#mediaUploadContainer {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease; }
  #mediaUploadContainer .wrapper {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    #mediaUploadContainer .wrapper h6 {
      margin-bottom: 1em; }
    #mediaUploadContainer .wrapper button {
      border-color: transparent;
      background-color: #fff;
      margin-top: 1em; }
      #mediaUploadContainer .wrapper button:hover {
        background-color: #e5e5e5;
        filter: brightness(1.1);
        cursor: pointer; }
  #mediaUploadContainer .selectionBlock {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    max-width: 400px;
    margin-bottom: 2em; }
    #mediaUploadContainer .selectionBlock button {
      width: 115px;
      padding: 1em 1.6em;
      border-radius: 3px;
      border-color: transparent;
      background-color: #e5e5e5; }
      #mediaUploadContainer .selectionBlock button img {
        height: 50px;
        fill: #666; }
      #mediaUploadContainer .selectionBlock button:hover {
        border-color: transparent;
        filter: brightness(1);
        cursor: pointer; }
      #mediaUploadContainer .selectionBlock button:disabled {
        opacity: 0.7 !important;
        cursor: no-drop; }
  #mediaUploadContainer .enableFeatureBlock {
    display: none;
    background-color: #e5e5e5;
    padding: 1em 1.5em;
    border-radius: 3px;
    font-size: 90%; }
    #mediaUploadContainer .enableFeatureBlock.show {
      display: initial; }
  #mediaUploadContainer .uploadIcon {
    max-width: 80px; }
  #mediaUploadContainer .wrapper.photo input,
  #mediaUploadContainer .wrapper.document input,
  #mediaUploadContainer .wrapper.video input {
    outline: none; }
    #mediaUploadContainer .wrapper.photo input::-webkit-file-upload-button, #mediaUploadContainer .wrapper.photo input::-webkit-file-upload-text,
    #mediaUploadContainer .wrapper.document input::-webkit-file-upload-button,
    #mediaUploadContainer .wrapper.document input::-webkit-file-upload-text,
    #mediaUploadContainer .wrapper.video input::-webkit-file-upload-button,
    #mediaUploadContainer .wrapper.video input::-webkit-file-upload-text {
      visibility: hidden !important; }
    #mediaUploadContainer .wrapper.photo input::before,
    #mediaUploadContainer .wrapper.document input::before,
    #mediaUploadContainer .wrapper.video input::before {
      display: inline-block;
      border: 1px solid transparent;
      border-radius: 3px;
      padding: auto;
      outline: none;
      white-space: nowrap;
      -webkit-user-select: none;
      cursor: pointer;
      text-shadow: 1px 1px #fff;
      font-weight: 600;
      font-size: .8em;
      z-index: 100;
      width: 100%;
      background-color: #e5e5e5;
      text-align: center;
      padding: 4em 0;
      color: #444; }
  #mediaUploadContainer .wrapper.photo input::before {
    content: 'SELECT PHOTO'; }
  #mediaUploadContainer .wrapper.document input::before {
    content: 'SELECT DOCUMENT'; }
  #mediaUploadContainer .wrapper.video input::before {
    content: 'SELECT VIDEO'; }
  #mediaUploadContainer .wrapper.video small {
    font-size: 80% !important; }
  #mediaUploadContainer .wrapper.uploading img {
    margin-bottom: 1em; }
  #mediaUploadContainer .wrapper.uploading .videoUploading {
    margin: .5em 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column; }
    #mediaUploadContainer .wrapper.uploading .videoUploading .processingText {
      margin-bottom: 1em; }
  #mediaUploadContainer .wrapper.uploading .progressUploader {
    margin-bottom: 1em; }
  #mediaUploadContainer .wrapper.uploading progress {
    color: #e64a19; }
    #mediaUploadContainer .wrapper.uploading progress::-webkit-progress-value {
      background-color: #e64a19; }
  #mediaUploadContainer .wrapper.uploading small {
    font-size: 80% !important; }
  #mediaUploadContainer.open {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 10;
    visibility: visible;
    opacity: 1;
    display: block !important; }

.modal-wrapper .comment .thumb {
  margin: .25em .25em; }
  .modal-wrapper .comment .thumb.file {
    background-color: #fff;
    padding: .5em;
    border-radius: 4px;
    opacity: 0.8; }
    .modal-wrapper .comment .thumb.file a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      color: #666; }
    .modal-wrapper .comment .thumb.file svg {
      width: 25px;
      fill: #c11515 !important;
      margin-right: .5em;
      opacity: 0.8; }
    .modal-wrapper .comment .thumb.file small {
      display: block;
      line-height: 1; }

.photoFilterWrapper,
.documentFilterWrapper,
.videoFilterWrapper {
  font-size: 90%; }
  .photoFilterWrapper button,
  .documentFilterWrapper button,
  .videoFilterWrapper button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    padding: .5em;
    margin-bottom: .5em;
    border-color: transparent;
    color: #666;
    background-color: #e5e5e5 !important; }
    .photoFilterWrapper button:hover,
    .documentFilterWrapper button:hover,
    .videoFilterWrapper button:hover {
      background-color: #aaa !important;
      color: #333;
      opacity: 1 !important;
      cursor: pointer; }
    .photoFilterWrapper button svg,
    .documentFilterWrapper button svg,
    .videoFilterWrapper button svg {
      width: 25px;
      height: 25px;
      margin-right: .5em; }
  .photoFilterWrapper .thumb,
  .documentFilterWrapper .thumb,
  .videoFilterWrapper .thumb {
    line-height: 0; }
    .photoFilterWrapper .thumb.document a,
    .documentFilterWrapper .thumb.document a,
    .videoFilterWrapper .thumb.document a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      color: #666;
      background-color: #f5f5f5;
      padding: .5em; }
      .photoFilterWrapper .thumb.document a svg,
      .documentFilterWrapper .thumb.document a svg,
      .videoFilterWrapper .thumb.document a svg {
        width: 25px;
        margin-right: 1em; }
      .photoFilterWrapper .thumb.document a small,
      .documentFilterWrapper .thumb.document a small,
      .videoFilterWrapper .thumb.document a small {
        display: block;
        line-height: 1; }
      .photoFilterWrapper .thumb.document a:hover,
      .documentFilterWrapper .thumb.document a:hover,
      .videoFilterWrapper .thumb.document a:hover {
        filter: brightness(1);
        background-color: #e5e5e5; }
  .photoFilterWrapper .info,
  .documentFilterWrapper .info,
  .videoFilterWrapper .info {
    background-color: #d5d5d5;
    padding: .5em 0.25em;
    padding-left: .5em;
    margin-bottom: 1em;
    font-size: 80% !important; }
    .photoFilterWrapper .info > div,
    .documentFilterWrapper .info > div,
    .videoFilterWrapper .info > div {
      line-height: 0; }
    .photoFilterWrapper .info span,
    .documentFilterWrapper .info span,
    .videoFilterWrapper .info span {
      font-size: inherit !important;
      line-height: 1.2 !important; }
    .photoFilterWrapper .info img,
    .documentFilterWrapper .info img,
    .videoFilterWrapper .info img {
      margin-top: -3px; }
    .photoFilterWrapper .info .scopeText,
    .documentFilterWrapper .info .scopeText,
    .videoFilterWrapper .info .scopeText {
      text-transform: uppercase;
      font-size: inherit; }
    .photoFilterWrapper .info a,
    .documentFilterWrapper .info a,
    .videoFilterWrapper .info a {
      color: #666;
      margin-top: .5em; }
      .photoFilterWrapper .info a:hover,
      .documentFilterWrapper .info a:hover,
      .videoFilterWrapper .info a:hover {
        color: #333; }

#sessionModal .multiUpload {
  margin: .5em 0; }
  #sessionModal .multiUpload div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: .5em;
    font-size: 1.2em; }
    #sessionModal .multiUpload div span {
      margin-top: .2em;
      margin-right: .5em; }
    #sessionModal .multiUpload div:hover {
      cursor: pointer; }

.grid.gallery .thumb {
  margin: .5em 0; }
  .grid.gallery .thumb a.link {
    position: absolute;
    width: 15px;
    top: 0;
    right: 0;
    background-color: #fff;
    padding: .25em;
    box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.2); }
  .grid.gallery .thumb.file {
    width: 100%;
    background-color: #f5f5f5;
    padding: .5em;
    border-radius: 4px;
    opacity: 0.8; }
    .grid.gallery .thumb.file .fileName {
      color: #666;
      display: -ms-flexbox;
      display: flex; }
      .grid.gallery .thumb.file .fileName small {
        display: block;
        line-height: 1; }
    .grid.gallery .thumb.file svg {
      width: 25px;
      margin-right: .5em; }

.thumb.video {
  width: 280px; }
  .thumb.video > div {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAACpCAMAAACmqfCYAAAAOVBMVEXZ2dldXV2/v7+mpqa9vb3Ly8vS0tKFhYWWlpaurq5oaGhycnJ8fHyOjo7ExMSenp62trbFxcXPz88woY0tAAAH2klEQVR42uyaAW+zIBBAzyLYaktb//+P/QR6wU9NJm1cuvBelu04J8gb56wqAAAAAAAAAAAAAAAAAADwF3A7ERhPu7FSOfZUwFPq5lTEKDUTi5BC3F2F1OFvyXK+osX2mSz3rKoyP5L1rOw09oEsW905/21ZtsJ/kG/KGn2NVxNvyXK+zkuvN2S5Z63XqeWyXL0X9eWyRmQhC1nI2guyCkBWAcgqAFkFIKsAZBWArAK+QBafDbnrwP2sb5AlMiKLe/A83fkGWTw35Ik07zp8hyyRit6e5P2sEtoiWRUtoy1GFlYBo8dVEe7Hr6pO5AAAAAAAAAA1c22aXuOuaRoXvsU40RmnGxUjAWe6tF0WpPx9yl+mn5dXcgrb3Mk57dU2icH43Iy8GldJDNMu0swxbToS3W/I4VWOQGfxSKELc5csSzmvZUURykNmPHpN95uylMH+b8esZQUuO2Slbi+iUStH4cMqENH5mywr061lmUbJM1o4NNuylEHtaCebsga3R5bVpdXq0WYOqsNbqMK5rFhscW3lhOT6uXkRfwuR1byN+anZ3qfktqygtE8L8jVhGzq5ajOh5kyWpQOEaPHL5zhS6t/LcRjt3/XxrzKXFfB9tDGXlRr3rPicDzrklW1Z2jSzCYcx1rL6IQy9Q5YurVa3HkSuw0cYfSFLJ3bXRD623q1jF+MdstqFrG5b1j/2zG5HUhCIwnT4aQUB3/9pd6H2hKaKbqezcaIJ52ImooB8TWHBKQ3Ej7CgXLt6Au4ZQhxumBWOwQLNrRWAa3yp/0i8/PuZ5QdhWNs2R7AQFuG0iSXj0NNAOSzESFubrdKD9aIxOIalqRkMOJXipV6ScOEoEziChQ485vV5su1XXoewwmdYukeyHsEa5wrBDWBZ/BLHsJxHq+cJcUhR734Nlt/7LDQ6NYKFFXH7CAs9nD2x0I0rSKIawiov0RWIMPweVpfBY5BizbL4vDyPYamA3s4T4jChq/9d4PMRLMKb2oAtWhvBcqH8/wms5fRPIYYbaXpxWHgJ3cNyPHVAGoJMWrCLhQ8asb7gx4BpBdjHsIh4jNeB9RdUiJgrHJZ5fJGUbv33HOyU84Vu9zXUbcAu0F0JC22G68Cy9DrrAFbKWGEG2x0rtjt7XZ1d4ZHXWoee2ro9E0IXA0ZYD2Chr+vAUtujyHFY0PLzjfTSlaZHlxv0GfzGMvhdbqQt2hzDgp6/BwtDj+oNrPXTEQ2yACh31YzH1WbRSFsIGyxbab6BZa8Fy2JwElbW6uPhX8R9KGmP4712FLh0jSOHTAQLP1d8A0vpS8Gampqampqa+iyDhEpbpZj3xyxE6R4yz0apPbbKTvvqGhrkp9ItRHOR3mBVF5fp8lPm/TELUbqHDFar7V7uZMASbiESLejqtNqYpPcndj7CPexhtYeXkphCFrCkWwjAYH9xwd2r22Lm/UkLkbuHbU8DZ8KUND8kytoL7QWb6LFbmGtzpkzYrNXFVceBcxbm0MjTGuEe9tYx7sBOYk9Jt5DQXx4Sibt7zPuTFiJzDwWs5yssw2FJtzDXy7uojgMnOXxmyRNmFEF9GMKcgHu1M1jSLaSruwijtZ1zod9ZiF1R79lggc8Vlws1T9gZLO4W+hss6wKWoeNO5v1JV4z+jmERT1RJno66EjoZuoX/vroabVxbptHxlnl/X8NSeyBCrsytBQkHweJu4a1h+aSY9yfDUMLCE9Aa2qjtwvIs6RaWfu8Hi7YzzPt7s8Dnt7BAGFlD2lgGz93CDc8qexNYGhfM+5MWItzDYXWZNSCdACzpFuZy596wEH8iKYV7OKye3ItBDVodLO4WUpG394ZFMSctRO4edtVXMjhMKKEVvDbI9zksxD7MRq/vDQvZENtIC/fQtIvXHXZW4QF5LPBDt9BShnGfBR6whPc3thDzIayoGixv0MnYLbTb/WGR98csROEedrDUqmlamcKAqm26dfLGLVQrzbPn9Q//pqampqampv6wc7Yrb8MwFD5C/pTsJPd/tcNSRLqVwQv70zIfKHWoe4ofKiVEcra2tra2tv5zKf/75E4I5b+UAFvF94r9lt6G9ROxAofWDeunsMBUoOwNM3xX+djrMXoAJ5EmmIrvTtY5vNZzvLyrwWJKDqsRSQ+z2N1ssKpm4LFnm+DHIwN9rB/8xEL+K6xE3V7gDKaMMQEuYD3scKmOjAQoJZtZpCFrQ5EKpAWrU4LDGm4SZiwJOS9YTd0r7CW8jCPQyQefpwUr6bTImnPhmIgwGj4UBnDX4enCkp4AxgmWZSFGG0CXi3qE4eVfDTM5PQznKQdMbu8fnMM9Cl3oa3DRBz4Slr2mYLAGLVWPHEpIIq2g/LaRJz85qzacZEJTOCwaT86yKWGWo8QhdMIV9t2Mcao7e+ZLn7jjhBUmg9VgqtrvxfKQw1bjeoelMAUsYrr+gOVmDyxlCQxm/62w5j225O65ZwGUhlCEYcCKVBZhSAgUDkcYYRZhWDEHTG7/FoZfAitZXfjAmMjDYWU9wZbzy5PgMwJWkVGQ7+Ts/4lRb1ia0SiHmSf4tGBlz2Rh7wmeI8GXB1YVFJko8in9gK+w0NVO5kmI1hLG3b3H0TnkzbnywPJuj+49XcOWmWNjIdulQ5h59fFasOKM6fZvlw4fDGtra2tr61d7cCAAAAAAIMjfepArAAAAAABgIwXWWJOkSn+UAAAAAElFTkSuQmCC");
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 150px; }

@media only screen and (max-width: 784px) {
  .typeAndDateFilter .typeFilter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .typeAndDateFilter .typeFilter select {
      margin: 0;
      margin-top: .25em; }
  .typeAndDateFilter .react-datepicker__input-container input {
    width: 90px; } }

@media only screen and (min-width: 784px) {
  .sessionCard .category-container {
    max-width: initial; }
  .sessionCard .category-container img {
    height: 52px; } }

/* below tablet */
@media only screen and (max-width: 1024px) {
  .card.wide {
    border-radius: 0; }
  .card.video {
    width: 30%; }
  .modal-content .ripple-cover > div:last-child {
    height: calc(100% - 50px);
    position: absolute;
    width: 100%;
    top: 60px;
    overflow-y: scroll; }
  .modal-content .ripple-cover {
    height: 60vh; } }

.marginTopNone {
  margin-top: 0 !important; }

/* iPhone XR */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .app-content {
    margin-bottom: 3em; } }

/* iPhone XS */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .app-content {
    margin-bottom: 3em; } }

/* iPhone XS MAX */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  .app-content {
    margin-bottom: 3em; } }

@keyframes animateHeight {
  0% {
    height: 10%; }
  25% {
    height: 25%; }
  50% {
    height: 50%; }
  75% {
    height: 75%; }
  100% {
    height: 100%; } }

/* below tablet above phone */
@media only screen and (max-width: 450px) {
  .card.video {
    width: 45%; } }

/* below tablet above phone */
@media only screen and (max-width: 380px) {
  .card.video {
    width: 100%; } }

/*
Usage instructions

If you don't want the typography to be so intrusive, simply find the specific typography file for your desired preprocessor, and comment out the enforce-typography import. This will be moved to a variable in a future release.

All elements may be styled very specifically with the use of several classes. These classes are as follows: (please use them semantically)

//  ordered by semantic priority
.md-display-4
.md-display-3
.md-display-2
.md-display-1
.md-headline
.md-title
.md-subhead
.md-body-1
.md-body-2
.md-caption
.md-button
These are the equivalents of using the following plain HTML tags if enforce-typography is enabled:

h1
h2
h3
h4
h5
h6
h7 // a custom tag name
span
p
caption
button
*/
html,
body {
  height: 100vh; }

html {
  overflow: hidden; }

body {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: 0;
  text-align: center;
  display: -ms-flexbox;
  display: flex; }

.App {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #455a64;
  height: 100vh;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1);
  overflow-x: hidden;
  -ms-flex-align: center;
      align-items: center; }
  .App.blur {
    filter: url("#blur"); }
  .App > .app-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    background-color: #fff; }
  .App p {
    font-weight: 400 !important; }

hr {
  opacity: 0.25; }

a {
  text-decoration: none;
  color: #1e88e5; }

img {
  max-width: 100%;
  box-sizing: border-box; }

small {
  font-size: 0.667em !important; }

textarea {
  min-height: 32px; }

.App p {
  margin-bottom: 16px; }

.blur {
  filter: url("#blur"); }

.main {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  position: relative;
  text-align: left;
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  margin: 0 auto; }
  .main > div {
    position: relative; }
  .main .patientMenu {
    margin-top: 3.1em; }

.page-content {
  padding: 16px; }

.connecting {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 100;
  background: #263238;
  color: #fff;
  opacity: 0.7;
  padding: 8px;
  border-radius: 2px;
  font-size: 12px; }

.sub-title-bar {
  position: relative;
  background-color: #ffb74d;
  min-height: 46px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  z-index: 0; }
  .sub-title-bar .menu-bar button {
    background: transparent;
    height: 56px; }
    .sub-title-bar .menu-bar button.active {
      color: #fff;
      background: #ffa726; }
  .sub-title-bar a {
    color: #fff; }
  .sub-title-bar .md-subhead {
    text-align: center; }
  .sub-title-bar .avatar {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%); }

.spacerTopBottom {
  margin: 1em 0; }

h1,
h2,
h3,
h4,
h5 {
  margin: 0.5em 0 !important;
  opacity: 1 !important;
  text-transform: uppercase; }

.row.padding {
  padding: 8px; }

.md-list > li {
  padding: 8px 8px;
  color: #555; }
  .md-list > li .component-footer {
    margin-bottom: -8px;
    margin-right: -8px;
    margin-left: -8px;
    padding: 8px 8px;
    line-height: 1.5em; }
  .md-list > li .delete {
    position: relative;
    height: 1.5em;
    cursor: pointer;
    opacity: 0.5; }
    .md-list > li .delete img {
      height: 100%; }
  .md-list > li .avatar {
    opacity: 1 !important;
    margin-right: 16px;
    overflow: hidden; }
    .md-list > li .avatar img {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      max-width: 100%;
      max-height: 100%; }

.md-list > li.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }

.md-list.divider > li {
  border-bottom: 1px solid #eeeeee; }

.md-list.small > li.row {
  padding: 4px; }

.md-list > li.row > *.row-fill {
  -ms-flex: auto;
      flex: auto; }

.page {
  box-sizing: border-box;
  -ms-flex: 100%;
      flex: 100%;
  margin: auto;
  padding: 16px;
  width: 100%;
  text-align: left;
  background: #fff;
  display: block;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1); }

.menu-icon.disabled {
  display: none; }

/* tablet above Portrait */
@media only screen and (min-width: 800px) {
  .-fixed-menu {
    margin-left: 300px;
    background: transparent;
    box-shadow: none; }
  .-menu-icon.enabled {
    display: none; }
  .-menu-icon.disabled {
    display: block; } }

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.confirm-user {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  min-width: 42px; }
  .confirm-user .md-checkbox-circle {
    width: 40px;
    height: auto; }

.row-content {
  -ms-flex: 1;
      flex: 1; }

.user-profile-page .save-button {
  position: absolute;
  bottom: 8px;
  right: 8px; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.tick {
  display: inline-block;
  vertical-align: bottom;
  /* position: relative; */
  height: 16px;
  text-align: center;
  padding: 0 8px;
  font-size: 10px;
  cursor: pointer;
  opacity: 0.67;
  color: #ff7043; }
  .tick.inactive {
    color: #424242; }
  .tick img {
    height: 16px; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.therapy-area.editing {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.2); }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.admin-video {
  padding-bottom: 32px; }
  .admin-video .component-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }

.admin-video:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.2); }

.admin-video.editing {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  z-index: 5; }
  .admin-video.editing .card-header {
    height: 33.3334%; }

/* tablet above Portrait */
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.sub-title-bar {
  min-height: 5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  background-color: #444;
  background-blend-mode: multiply; }
  .sub-title-bar + .page.mb8.padding {
    box-shadow: none;
    background: #fff; }
    .sub-title-bar + .page.mb8.padding .card {
      background: #fff; }
    .sub-title-bar + .page.mb8.padding .md-subheading {
      display: none; }
  .sub-title-bar .menu-bar {
    height: 58px;
    width: 100%;
    background: #444;
    box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1);
    text-align: center; }
    .sub-title-bar .menu-bar > div {
      -ms-flex-positive: 1;
          flex-grow: 1;
      cursor: pointer;
      background-repeat: no-repeat;
      background-position: center -5px; }

.sub-title-bar-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  color: #fff; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.user-profile-page .sub-title-bar {
  min-height: 5em; }

.user-profile-page .edit-button {
  position: absolute;
  bottom: 8px;
  right: 8px; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.practice-page .signin-button {
  font-size: 14px !important; }

.practice-page .md-headline {
  height: 5em;
  padding: 0 1em; }

.practice-page .sub-title-bar {
  min-height: 0 !important; }
.loader {
  position: relative;
  display: inline-block;
  width: 120px; }
  .loader__dots {
    position: relative;
    margin-left: 100px auto;
    filter: url("#goo"); }
    .loader__dots__dot {
      position: absolute;
      display: inline-block;
      padding: 10px;
      height: 10px;
      width: 10px;
      border-radius: 10px;
      background: #fcf0b9;
      left: 0;
      top: 0;
      transition: 0.33s ease-out; }
    .loader__dots__dot:nth-child(1) {
      transform: translate3d(0, 0, 0); }
    .loader__dots__dot:nth-child(2) {
      transform: translate3d(150%, 0, 0);
      transition-delay: 0.1s; }
    .loader__dots__dot:nth-child(3) {
      transform: translate3d(300%, 0, 0);
      transition-delay: 0.2s; }
    .loader__dots__dot:nth-child(4) {
      transform: translate3d(150%, 0px, 0);
      height: 5px;
      width: 5px;
      top: 3px;
      background: #fff;
      box-shadow: 0 0 10px #ffffff, 0 0 10px #ffffff;
      animation: goo 4s infinite ease-in-out;
      transform: translate3d(-30px, 0, 0); }

.dark .loader__dots__dot {
  background: #FF123B; }

.dark .loader__dots__dot:nth-child(4) {
  background: #ff694e;
  box-shadow: 0 0 10px #ff694e, 0 0 10px #ff694e; }

@keyframes goo {
  0% {
    transform: translate3d(-100%, 0, 0); }
  50% {
    transform: translate3d(500%, 0, 0); }
  100% {
    transform: translate3d(-100%, 0, 0); } }
.jumping-yay {
  background-position: top center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  z-index: 500;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #fff; }

.md-button.joinPracticeButton {
  width: 100%;
  padding: 25px;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35); }
.jumping-man {
  fill: #fff;
  height: 200px; }

@keyframes yay {
  from {
    transform: translate3d(2px, 0px, 0); }
  to {
    transform: translate3d(-2px, 0px, 0); } }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.resources-menu {
  background: #eceff1;
  padding: 8px;
  position: relative;
  margin-top: 3.1em; }
  .resources-menu .active {
    opacity: 1; }
  .resources-menu a {
    text-align: center;
    cursor: pointer;
    opacity: 0.8;
    display: block;
    margin: 0 8px; }
  .resources-menu caption {
    margin-top: -4px;
    color: #546e7a;
    display: block; }
  .resources-menu img {
    margin-top: -16px;
    height: 48px; }

.practice-page .resources-menu {
  margin-top: 0; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.file-icon {
  fill: #455a64;
  height: 18px;
  opacity: 0.5;
  display: inline;
  transform: translateY(2px); }

.add-file-icon {
  width: 24px;
  height: 24px;
  position: relative; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.patientEdit input {
  border: 1px solid #eee;
  padding: .8em .5em;
  font-size: .9em !important;
  width: 87%; }

.patientEdit label {
  font-size: 0.7rem; }

.patientEdit .row {
  padding: .3em 0;
  -ms-flex-pack: center;
      justify-content: center; }

.patientEdit .patientNames .firstName,
.patientEdit .patientNames .lastName {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%; }

.patientEdit .datePicker,
.patientEdit .picContainer {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%; }

.patientEdit .picContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.patientEdit button {
  border-radius: 5px;
  margin-top: 1em;
  font-size: .8em !important; }

.addPatient .addItem--wrapper {
  padding: .5em; }
  .addPatient .addItem--wrapper .patientNames.row {
    -ms-flex-direction: column;
        flex-direction: column; }
    .addPatient .addItem--wrapper .patientNames.row .firstName,
    .addPatient .addItem--wrapper .patientNames.row .middleName,
    .addPatient .addItem--wrapper .patientNames.row .lastName {
      margin: .5em 0;
      width: 100%; }
  .addPatient .addItem--wrapper .patientEdit button {
    width: 35%;
    border-radius: 5px;
    background-color: #444;
    margin-top: 2em !important; }
  .addPatient .addItem--wrapper .patientEdit .dateAndPick .picContainer {
    margin-top: 1em; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.signin-link-button {
  display: none; }

.signin-button {
  width: 100%;
  margin: 4px 0;
  padding: 8px !important;
  color: #fff;
  font-size: 2em !important;
  text-transform: none !important; }
  .signin-button.facebook {
    background: transparent;
    border: 2px solid #3B599B;
    color: #3B599B; }
    .signin-button.facebook img {
      width: 20px;
      height: 20px;
      position: absolute;
      left: 13%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .signin-button.google {
    background: #E52427;
    border: 2px solid #E52427; }
    .signin-button.google img {
      width: 20px;
      height: 20px;
      position: absolute;
      left: 13%;
      top: 50%;
      transform: translate(-50%, -50%); }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.terms .menu-bar {
  display: none; }

.terms h1 {
  font-size: 1.6em !important;
  line-height: 1em !important;
  margin-bottom: 0.2em !important;
  margin-top: 1em !important; }

.terms .confirm-user {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 1em; }
  .terms .confirm-user .md-checkbox-circle {
    display: block;
    margin-right: 0.5em;
    width: 3em; }
  .terms .confirm-user .md-caption {
    font-size: 1em; }

.terms .btnWrap {
  clear: both;
  overflow: hidden;
  margin-top: 1em; }

.terms .side-nav__content > ul:nth-child(3) {
  display: none; }

.terms .search-box__content, .terms .search-box__header {
  display: none; }

.termsWrap {
  max-height: 300px;
  background: #eee;
  overflow: hidden;
  overflow-y: scroll;
  padding: 1em;
  border: 1px solid #CCC;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1); }
  .termsWrap h1 {
    font-size: 3em !important;
    line-height: 1em !important; }
  .termsWrap h2 {
    font-size: 1.2em !important;
    line-height: 1em !important;
    color: #ff7043; }
  .termsWrap h3 {
    font-size: 1.1em !important;
    line-height: 1em !important; }
  .termsWrap h4 {
    font-size: 1.05em !important;
    line-height: 1em !important; }
  .termsWrap h1, .termsWrap h2, .termsWrap h3 {
    margin-bottom: 0.5em !important;
    text-transform: none !important;
    opacity: 1 !important; }
  .termsWrap li {
    list-style-type: circle;
    margin-left: 3em; }

.termsWrap {
  text-align: justify; }

.termsWrap p {
  margin-bottom: 12px;
  line-height: 18px !important; }

@media screen and (max-width: 768px) {
  .btnWrap {
    display: -ms-flexbox;
    display: flex;
    font-size: 0.8em; }
    .btnWrap .md-button {
      width: 100%; } }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.areas-menu {
  background: #fff;
  -ms-flex: 1 0 82px;
      flex: 1 0 82px;
  padding: 8px;
  position: relative; }
  .areas-menu .active {
    opacity: 1; }
  .areas-menu a {
    cursor: pointer;
    opacity: 0.5;
    display: block;
    margin: 0;
    height: 64px; }
  .areas-menu img {
    margin: 0;
    height: 48px; }
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
.left {
  float: left; }

.right {
  float: right; }

.shadow-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.3); }

.round-corners {
  border-radius: 4px !important; }

.shadow-2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1); }

.tippy-popper[x-placement^=bottom] [x-arrow] {
  border-bottom: 7px solid #ff7043 !important;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent; }

.tippy-popper[x-placement^=top] [x-arrow] {
  border-top: 7px solid #ff7043 !important;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent; }

.tippy-popper[x-placement^=left] [x-arrow] {
  border-left: 7px solid #ff7043 !important;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent; }

.tippy-tooltip {
  background: #ff7043 !important; }

button:focus {
  outline: 0; }

.overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  background: #000;
  transition: opacity 0.25s; }
  .overlay.open {
    opacity: 0.4;
    pointer-events: all; }

@media only screen and (max-width: 500px) {
  .truncate-mobile {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; } }

@media only screen and (max-width: 400px) {
  .truncate-mobile {
    max-width: 150px; } }

.well {
  background: #eceff1;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.3); }
  .well.md-list li {
    border-bottom: 1px solid #cfd8dc; }
    .well.md-list li:last-child {
      border-bottom: none; }

.quiet {
  opacity: 0.5; }

.primary_color {
  color: #e64a19; }

.search-box {
  width: 100%;
  max-width: 800px;
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.1) !important;
  transition: box-shadow 0.25s;
  border-radius: 0 0 4px 4px; }
  .search-box:hover {
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.25), 0 4px 10px rgba(0, 0, 0, 0.22); }
  .search-box__header {
    background-image: linear-gradient(90deg, #ff7043, #e64a19);
    color: #fff;
    padding: 8px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold; }
  .search-box__content {
    padding: 8px;
    border: 1px solid #666;
    background-color: #fff;
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .search-box__search-icon {
    height: 20px;
    fill: #666;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    -ms-flex-order: 2;
        order: 2;
    margin-right: 8px; }
  .search-box__input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .search-box__input input[type="search"] {
      width: 100%;
      padding: 4px 8px;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
      .search-box__input input[type="search"]:focus {
        outline: none; }
  .search-box__results {
    border-radius: 0 0 2px 2px;
    background-color: #eceff1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.3); }
    .search-box__results .result {
      position: relative;
      border-bottom: 1px solid #cfd8dc; }
      .search-box__results .result:hover {
        background-color: #cfd8dc; }
      .search-box__results .result a {
        display: block;
        width: 100%;
        padding: 8px;
        line-height: 2em;
        font-size: 14px; }

input[type="date"] {
  width: 10em; }

.form-field {
  padding: 8px 0; }
  .form-field label {
    font-size: 12px;
    font-weight: bold;
    line-height: 2em; }
  .form-field .md-input {
    border-radius: 2px;
    padding: 4px 8px;
    height: auto;
    width: 100%;
    max-width: calc(40*8px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.3); }
  .form-field textarea {
    min-height: 8em; }

.gallery .image-container {
  width: 200px;
  margin: 1px; }
  .gallery .image-container .shadow {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1); }

.svg-icon {
  opacity: 1;
  height: 34px; }
  .svg-icon path.color,
  .svg-icon polygon.color {
    fill: #546e7a; }
  .svg-icon.true path.color,
  .svg-icon.true polygon.color {
    fill: #e64a19; }

.assessment-content {
  background-color: #fff;
  margin: 0 1em !important; }

.add-patient-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .add-patient-icon span {
    top: 0;
    right: -16px;
    font-size: 30px !important;
    color: #546e7a;
    font-weight: bold; }
  .add-patient-icon svg {
    position: absolute;
    bottom: 0;
    left: -16px; }

.category-icon {
  height: 42px;
  vertical-align: bottom; }

.category-areas {
  padding-top: 8px; }

.scroll-h {
  overflow-x: auto; }

.assesmentCard .category-container span {
  color: #fff; }

.category-container {
  position: relative;
  margin-bottom: 16px;
  max-width: 85px;
  text-align: center;
  padding: 10px !important;
  min-height: 80px; }
  .category-container span {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px !important;
    text-align: center;
    line-height: 12px !important; }
  .category-container.active {
    border-bottom: 1px solid #ff7043; }
    .category-container.active:after {
      position: absolute;
      bottom: -5px;
      left: 50%;
      transform: translateX(-50%);
      border-top: 5px solid #ff7043;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      content: ' ';
      height: 0;
      width: 0; }

.down-arrow {
  transition: transform 0.25s ease-in-out; }
  .down-arrow.open {
    transform: rotate(180deg); }

.hide {
  display: none; }

.notification {
  position: absolute;
  top: -8px;
  right: 0;
  border-radius: 2px;
  background: red;
  height: 18px;
  width: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1); }

.center {
  text-align: center; }

.jumping-man-path {
  fill: #fff; }

.md-subhead {
  opacity: 1 !important;
  font-weight: bolder !important; }

.fancy-background {
  background-position: center;
  background-repeat: repeat;
  color: #fff; }
  .fancy-background .md-subhead,
  .fancy-background .md-title {
    opacity: 1 !important; }

.animate-opacity {
  transition: opacity 0.5s ease-in-out; }

.card-footer {
  border-radius: 0;
  padding: 16px 8px 16px 8px !important; }

.primary-shade0 {
  background-color: #ff8a65;
  color: #fff !important; }

.primary-shade1 {
  background-color: #ffb74d;
  color: #fff !important; }

.primary-shade2 {
  background-color: #ffe0b2; }

.primary-font-color0 {
  color: #ff8a65; }

.primary-font-color1 {
  color: #ffb74d; }

.primary-sfont-color2 {
  color: #ffe0b2; }

.backdrop {
  z-index: 102;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: fixed !important; }
  .backdrop:after {
    transition: opacity 1s ease-out;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: #000; }
  .backdrop.open {
    z-index: 101; }
    .backdrop.open:after {
      opacity: 0.8; }

.paddingless {
  padding: 0; }

.section.dark {
  background-color: #37474f; }
  .section.dark .md-subhead {
    color: #eeeeee; }

.row-thumb {
  width: 100px; }

.icon {
  height: 1em; }
  .icon img {
    height: 100%; }

table {
  border: none;
  padding: 0;
  border-collapse: collapse;
  width: 100%; }
  table td,
  table th {
    padding: 2px 8px;
    vertical-align: middle; }
  table.data th {
    font-size: 12px;
    border-right: 1px solid #e0e0e0; }
  table.data td {
    font-size: 14px; }
  table.border {
    border: 1px solid #e0e0e0; }
    table.border th {
      background: #e0e0e0; }
    table.border td {
      border: 1px solid #e0e0e0; }
      table.border td input,
      table.border td textarea {
        border-bottom: none; }

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  box-sizing: border-box; }
  .row.center {
    -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  .row .fill {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%; }

.fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  z-index: 100; }

.popup-wrapper.darken {
  background: rgba(0, 0, 0, 0.4);
  overflow: auto; }

.parent-patient-page .page-menu {
  margin-top: 4em; }

.page-menu {
  background: #eee;
  padding: 1rem 0.5rem;
  position: relative; }
  .page-menu .row {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .page-menu > .link:first-child {
    margin-right: 8px;
    border-right: 1px solid #bdbdbd; }
  .page-menu .patientPhoto {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%; }
  .page-menu .patientInfo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding-left: .5rem;
    margin-right: auto; }
    .page-menu .patientInfo p {
      margin: 0;
      line-height: 1.4 !important;
      font-weight: bold !important; }
    .page-menu .patientInfo small {
      line-height: 1.2; }
  .page-menu .patientButtons .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center; }
  .page-menu .patientButtons a:first-of-type {
    padding: 1em;
    margin-right: .2em;
    line-height: .9; }
  .page-menu .patientButtons .newAssesment {
    padding: 1em;
    margin-right: .2em;
    line-height: .9; }
  .page-menu .patientButtons a {
    display: inline-block;
    font-size: .6em !important;
    font-weight: bold;
    background-color: #666;
    padding: .6em 1em;
    border-radius: 5px;
    color: #fff;
    margin-top: 2px; }
    .page-menu .patientButtons a:hover {
      cursor: pointer; }
    .page-menu .patientButtons a img {
      width: 1.4em; }
    .page-menu .patientButtons a img.archiveSVG {
      width: 1.1em;
      fill: #fff; }
    .page-menu .patientButtons a img.unArchiveSVG {
      width: 1.5em; }

.patientViewButtons {
  display: -ms-flexbox;
  display: flex; }
  .patientViewButtons .patientViewDetails img {
    width: 1.62em !important; }
  .patientViewButtons img {
    width: 1.4em !important;
    margin-right: 1.2em; }
  .patientViewButtons img.archiveDarkSVG {
    width: 1.2em !important; }
  .patientViewButtons img.unArchiveDarkSVG {
    width: 1.5em !important; }

.filterCard {
  display: block; }

.addItem--wrapper {
  text-align: left;
  padding: 16px;
  background: #fff;
  transform: translateY(-100%);
  transition: 0.25s transform ease-out;
  position: absolute;
  left: 0;
  right: 0;
  box-sizing: border-box;
  z-index: 2; }
  .addItem--wrapper.open {
    transform: translateY(0%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.adminTherapyAreas .addItem--wrapper,
.adminTherapyCatogories .addItem--wrapper,
.adminVideos .addItem--wrapper {
  margin-top: 3.1em; }

.adminTherapyAreas .addItem--wrapper + div {
  transform: translateY(-200px); }

.termsAndConditions .page {
  margin-top: 3.1em; }

.shadow-0 {
  box-shadow: none; }

.avatar {
  border-radius: 50%;
  background-size: cover; }

.avatar.large {
  width: 72px;
  height: 72px; }

img.avatar {
  width: 48px;
  height: 48px; }

.corner-action {
  position: absolute;
  top: 4px;
  right: 4px; }

.link {
  cursor: pointer; }
  .link.active {
    color: #e64a19; }

.top-draw-handle {
  position: absolute;
  bottom: -80px;
  right: 8px; }

.addItem--wrapper.open .top-draw-handle {
  transform: translateY(-56px); }

.open-close {
  transition: transform 0.5s;
  transform: rotate(-45deg); }

.open-close.close {
  transform: rotate(0deg); }

.component-footer {
  background: #f5f5f5;
  border-top: 1px solid #eeeeee;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }

.md-input {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  height: 2em;
  padding: 0;
  background: transparent;
  outline: none;
  width: 100%;
  transition: 0.34s border-bottom;
  color: rgba(0, 0, 0, 0.87); }

.md-input:focus {
  border-bottom: 1px solid #ffb74d; }

textarea.multiple {
  min-height: 6em;
  display: block;
  min-width: 100%;
  box-sizing: border-box;
  border: none;
  padding: 4px;
  background-color: #f5f5f5;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset; }

textarea.md-input:focus {
  border-bottom: none; }

.md-button {
  background: #eeeeee;
  border: none;
  min-height: 36px;
  padding: 0 16px;
  border-radius: 2px;
  min-width: 64px;
  cursor: pointer; }
  .md-button.dark {
    background-color: #455a64;
    color: #fff; }
    .md-button.dark.active {
      background-color: #90a4ae; }
  .md-button.pill {
    border-radius: 16px;
    line-height: 36px;
    width: auto;
    text-transform: none !important; }
  .md-button:disabled {
    opacity: 0.5 !important; }
    .md-button:disabled:hover {
      background-color: auto !important; }

.md-button-fab {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1);
  line-height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 1;
  position: absolute; }
  .md-button-fab.dark {
    background: #444;
    color: #fff; }
  .md-button-fab.add {
    font-size: 45px;
    font-weight: 100; }

.fixedButton {
  position: fixed;
  bottom: 13%;
  right: 7%;
  z-index: 101;
  transition: all 0.5s;
  will-change: position, transform; }
  .fixedButton.scrolling {
    visibility: hidden;
    opacity: 0;
    transition: all 0.01s; }
  .fixedButton:hover {
    cursor: pointer; }
  .fixedButton .menu {
    position: absolute;
    display: block;
    background-color: #666;
    color: #fff;
    padding: .6em 1em;
    bottom: 50%;
    right: 50%;
    z-index: 0;
    width: 150px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.1); }
    .fixedButton .menu a {
      display: block;
      color: #fff;
      font-size: .8em;
      text-transform: uppercase;
      line-height: 2.5; }

.md-button.md-transparent {
  background: transparent; }

.md-button.md-icon {
  padding: 0;
  min-width: auto;
  height: auto; }

.md-button.md-plain {
  background: none; }

.md-button.md-raised {
  border-radius: 30px;
  font-size: .6em !important;
  text-transform: uppercase !important;
  padding: 1.9em 0 !important;
  margin-bottom: 1.5em;
  position: relative;
  font-weight: bold; }
  .md-button.md-raised:active, .md-button.md-raised:focus {
    transform: scale(0.9); }

.md-button.md-primary {
  background: #ff7043;
  color: #fff; }

.md-button.md-primary:hover {
  background: #e64a19; }

.md-button.md-accent {
  background: #ffb74d;
  color: #fff; }

.md-button.md-accent:hover {
  background: #ffa726; }

label {
  opacity: 0.87;
  font-size: 0.8571rem; }

.fill {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%; }
  .fill.center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }

.scroll-x {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

.scroll-y {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.vibrant {
  opacity: 1 !important; }

.md-primary {
  color: #ff7043; }

.md-grey {
  color: #607d8b; }

.middle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.typeAndDateFilter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 1em; }
  .typeAndDateFilter .dateFilter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    border: 1px solid #333;
    padding: .2em .5em; }
    .typeAndDateFilter .dateFilter .icon {
      margin-right: .3em; }

@media (max-width: 360px) {
  .react-datepicker {
    display: -ms-flexbox;
    display: flex; }
  .react-datepicker__input-container input {
    width: 100px !important; }
  .patientButtons .buttons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: end !important;
        justify-content: flex-end !important; }
    .patientButtons .buttons a {
      margin-bottom: .2em; } }

.react-datepicker-popper .react-datepicker__triangle {
  transform: translateX(120px) !important; }
  .react-datepicker-popper .react-datepicker__triangle::before {
    content: none; }

.patientFilter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: 1em .5em;
  margin-top: 4.1em; }
  @media screen and (max-width: 600px) {
    .patientFilter .search-box__search-icon {
      display: none; }
    .patientFilter .searchContainer {
      -ms-flex: 1;
          flex: 1; } }

.patientMenu {
  position: relative; }
  .patientMenu .archiveConfirmation {
    position: fixed;
    left: 0;
    top: 3.1em;
    height: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 20;
    width: 100%;
    transition: all .5s;
    background-image: linear-gradient(90deg, #E52427, #e64a19);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .patientMenu .archiveConfirmation p {
      color: #fff;
      font-size: 1.2em !important;
      margin: 0; }
    .patientMenu .archiveConfirmation.show {
      height: 60px;
      opacity: 1;
      visibility: visible; }
    .patientMenu .archiveConfirmation.hide {
      height: 60px;
      transform: translateX(100%);
      transition: all .5s;
      opacity: 1; }
  .patientMenu .fixedButton {
    position: fixed;
    bottom: 13%;
    right: 8%;
    z-index: 101;
    width: 50px;
    height: 50px;
    background: #444;
    border-radius: 50%;
    box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.2); }
    .patientMenu .fixedButton div {
      color: #fff;
      position: absolute;
      width: 32px;
      height: 32px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }

.card {
  position: relative;
  padding: .5em;
  background: #eee;
  border-radius: 2px;
  margin: 8px 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  transition: box-shadow 0.2s; }
  .card.primary {
    background-color: #e64a19;
    color: #fff; }
  .card.high {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }
  .card.dark {
    background: #263238;
    color: #fff; }
  .card--no-overflow {
    overflow: hidden; }
  .card .component-footer {
    padding: 8px;
    line-height: 1.5em; }
  .card .card-header {
    border-radius: 0;
    font-weight: bolder;
    text-transform: uppercase;
    border-radius: 2px 2px 0 0;
    border-bottom: 1px solid #444;
    padding: 0;
    padding-bottom: .5em; }
    .card .card-header.row {
      -ms-flex-align: center;
          -ms-grid-row-align: center;
          align-items: center;
      margin-top: 1em; }
    .card .card-header .patientSessionOrAssesmentIcon {
      display: inline-block;
      box-sizing: border-box;
      height: 34px;
      width: 34px;
      line-height: 34px;
      border: 1px solid #444;
      background-color: #fff;
      color: #444;
      text-align: center;
      border-radius: 50%;
      -ms-flex: none;
          flex: none; }
      .card .card-header .patientSessionOrAssesmentIcon span {
        font-size: 22px !important;
        line-height: 34px !important; }
    .card .card-header .headerInfo {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      margin-left: .5em;
      margin-right: auto; }
      .card .card-header .headerInfo p {
        margin: 0; }
      .card .card-header .headerInfo small {
        text-transform: none; }
    .card .card-header .headerAction span,
    .card .card-header .headerAction a,
    .card .card-header .headerAction img {
      color: #666;
      fill: #666; }
  .card .side-nav__actual .search-box__content .search-box__input input {
    border: 0; }
  .card .homeWorkSection {
    padding: 0;
    margin: 0 -.5em -.5em -.5em !important;
    background-color: #ddd;
    transition: all .3s ease; }
    .card .homeWorkSection .md-subhead:hover {
      cursor: pointer; }
    .card .homeWorkSection:hover, .card .homeWorkSection:active {
      background-color: #444; }
      .card .homeWorkSection:hover .md-subhead a, .card .homeWorkSection:active .md-subhead a {
        color: #fff;
        cursor: pointer; }
    .card .homeWorkSection .md-subhead a:active {
      background-color: #444;
      cursor: pointer; }
    .card .homeWorkSection .md-subhead {
      text-align: center;
      font-size: .8em;
      padding: .5em 0;
      font-weight: lighter !important;
      position: relative; }
      .card .homeWorkSection .md-subhead span {
        position: absolute;
        right: 30%;
        top: 49%;
        transform: translate(-50%, -50%) rotate(90deg); }
    .card .homeWorkSection .video-grid {
      display: none; }
      .card .homeWorkSection .video-grid .videoContainer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
        .card .homeWorkSection .video-grid .videoContainer .thumb {
          -ms-flex: 0 0 30%;
              flex: 0 0 30%;
          margin-right: .5em;
          max-width: 150px; }
      .card .homeWorkSection .video-grid.show {
        display: block !important; }
  .card .card-content {
    padding: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; }
  .card label {
    opacity: 0.87;
    font-size: 0.8571rem; }
  .card.assesmentCard {
    background-color: #666;
    color: #fff; }
    .card.assesmentCard .card-header {
      border-bottom: 1px solid #eee; }
      .card.assesmentCard .card-header .headerInfo {
        color: #fff; }
    .card.assesmentCard .headerAction {
      line-height: 1; }
      .card.assesmentCard .headerAction img {
        width: 1.1rem;
        margin-bottom: 8px; }
    .card.assesmentCard .internalNotes h5 {
      font-size: .8em !important;
      margin: 0 !important;
      color: #fff; }
    .card.assesmentCard .internalNotes .notesContainer {
      font-size: .8em;
      height: 20px;
      line-height: 1.3;
      overflow: hidden;
      transition: all .3s;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #fff;
      transition: all .5s; }
      .card.assesmentCard .internalNotes .notesContainer.show {
        height: 100%;
        text-overflow: unset;
        white-space: unset;
        transition: all .3s; }
      .card.assesmentCard .internalNotes .notesContainer * {
        color: #fff !important;
        background-color: transparent !important; }
      .card.assesmentCard .internalNotes .notesContainer u {
        text-decoration: none !important; }
      .card.assesmentCard .internalNotes .notesContainer li {
        list-style: disc !important;
        list-style-position: inside !important; }
    .card.assesmentCard .internalNotes > div:nth-child(3),
    .card.assesmentCard .internalNotes .readMoreContainer {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      margin-top: .5em;
      padding: .25em 0; }
    .card.assesmentCard .internalNotes a {
      display: inline-block;
      text-align: center;
      font-size: .8em;
      padding: 2px 7px;
      color: #fff;
      cursor: pointer; }
      .card.assesmentCard .internalNotes a:not(:last-child) {
        margin-right: .8em; }
      .card.assesmentCard .internalNotes a:hover {
        background-color: #1e88e5;
        color: #fff;
        text-decoration: none; }
    .card.assesmentCard .categoriesSection {
      display: -ms-flexbox;
      display: flex;
      padding: .5em 0 0 0; }
      .card.assesmentCard .categoriesSection .catogories {
        width: 72%;
        border-right: 1px solid; }
        @media screen and (max-width: 380px) {
          .card.assesmentCard .categoriesSection .catogories {
            width: 66%; } }
        .card.assesmentCard .categoriesSection .catogories .row {
          width: 97%; }
        .card.assesmentCard .categoriesSection .catogories .category-container {
          margin-bottom: .2em; }
          .card.assesmentCard .categoriesSection .catogories .category-container caption {
            color: #fff; }
      .card.assesmentCard .categoriesSection .categoryRow {
        overflow: hidden;
        overflow-x: auto; }
      .card.assesmentCard .categoriesSection .commentAndDocs {
        width: 35%;
        margin-left: 1em;
        overflow: hidden; }
        .card.assesmentCard .categoriesSection .commentAndDocs .comments,
        .card.assesmentCard .categoriesSection .commentAndDocs .documents {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          width: 100%; }
          .card.assesmentCard .categoriesSection .commentAndDocs .comments img,
          .card.assesmentCard .categoriesSection .commentAndDocs .documents img {
            height: .9em; }
          .card.assesmentCard .categoriesSection .commentAndDocs .comments p,
          .card.assesmentCard .categoriesSection .commentAndDocs .documents p {
            margin: 0;
            margin-left: .7em;
            color: #fff;
            font-size: .6em !important; }

.categoryRow {
  overflow: hidden;
  overflow-x: auto; }

.patientViewDashboard {
  margin-top: 4em;
  padding: 0 .5em; }

.sessionCard .ticks {
  position: absolute;
  top: 37px;
  right: 18px; }
  .sessionCard .ticks img {
    width: 15px;
    height: 15px; }

.sessionCard .headerAction {
  display: -ms-flexbox;
  display: flex; }
  .sessionCard .headerAction > div:nth-child(1) {
    margin-right: .5em; }
  .sessionCard .headerAction div {
    padding: 0; }
    .sessionCard .headerAction div img {
      height: 1.3em; }

.sessionCard .internalNotes h5 {
  font-size: .8em !important;
  margin: 0 !important; }

.sessionCard .internalNotes .notesContainer {
  font-size: .8em;
  max-height: 18px;
  line-height: 1.3;
  overflow: hidden;
  transition: all .3s;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: max-height .5s; }
  .sessionCard .internalNotes .notesContainer.show {
    max-height: 300px;
    text-overflow: unset;
    white-space: unset; }
  .sessionCard .internalNotes .notesContainer em {
    background-color: transparent !important; }
  .sessionCard .internalNotes .notesContainer u {
    text-decoration: none; }
  .sessionCard .internalNotes .notesContainer strong {
    background-color: transparent !important; }
  .sessionCard .internalNotes .notesContainer * {
    background-color: transparent !important; }
  .sessionCard .internalNotes .notesContainer li {
    list-style: disc !important;
    list-style-position: inside !important; }

.sessionCard .internalNotes > div:nth-child(3),
.sessionCard .internalNotes .readMoreContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: .5em; }

.sessionCard .internalNotes a {
  display: inline-block;
  text-align: center;
  font-size: .8em;
  padding: 2px 5px;
  border: 1px solid transparent;
  cursor: pointer; }
  .sessionCard .internalNotes a:not(:last-child) {
    margin-right: .8em; }
  .sessionCard .internalNotes a:hover {
    color: #fff;
    background-color: #1e88e5; }

.sessionCard .categoryRow {
  overflow: hidden;
  overflow-x: auto; }

.heigth110 {
  height: 112%; }

.height100 {
  height: calc(100% + 5rem) !important; }

.mb5 {
  margin-bottom: 5rem !important; }

.mb8 {
  margin-bottom: 11rem !important; }

.mt3 {
  margin-top: 3rem !important; }

.editPatientCard {
  position: fixed;
  z-index: 1000;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all .2s; }
  .editPatientCard .card {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    max-width: 800px;
    overflow: scroll; }
  .editPatientCard .card-header {
    text-align: center;
    color: #444;
    border: 0;
    position: relative;
    padding: .5em 0; }
    .editPatientCard .card-header .link {
      position: absolute;
      top: -6px;
      right: 0%;
      font-size: 2em;
      color: #444;
      font-weight: 100; }
  .editPatientCard .cardContent {
    padding: 1em; }
  .editPatientCard label {
    color: #444;
    font-size: .7rem; }
  .editPatientCard input {
    border: 1px solid #888 !important; }
  .editPatientCard .picContainer {
    -ms-flex-direction: row;
        flex-direction: row;
    margin-top: .8rem; }
  .editPatientCard .datePicker {
    font-size: .8rem !important;
    color: #444; }
    .editPatientCard .datePicker input {
      margin-top: .2rem !important;
      padding: 1.1rem .5rem;
      width: 100%; }
  .editPatientCard .patientEdit button {
    width: 35%;
    border-radius: 5px;
    padding: .8rem !important;
    margin-top: 2rem !important;
    font-size: .7rem !important;
    margin: 0;
    background-color: #444; }

.verticalHr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: -.5rem;
  margin-top: .5rem; }
  .verticalHr span {
    height: 22px;
    background-color: #444;
    width: 1px; }

.hrAssesment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: .5rem;
  margin-top: .5rem; }
  .hrAssesment span {
    height: 22px;
    background-color: #444;
    width: 1px; }

.adminPracticesView .search-box {
  margin-top: 3.1em;
  box-shadow: none !important; }

.adminPracticesView .filterRow select {
  -ms-flex: 1;
      flex: 1; }

.adminPracticeSingleView {
  margin-top: 3.1em; }

.overflowHide {
  overflow: hidden !important; }

#assesmentFormScroll {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 110;
  top: 0;
  left: 0;
  overflow-y: scroll !important;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.7); }
  #assesmentFormScroll .inputTextArea {
    margin: 0.5em !important;
    display: block;
    width: 95%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    height: 150px !important;
    padding: .5em;
    font-size: .8em !important; }
  #assesmentFormScroll .upload-button {
    margin-right: 1em; }
  #assesmentFormScroll .selectedContainer {
    margin-top: 1em;
    margin: 1em;
    background-color: #fff;
    padding: .5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    border: 1px solid; }
    #assesmentFormScroll .selectedContainer :nth-child(2) {
      margin-top: 1em; }
    #assesmentFormScroll .selectedContainer span {
      font-size: .8em !important;
      margin-top: .5em; }
  #assesmentFormScroll .selectedAreasContainer {
    margin: 1em .5em;
    background-color: #fff;
    padding: .5em;
    border: 1px solid; }
    #assesmentFormScroll .selectedAreasContainer div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      #assesmentFormScroll .selectedAreasContainer div span {
        font-size: .7em !important; }
        #assesmentFormScroll .selectedAreasContainer div span:not(:last-child) {
          margin-right: .2em; }
          #assesmentFormScroll .selectedAreasContainer div span:not(:last-child)::after {
            content: ", ";
            margin-left: 0px;
            margin-right: 4px; }
  #assesmentFormScroll .category-areas {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 1em;
    overflow: visible; }
    #assesmentFormScroll .category-areas span {
      font-size: 1.8em !important;
      padding: 0;
      margin-right: .6em;
      display: inline-block; }
      #assesmentFormScroll .category-areas span:not(:last-child)::after {
        content: ",";
        display: inline;
        margin-left: 0px;
        margin-right: 4px; }
  #assesmentFormScroll .notesDate {
    background-color: #ccc;
    padding: 1em;
    margin: 1em .5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    #assesmentFormScroll .notesDate p {
      margin: 0 .5em;
      line-height: 1.2 !important;
      color: #444;
      font-size: .8em; }
      #assesmentFormScroll .notesDate p strong {
        font-weight: bold; }
  #assesmentFormScroll .newAssesmentForm {
    padding: 0;
    left: 50%;
    height: 100%;
    width: 100vw;
    max-width: 50em;
    transform: translate(-50%);
    overflow-y: scroll; }
    @media screen and (max-width: 800px) {
      #assesmentFormScroll .newAssesmentForm {
        left: 51%; } }
    @media screen and (max-width: 411px) {
      #assesmentFormScroll .newAssesmentForm {
        left: 50%; } }
  #assesmentFormScroll .assesmentHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3em;
    background: #444;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: .3em .7em;
    z-index: 120;
    box-sizing: border-box; }
    #assesmentFormScroll .assesmentHeader .close {
      width: 1.05em;
      transform: rotate(180deg);
      line-height: 0;
      cursor: pointer; }
    #assesmentFormScroll .assesmentHeader .title {
      margin: 0 auto;
      display: inline-block;
      font-size: .9em;
      font-weight: bold !important;
      color: #fff; }
    #assesmentFormScroll .assesmentHeader .savedIcon {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      opacity: 0;
      transform: all .2s; }
      #assesmentFormScroll .assesmentHeader .savedIcon.saved {
        opacity: 1; }
      #assesmentFormScroll .assesmentHeader .savedIcon span {
        font-size: 0.6em !important;
        color: #fff; }
  #assesmentFormScroll .internalAndParentNotes {
    background-color: #fff;
    border: 1px solid #999;
    box-sizing: border-box;
    margin: .5em; }
    #assesmentFormScroll .internalAndParentNotes .headerButtons {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 1em .5em; }
      #assesmentFormScroll .internalAndParentNotes .headerButtons > div:nth-child(1) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        color: #444;
        font-weight: bold; }
        #assesmentFormScroll .internalAndParentNotes .headerButtons > div:nth-child(1) small {
          text-transform: uppercase;
          font-weight: 400;
          font-size: .6em !important;
          margin-top: .4em; }
      #assesmentFormScroll .internalAndParentNotes .headerButtons > div:nth-child(2) button {
        padding: .7em 1em;
        font-size: .7em !important;
        color: #fff;
        background-color: #888;
        border: 0;
        margin: 0; }
        #assesmentFormScroll .internalAndParentNotes .headerButtons > div:nth-child(2) button.active {
          background-color: #e64a19; }
      #assesmentFormScroll .internalAndParentNotes .headerButtons > div:nth-child(2) > :nth-child(1) {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
      #assesmentFormScroll .internalAndParentNotes .headerButtons > div:nth-child(2) > :nth-child(2) {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
    #assesmentFormScroll .internalAndParentNotes .textContainer {
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 1em; }
      #assesmentFormScroll .internalAndParentNotes .textContainer .inputTextArea {
        margin: 0 0.5em;
        display: block;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #ddd;
        height: 18em !important;
        padding: .5em;
        font-size: .8em !important; }
        #assesmentFormScroll .internalAndParentNotes .textContainer .inputTextArea:focus {
          outline-color: #888; }
        @media screen and (max-width: 411px) {
          #assesmentFormScroll .internalAndParentNotes .textContainer .inputTextArea {
            height: 9em !important; } }
    #assesmentFormScroll .internalAndParentNotes .gallery {
      padding: 0 .5em;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      overflow-x: scroll; }
      #assesmentFormScroll .internalAndParentNotes .gallery .image-container {
        position: relative;
        display: inline-block;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
        width: 4em; }
        #assesmentFormScroll .internalAndParentNotes .gallery .image-container img {
          width: 100%; }
        #assesmentFormScroll .internalAndParentNotes .gallery .image-container a {
          position: absolute;
          right: 0; }
          #assesmentFormScroll .internalAndParentNotes .gallery .image-container a img {
            width: 1em; }
    #assesmentFormScroll .internalAndParentNotes .addImage {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: end;
          justify-content: flex-end;
      font-size: .8em;
      padding-right: 8px;
      margin: .6em 0; }
      #assesmentFormScroll .internalAndParentNotes .addImage p {
        margin-bottom: 0;
        margin-right: auto; }
      #assesmentFormScroll .internalAndParentNotes .addImage .uploader {
        display: inline-block; }
        #assesmentFormScroll .internalAndParentNotes .addImage .uploader img {
          width: 1.5em; }
      #assesmentFormScroll .internalAndParentNotes .addImage button {
        padding: .7em 1.4em;
        font-size: 1em !important;
        color: #fff;
        background-color: #444;
        border-radius: 5px;
        border: 0;
        margin: 0; }
  #assesmentFormScroll .notesAdded {
    margin-top: 1em;
    margin-left: .5em;
    margin-right: .5em;
    font-size: 1.1em;
    font-weight: 600;
    color: #444; }
    #assesmentFormScroll .notesAdded .notesBox {
      background-color: #444;
      color: #fff;
      padding: 1em;
      margin-top: .5em;
      border-top-left-radius: 15px;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px; }
      #assesmentFormScroll .notesAdded .notesBox:last-child {
        margin-bottom: 3em; }
      #assesmentFormScroll .notesAdded .notesBox > div:nth-child(1) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        margin-bottom: .3em; }
        #assesmentFormScroll .notesAdded .notesBox > div:nth-child(1) span {
          font-weight: bold !important;
          margin-right: auto;
          font-size: .9em !important; }
        #assesmentFormScroll .notesAdded .notesBox > div:nth-child(1) img {
          width: 1em;
          height: 1em;
          margin: 0 .5em; }
      #assesmentFormScroll .notesAdded .notesBox p {
        font-size: .6em !important;
        line-height: 1.6 !important;
        margin-bottom: 0.7em; }
      #assesmentFormScroll .notesAdded .notesBox > div:nth-child(3) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        #assesmentFormScroll .notesAdded .notesBox > div:nth-child(3) .image-container {
          margin-right: .5em;
          width: 3.5em;
          height: 2.5em;
          background-color: #888;
          position: relative;
          overflow: hidden; }
          #assesmentFormScroll .notesAdded .notesBox > div:nth-child(3) .image-container a {
            position: absolute;
            top: 0;
            right: 0; }
            #assesmentFormScroll .notesAdded .notesBox > div:nth-child(3) .image-container a img {
              width: .8em; }
  #assesmentFormScroll .swiper-container {
    width: 100%;
    overflow: hidden;
    padding-top: 3em;
    overflow-y: scroll; }
    #assesmentFormScroll .swiper-container .swiper-pagination-progressbar {
      top: 3em; }
    #assesmentFormScroll .swiper-container .swiper-wrapper {
      height: 100% !important; }
    #assesmentFormScroll .swiper-container .swiper-slide {
      width: 100%;
      margin-bottom: 8em; }
    @media screen and (min-width: 850px) {
      #assesmentFormScroll .swiper-container .select-category {
        padding: 0 1em; } }
  #assesmentFormScroll .swiper-pagination .swiper-pagination-progressbar-fill {
    background-color: #e64a19; }
  #assesmentFormScroll .datePicker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 1em;
    padding: 0 .5em;
    position: relative;
    z-index: 1000; }
    @media screen and (min-width: 411px) {
      #assesmentFormScroll .datePicker {
        -ms-flex-pack: end;
            justify-content: flex-end; } }
    #assesmentFormScroll .datePicker label {
      font-size: 1.2em;
      text-align: center;
      text-transform: uppercase; }
      @media screen and (min-width: 411px) {
        #assesmentFormScroll .datePicker label {
          margin-right: .8em; } }
      @media screen and (min-width: 411px) {
        #assesmentFormScroll .datePicker label .desktopNone {
          display: none; } }
    #assesmentFormScroll .datePicker .react-datepicker-wrapper {
      padding: .7em 1.8em;
      border: 1px solid #999;
      width: 150px;
      background-color: #fff; }
      #assesmentFormScroll .datePicker .react-datepicker-wrapper input[type='text'] {
        width: 130px !important; }
  #assesmentFormScroll .modal-footer {
    padding: 0;
    height: 7%;
    position: fixed;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 120; }
    #assesmentFormScroll .modal-footer a {
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      background-color: #bbb;
      color: #fff;
      font-size: .9em; }
    #assesmentFormScroll .modal-footer > :first-child {
      color: #444; }
    #assesmentFormScroll .modal-footer > :last-child {
      background-color: #444; }

.greetingPrimary {
  background-image: linear-gradient(90deg, #E52427, #e64a19) !important; }
  .greetingPrimary .middle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 2rem; }

input[type="search"] {
  border: 0; }

.assessmentView {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  padding: 0;
  max-width: 800px;
  margin: 0 auto;
  left: 50%;
  transform: translate(-50%);
  overflow-y: scroll; }
  .assessmentView *, .assessmentView .card-content, .assessmentView h4 {
    margin: 0;
    font-size: 62.5%;
    padding: 0; }
  .assessmentView .card-header {
    background-color: #444;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding: .8em .5em;
    font-size: 1.6em !important;
    color: #fff; }
    .assessmentView .card-header .link {
      color: #fff;
      line-height: 0;
      margin-bottom: .2em;
      font-size: inherit;
      font-weight: 100; }
  .assessmentView > div:nth-child(2) {
    overflow: visible;
    display: block;
    height: auto; }
  .assessmentView > div:nth-child(5) {
    margin-bottom: 4em; }
  .assessmentView .card-content table.data {
    background-color: #888 !important;
    color: #fff;
    padding-left: .5em; }
    .assessmentView .card-content table.data th, .assessmentView .card-content table.data td {
      padding: .3em;
      padding-left: 1em;
      font-size: 3.2em; }
  .assessmentView .card-content > span {
    padding: 1em 1em;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    margin-top: .5em; }
    .assessmentView .card-content > span h4 {
      color: #222;
      font-size: 1.4em !important;
      -ms-flex-item-align: start;
          align-self: flex-start; }
    .assessmentView .card-content > span > p {
      color: #444;
      border: 1px solid;
      border-radius: .25em;
      width: 100%;
      padding: .5em;
      box-sizing: border-box; }
  .assessmentView .card-content #internalNotesOpenAssesment > p span {
    font-size: 16px !important; }
  .assessmentView .card-content #internalNotesOpenAssesment > p p {
    font-size: 16px !important;
    line-height: 1 !important; }
  .assessmentView .card-content #internalNotesOpenAssesment strong {
    font-weight: bold !important;
    font-size: 16px !important; }
  .assessmentView .card-content #internalNotesOpenAssesment em {
    font-style: italic !important;
    font-size: 16px !important; }
  .assessmentView .card-content #internalNotesOpenAssesment u {
    font-size: 16px !important; }
  .assessmentView .card-content #internalNotesOpenAssesment li {
    list-style: disc !important;
    list-style-position: inside !important;
    font-size: 16px;
    font-weight: 400; }
  .assessmentView > div:nth-child(3) {
    margin-top: .8em;
    background-color: #fff;
    padding: 1em 2em;
    padding-bottom: 3em;
    height: 100%;
    display: block;
    overflow: visible; }
    .assessmentView > div:nth-child(3) .md-body1 {
      font-size: 1.8em !important;
      color: #888;
      text-transform: uppercase;
      margin-top: 1.5em; }
  .assessmentView > div:nth-child(4) {
    margin-top: .8em;
    background-color: #fff;
    padding: 1em 2em;
    padding-bottom: 3em;
    display: block;
    height: 100%;
    overflow: visible; }
    .assessmentView > div:nth-child(4) .md-body1 {
      font-size: 1.8em !important;
      color: #888;
      text-transform: uppercase;
      margin-top: 1.5em; }

.sessionView .close {
  font-size: 1.6em;
  margin-bottom: .3em; }

.sessionView .areasWorkedOn,
.sessionView .parentNotes {
  padding: 1em; }

.sessionView .category-areas {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: visible; }
  .sessionView .category-areas span {
    font-size: .7em !important;
    padding: 0;
    margin-right: .1em;
    display: inline-block; }
    .sessionView .category-areas span:not(:last-child)::after {
      content: ",";
      display: inline;
      margin-left: 0px;
      margin-right: 4px; }

.sessionView .modal-content {
  padding: 0 !important; }
  .sessionView .modal-content > div:nth-child(1) {
    background-color: #888;
    padding: 0 .5em !important;
    margin: 0; }
    .sessionView .modal-content > div:nth-child(1) p {
      color: #fff !important; }
  .sessionView .modal-content > div:nth-child(2) {
    background-color: #fff;
    padding: 1em 1em; }
    .sessionView .modal-content > div:nth-child(2) > p:nth-child(1) {
      font-size: 1.2em !important;
      text-transform: uppercase;
      color: #444; }
    .sessionView .modal-content > div:nth-child(2) .sessionNotes {
      font-size: 1em !important;
      border: 1px solid;
      color: #444;
      border-radius: .25em;
      width: 100%;
      padding: .5em;
      box-sizing: border-box;
      word-wrap: break-word; }
      .sessionView .modal-content > div:nth-child(2) .sessionNotes em {
        font-style: italic !important; }
      .sessionView .modal-content > div:nth-child(2) .sessionNotes strong {
        font-weight: bold !important; }
      .sessionView .modal-content > div:nth-child(2) .sessionNotes p {
        margin: 0; }
      .sessionView .modal-content > div:nth-child(2) .sessionNotes li {
        list-style: disc !important;
        list-style-position: inside !important;
        font-size: 14px;
        color: #444;
        letter-spacing: 0.01em !important;
        opacity: 0.87 !important; }
  .sessionView .modal-content .sessionNotes {
    word-wrap: break-word; }
    .sessionView .modal-content .sessionNotes em {
      font-style: italic !important; }
    .sessionView .modal-content .sessionNotes strong {
      font-weight: bold !important; }
  .sessionView .modal-content .videoSection {
    padding: 1em 1em; }
    .sessionView .modal-content .videoSection .md-subhead {
      font-size: 1.2em !important;
      text-transform: uppercase;
      color: #444;
      font-weight: 300 !important; }
  .sessionView .modal-content > div:nth-child(5) {
    background-color: #fff;
    padding: 1em 1em; }
    .sessionView .modal-content > div:nth-child(5) > p:nth-child(1) {
      font-size: 1.2em !important;
      text-transform: uppercase;
      color: #222;
      color: #444;
      font-weight: 300 !important; }
  .sessionView .modal-content > div:nth-child(7) {
    background-color: #fff;
    padding: 1em 2em; }
    .sessionView .modal-content > div:nth-child(7) > p:nth-child(1) {
      font-size: 1.2em !important;
      text-transform: uppercase;
      color: #444; }
    .sessionView .modal-content > div:nth-child(7) .sessionNotes {
      font-size: 1em !important;
      border: 1px solid;
      color: #444;
      border-radius: .25em;
      width: 100%;
      padding: .5em;
      box-sizing: border-box; }
      .sessionView .modal-content > div:nth-child(7) .sessionNotes p {
        margin: 0; }
      .sessionView .modal-content > div:nth-child(7) .sessionNotes em {
        font-style: italic !important; }
      .sessionView .modal-content > div:nth-child(7) .sessionNotes strong {
        font-weight: bold !important; }
  .sessionView .modal-content > div:nth-child(9) {
    padding: 1em 1em;
    box-sizing: border-box; }
    .sessionView .modal-content > div:nth-child(9) > p:nth-child(1) {
      font-size: 1.2em !important;
      text-transform: uppercase;
      color: #222;
      color: #222;
      font-weight: 300 !important;
      display: block;
      box-sizing: border-box; }

#editor-container {
  position: relative;
  z-index: 0; }
  #editor-container strong {
    font-weight: bold !important; }
  #editor-container em {
    font-style: italic !important; }
  #editor-container .ql-editor p {
    line-height: 1.2 !important;
    margin-bottom: .3em; }

.modal-wrapper .modal {
  background: none; }

.ql-toolbar.ql-snow {
  position: relative;
  z-index: 100; }
  .ql-toolbar.ql-snow .ql-picker-item {
    width: 24px;
    height: 24px; }

.internalAndParentNotes.hideToolbar .ql-toolbar {
  display: none; }

.ql-snow .ql-color-picker .ql-picker-options {
  width: auto !important; }

#sessionModal {
  max-width: 50em;
  margin: 0 auto;
  border: 1px solid;
  box-shadow: 0 1em 2em rgba(0, 0, 0, 0.2); }
  #sessionModal img[alt="loading"] {
    transform: scale(2); }
  #sessionModal .modal-header {
    padding: 0;
    padding: 0 .7em; }
    #sessionModal .modal-header .close {
      width: 1.2em;
      transform: rotate(180deg);
      line-height: 0;
      cursor: pointer; }
    #sessionModal .modal-header .modal-title {
      margin: 0 auto;
      display: inline-block;
      font-size: .9em;
      font-weight: 600; }
    #sessionModal .modal-header .savedIcon {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      opacity: 0;
      transform: all .2s; }
      #sessionModal .modal-header .savedIcon.saved {
        opacity: 1; }
      #sessionModal .modal-header .savedIcon span {
        font-size: 0.6em !important; }
  #sessionModal .modal-content {
    padding: 1em .5em 0 .5em;
    margin-bottom: 3.5em;
    overflow: hidden;
    overflow-y: scroll; }
    #sessionModal .modal-content .swiper-container {
      height: auto; }
    #sessionModal .modal-content .swiper-pagination {
      bottom: 0.1%;
      width: 100vw;
      position: fixed; }
      #sessionModal .modal-content .swiper-pagination .swiper-pagination-progressbar-fill {
        background-color: #e64a19; }
    @media screen and (min-width: 411px) {
      #sessionModal .modal-content .datePicker {
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; } }
    #sessionModal .modal-content .datePicker label {
      font-size: 1.2em;
      text-align: center;
      text-transform: uppercase;
      margin-left: .8em; }
      @media screen and (min-width: 411px) {
        #sessionModal .modal-content .datePicker label {
          margin-right: .8em !important; } }
      @media screen and (min-width: 411px) {
        #sessionModal .modal-content .datePicker label .desktopNone {
          display: none !important; } }
    #sessionModal .modal-content .datePicker .react-datepicker-wrapper {
      padding: .7em 1.8em;
      border: 1px solid #999;
      width: 150px;
      background-color: #fff; }
      #sessionModal .modal-content .datePicker .react-datepicker-wrapper input[type='text'] {
        width: 132px !important; }
    #sessionModal .modal-content .internalAndParentNotes {
      background-color: #fff;
      border: 1px solid #999;
      box-sizing: border-box; }
      #sessionModal .modal-content .internalAndParentNotes .headerButtons {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        padding: 1em .5em; }
        #sessionModal .modal-content .internalAndParentNotes .headerButtons > div:nth-child(1) {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          color: #444;
          font-weight: bold; }
          #sessionModal .modal-content .internalAndParentNotes .headerButtons > div:nth-child(1) small {
            text-transform: uppercase;
            font-weight: 400;
            font-size: .6em !important;
            margin-top: .4em; }
        #sessionModal .modal-content .internalAndParentNotes .headerButtons > div:nth-child(2) button {
          padding: .7em 1em;
          font-size: .7em !important;
          color: #fff;
          background-color: #888;
          border: 0;
          margin: 0; }
          #sessionModal .modal-content .internalAndParentNotes .headerButtons > div:nth-child(2) button.active {
            background-color: #e64a19; }
        #sessionModal .modal-content .internalAndParentNotes .headerButtons > div:nth-child(2) > :nth-child(1) {
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
        #sessionModal .modal-content .internalAndParentNotes .headerButtons > div:nth-child(2) > :nth-child(2) {
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px; }
      #sessionModal .modal-content .internalAndParentNotes .inputTextArea {
        margin: 0.5em !important;
        display: block;
        width: 95%;
        box-sizing: border-box;
        border: 1px solid #ddd;
        height: 8em !important;
        padding: .5em;
        font-size: .8em !important; }
        #sessionModal .modal-content .internalAndParentNotes .inputTextArea:focus {
          outline-color: #888; }
      #sessionModal .modal-content .internalAndParentNotes .gallery {
        padding: 1em .5em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        overflow-x: scroll; }
        #sessionModal .modal-content .internalAndParentNotes .gallery .image-container {
          position: relative;
          display: inline-block;
          -ms-flex: 0 0 20%;
              flex: 0 0 20%;
          width: 4em; }
          #sessionModal .modal-content .internalAndParentNotes .gallery .image-container img {
            width: 100%; }
          #sessionModal .modal-content .internalAndParentNotes .gallery .image-container a {
            position: absolute;
            right: 0; }
            #sessionModal .modal-content .internalAndParentNotes .gallery .image-container a img {
              width: 1em; }
      #sessionModal .modal-content .internalAndParentNotes .addImage {
        font-size: .8em;
        padding-right: .5em;
        padding-left: .5em;
        margin: .6em 0; }
        #sessionModal .modal-content .internalAndParentNotes .addImage .multiUpload {
          display: block;
          text-align: center; }
          #sessionModal .modal-content .internalAndParentNotes .addImage .multiUpload input {
            width: 120px;
            height: 33px;
            margin-bottom: 2em;
            border-radius: 5px;
            background: #999;
            overflow: hidden;
            color: #fff;
            position: relative; }
            #sessionModal .modal-content .internalAndParentNotes .addImage .multiUpload input::after {
              content: "UPLOAD IMAGES";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: #999;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-pack: center;
                  justify-content: center;
              -ms-flex-align: center;
                  align-items: center; }
        #sessionModal .modal-content .internalAndParentNotes .addImage p {
          margin-bottom: 0;
          margin-right: auto; }
        #sessionModal .modal-content .internalAndParentNotes .addImage .uploader {
          display: inline-block; }
          #sessionModal .modal-content .internalAndParentNotes .addImage .uploader img {
            width: 1.5em; }
        #sessionModal .modal-content .internalAndParentNotes .addImage .ctaSave {
          text-align: right; }
        #sessionModal .modal-content .internalAndParentNotes .addImage progress:not([value]) {
          opacity: 0;
          visibility: hidden; }
        #sessionModal .modal-content .internalAndParentNotes .addImage progress[value] {
          -webkit-appearance: none;
          -moz-appearance: none;
               appearance: none;
          width: 100%;
          height: 5px;
          margin-bottom: 1em;
          opacity: 1;
          visibility: visible; }
        #sessionModal .modal-content .internalAndParentNotes .addImage progress[value]::-webkit-progress-bar {
          background-color: #eee;
          border-radius: 2px;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; }
        #sessionModal .modal-content .internalAndParentNotes .addImage progress[value]::-webkit-progress-value {
          background-color: #e64a19; }
        #sessionModal .modal-content .internalAndParentNotes .addImage button {
          padding: .7em 1.4em;
          font-size: 1em !important;
          color: #fff;
          background-color: #444;
          border-radius: 5px;
          border: 0;
          margin: 0;
          width: 100%; }
    #sessionModal .modal-content .notesAdded {
      margin-top: 1em;
      font-size: 1.1em;
      font-weight: 600;
      color: #444; }
      #sessionModal .modal-content .notesAdded .notesBox {
        background-color: #444;
        color: #fff;
        padding: 1em;
        margin-top: .5em;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px; }
        #sessionModal .modal-content .notesAdded .notesBox > div:nth-child(1) {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          margin-bottom: .3em; }
          #sessionModal .modal-content .notesAdded .notesBox > div:nth-child(1) span {
            font-weight: bold !important;
            margin-right: auto;
            font-size: .9em !important; }
          #sessionModal .modal-content .notesAdded .notesBox > div:nth-child(1) img {
            width: 1em;
            height: 1em;
            margin: 0 .5em; }
        #sessionModal .modal-content .notesAdded .notesBox p {
          font-size: .6em !important;
          line-height: 1.6 !important;
          margin-bottom: 0.7em; }
        #sessionModal .modal-content .notesAdded .notesBox > div:nth-child(3) {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          #sessionModal .modal-content .notesAdded .notesBox > div:nth-child(3) .image-container {
            margin-right: .5em;
            width: 3.5em;
            height: 2.5em;
            background-color: #888;
            position: relative;
            overflow: hidden; }
            #sessionModal .modal-content .notesAdded .notesBox > div:nth-child(3) .image-container a {
              position: absolute;
              top: 0;
              right: 0; }
              #sessionModal .modal-content .notesAdded .notesBox > div:nth-child(3) .image-container a img {
                width: .8em; }
    #sessionModal .modal-content .notesDate {
      background-color: #ccc;
      padding: 1em;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      #sessionModal .modal-content .notesDate p {
        margin: 0;
        line-height: 1.2 !important;
        color: #444;
        font-size: .8em; }
        #sessionModal .modal-content .notesDate p strong {
          font-weight: bold; }
    #sessionModal .modal-content h6 {
      margin-top: 1em;
      color: #444;
      font-size: 1em !important;
      font-weight: bold !important; }
    #sessionModal .modal-content .swiperPage2 .selectedContainer {
      margin-top: 1em;
      background-color: #fff;
      padding: .5em;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      border: 1px solid; }
      #sessionModal .modal-content .swiperPage2 .selectedContainer :nth-child(2) {
        margin-top: 1em; }
      #sessionModal .modal-content .swiperPage2 .selectedContainer span {
        font-size: .8em !important;
        margin-top: .5em; }
    #sessionModal .modal-content .selectedAreasContainer {
      margin-top: 1em;
      background-color: #fff;
      padding: .5em;
      border: 1px solid; }
      #sessionModal .modal-content .selectedAreasContainer div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        #sessionModal .modal-content .selectedAreasContainer div span {
          font-size: .7em !important; }
          #sessionModal .modal-content .selectedAreasContainer div span:not(:last-child)::after {
            content: ", ";
            margin-left: -2px;
            margin-right: 4px; }
    #sessionModal .modal-content .ripple-cover {
      box-shadow: none !important;
      max-height: 50vh; }
    #sessionModal .modal-content .suggestedExcersizes {
      background-color: #fff;
      border: 1px solid;
      box-sizing: border-box; }
      #sessionModal .modal-content .suggestedExcersizes h6 {
        margin-left: 1em; }
      #sessionModal .modal-content .suggestedExcersizes .video-media .play-cover {
        background: rgba(255, 255, 255, 0.2); }
        #sessionModal .modal-content .suggestedExcersizes .video-media .play-cover img {
          display: none; }
      #sessionModal .modal-content .suggestedExcersizes .card-content {
        padding: 0 1em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-align: center;
            align-items: center; }
        #sessionModal .modal-content .suggestedExcersizes .card-content label {
          font-size: 1em;
          color: #444; }
      #sessionModal .modal-content .suggestedExcersizes .video-row .confirm-user {
        position: relative;
        z-index: 10; }
  #sessionModal .modal-footer {
    padding: 0;
    height: 3em;
    position: fixed;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 120; }
    @media screen and (min-width: 700px) {
      #sessionModal .modal-footer {
        max-width: 50em;
        transform: translate(-50%);
        left: 50%; } }
    #sessionModal .modal-footer a {
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      background-color: #bbb;
      color: #fff;
      font-size: .9em; }
    #sessionModal .modal-footer > :first-child {
      color: #444; }
    #sessionModal .modal-footer > :last-child {
      background-color: #444; }

#assesmentFormScroll .internalNotes {
  padding: 1em 1em;
  box-sizing: border-box; }
  #assesmentFormScroll .internalNotes button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    height: 50px; }
    #assesmentFormScroll .internalNotes button span {
      padding: 0;
      line-height: 0 !important;
      margin: 0;
      margin-left: .2em; }

@media screen and (max-width: 500px) {
  #editor-container .ql-editor {
    height: 100%; } }

.internalNoteContainer {
  padding: 1em;
  background-color: #fff; }

.parentDashboard {
  padding-top: 4.1rem !important; }
  .parentDashboard .video-grid {
    background-color: #eee; }
    .parentDashboard .video-grid h1 {
      font-size: 1em !important;
      font-weight: bold !important;
      border-bottom: 1px solid;
      line-height: 1 !important;
      padding: 0.3em 1em; }
  .parentDashboard .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row; }
    .parentDashboard .card > :first-child {
      -ms-flex: 0 0 6%;
          flex: 0 0 6%;
      position: relative;
      z-index: 0; }
      .parentDashboard .card > :first-child ::after {
        content: '';
        width: 71%;
        height: 71%;
        background-color: #fff;
        position: absolute;
        top: 8px;
        left: 8px;
        border-radius: 50%;
        z-index: -1; }
    .parentDashboard .card .avatar {
      background-color: #fff; }
    .parentDashboard .card .card-content p {
      margin-bottom: 0;
      line-height: 1.2 !important;
      font-size: .8em !important; }
    .parentDashboard .card:hover {
      background-color: #ddd; }
  .parentDashboard .card > div {
    display: inline-block; }

.addInternalNote,
#addInternalNote {
  margin-top: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%; }
  .addInternalNote textarea,
  #addInternalNote textarea {
    color: #444;
    border: 1px solid #444;
    border-radius: 5px;
    -ms-flex: 0 0 70%;
        flex: 0 0 70%;
    padding: .5em;
    font-size: 14px !important; }
    .addInternalNote textarea:focus,
    #addInternalNote textarea:focus {
      outline: none; }
  .addInternalNote button,
  #addInternalNote button {
    color: #e64a19;
    margin-left: 5px;
    border-radius: 5px;
    height: 100%;
    text-align: center;
    font-size: .7rem !important;
    padding: 1.56em 1em;
    background: transparent;
    border: 1px solid;
    box-sizing: border-box;
    display: inline-block;
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
    min-height: 32px; }
  .addInternalNote.noteSession button,
  #addInternalNote.noteSession button {
    font-size: .7rem !important;
    padding: 1.25em 1em; }

.modal-fill {
  max-width: 800px;
  background-color: #eee;
  margin: 0 auto; }

.adminUsers {
  margin-top: 3.1rem; }
  .adminUsers .search-box__content {
    margin-bottom: 1rem; }

.patientButtonNew {
  display: inline-block;
  text-align: center; }

.usersView .adminUsers {
  margin-top: 0; }

.logo {
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.3); }

.practice-page {
  margin-top: 3.1rem; }
  .practice-page .page {
    padding: .5rem;
    padding-top: 1rem; }
  .practice-page .adminPracticeView {
    padding: 1em 1em; }
    .practice-page .adminPracticeView h5 {
      color: #444; }
    .practice-page .adminPracticeView h6 {
      margin-bottom: .5rem; }

.therapistDashboard {
  margin-top: 3.1rem; }

.filterPatientsPractice {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }

.filterRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 1em 0; }
  .filterRow select {
    -ms-flex: 1;
        flex: 1; }

.large-header {
  -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center; }
  .large-header .app-content {
    -ms-flex-positive: 2;
        flex-grow: 2;
    max-width: 800px; }
  .large-header .app-header {
    width: 100%;
    background-color: #444;
    height: 20vh;
    padding-top: 3em;
    position: relative; }
    .large-header .app-header .logo-t {
      position: absolute;
      top: 50%;
      left: 50%;
      height: 57.667%;
      transform: translate(-50%, -50%);
      position: relative; }

.user-profile-page,
.usersView,
.pageLanding {
  margin-top: 3.1em; }

button,
a {
  background-position: center;
  transition: all 0.8s;
  backface-visibility: hidden; }

button:hover,
a:hover {
  transition: all .2s;
  filter: brightness(1.2); }

button:active .search-box__input input[type="search"],
a:active .userView .search-box__input input[type="search"] {
  border: 0 !important;
  outline: 0; }

.pageLanding .search-box__header {
  background-image: linear-gradient(90deg, #E52427, #e64a19) !important; }

.search-box__header {
  background-image: linear-gradient(90deg, #E52427, #e64a19) !important; }

.areaResourcesContent .search-box__input {
  border: 1px solid #888; }
  .areaResourcesContent .search-box__input input:focus,
  .areaResourcesContent .search-box__input input:active {
    border: 0; }

.parentDashboard {
  padding-top: 3.1rem; }
  .parentDashboard .video-grid {
    margin-bottom: 8em; }

.registerPage {
  margin-top: 3.1rem;
  margin-bottom: 8em; }
  .registerPage .md-button {
    margin-bottom: 3em; }

.ownerDashView {
  padding-top: 3.1rem; }

select {
  border: 0;
  margin: 0 .5em;
  background-color: inherit; }

.backButton {
  margin: 1em 0 !important;
  display: block; }

.parentPatientRecord {
  margin-bottom: 8em; }
  .parentPatientRecord .typeAndDateFilter {
    margin: 1em .5em; }
  .parentPatientRecord .assessment-content {
    margin: 0 .5em !important; }
  .parentPatientRecord .sessionCard {
    margin: 0 .5em !important; }
    .parentPatientRecord .sessionCard .headerAction img {
      filter: invert(0.6); }

.addPatientDrawer > :first-child {
  display: -ms-flexbox;
  display: flex; }
  .addPatientDrawer > :first-child div {
    border: 1px solid !important;
    border-radius: 20px;
    margin: .1em; }
  .addPatientDrawer > :first-child .bulkButton,
  .addPatientDrawer > :first-child .manualButton {
    cursor: pointer; }

.addPatientDrawer.loading {
  position: relative; }
  .addPatientDrawer.loading::before {
    position: fixed;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100; }
  .addPatientDrawer.loading::after {
    position: fixed;
    top: 0;
    left: 0;
    background: url(/public/images/loader.gif) center no-repeat;
    background-position: 50% 5%;
    content: 'Importing Patients';
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

.addPatientDrawer.complete {
  position: relative;
  transition: all .2s; }
  .addPatientDrawer.complete::before {
    position: fixed;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100; }
  .addPatientDrawer.complete::after {
    position: fixed;
    top: 0;
    left: 0;
    content: 'Import Complete';
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

.uploader a small {
  color: red; }

.patientDetailsView ~ div .sessionCard {
  margin: 0 !important; }
  .patientDetailsView ~ div .sessionCard .card-header {
    margin-top: 0; }

.patientDetailsView ~ div .assesmentCard .card-header {
  margin-top: 0; }

.addPatient .uploader {
  margin: 2em 0;
  display: block !important; }
  .addPatient .uploader > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .addPatient .uploader > div > a {
      -ms-flex: 0 0 80%;
          flex: 0 0 80%; }
    .addPatient .uploader > div .upload-button {
      display: inline;
      margin-left: auto; }
      .addPatient .uploader > div .upload-button::before {
        content: 'Import';
        vertical-align: 38%; }

.translucent-card {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  padding: 16px;
  color: #263238; }
  .translucent-card p {
    font-size: .8rem !important;
    line-height: 1.4 !important;
    margin-top: 1em; }
  .translucent-card hr {
    width: 8%;
    background: #444;
    border: 2px solid;
    border-radius: 25px;
    margin: 1.5em; }

.findOutMore {
  position: absolute;
  top: 130%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .findOutMore a {
    color: #444;
    font-size: .6rem;
    text-transform: uppercase; }

.thumb .card {
  border-radius: 0; }

hr {
  border: 0;
  background: #90a4ae;
  height: 1px; }

.padding {
  padding: 8px; }

.extra-padding {
  padding: 16px; }

.dont-shrink {
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.padding-sm {
  padding: 4px; }

p.small {
  font-size: 12px !important;
  line-height: 18px !important;
  padding: 8px 0; }

.scroll-row {
  white-space: nowrap;
  overflow-x: auto; }
  .scroll-row .thumb {
    white-space: normal;
    display: inline-block;
    width: 120px;
    margin: 4px; }

.card.marginless {
  margin: 0; }

.card.video {
  width: 25%; }

.grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .grid > div,
  .grid > ul {
    position: relative;
    -ms-flex: 1 0 250px;
        flex: 1 0 250px; }
  .grid > .thumb {
    -ms-flex: inherit;
        flex: inherit;
    width: 140px; }
  .grid.horizontal-row {
    overflow-x: auto;
    transform: translateZ(0);
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 16px 0; }
    .grid.horizontal-row > div,
    .grid.horizontal-row > ul {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .grid.auto > div {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
  .grid:after {
    content: " ";
    -ms-flex: 1 0 300px;
        flex: 1 0 300px; }

.ripple-cover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #eeeeee;
  position: relative; }
  .ripple-cover .videos-done {
    background: #bdbdbd;
    -border-top: 1px solid #e0e0e0;
    padding: 16px 0; }
    .ripple-cover .videos-done .md-subhead {
      color: #fff; }

.card.assessment h4 {
  font-size: 1em !important;
  line-height: 1em !important;
  margin-top: 1.4em !important;
  opacity: 1 !important; }

.card.assessment table.data {
  background: #eee; }
  .card.assessment table.data td {
    padding: 0.6em !important; }

.patientName {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2em; }
  .patientName img {
    width: 1.1em;
    margin-left: 0.5em;
    opacity: 0.8; }

.practiceAdminPatient .patientName {
  margin-bottom: 0; }
  .practiceAdminPatient .patientName h6 {
    font-size: 1.5em !important; }
  .practiceAdminPatient .patientName a small {
    margin-left: .5em; }

.practiceAdminPatient .patientEmail h6 {
  font-size: .7em !important; }

.patientNameEdit {
  overflow: hidden;
  background: #e8e9e9;
  padding: 1em;
  margin-bottom: 1em; }

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background-color: #ff7043 !important; }

.react-datepicker__input-container input:focus {
  outline: none !important;
  border-color: none !important; }

.react-datepicker__header {
  background-color: #cfd8dc; }

.react-datepicker__navigation--next {
  border-left-color: #7f7f7f; }

.react-datepicker__navigation--previous {
  border-right-color: #7f7f7f; }

.react-datepicker {
  border: 0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }

.react-datepicker__day--keyboard-selected {
  background-color: #ff7043 !important; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-bottom-color: #cfd8dc; }

.terms .md-button:disabled {
  display: none; }

.sessionSearch.search-box__input {
  padding: 0 1em;
  width: calc(100% - 2em); }

.false > .selectSearchNav {
  background: transparent; }

.selectSearchNav {
  background: #d2d2d2;
  margin-bottom: 1em;
  padding: 0.5em;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 10; }

.selectSearchNav > a {
  margin-top: 0.2em; }

.ripple-cover {
  max-height: 60vh; }

.app-content.show {
  -ms-flex: none;
      flex: none;
  z-index: 10;
  overflow-y: hidden !important;
  position: fixed;
  height: 100%; }

.adminUserProfileDetails {
  height: 100%; }

.textWhite {
  color: #FFF !important; }

.sessionCard .headerAction a:hover {
  color: #888 !important; }

.assesmentCard .headerAction a:hover {
  color: #aaa !important; }

.modal-content .buttonify .md-caption:not(:last-child)::after {
  content: ", ";
  font-family: inherit; }

#emialProfileConfirmation input[type=email] {
  display: block;
  padding: .8em;
  width: 100%;
  box-sizing: border-box;
  margin: 1em 0;
  transition: all 0.2s ease;
  background: #fff; }

#emialProfileConfirmation p {
  font-size: 1.2em !important;
  text-align: center; }

#emialProfileConfirmation button[type=submit] {
  background-color: #FF7143;
  color: #fff;
  margin-top: 1em;
  display: inline;
  width: 100%;
  border-radius: 5px;
  padding: 1em 0;
  font-weight: 200 !important;
  filter: contrast(2);
  outline: none;
  text-transform: uppercase;
  transition: all 0.2s ease; }
  #emialProfileConfirmation button[type=submit]:focus {
    filter: contrast(1); }

.practiceTypes .addItem--wrapper {
  position: absolute !important; }

.practiceTypes .addItem--wrapper + div {
  margin-top: 22em !important; }

.practiceTypes .addItem--wrapper.open + div {
  margin-top: 2em !important; }

.practiceTypes form > input {
  margin-top: 1em; }

.practiceTypes .practiceTypeList {
  margin-top: 8em; }
  .practiceTypes .practiceTypeList li {
    background-color: #e5e5e5;
    color: #333;
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
    padding: 1em;
    position: relative; }
  .practiceTypes .practiceTypeList .edit {
    display: block;
    font-size: .8em;
    margin-top: .5em; }
  .practiceTypes .practiceTypeList .delete {
    position: absolute;
    right: 1em;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%); }

.my1 {
  margin: 1em 0 !important; }

.mx0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.my1 {
  margin: 1em 0 !important; }

.mb2 {
  margin-bottom: 2em !important; }

.p1 {
  padding: 1em !important; }

.adminTherapyCatogories .selectLabel {
  font-size: .8em;
  margin-top: 1em; }

.adminTherapyCatogories .professionSelect {
  margin: 0 !important;
  margin-bottom: 1em !important; }

.adminTherapyCatogories .addItem--wrapper {
  position: absolute; }

.selectLabel {
  font-size: .8em;
  margin-top: 1em; }

.professionSelect {
  margin: 0 !important;
  margin-bottom: 1em !important; }

.therpayCatagories {
  margin-top: 5em; }

.adminVideos .select {
  margin-top: 5em !important; }

.adminVideos .addItem--wrapper {
  position: absolute; }

.areasPageContent .select {
  margin-top: 3.1em;
  padding: 1em;
  background-color: #eceff1;
  text-align: center; }

.areasPageContent .resources-menu {
  margin-top: 0; }

main.adminTherapyAreas form input {
  margin-bottom: 1em; }

.mb1 {
  margin-bottom: 1em !important; }

.adminNote {
  margin-left: .2em; }

.select-category ul li:last-child .md-checkbox {
  margin-bottom: 0.5em; }

.areasPageContent.hideFilter .resources-menu {
  margin-top: 3.1em; }

.categoryRow .category-container img {
  display: block;
  margin: auto; }

.category-container caption {
  display: block; }

.sessionCard .category-container {
  max-width: 55px;
  min-width: 55px; }

.sessionCard .homeWorkSection .play-cover {
  display: none; }

.areas-menu .category-container caption {
  min-width: 55px; }

#mediaUploadContainer {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease; }
  #mediaUploadContainer .wrapper {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    #mediaUploadContainer .wrapper h6 {
      margin-bottom: 1em; }
    #mediaUploadContainer .wrapper button {
      border-color: transparent;
      background-color: #fff;
      margin-top: 1em; }
      #mediaUploadContainer .wrapper button:hover {
        background-color: #e5e5e5;
        filter: brightness(1.1);
        cursor: pointer; }
  #mediaUploadContainer .selectionBlock {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    max-width: 400px;
    margin-bottom: 2em; }
    #mediaUploadContainer .selectionBlock button {
      width: 115px;
      padding: 1em 1.6em;
      border-radius: 3px;
      border-color: transparent;
      background-color: #e5e5e5; }
      #mediaUploadContainer .selectionBlock button img {
        height: 50px;
        fill: #666; }
      #mediaUploadContainer .selectionBlock button:hover {
        border-color: transparent;
        filter: brightness(1);
        cursor: pointer; }
      #mediaUploadContainer .selectionBlock button:disabled {
        opacity: 0.7 !important;
        cursor: no-drop; }
  #mediaUploadContainer .enableFeatureBlock {
    display: none;
    background-color: #e5e5e5;
    padding: 1em 1.5em;
    border-radius: 3px;
    font-size: 90%; }
    #mediaUploadContainer .enableFeatureBlock.show {
      display: initial; }
  #mediaUploadContainer .uploadIcon {
    max-width: 80px; }
  #mediaUploadContainer .wrapper.photo input,
  #mediaUploadContainer .wrapper.document input,
  #mediaUploadContainer .wrapper.video input {
    outline: none; }
    #mediaUploadContainer .wrapper.photo input::-webkit-file-upload-button, #mediaUploadContainer .wrapper.photo input::-webkit-file-upload-text,
    #mediaUploadContainer .wrapper.document input::-webkit-file-upload-button,
    #mediaUploadContainer .wrapper.document input::-webkit-file-upload-text,
    #mediaUploadContainer .wrapper.video input::-webkit-file-upload-button,
    #mediaUploadContainer .wrapper.video input::-webkit-file-upload-text {
      visibility: hidden !important; }
    #mediaUploadContainer .wrapper.photo input::before,
    #mediaUploadContainer .wrapper.document input::before,
    #mediaUploadContainer .wrapper.video input::before {
      display: inline-block;
      border: 1px solid transparent;
      border-radius: 3px;
      padding: auto;
      outline: none;
      white-space: nowrap;
      -webkit-user-select: none;
      cursor: pointer;
      text-shadow: 1px 1px #fff;
      font-weight: 600;
      font-size: .8em;
      z-index: 100;
      width: 100%;
      background-color: #e5e5e5;
      text-align: center;
      padding: 4em 0;
      color: #444; }
  #mediaUploadContainer .wrapper.photo input::before {
    content: 'SELECT PHOTO'; }
  #mediaUploadContainer .wrapper.document input::before {
    content: 'SELECT DOCUMENT'; }
  #mediaUploadContainer .wrapper.video input::before {
    content: 'SELECT VIDEO'; }
  #mediaUploadContainer .wrapper.video small {
    font-size: 80% !important; }
  #mediaUploadContainer .wrapper.uploading img {
    margin-bottom: 1em; }
  #mediaUploadContainer .wrapper.uploading .videoUploading {
    margin: .5em 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column; }
    #mediaUploadContainer .wrapper.uploading .videoUploading .processingText {
      margin-bottom: 1em; }
  #mediaUploadContainer .wrapper.uploading .progressUploader {
    margin-bottom: 1em; }
  #mediaUploadContainer .wrapper.uploading progress {
    color: #e64a19; }
    #mediaUploadContainer .wrapper.uploading progress::-webkit-progress-value {
      background-color: #e64a19; }
  #mediaUploadContainer .wrapper.uploading small {
    font-size: 80% !important; }
  #mediaUploadContainer.open {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 10;
    visibility: visible;
    opacity: 1;
    display: block !important; }

.modal-wrapper .comment .thumb {
  margin: .25em .25em; }
  .modal-wrapper .comment .thumb.file {
    background-color: #fff;
    padding: .5em;
    border-radius: 4px;
    opacity: 0.8; }
    .modal-wrapper .comment .thumb.file a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      color: #666; }
    .modal-wrapper .comment .thumb.file svg {
      width: 25px;
      fill: #c11515 !important;
      margin-right: .5em;
      opacity: 0.8; }
    .modal-wrapper .comment .thumb.file small {
      display: block;
      line-height: 1; }

.photoFilterWrapper,
.documentFilterWrapper,
.videoFilterWrapper {
  font-size: 90%; }
  .photoFilterWrapper button,
  .documentFilterWrapper button,
  .videoFilterWrapper button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    padding: .5em;
    margin-bottom: .5em;
    border-color: transparent;
    color: #666;
    background-color: #e5e5e5 !important; }
    .photoFilterWrapper button:hover,
    .documentFilterWrapper button:hover,
    .videoFilterWrapper button:hover {
      background-color: #aaa !important;
      color: #333;
      opacity: 1 !important;
      cursor: pointer; }
    .photoFilterWrapper button svg,
    .documentFilterWrapper button svg,
    .videoFilterWrapper button svg {
      width: 25px;
      height: 25px;
      margin-right: .5em; }
  .photoFilterWrapper .thumb,
  .documentFilterWrapper .thumb,
  .videoFilterWrapper .thumb {
    line-height: 0; }
    .photoFilterWrapper .thumb.document a,
    .documentFilterWrapper .thumb.document a,
    .videoFilterWrapper .thumb.document a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      color: #666;
      background-color: #f5f5f5;
      padding: .5em; }
      .photoFilterWrapper .thumb.document a svg,
      .documentFilterWrapper .thumb.document a svg,
      .videoFilterWrapper .thumb.document a svg {
        width: 25px;
        margin-right: 1em; }
      .photoFilterWrapper .thumb.document a small,
      .documentFilterWrapper .thumb.document a small,
      .videoFilterWrapper .thumb.document a small {
        display: block;
        line-height: 1; }
      .photoFilterWrapper .thumb.document a:hover,
      .documentFilterWrapper .thumb.document a:hover,
      .videoFilterWrapper .thumb.document a:hover {
        filter: brightness(1);
        background-color: #e5e5e5; }
  .photoFilterWrapper .info,
  .documentFilterWrapper .info,
  .videoFilterWrapper .info {
    background-color: #d5d5d5;
    padding: .5em 0.25em;
    padding-left: .5em;
    margin-bottom: 1em;
    font-size: 80% !important; }
    .photoFilterWrapper .info > div,
    .documentFilterWrapper .info > div,
    .videoFilterWrapper .info > div {
      line-height: 0; }
    .photoFilterWrapper .info span,
    .documentFilterWrapper .info span,
    .videoFilterWrapper .info span {
      font-size: inherit !important;
      line-height: 1.2 !important; }
    .photoFilterWrapper .info img,
    .documentFilterWrapper .info img,
    .videoFilterWrapper .info img {
      margin-top: -3px; }
    .photoFilterWrapper .info .scopeText,
    .documentFilterWrapper .info .scopeText,
    .videoFilterWrapper .info .scopeText {
      text-transform: uppercase;
      font-size: inherit; }
    .photoFilterWrapper .info a,
    .documentFilterWrapper .info a,
    .videoFilterWrapper .info a {
      color: #666;
      margin-top: .5em; }
      .photoFilterWrapper .info a:hover,
      .documentFilterWrapper .info a:hover,
      .videoFilterWrapper .info a:hover {
        color: #333; }

#sessionModal .multiUpload {
  margin: .5em 0; }
  #sessionModal .multiUpload div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: .5em;
    font-size: 1.2em; }
    #sessionModal .multiUpload div span {
      margin-top: .2em;
      margin-right: .5em; }
    #sessionModal .multiUpload div:hover {
      cursor: pointer; }

.grid.gallery .thumb {
  margin: .5em 0; }
  .grid.gallery .thumb a.link {
    position: absolute;
    width: 15px;
    top: 0;
    right: 0;
    background-color: #fff;
    padding: .25em;
    box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.2); }
  .grid.gallery .thumb.file {
    width: 100%;
    background-color: #f5f5f5;
    padding: .5em;
    border-radius: 4px;
    opacity: 0.8; }
    .grid.gallery .thumb.file .fileName {
      color: #666;
      display: -ms-flexbox;
      display: flex; }
      .grid.gallery .thumb.file .fileName small {
        display: block;
        line-height: 1; }
    .grid.gallery .thumb.file svg {
      width: 25px;
      margin-right: .5em; }

.thumb.video {
  width: 280px; }
  .thumb.video > div {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAACpCAMAAACmqfCYAAAAOVBMVEXZ2dldXV2/v7+mpqa9vb3Ly8vS0tKFhYWWlpaurq5oaGhycnJ8fHyOjo7ExMSenp62trbFxcXPz88woY0tAAAH2klEQVR42uyaAW+zIBBAzyLYaktb//+P/QR6wU9NJm1cuvBelu04J8gb56wqAAAAAAAAAAAAAAAAAADwF3A7ERhPu7FSOfZUwFPq5lTEKDUTi5BC3F2F1OFvyXK+osX2mSz3rKoyP5L1rOw09oEsW905/21ZtsJ/kG/KGn2NVxNvyXK+zkuvN2S5Z63XqeWyXL0X9eWyRmQhC1nI2guyCkBWAcgqAFkFIKsAZBWArAK+QBafDbnrwP2sb5AlMiKLe/A83fkGWTw35Ik07zp8hyyRit6e5P2sEtoiWRUtoy1GFlYBo8dVEe7Hr6pO5AAAAAAAAAA1c22aXuOuaRoXvsU40RmnGxUjAWe6tF0WpPx9yl+mn5dXcgrb3Mk57dU2icH43Iy8GldJDNMu0swxbToS3W/I4VWOQGfxSKELc5csSzmvZUURykNmPHpN95uylMH+b8esZQUuO2Slbi+iUStH4cMqENH5mywr061lmUbJM1o4NNuylEHtaCebsga3R5bVpdXq0WYOqsNbqMK5rFhscW3lhOT6uXkRfwuR1byN+anZ3qfktqygtE8L8jVhGzq5ajOh5kyWpQOEaPHL5zhS6t/LcRjt3/XxrzKXFfB9tDGXlRr3rPicDzrklW1Z2jSzCYcx1rL6IQy9Q5YurVa3HkSuw0cYfSFLJ3bXRD623q1jF+MdstqFrG5b1j/2zG5HUhCIwnT4aQUB3/9pd6H2hKaKbqezcaIJ52ImooB8TWHBKQ3Ej7CgXLt6Au4ZQhxumBWOwQLNrRWAa3yp/0i8/PuZ5QdhWNs2R7AQFuG0iSXj0NNAOSzESFubrdKD9aIxOIalqRkMOJXipV6ScOEoEziChQ485vV5su1XXoewwmdYukeyHsEa5wrBDWBZ/BLHsJxHq+cJcUhR734Nlt/7LDQ6NYKFFXH7CAs9nD2x0I0rSKIawiov0RWIMPweVpfBY5BizbL4vDyPYamA3s4T4jChq/9d4PMRLMKb2oAtWhvBcqH8/wms5fRPIYYbaXpxWHgJ3cNyPHVAGoJMWrCLhQ8asb7gx4BpBdjHsIh4jNeB9RdUiJgrHJZ5fJGUbv33HOyU84Vu9zXUbcAu0F0JC22G68Cy9DrrAFbKWGEG2x0rtjt7XZ1d4ZHXWoee2ro9E0IXA0ZYD2Chr+vAUtujyHFY0PLzjfTSlaZHlxv0GfzGMvhdbqQt2hzDgp6/BwtDj+oNrPXTEQ2yACh31YzH1WbRSFsIGyxbab6BZa8Fy2JwElbW6uPhX8R9KGmP4712FLh0jSOHTAQLP1d8A0vpS8Gampqampqa+iyDhEpbpZj3xyxE6R4yz0apPbbKTvvqGhrkp9ItRHOR3mBVF5fp8lPm/TELUbqHDFar7V7uZMASbiESLejqtNqYpPcndj7CPexhtYeXkphCFrCkWwjAYH9xwd2r22Lm/UkLkbuHbU8DZ8KUND8kytoL7QWb6LFbmGtzpkzYrNXFVceBcxbm0MjTGuEe9tYx7sBOYk9Jt5DQXx4Sibt7zPuTFiJzDwWs5yssw2FJtzDXy7uojgMnOXxmyRNmFEF9GMKcgHu1M1jSLaSruwijtZ1zod9ZiF1R79lggc8Vlws1T9gZLO4W+hss6wKWoeNO5v1JV4z+jmERT1RJno66EjoZuoX/vroabVxbptHxlnl/X8NSeyBCrsytBQkHweJu4a1h+aSY9yfDUMLCE9Aa2qjtwvIs6RaWfu8Hi7YzzPt7s8Dnt7BAGFlD2lgGz93CDc8qexNYGhfM+5MWItzDYXWZNSCdACzpFuZy596wEH8iKYV7OKye3ItBDVodLO4WUpG394ZFMSctRO4edtVXMjhMKKEVvDbI9zksxD7MRq/vDQvZENtIC/fQtIvXHXZW4QF5LPBDt9BShnGfBR6whPc3thDzIayoGixv0MnYLbTb/WGR98csROEedrDUqmlamcKAqm26dfLGLVQrzbPn9Q//pqampqampv6wc7Yrb8MwFD5C/pTsJPd/tcNSRLqVwQv70zIfKHWoe4ofKiVEcra2tra2tv5zKf/75E4I5b+UAFvF94r9lt6G9ROxAofWDeunsMBUoOwNM3xX+djrMXoAJ5EmmIrvTtY5vNZzvLyrwWJKDqsRSQ+z2N1ssKpm4LFnm+DHIwN9rB/8xEL+K6xE3V7gDKaMMQEuYD3scKmOjAQoJZtZpCFrQ5EKpAWrU4LDGm4SZiwJOS9YTd0r7CW8jCPQyQefpwUr6bTImnPhmIgwGj4UBnDX4enCkp4AxgmWZSFGG0CXi3qE4eVfDTM5PQznKQdMbu8fnMM9Cl3oa3DRBz4Slr2mYLAGLVWPHEpIIq2g/LaRJz85qzacZEJTOCwaT86yKWGWo8QhdMIV9t2Mcao7e+ZLn7jjhBUmg9VgqtrvxfKQw1bjeoelMAUsYrr+gOVmDyxlCQxm/62w5j225O65ZwGUhlCEYcCKVBZhSAgUDkcYYRZhWDEHTG7/FoZfAitZXfjAmMjDYWU9wZbzy5PgMwJWkVGQ7+Ts/4lRb1ia0SiHmSf4tGBlz2Rh7wmeI8GXB1YVFJko8in9gK+w0NVO5kmI1hLG3b3H0TnkzbnywPJuj+49XcOWmWNjIdulQ5h59fFasOKM6fZvlw4fDGtra2tr61d7cCAAAAAAIMjfepArAAAAAABgIwXWWJOkSn+UAAAAAElFTkSuQmCC");
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 150px; }

@media only screen and (max-width: 784px) {
  .typeAndDateFilter .typeFilter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .typeAndDateFilter .typeFilter select {
      margin: 0;
      margin-top: .25em; }
  .typeAndDateFilter .react-datepicker__input-container input {
    width: 90px; } }

@media only screen and (min-width: 784px) {
  .sessionCard .category-container {
    max-width: initial; }
  .sessionCard .category-container img {
    height: 52px; } }

/* below tablet */
@media only screen and (max-width: 1024px) {
  .card.wide {
    border-radius: 0; }
  .card.video {
    width: 30%; }
  .modal-content .ripple-cover > div:last-child {
    height: calc(100% - 50px);
    position: absolute;
    width: 100%;
    top: 60px;
    overflow-y: scroll; }
  .modal-content .ripple-cover {
    height: 60vh; } }

.marginTopNone {
  margin-top: 0 !important; }

/* iPhone XR */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .app-content {
    margin-bottom: 3em; } }

/* iPhone XS */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .app-content {
    margin-bottom: 3em; } }

/* iPhone XS MAX */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  .app-content {
    margin-bottom: 3em; } }

@keyframes animateHeight {
  0% {
    height: 10%; }
  25% {
    height: 25%; }
  50% {
    height: 50%; }
  75% {
    height: 75%; }
  100% {
    height: 100%; } }

/* below tablet above phone */
@media only screen and (max-width: 450px) {
  .card.video {
    width: 45%; } }

/* below tablet above phone */
@media only screen and (max-width: 380px) {
  .card.video {
    width: 100%; } }

.instruction-bar {
  padding: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .instruction-bar div {
    margin: 0 4px; }
  .instruction-bar .svg-icon {
    margin: 0 4px;
    vertical-align: middle; }
    .instruction-bar .svg-icon .color {
      fill: #fff; }
  .instruction-bar.primary-shade2 .svg-icon .color {
    fill: #546e7a; }

.page .instruction-bar {
  margin: 0 -16px; }
body.onboarding {
  position: fixed;
  overflow: hidden;
  height: 100% !important; }
  body.onboarding .noBreakMobile {
    display: none; }
  body.onboarding .App {
    z-index: -1; }
    body.onboarding .App > header {
      display: none; }
  body.onboarding .menu-bar {
    display: none; }
  body.onboarding svg:not(:root) {
    display: none; }
  body.onboarding #root {
    z-index: -1; }
  body.onboarding .swiper-pagination-bullet {
    background-color: #999; }
  body.onboarding .swiper-pagination-bullet-active {
    background-color: #FF7143;
    filter: contrast(2); }
  body.onboarding .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 26px; }
  body.onboarding .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 100%;
    padding: 1em 2em; }
    body.onboarding .content svg {
      width: 100%;
      max-width: 450px;
      height: auto;
      margin: 0 auto;
      margin-top: -2em;
      display: block !important;
      max-height: 50%; }
    body.onboarding .content p {
      margin: 3em 0;
      margin-top: 5em; }
  body.onboarding .wrapper {
    height: 100%;
    position: relative;
    max-width: 800px;
    margin: 0 auto; }
  body.onboarding .buttonGroup a {
    cursor: pointer;
    color: #FF7143;
    filter: contrast(2); }
  body.onboarding .buttonGroup .skipButton {
    margin-left: 2em;
    position: absolute;
    bottom: 25px;
    z-index: 100;
    left: 0; }
  body.onboarding .buttonGroup .nextButton {
    margin-right: 2em;
    position: absolute;
    bottom: 25px;
    z-index: 100;
    right: 0; }
  body.onboarding .buttonGroup .letsStartButton {
    display: none; }
  body.onboarding.lastSlide .skipButton,
  body.onboarding.lastSlide .nextButton {
    display: none; }
  body.onboarding.lastSlide .letsStartButton {
    display: block;
    width: 100%;
    max-width: 360px;
    padding: 0 1em;
    position: fixed;
    bottom: 25px;
    z-index: 100;
    transform: translateX(-50%);
    left: 50%; }
    body.onboarding.lastSlide .letsStartButton a {
      background-color: #FF7143;
      color: #fff;
      width: 100%;
      display: block;
      padding: 1em 2em;
      box-sizing: border-box;
      border-radius: 5px; }
      body.onboarding.lastSlide .letsStartButton a:hover, body.onboarding.lastSlide .letsStartButton a:active {
        filter: brightness(1.1); }
  body.onboarding.lastSlide .swiper-pagination {
    display: none; }

#therapistOnboarding,
#parentOnboarding,
#ownerOnboarding,
#onboarding {
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.9);
  height: 100%; }
  #therapistOnboarding .swiper-container,
  #parentOnboarding .swiper-container,
  #ownerOnboarding .swiper-container,
  #onboarding .swiper-container {
    height: 100%;
    margin: 0 auto;
    background-color: #fff; }
  #therapistOnboarding .onboardContainer,
  #parentOnboarding .onboardContainer,
  #ownerOnboarding .onboardContainer,
  #onboarding .onboardContainer {
    height: 100%;
    max-width: 800px;
    margin: 0 auto;
    background-color: #fff; }

#onboarding .logoAndHeadText {
  margin-bottom: 2em; }
  #onboarding .logoAndHeadText img {
    height: 250px; }
  #onboarding .logoAndHeadText p {
    font-size: 1.2em !important;
    color: #333;
    font-weight: 100 !important; }

#onboarding .selections {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 1em; }
  #onboarding .selections a {
    background-color: #FF7143;
    color: #fff;
    margin-bottom: 1em;
    display: inline;
    width: 100%;
    max-width: 400px;
    border-radius: 5px;
    padding: 1em 0;
    font-weight: 200 !important;
    filter: contrast(2); }

@media screen and (min-width: 800px) {
  .content p {
    font-size: 1.2em !important; }
  .noBreakMobile {
    display: block !important; } }

@media screen and (max-width: 412px) {
  body.onboarding .App {
    height: 100%; }
  body.onboarding .content svg {
    max-width: 270px; } }

@media screen and (max-height: 550px) {
  body.onboarding .content p {
    margin-top: 2em; } }
.md-display-1,.md-display-2,.md-display-3{opacity:.54;font-weight:400}.md-display-4{font-size:112px;font-weight:300;letter-spacing:-.010em;line-height:112px;opacity:.54}.md-display-3{font-size:56px;letter-spacing:-.005em;line-height:56px}.md-display-2{font-size:45px;line-height:64px}.md-display-1{font-size:34px;line-height:40px}.md-headline{font-size:24px;font-weight:400;line-height:32px;opacity:.87}.md-title{font-size:20px;font-weight:500;letter-spacing:.005em;opacity:.87}.md-subhead{font-size:16px;font-weight:400;letter-spacing:.010em;line-height:24px;opacity:.87}.md-body-1,.md-body-2{font-size:14px;letter-spacing:.010em;opacity:.87}.md-body-1{font-weight:400;line-height:20px}.md-body-2{font-weight:500;line-height:24px}h7,p{line-height:24px!important}.md-caption{font-size:12px;letter-spacing:.020em;opacity:.54}.md-button{text-transform:uppercase;letter-spacing:.010em;opacity:.87}h5,h6{opacity:.87!important}caption,h1,h2,h3,h4{opacity:.54!important}html{font-family:Roboto,Noto,sans-serif!important}h1{font-size:112px!important;font-weight:300!important;letter-spacing:-.010em!important;line-height:112px!important}h2,h3,h4,h5{font-weight:400!important}h2{font-size:56px!important;letter-spacing:-.005em!important;line-height:56px!important}h3{font-size:45px!important;line-height:64px!important}h4{font-size:34px!important;line-height:40px!important}h5{font-size:24px!important;line-height:32px!important}h6{font-size:20px!important;font-weight:500!important;letter-spacing:.005em!important}h7,span{font-weight:400!important}h7{font-size:16px!important;letter-spacing:.010em!important;opacity:.87!important}p,span{font-size:14px!important;letter-spacing:.010em!important;opacity:.87!important}span{line-height:20px!important}p{font-weight:500!important}caption{font-size:12px!important;letter-spacing:.020em!important}button{text-transform:uppercase!important;letter-spacing:.010em!important;opacity:.87!important}button,input,select,textarea{font-size:100%!important}body,html{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;min-height:100%!important;-webkit-text-size-adjust:100%!important;-ms-text-size-adjust:100%!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}/*
  ## vendor prefixes ##
  .element {
    @include prefix((transform: translate(-50%, -50%)), webkit ms);
  }
  .other-element {
    @include prefix((
      column-count: 3,
      column-gap: 1em,
      column-rule: 1px solid silver,
      column-width: 20em
    )), webkit moz);
  }
*/
/*
element {
  @include absolute(top 0 left 1em);
}
*/
html,
body {
  height: 100vh; }

body {
  position: absolute;
  overscroll-behavior: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  margin: 0;
  padding: 0; }

html,
body {
  position: fixed !important;
  overflow: hidden; }

#root {
  width: 100vw !important;
  height: 100vh !important;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch !important; }

.App {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 2; }

/*# sourceMappingURL=app.b91d3448.css.map*/