/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.carousel.min.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel .owl-item.center{z-index: 5;}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url('owl.video.play.e3b436436832b027.png') no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.theme.default.min.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{margin-top:10px}
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */ /*
 *  Owl Carousel - Core
 */ .owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
} .owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
} .owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
} .owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
} .owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
} .owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
} .owl-carousel .owl-item.center {
  z-index: 5;
} .owl-carousel .owl-item img {
  display: block;
  width: 100%;
} .owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
} .owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
} .owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
} .owl-carousel.owl-loaded {
  display: block;
} .owl-carousel.owl-loading {
  opacity: 0;
  display: block;
} .owl-carousel.owl-hidden {
  opacity: 0;
} .owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
} .owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
} .owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
} .owl-carousel.owl-rtl {
  direction: rtl;
} .owl-carousel.owl-rtl .owl-item {
  float: right;
} /* No Js */ .no-js .owl-carousel {
  display: block;
} /*
 *  Owl Carousel - Animate Plugin
 */ .owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
} .owl-carousel .owl-animated-in {
  z-index: 0;
} .owl-carousel .owl-animated-out {
  z-index: 1;
} .owl-carousel .fadeOut {
  animation-name: fadeOut;
} @keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
} /*
 * 	Owl Carousel - Auto Height Plugin
 */ .owl-height {
  transition: height 500ms ease-in-out;
} /*
 * 	Owl Carousel - Lazy Load Plugin
 */ .owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
} .owl-carousel .owl-item .owl-lazy {
  transition: opacity 400ms ease;
} .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
} .owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
} /*
 * 	Default theme - Owl Carousel CSS File
 */ .owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
} .owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
} .owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
} .owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
} .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
} .owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
} .owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
} .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
} .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
} .landscape .remote-vid-elem .agora_video_player {
  object-fit: contain !important;
} .activity-section .number-record {
  display: flex;
  width: 100%;
  margin-top: 10px;
} .number-record {
  display: flex;
  width: 100%;
  margin-top: 10px;
} .desktop-header {
  width: 100%;
} .right-bar .progress {
  background: white;
} .client .appointments-calendar {
  background-color: #fff;
  border-radius: 10px;
  margin-top: 10px;
  padding: 15px;
  font-weight: 500;
} .calendar .ant-card {
  height: 100%;
} .mobile-navitem {
  width: 100%;
  text-align: right;
  display: none;
} .desktop-navitem {
  display: inline;
} .calendar .ant-card {
  border-radius: 10px;
} .section {
  margin-bottom: 10px;
} @media only screen and (max-width: 650px) {
  .section {
    margin: 0;
  }
} .body-section {
  margin-left: 32px;
  margin-right: 32px;
} @media only screen and (max-width: 650px) {
  .body-section {
    margin: 0;
  }
} @media only screen and (max-width: 650px) {
  .mobile-header {
    height: 14vh;
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-size: cover !important;
  }
} @media only screen and (max-width: 650px) and (max-width: 650px) {
  .mobile-header .text {
    margin-top: 10px;
  }
} @media only screen and (max-width: 650px) {
  ::ng-deep .home-section .ant-empty-image {
    height: 40px !important;
  }
} .right-bar .ant-empty {
  margin: 0;
} .header img {
  border-radius: 10px !important;
} .weekly_tasks h2 {
  flex-grow: 1;
  display: flex;
} .weekly_tasks h2 b {
  flex-grow: 1;
} .view-more {
  float: right;
  margin-top: 10px;
} .view-calendar {
  margin-top: 10px;
} ::ng-deep .home-section .ant-card-body {
  padding: 0 !important;
  border-radius: 0;
} /* // mobile responsivenes */ @media only screen and (min-width: 651px) {
  .weekly_tasks h2 {
    font-weight: 500;
  }
  .user-information {
    display: flex;
  }
  .view-calendar-wrapper {
    display: none;
  }
  .calendar .ant-card {
    padding: 15px !important;
  }
  .calendar {
    border-radius: none !important;
  }
  .header {
    margin-top: 10px;
  }
  .desktop-header {
    display: block;
  }
  .mobile-header {
    display: none;
  }
  .personalInfo {
    margin-left: 0;
  }
} @media only screen and (max-width: 650px) {
  .calendar h2, .weekly_tasks h2 {
    font-weight: bold;
  }
  .edit-avatar {
    font-size: 11px;
  }
  :ng-deep .ant-modal-content {
    height: 100vh !important;
    overflow-y: auto;
  }
  .ant-table {
    border-radius: 10px;
  }
  .empty {
    background: #fff;
    border-radius: 10px;
    padding-bottom: 20px;
    padding-top: 10px;
  }
  .learningGoals .card {
    width: 100% !important;
    height: 100% !important;
  }
  .card:nth-child(2), .cardX:nth-child(2), .card:nth-child(5), .card:nth-child(8), .card:nth-child(11), .card:nth-child(14), .card:nth-child(17), .card:nth-child(20) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  ::ng-deep .fc .fc-toolbar.fc-header-toolbar {
    display: block !important;
    text-align: center !important;
  }
  ::ng-deep .ant-table {
    overflow-x: auto;
  }
  .clients .card {
    width: 100% !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .activity-section .progress {
    height: -moz-fit-content !important;
    height: fit-content !important;
    padding: 20px;
  }
  .activity-section .content .card {
    width: 95%;
  }
  .activity-section .content .goals .goal {
    width: 100% !important;
  }
  .header-wrapper {
    background-color: #ffffff !important;
  }
  ::ng-deep .right-bar .upcomingAppointments .ant-card-body {
    padding: 0 !important;
  }
  ::ng-deep .right-bar .upcomingAppointments {
    height: -moz-fit-content;
    height: fit-content;
  }
  .home-section .calendar .ant-card {
    padding: 20px;
  }
  .ant-table-container {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .header {
    margin-top: 0 !important;
  }
  .calendar {
    border-radius: none !important;
  }
  .left-bar-innerdiv {
    padding: 0 !important;
    border-radius: none;
  }
  .right-bar .ant-empty {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 10px 0;
    margin: 0;
  }
  .client {
    padding: 0 !important;
  }
  .revert {
    flex-direction: column-reverse;
  }
  .no-revert {
    display: inherit !important;
  }
  .header img {
    width: 100%;
  }
  .mobile-month-year {
    color: #00C268;
  }
  .mobile-header h1 {
    margin: 0;
    font-weight: bold;
    font-size: 20px;
  }
  .mobile-header .text h1 {
    color: #ffffff !important;
  }
  .mobile-header .text h4 {
    color: #ffffff !important;
  }
  .body-section {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: left top;
  }
  .home-section .mobile-header {
    padding: 4px 20px 20px 20px;
  }
  .desktop-header {
    display: none;
  }
} @media only screen and (min-width: 650px) and (max-width: 900px) {
  .progress-footer {
    width: 100% !important;
    text-align: center;
  }
  .left-bar-innerdiv {
    padding: 0 !important;
  }
  .ant-typography-ellipsis-single-line {
    white-space: inherit !important;
    width: 100% !important;
    overflow: none !important;
  }
  .clients .card {
    width: 50% !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .learningGoals .card {
    width: 30% !important;
    height: 50vh !important;
    word-wrap: break-word;
  }
  .revert {
    display: block !important;
  }
  .no-revert {
    display: block !important;
  }
  [nz-menu-item] {
    font-weight: 500;
    font-size: 12px !important;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: none;
    color: rgba(0, 0, 0, 0.767);
  }
} @media only screen and (max-width: 650px) {
  .body-section {
    margin-bottom: 16%;
  }
} @media only screen and (min-width: 650px) and (max-width: 900px) {
  .body-section {
    margin-bottom: 5%;
  }
} @media only screen and (max-width: 900px) {
  .left-bar-innerdiv {
    margin: 0;
    background-color: transparent;
    font-size: 11px;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .calendar, .personalInfo, .upcomingAppointments {
    border-radius: 10px;
  }
  .billing .card {
    margin-top: 10px;
  }
  .left-bar {
    width: 100%;
  }
  .body-section {
    padding: 20px !important;
  }
  .calendar .days {
    padding-left: 13px;
  }
  .ant-drawer-body .goals {
    max-width: 100% !important;
  }
  .configurator-wrapper .viewGoals {
    max-width: 100% !important;
  }
  .mobile-navitem .notification {
    margin-right: 20px;
    color: rgba(0, 0, 0, 0.4705882353);
  }
  .mobile-footer .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
    margin: 0 !important;
  }
  .section .left-bar {
    max-width: 100%;
  }
  .section .right-bar {
    max-width: 100%;
  }
  .desktop-navitem {
    display: none;
  }
  .mobile-navitem {
    display: block;
    text-align: right;
    width: 100%;
    color: rgba(0, 0, 0, 0.4705882353);
    font-size: 20px;
  }
} @media only screen and (min-width: 900px) {
  .appointments-calendar .calendar {
    margin-left: 0;
    height: 69vh;
  }
  .appointments-calendar .calendar .left-bar-innerdiv {
    width: 70%;
    margin-left: 15%;
  }
  .calendar {
    margin-left: 32px;
  }
  .calendar, .personalInfo {
    border-radius: 10px;
  }
  .activity-section .progress {
    margin-left: 32px !important;
  }
  .home-section .calendar .ant-card {
    margin-top: 10px;
    height: 89vh;
  }
  ::ng-deep .body-section .calendar {
    height: 89vh;
  }
  .activity-section .content {
    margin-left: 10px;
  }
  ::ng-deep .right-bar .upcomingAppointments {
    border-radius: 10px;
    height: 89vh;
  }
  .calendar {
    height: 89vh;
  }
  .left-bar-innerdiv {
    height: 89vh;
  }
  .billing .cards {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
  }
} @media only screen and (min-width: 900px) and (max-width: 1200px) {
  .learningGoals .card {
    height: 35vh !important;
  }
  .activity-section .number-record {
    display: inline-block;
    margin-top: 10px;
  }
  .activity-section .number-record .card {
    width: 100%;
    margin-top: 10px;
  }
  .number-record .card {
    width: 100%;
    margin-top: 10px;
  }
  .number-record {
    display: inline-block;
    margin-top: 10px;
  }
  .calendar .days {
    padding-left: 13px;
  }
  .header img {
    height: 15vh !important;
  }
  .learningGoals .card {
    width: 45% !important;
  }
} /* // end of mobile styles */ body {
  margin: 0;
} /* You can add global styles to this file, and also import other style files */ .ant-modal-title {
  font-weight: bolder;
  font-size: 20px;
} .ant-modal-footer {
  border: none !important;
} .confirmModal .ant-btn {
  border-radius: 32px;
} .nzNotificationTopUp {
  background-color: #FFE196 !important;
} .mobileDrawer .ant-drawer-body {
  max-height: 80vh !important;
} .hideClosebtn .ant-modal-close {
  display: none;
}