@charset "UTF-8";.custom-loading {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  height: 90%;
  height: calc(100% - 70px);
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999999999;
}

.custom-loading-full {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.custom-loading img {
  width: 64px;
  animation: loading 1s linear infinite;
  border-radius: 50%;
  padding: 2px;
}

@keyframes loading {
  0% {
    /* width: 64px; */
    border: 0px solid rgb(66, 84, 222, 0.2);
  }

  50% {
    /* width: 82px; */
    /* border: 40px solid rgb(66, 84, 222, 0.5); */
  }

  100% {
    /* width: 64px; */
    border: 40px solid rgb(66, 84, 222, 0.2);
  }
}
.spinner-reusable {
  /* Safari */
  animation: spinner-reusable 2s linear infinite;
}

.spinner-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid; */
  height: 15px;
  animation: dots 1s linear infinite;
}

.spinner-dots-circle {
  margin: 0 5px 0 5px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #576ce4;
}

.custom-spinner-full-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(0, 0, 0, 0.5);
  z-index: 99999;
}

.big-dot {
  width: 15px;
  height: 15px;
  border-radius: 15px;
}

.medium-dot {
  width: 12px;
  height: 12px;
  border-radius: 12px;
}

#dot1 {
  animation: dot1 1s linear infinite;
}

#dot2 {
  animation: dot2 1s linear infinite;
}

#dot3 {
  animation: dot3 1s infinite;
}

@keyframes dot1 {
  0% {
    width: 15px;
    height: 15px;
    border-radius: 15px;
  }

  50% {
    width: 10px;
    height: 10px;
    border-radius: 10px;
  }

  100% {
    width: 5px;
    height: 5px;
    border-radius: 5px;
  }
}

@keyframes dot2 {
  0% {
    width: 5px;
    height: 5px;
    border-radius: 5px;
  }

  50% {
    width: 15px;
    height: 15px;
    border-radius: 15px;
  }

  100% {
    width: 10px;
    height: 10px;
    border-radius: 10px;
  }
}

@keyframes dot3 {
  0% {
    width: 10px;
    height: 10px;
    border-radius: 10px;
  }

  50% {
    width: 5px;
    height: 5px;
    border-radius: 5px;
  }

  100% {
    width: 15px;
    height: 15px;
    border-radius: 15px;
  }
}

@keyframes spinner-reusable {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Safari */

@keyframes spinner-reusable {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
.login-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #4354de;
  color: white;
}

.login {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.login h1 {
  text-align: center;
}

.login input {
  width: 100%;
  height: 35px;
  margin: 10px 0;
  border-radius: 5px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  padding: 0 5px;
  font-size: 12px;
  /* padding: 20px; */
  /* box-sizing: border-box; */
}

.login button {
  width: 100px;
  height: 30px;
  margin: 0 auto;
  background: #ffffff;
  cursor: pointer;
  padding: 0;
  margin-top: 10px;
  color: black;
}

.login button:hover {
  color: black;
}

.login-loading {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: -70px;
}

.login-error {
  position: absolute;
  bottom: -40px;
  color: #ed4d4d;
}

.login-container img {
  width: 200px;
}
.main-drawer {
  width: 100%;
  height: 100%;
  /* background: black; */
  background: #2f353a;
  overflow: hidden;
}

.main-drawer-profile {
  display: none;
}

.main-drawer-inner {
  width: 100%;
  height: 90%;
  height: calc(100% - 30px);
  overflow: auto;
}

.drawer-component {
  position: relative;
  padding: 20px 15% 20px 25px;
  /* padding-right: 15%; */
  cursor: pointer;
  border-bottom: 1px solid #6f6f6d;
  color: white;
  font-size: 14px;
}

.drawer-app-ver {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6f6f6d;
}

.drawer-component img {
  width: 10%;
  position: absolute;
  right: 0;
  top: 40%;
  margin-right: 2%;
  transition: 0.2s linear;
}

.reverse-expand {
  transform: rotate(180deg);
  transition: 0.2s linear;
}

.normal-expand {
  transition: 0.2s linear;
}

.drawer-sub-component div {
  padding-left: 35px;
}

.drawer-sub-inner {
  padding: 15px 5px;
  padding-left: 15px;
  background: black;
}

@media (max-width: 700px) {
  .main-drawer-profile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 20px;
    color: #fff;
  }

  .drawer-logout {
    background-color: white;
    width: 70px;
    text-align: center;
    margin-right: 10px;
    padding: 10px;
    background: #ffffff;
    border-radius: 15px;
    cursor: pointer;
    color: #576ce3;
  }
}

@media (max-width: 400px) {
  .header-timezone-title {
    display: none;
  }
}
.dashboard {
  width: 90%;
  padding: 20px 30px;
  width: calc(90% - 60px);
  margin: 20px 5%;
  background: #ffffff;
  border-radius: 10px;
}

p {
  font-size: 14px;
}

.dashboard-users {
  width: 100%;
}

.dashboard-users h1 {
  color: #6f6f6f;
}

.dashboard-users-container {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

.dashboard-users-box {
  width: 20%;
  border: 1px solid #cfcfcf;
  text-align: center;
  border-radius: 10px;
}

.dashboard-users-box p {
  opacity: 0.7;
}

.dashboard-chart {
  width: 100%;
  padding: 20px;
  width: calc(100% - 40px);
  border: 1px solid #cfcfcf;
  border-radius: 10px;
}

.dashboard-sub-charts {
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}

.dashboard-sub-chart {
  width: 48%;
}

@media (max-width: 700px) {
  .dashboard-users-container {
    flex-direction: column;
  }
  .dashboard-users-box {
    width: 100%;
    margin: 10px 0;
  }
  .dashboard-sub-charts {
    flex-direction: column;
  }
  .dashboard-sub-chart {
    width: 100%;
    margin: 10px 0;
  }
}
.custom-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}

.custom-checkbox input {
  margin: 0;
  cursor: pointer;
}

.custom-checkbox-label {
  margin-left: 10px;
  font-size: 14px;
  color: #1b2437;
}
.teachers-invite {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 5px 0;
}

.teachers-invite button {
  margin-left: 5px;
  padding: 0 10px;
  height: 30px;
}

.teachers-invite input {
  margin: 0 10px;
  padding: 0 10px;
  height: 30px;
  width: 250px;
}

.teachers-count {
  margin: 10px 0;
}

.teachers-details-row {
  border: 2px solid #afbff8;
}

.teachers-details-row td {
  padding: 0 10px;
  height: 60px;
}

.teachers-details-row td input {
  height: 30px;
  width: 100%;
  font-size: 14px;
  font-family: Avenir;
  font-weight: 500;
  color: black;
  border: 1px solid #000;
  padding-left: 10px;
}

.teachers-details-row td select {
  height: 30px;
  width: 100%;
}
.custom-input-label {
  font-size: 14px;
}

.custom-input input {
  width: 100%;
  margin: 10px 0;
  height: 30px;
  font-size: 16px;
}
.radio-container {
  display: flex;
  cursor: pointer;
  align-items: center;
}

.custom-radio-circle {
  width: 1.5em;
  height: 1.5em;
  border-radius: 8px;
  border: 2px solid #1b2437;
  opacity: 0.5;
}

.custom-radio-selected {
  opacity: 1;
  border: 2px solid #576ce4;
}

.radio-selected {
  margin-top: 25%;
  margin-left: 25%;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background: #576ce4;
}

.custom-radio-text {
  margin-left: 10px;
  opacity: 1;
  font-family: PierSans-Regular;
  font-size: 13px;
  color: #1b2437;
  text-align: left;
  line-height: 22px;
  color: #8f8f8f;
}

.radio-container:hover .custom-radio-circle {
  opacity: 1;
  border: 2px solid #576ce4;
}

.radio-container:hover .radio-selected {
  opacity: 1;
  background: #576ce4;
}

.radio-container:hover .custom-radio-text {
  opacity: 1;
}
.custom-single-select-label {
  font-size: 14px;
}

.custom-single-select select {
  margin: 10px 0;
  width: 200px;
  height: 30px;
  font-size: 14px;
  background: #ffffff;
}

.custom-single-select-inner {
  display: flex;
  align-items: center;
}

.custom-single-select-inner img {
  width: 20px;
  height: 20px;
  border: 1px solid #ed4d4d;
  border-radius: 50%;
  margin-left: 5px;
  cursor: pointer;
}
.custom-date-picker-label {
  font-size: 14px;
}

.custom-date-picker {
  margin-left: 10px;
}

.react-datepicker__input-container input {
  margin: 10px 0;
  width: 200px;
  height: 30px;
  font-size: 16px;
}
.custom-modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999999999;
}

.custom-modal-inner-container {
  position: relative;
  background: white;
  width: 50%;
  max-height: 90%;
  max-width: 600px;
  min-width: 250px;
  padding: 20px;
  overflow: auto;
}

.custom-modal-inner-container-close {
  position: relative;
  background: white;
  width: 50%;
  max-height: 90%;
  max-width: 600px;
  min-width: 250px;
  padding: 20px;
}

.custom-modal-inner-container-myt {
  position: relative;
  background: white;
  width: auto;
  max-height: 90%;
  max-width: 100%;
  min-width: 250px;
  padding: 20px;
  overflow: auto;
  margin: 0px 20px;
  border-radius: 8px;
}

.custom-modal-inner-container img {
  position: absolute;
  top: 0;
  right: -30px;
  width: 15px;
  cursor: pointer;
}

.custom-modal-inner-container-close img {
  position: absolute;
  top: -10px;
  right: -24px;
  width: 15px;
  cursor: pointer;
}
.edit-profile {
  width: 90%;
  padding: 20px 30px;
  width: calc(90% - 60px);
  margin: 20px 5%;
  background: #ffffff;
  border-radius: 4px;
}

.edit-profile-details {
  width: 100%;
  display: flex;
}

.edit-profile-profile-pic {
  width: 20%;
  word-wrap: break-word;
}

.edit-profile-profile-pic img {
  width: 100%;
}

.edit-profile-personal-details {
  border: 1px solid;
  width: 80%;
  width: calc(80% - 40px);
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
}

.edit-profile-single-detail {
  margin-right: 50px;
  margin-bottom: 20px;
}

.edit-profile-yoga {
  width: 100%;
  margin: 10px 0;
}

.edit-profile-yoga textarea {
  width: 100%;
  height: 200px;
  font-size: 15px;
  line-height: 20px;
}

.edit-error {
  color: #ed4d4d;
  font-size: 14px;
  padding-left: 10px;
}

.edit-cert-cont {
  padding: 10px;
}

.edit-cert-ed-del span {
  margin-right: 10px;
  cursor: pointer;
}

.edit-cert-del {
  color: #ed4d4d;
}

.edit-cert-ed {
  color: blue;
}

.edit-add-cert-but {
  padding: 5px;
}

.edit-profile-textarea {
  width: 100%;
  margin-bottom: 20px;
}

.edit-profile-textarea-label {
  font-size: 14px;
}

.edit-profile-textarea textarea {
  margin: 10px 0;
  width: 400px;
  height: 60px;
  font-size: 16px;
  line-height: 20px;
}

.edit-older-goals-title {
  margin-top: 15px;
}

.edit-older-goals-cont {
  display: flex;
  margin: 10px 0;
}
.edit-older-goals-single {
  font-family: PierSans-Regular;
  font-size: 14px;
  color: #1b2437;
  margin-right: 5px;
  padding: 3px 10px;
  border: 1px solid rgb(151, 151, 151, 0.3);
  border-radius: 10px;
  display: flex;
  align-items: center;
}

.edit-older-goals-single img {
  width: 12px;
  margin-left: 5px;
  cursor: pointer;
}

.teacher-story-edit-content {
  width: 80%;
}

.teacher-story-del-icon {
  cursor: pointer;
}

.edit-adj {
  display: flex;
  margin: 10px 0;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.edit-adj-single {
  margin-bottom: 10px;
}

.edit-profile-checkbox-list-arr {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.edit-profile-checkbox-list-arr .custom-checkbox {
  margin-right: 25px;
}
.upload-image {
  width: 100% !important;
  position: relative !important;
  right: 0 !important;
}
.cst-container {
  margin: 20px 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  font-size: 14px;
}

.cst-single-row {
  display: flex;
  width: 50%;
}

.cst-single-row-full {
  width: 100%;
}

.cst-single-td {
  width: 50%;
  /* border-right: 1px solid; */
  border-bottom: 1px solid #cfcfcf;
  padding: 10px;
  word-break: break-all;
}

.cst-second-td {
  border-right: 1px solid #cfcfcf;
}

.cst-first-td {
  color: rgb(125, 125, 125);
  border-color: 1px solid #cfcfcf;
}

.cst-second-td ul {
  margin: 0;
  padding: 0;
}

.cst-second-td li {
  padding: 0;
}

@media (max-width: 900px) {
  .cst-single-row {
    width: 100%;
  }
}

.cst-single-row a {
  color: blue;
}
.teacher-avilability {
  width: 100%;
  background: white;
  padding: 10px;
  overflow: scroll;
}

.availability-table {
  margin: 20px 0;
}

.availability-table p {
  margin-top: 20px;
  color: blue;
}

.single-table-column.day-format {
  text-align: left;
  font-size: 10px;
}

.single-available-bg-color {
  background: rgba(0, 0, 255, 0.75);
}

.single-available-booked-color {
  background: rgba(255, 0, 0, 0.75);
  cursor: pointer;
}

.single-table-trial-availability {
  position: absolute;
  background: rgb(10, 154, 173);
  height: 7px;
  width: 7px;
  border-radius: 100%;
  top: 3px;
  right: 3px;
}
.single-non-available-booked-color {
  background: #f4d03f;
  cursor: pointer;
}
.single-less-than-lead-time-booked-color {
  background: #8e0000bf;
  cursor: pointer;
}
.single-non-available-repeat-booked-color {
  background: #7f8c8d;
  cursor: pointer;
}

.tooltiptexts {
  display: none;
  /* width: 120px; */
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  top: 20px;
  left: -50px;
  position: absolute;
  z-index: 1000000;
  transition: opacity 0.3s;
  font-size: 11px;
}

.tooltiptexts a {
  color: white;
}

.single-table-column {
  position: relative;
}

.single-table-column:hover .tooltiptexts {
  display: block;
  opacity: 1;
}

.single-table-column .color-blue {
  color: blue;
  font-size: 10px;
}

.single-table-column a {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.availability-table td.total-table-column {
  text-align: right;
}

.availability-table table {
  padding: 10px;
}

.availability-table th {
  min-width: 18px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 10px;
}

.availability-table td {
  position: relative;
  /* min-width: 20px; */
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  white-space: nowrap;
}

.teacher-availability-filters {
  display: flex;
  margin: 20px 0;
}

.teacher-availability-block {
  margin-right: 30px;
}

.teacher-availability-submit {
  margin-top: 23px;
  height: 30px;
}

.teacher-availability-checkbox {
  cursor: pointer;
}

.single-table-column.total-heading {
  font-size: 10px;
}

.total-heading {
  font-weight: bold;
}

.availability-table-legend {
  margin: 20px 0;
  display: flex;
  align-items: center;
}

.avail-leg-blue {
  background: rgba(0, 0, 255, 0.75);
  width: 20px;
  height: 20px;
}

.availability-table-legend span {
  margin-right: 50px;
}

.avail-leg-red {
  background: rgba(255, 0, 0, 0.75);
  width: 20px;
  height: 20px;
}

.teacher-availability-legend-box {
  display: flex;
}

.legend {
  display: flex;
  align-items: center;
  margin-right: 15px;
}

.legend-color {
  height: 15px;
  width: 15px;
  margin-right: 5px;
}

.legend-text {
  font-size: 15px;
}
.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;
  padding: 0;
  border: 0;
}

.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="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.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,
.react-datepicker-year-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__year-container {
  margin: 0.4rem;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}

.react-datepicker__year-container-text {
  display: inline-block;
  cursor: pointer;
  flex: 1 0 30%;
  width: 12px;
  padding: 2px;
}

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

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: 85px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

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

.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: 85px;
  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: 0px;
  padding-left: 0px;
  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 {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.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__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

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

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text {
  cursor: pointer;
}

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

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today {
  font-weight: bold;
}

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

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--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,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover {
  background-color: #1d5d90;
}

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

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

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

.react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

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

.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;
  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 {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0px 6px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\00d7";
}

.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;
  justify-content: center;
  align-items: center;
  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;
}
.updates-row {
  width: 100%;
  overflow: auto;
  word-break: break-word;
}

.updates-column {
  width: 25%;
  text-align: left;
}
.teachers-profile {
  width: 90%;
  padding: 20px 30px;
  width: calc(90% - 60px);
  margin: 20px 5%;
  background: #ffffff;
  border-radius: 4px;
}

.custom-page-center {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.teacher-profile-content {
  width: 100%;
  margin: 20px 0;
  /* border: 1px solid; */
}

.teacher-profile-links {
  width: 100%;
  display: flex;
}

.teacher-profile-image-container {
  width: 300px;
  flex-shrink: 0;
  text-align: center;
}

.teacher-profile-links-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.teacher-profile-image {
  position: relative;
  width: 60%;
  margin: 0 auto;
}

.teacher-profile-image-change {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.teacher-profile-image-change input {
  display: none;
}

.teacher-profile-image img {
  width: 100%;
  object-fit: cover;
}

.teacher-profile-details {
  width: 100%;
}

.teachers-intro-text {
  line-height: 24px;
}

.teachers-intro-text span {
  color: #4254de;
  cursor: pointer;
}

table {
  border-radius: 10px;
  margin-top: 10px;
}

ol {
  padding: 0 15px;
}

li {
  margin-bottom: 5px;
}

.teacher-table-detail {
  opacity: 0.5;
}

.care-msg-table th,
.care-msg-table td {
  text-align: left;
}

.care-msg-name:hover {
  color: blue;
  opacity: 0.9;
  text-decoration: underline;
}

.care-msg-name {
  color: black;
  opacity: 0.5;
  text-decoration: none;
}

.care-msg {
  opacity: 0.7;
  font-size: 14px;
  text-align: left;
}

.care-msg-time {
  opacity: 0.5;
  font-size: 11px;
}

#resume-input {
  display: none;
}

#video-input {
  display: none;
}

.user-profile-table td {
  text-align: left;
  font-size: 14px;
}

.user-profile-table tr {
  border: 1px solid #cfcfcf;
}

.teacher-story-con {
  display: flex;
  margin-top: 10px;
  width: 100%;
  align-items: center;
  overflow-wrap: break-word;
}

.teacher-story-img img {
  height: auto;
  width: 150px;
  border-radius: 0;
  margin-right: 20px;
}

.teacher-story-link {
  margin-top: 10px;
}

@media (max-width: 700px) {
  .teacher-profile-links {
    flex-direction: column;
    align-items: center;
  }
  .teacher-video {
    flex-direction: column;
  }
}

.teacher-video {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.teacher-video-block {
}

.teacher-video img {
  object-position: center center;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.teacher-stories {
  width: 100%;
  display: flex;
}

.teacher-stories a {
  width: 46%;
  margin: 0 2%;
  display: block;
  text-decoration: none;
}

.teacher-stories a img {
  object-position: center bottom;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.teacher-stories a p {
  margin: 0;
}

.teacher-gallery {
  margin-top: 20px;
}

.teacher-gallery-photos {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.teacher-gallery-photos-single {
  width: 400px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.content-tag-header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.content-tag-header input {
  margin: 0 !important;
}

.content-width-full {
  width: 100%;
}

.content-width-half {
  width: 50%;
}

.content-border {
  border: 1px solid #bfbfbf;
}

.category-template-div {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  margin-top: 30px;
}

.content-div {
  width: 100%;
  /* border-bottom: 1px solid #bfbfbf; */
  padding: 10px 30px 30px 30px;
}

.inner-div {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}

.category-button {
  float: right;
  margin: 0px 0px 10px 0px;
}
.save-button {
  margin-left: auto;
  margin-top: 50px;
}

.create-tag-name h4 {
  text-align: center;
  font-size: 20px;
  margin-top: 0;
}

.content-search-input {
  height: 30px;
  width: 50%;
}

.create-tag-name-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
}

.md-chip {
  display: inline-block;
  background: #e0e0e0;
  padding: 0 12px;
  border-radius: 32px;
  font-size: 13px;
}
.md-chip-hover:hover {
  background: #ccc;
}

.md-chip-clickable {
  cursor: pointer;
}

.md-chip,
.md-chip-icon {
  height: 32px;
  line-height: 32px;
}

.md-chip-icon {
  display: block;
  float: left;
  background: #009587;
  width: 32px;
  border-radius: 50%;
  text-align: center;
  color: white;
  margin: 0 8px 0 -12px;
}

.md-chip-remove {
  display: inline-block;
  background: #aaa;
  border: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  padding: 0;
  margin: 0 -4px 0 4px;
  cursor: pointer;
  font: inherit;
  line-height: 20px;
}

.md-chip-remove:after {
  color: #e0e0e0;
  content: 'x';
}

.md-chip-remove:hover {
  background: #999;
}

.md-chip-remove:active {
  background: #777;
}

.md-chips {
  padding: 12px 0;
}

.md-chip {
  margin: 0 5px 3px 0;
}

.md-chip-raised {
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

input[type='checkbox'] {
  display: none;
}

input[type='checkbox'] + label {
}

:checked + label:before {
  content: '✓';
  transform: scale(1);
  margin-right: 4px;
}

input[type='checkbox']:checked + label {
  transition: all 500ms ease;
  background-color: #1579b3;
  color: white;
  border-color: #fc6c27;
}

.blog-frame {
  width: 50%;
}

.blog-frame iframe {
  width: 100%;
  height: 100%;
}

.blog-details-link {
  margin: 10px 0 !important;
}
.ch-cws {
  position: fixed;
  right: 0;
  bottom: 0;
  height: 0;
  max-width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: 51;
}
.c-c-window.ch_new button {
  cursor: pointer;
  font-family: 'Rubik', sans-serif !important;
  font-weight: 400;
}

.open-chat-attach-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 9;
  width: 100%;
  height: 100vh;
}

.open-attachment-div button img {
  width: 14px;
  margin-right: 6px;
}

.pin-it {
  right: 8px;
  position: absolute;
  top: 40%;
  width: 20px;
}

.my-chat .pin-it {
  left: 15px;
  right: auto;
  top: 30%;
}

.c-c-window.ch_new {
  position: relative;
  width: 320px;
  margin: 0 30px;
  height: 560px;
  background: white;

  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  font-family: 'Rubik', sans-serif !important;
  font-weight: 400;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid rgb(0 0 0 / 0.08);
}

.c-c-window.ch_new.cur_chat_focus {
  border: 1px solid #04b394;
}

.ch_status_text {
  opacity: 0.6;
  margin-top: 2px;
  display: block;
  font-size: 12px;
  font-family: 'Rubik', sans-serif !important;
}

.parting-date::before {
  display: inline-block;
  content: '';
  width: 30%;
  height: 1px;
  background: linear-gradient(to right, #fff 0%, rgb(151 151 151 / 0.4) 100%);
  margin-right: 6px;
}

.parting-date {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  color: rgb(0 0 0 / 0.2);
  margin-bottom: 18px;
  margin-top: 18px;
  font-family: 'Rubik', sans-serif !important;
}

.parting-date::after {
  display: inline-block;
  content: '';
  width: 30%;
  height: 1px;
  background: linear-gradient(to right, rgb(151 151 151 / 0.4) 0%, #fff 100%);
  margin-left: 6px;
}

.common-overlay-close {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: transparent;
  z-index: 3;
  top: 0;
  left: 0;
}

.emoji-cont {
  width: 100% !important;
  position: absolute !important;
  z-index: 999999;
  bottom: 56px;
  left: 0;
  background-color: #fff;
}

.emoji-cont::after {
  content: '';
  width: 0;
  height: 0;
  float: right;
  border: 10px solid #8b0000;
  border-color: transparent transparent #ffffff00 #ffffff;
  transform-origin: 0 0;
  transform: rotate(-270deg);
  right: -5px;
  position: absolute;
  bottom: -17px;
  border-radius: 7px;
}

.open-attachment-div {
  position: absolute !important;
  z-index: 999999;
  bottom: 56px;
  right: 5px;
  background-color: #fff;
  border: 1px solid #efefef;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0 5px 10px #efefef;
}

.open-attachment-div::after {
  content: '';
  width: 0;
  height: 0;
  float: right;
  border: 10px solid #8b0000;
  border-color: transparent transparent #ffffff00 #ffffff;
  transform-origin: 0 0;
  transform: rotate(-270deg);
  right: -12px;
  position: absolute;
  bottom: -17px;
  border-radius: 7px;
}

.open-attachment-div button {
  position: relative;
  width: 100%;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: transparent;
  box-shadow: none;
  border: 0px;
  outline: 0px;
  font-size: 12px;
  font-weight: 400;
  color: #586383;
  cursor: pointer;
  padding: 0px 10px;
  border-bottom: 1px solid rgb(129 138 150 / 0.1);
}

.open-attachment-div button input {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 34px;
  background-color: transparent;
  box-shadow: none;
  border: 0px;
  outline: 0px;
  z-index: 0;
  opacity: 0;
  cursor: pointer;
}

.emoji-head {
  position: relative;
}

.emoji-head button {
  background-color: #fff4e4;
  box-shadow: none;
  outline: 0px;
  padding: 0px;
  border: 0px;
  position: absolute;
  right: 6px;
  border: 1px solid #5b5b5b24;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -14px;
  /* box-shadow: 0 5px 10px #00000029; */
  z-index: 9;
}

.emoji-head button img {
  width: 10px;
  filter: invert(1);
  opacity: 0.4 !important;
}

aside.emoji-picker-react {
  margin: auto;
  width: 310px !important;
  /* width: 100% !important;
    position: absolute !important;
    z-index: 999999;
    bottom: 65px;
    left: 0; */
  border-radius: 8px !important;
}

.c-c-window-min.ch_new {
  width: 320px;
  margin: 0 30px;
  background: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  font-family: 'Rubik', sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  color: #586383;
  cursor: pointer;
}

.ch_new .c-c-header {
  width: 100%;
  height: 50px;
  background: #fff;
  display: flex;
  align-items: center;
  font-family: 'Rubik', sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  position: relative;
  z-index: 9;
  border-bottom: 1px solid rgb(0 0 0 / 14%);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.ch_new .c-c-header.c-c-header-o {
  background: #fff;
  border-bottom: 1px solid rgb(0 0 0 / 14%);
  font-family: 'Rubik', sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  color: #586383;
}

.ch_new .c-c-header-c {
  width: calc(100% - 70px);
  height: 100%;
  display: flex;
  align-items: center;
  overflow: visible;
  font-family: 'Rubik', sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  color: #586383;
}

.c-c-header-c p.desk-chat-p {
  width: calc(100% - 30px);
  padding-left: 0px;
}

.ch_new .c-c-header-c p b {
  color: #586383;
  font-family: 'Rubik', sans-serif !important;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  position: relative;
  display: block;
  white-space: nowrap;
  width: 260px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ch_new .c-c-header-c p.desk-chat-p b {
  width: 100%;
  overflow: visible;
}

.ch_new .c-c-header-c p.ch-sender-name b {
  cursor: pointer;
}

.ch_new .c-c-header-c p.ch-sender-name:hover b {
  background: rgb(4 179 148 / 0.1);
}

.ch_new .c-c-header-c p.ch-sender-name.pt_no b {
  pointer-events: none;
}

.ch_new .c-c-header-c p b img {
  /* position: absolute; */
  /* right: -12px; */
  display: block;
  /* top: 4px; */
  vertical-align: middle;
  margin-left: 4px;
}

.ch_new .c-c-header-c p.desk-chat-p b img {
  display: inline-block;
  margin-left: 4px;
  position: relative;
  top: -1px;
}

.ch_new .c-c-header-c p.desk-chat-p b i {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  font-style: normal;
  display: inline-block;
}

.ch_new .c-c-header-c p span {
  opacity: 0.6;
  color: #586383;
  font-weight: 400;
  font-family: 'Rubik', sans-serif !important;
}

.ch_new .c-c-header-img {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: white;
  margin-left: 16px;
  cursor: pointer;
}

.ch_new .c-c-header-img.pt_no {
  pointer-events: none;
}

.ch_new .c-c-header-img img {
  width: 30px;
  height: 30px;
  border-radius: 100%;
}

.ch_new .c-c-header-i {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding-right: 6px;
  width: 70px;
}

.ch_new .c-c-header-i img {
  cursor: pointer;
  padding: 0px;
  opacity: 0.5;
}

.chat-c-btn {
  background: transparent;
  border: 0px;
  outline: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0px;
  border-radius: 100%;
  position: relative;
  /* margin-right: 10px; */
}

.chat-tooltip-ic {
  visibility: hidden;
  width: auto;
  background-color: #2c3956;
  color: rgb(255 255 255 / 0.85);
  text-align: center;
  border-radius: 6px;
  padding: 12px 10px;
  position: absolute;
  z-index: 1;
  top: -50px;
  left: -40px;
  /* margin-left: -60px; */
  font-size: 12px;
  opacity: 0;
  min-width: 100px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif !important;
  width: -webkit-max-content;
  width: max-content;
}

.chat-tooltip-ic::after {
  content: '';
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin-left: -5px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #2c3956 transparent;
  transform: rotate(-180deg);
  border-radius: 4px;
}

.chat-tooltip-ic.pin-tooltip-cls::before {
  content: '';
  position: absolute;
  top: -14px;
  right: 8px;
  margin-left: -5px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #2c3956 transparent;
  transform: rotate(0deg);
  border-radius: 4px;
}

.chat-c-btn:hover {
  background-color: rgb(4 179 148 / 0.1);
}

.chat-c-btn:hover .chat-tooltip-ic {
  visibility: visible;
  animation: ch-tooli-ani ease-in 0.3s 0s 1 forwards;
}

.c-c-header-c:hover .chat-tooltip-ic {
  visibility: visible;
  animation: ch-tooli-ani ease-in 0.3s 0s 1 forwards;
}

.chat-tooltip-ic.open-profile {
  left: -26px;
  font-weight: 400 !important;
}

.chat-tooltip-ic.pin-tooltip {
  left: -70px;
}

.chat-tooltip-ic.pin-tooltip-cls {
  left: initial;
  right: 0;
  top: initial;
}

.chat-tooltip-ic.pin-tooltip-cls::after {
  display: none;
}

.chat-tooltip-ic.pin-tooltip::after {
  left: 64%;
}

.pin-chat-head button.pin-club:hover .chat-tooltip-ic.pin-tooltip.open_tl {
  visibility: visible;
  animation: ch-tooli-ani ease-in 0.3s 0s 1 forwards;
}

.pin-chat-head button.pin-close:hover .chat-tooltip-ic.pin-tooltip-cls {
  visibility: visible;
  animation: ch-tooli-ani-btm ease-in 0.3s 0s 1 forwards;
}

.c-c-header-c .ch-sender-name b:hover .chat-tooltip-ic.open-profile {
  visibility: visible;
  animation: ch-tooli-ani-pic ease-in 0.3s 0s 1 forwards;
}

@keyframes chat-scroll-ani {
  0% {
    opacity: 0;
    transform: scale(2);
  }

  100% {
    opacity: 1;

    transform: scale(1);
  }
}

@keyframes ch-tooli-ani {
  from {
    top: -29px;
    opacity: 0;
  }

  to {
    top: -49px;
    opacity: 1;
  }
}

@keyframes ch-tooli-ani-btm {
  from {
    bottom: -29px;
    opacity: 0;
  }

  to {
    bottom: -44px;
    opacity: 1;
  }
}

@keyframes ch-tooli-ani-pic {
  from {
    top: -29px;
    opacity: 0;
  }

  to {
    top: -46px;
    opacity: 1;
  }
}

.chat-c-btn.last-btn {
  margin-right: 0px;
}

.ch_new .c-c-header-i img.c-c-min {
  width: 24px;
}

.ch_new .c-c-header-i img.c-c-expand {
  width: 17px;
}

.ch_new .c-c-header-i img.close_min_chat {
  width: 12px;
}

.ch_new .c-c-badge {
  height: 25px;
  width: 25px;
  border-radius: 25px;
  background-color: red;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-family: 'Rubik', sans-serif !important;
  font-weight: 400;
}

.ch_new .c-c-badge-null {
  opacity: 0;
}

.ch_new .c-i-o {
  filter: invert(1);
}

.ch_new .close_min_chat {
  filter: invert(1);
  opacity: 0.4 !important;
}

.ch_new .c-c-content {
  width: 100%;
  height: calc(100% - 50px);
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 6px;
  font-family: 'Rubik', sans-serif !important;
  font-weight: 400;
}

.chat-content {
  height: calc(100% - 50px);
  font-family: 'Rubik', sans-serif !important;
}

.ch_new .c-c-loading {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ch_new .c-c-loading div {
  /* width: 30px; */
  /* height: 30px; */
  animation: loading 1s linear infinite;
  -webkit-animation: loading 1s linear infinite;
  border-radius: 50%;
  border: 40px solid rgb(66, 84, 222, 0.2);
}

@keyframes loading {
  0% {
    border: 0px solid rgb(66, 84, 222, 0.2);
  }

  50% {
  }

  100% {
    border: 40px solid rgb(66, 84, 222, 0.2);
  }
}

.ch_new .c-c-i-c {
  min-height: 56px;
  border-top: 1px solid #d4d5d6;
  height: auto;
  position: relative;
  width: 100%;
  bottom: 0px;
  background-color: #fff;
  z-index: 9;
  display: flex;
  align-items: flex-end;
  padding: 8px;
  padding-right: 0px;
}

.chat-tooltip {
  visibility: hidden;
  width: auto;
  background-color: #2c3956;
  color: rgb(255 255 255 / 0.85);
  text-align: center;
  border-radius: 6px;
  padding: 12px 14px;
  position: absolute;
  z-index: 1;
  top: -39px;
  left: 37%;
  margin-left: -60px;
  font-size: 12px;
  opacity: 0;
}

.chat-tooltip-emoji {
  visibility: hidden;
  width: auto;
  background-color: #2c3956;
  color: rgb(255 255 255 / 0.85);
  text-align: center;
  border-radius: 6px;
  padding: 12px 14px;
  position: absolute;
  z-index: 1;
  top: -39px;
  right: 44px;
  margin-left: -60px;
  font-size: 12px;
  opacity: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif !important;
}

.chat-tooltip-attachment {
  visibility: hidden;
  width: auto;
  background-color: #2c3956;
  color: rgb(255 255 255 / 0.85);
  text-align: center;
  border-radius: 6px;
  padding: 12px 10px;
  position: absolute;
  z-index: 1;
  top: -39px;
  right: 6px;
  margin-left: -60px;
  font-size: 12px;
  opacity: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif !important;
  min-width: 167px;
}

.chat-tooltip.show {
  visibility: visible;
  animation: ch-tool-ani ease-in 0.3s 0s 1 forwards;
}

.ch_emoji:hover .chat-tooltip-emoji {
  visibility: visible;
  animation: ch-tool-ani ease-in 0.3s 0s 1 forwards;
}

.ch_attahment:hover .chat-tooltip-attachment {
  visibility: visible;
  animation: ch-tool-ani ease-in 0.3s 0s 1 forwards;
}

@keyframes ch-tool-ani {
  from {
    top: -29px;
    opacity: 0;
  }

  to {
    top: -39px;
    opacity: 1;
  }
}

.chat-tooltip::after,
.chat-tooltip-emoji::after,
.chat-tooltip-attachment::after {
  content: '';
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin-left: -5px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #2c3956 transparent;
  transform: rotate(-180deg);
  border-radius: 4px;
}

.chat-tooltip-emoji::after,
.chat-tooltip-attachment::after {
  left: initial;
  right: 10px;
}

.ch_new .textarea-cont {
  width: calc(100% - 84px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  border: 1px solid #d4d5d6;
  border-radius: 25px;
  /* overflow: hidden; */
}

.ch_new .c-c-i-c .textarea {
  display: block;
  overflow: auto;
  resize: vertical;
  min-height: 38px;
  max-height: 80px;
  width: calc(100% - 50px);
  font-size: 12px;
  padding: 2px;
  border: 0px;
  outline: 0px;
  padding: 11px 14px;
  line-height: 1.2;
  background-color: transparent;
  margin: 0px;
  box-sizing: border-box;
  font-family: 'Rubik', sans-serif !important;
  resize: none;
  font-weight: 400;
}

.ch_new .textarea-cont:focus-within {
  border: 1px solid #6db5ff !important;
  background-color: rgba(194, 208, 228, 0.1);
  outline: 0px;
}

.ch_new textarea::first-letter {
  text-transform: capitalize !important;
}

.ch_new .textarea-cont .send-btn-c {
  position: absolute;
  width: 50px;
  height: 16px;
  border-left: 1px solid #cccccc73;
  padding-left: 8px;
  color: #04b394;
  display: flex;
  align-items: center;
  right: 0;
  font-size: 13px;
  cursor: pointer;
  bottom: 11px;
  opacity: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif !important;
  animation: sanip 0.2s linear 1 forwards;
}

@keyframes sanip {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ch_new .c-c-i-c .textarea.reply_focus {
  border: 1px solid #04b394;
}

.ch_new .c-c-i-c .textarea span {
  font-size: 12px !important;
  opacity: 0.8 !important;
  font-family: 'Rubik', sans-serif !important;
  line-height: 1.4;
}

.ch-btn {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.ch-btn.ch_send {
  background-color: #ccc;
}

.ch-btn img {
  width: 8px;
}

.ch_emoji {
  margin-right: 0px;
  margin-left: 4px;
  cursor: pointer;
  width: 38px;
  height: 38px;
  border-radius: 100%;
}

.ch_attahment {
  margin-right: 4px;
  margin-left: 0px;
  cursor: pointer;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  position: relative;
}

.ch_attahment input {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: transparent;
  box-shadow: none;
  border: 0px;
  outline: 0px;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

.ch_emoji img {
  width: 28px;
}

.ch_attahment img {
  width: 20px;
}

.ch_emoji:hover,
.ch_attahment:hover {
  background-color: rgb(4 179 148 / 0.1);
}

.ch_emoji.ch_emoji-clicked,
.ch_attahment.ch_attach_clicked {
  background-color: rgb(4 179 148 / 0.2);
}

.emoji-picker-react input.emoji-search {
  border: 1px solid #6db5ff !important;
  border-radius: 30px !important;
  background-color: rgba(194, 208, 228, 0.1);
}

.ch_new .c-c-i-c-s {
  width: 20%;
  height: 73%;
  text-align: center;
  margin-top: 10px;
  cursor: pointer;
  color: #4945de;
}

.ch_new .c-c-messages {
  width: 100%;
  /* min-height: calc(100% - 65px); */
  overflow: auto;
  padding: 0px 6px 0px;
  margin-top: 6px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 80px;
  background-image: url('https://images.myyogateacher.com/bg_chat_a.png');
  background-size: 200px;
  background-repeat: repeat;
  overflow-y: auto;
  overflow-x: hidden;
  /* position: relative; */
}

.ch_new .c-c-messages::-webkit-scrollbar,
.pinned-mess-tab.open::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}

.ch_new .c-c-messages::-webkit-scrollbar-thumb,
.pinned-mess-tab.open::-webkit-scrollbar-thumb {
  /* background: #ebebeb; */
  height: 56px;
  border-radius: 20px;
  background: #adadad70;
}

.ch_new .c-c-messages::-webkit-scrollbar-thumb:hover,
.pinned-mess-tab.open::-webkit-scrollbar-thumb:hover {
  background: #586383;
}

.ch_new .c-c-messages.cc-stop-back-scroll {
  overflow: hidden;
}

.pinned-mess-tab {
  width: calc(100% - 12px);
  padding: 0px 0px;
  background-color: #fff7ea;
  border-radius: 8px;
  z-index: 9;
  height: 47px;
  position: relative;
  top: 0;
  margin: auto;
}

.pinned-mess-tab.open {
  position: absolute;
  /* width: 100%; */
  left: 6px;
  top: 6px;
  height: 98%;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: 100px;
}

.pin-chat-head {
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #fff7ea;
  font-size: 13px;
  padding: 12px 10px;
  position: -webkit-sticky;
  position: sticky;
  border-radius: 8px;
  cursor: pointer;
  top: 0;
  z-index: 9;
  color: #586383;
  font-weight: 400;
  font-family: 'Rubik', sans-serif !important;
}

.pin-head-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Rubik', sans-serif !important;
}

.pinned-mess-tab.open .pin-chat-head {
  border-bottom: 1px solid rgb(151 151 151 / 0.3);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-family: 'Rubik', sans-serif !important;
}

.pin-chat-head span {
  display: flex;
  background-color: #fbe9ca;
  min-width: 22px;
  min-height: 22px;
  border-radius: 20px;
  margin-right: 9px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #586383;
  /* padding: 4px 7px; */
  line-height: 1;
}

.pin-chat-head button {
  box-shadow: none;
  background: transparent;
  border: 0px;
  outline: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 7.5px;
  cursor: pointer;
  padding: 0px;
  top: 7.5px;
  border-radius: 100%;
}

.pinned-mess-tab.open button {
  position: absolute;
  right: 0px;
}

.pin-chat-head button:hover {
  background-color: rgb(4 179 148 / 0.1);
}

.pin-chat-head button img.close-pin {
  width: 12px;
  filter: invert(1);
  opacity: 0.4 !important;
}

.pin-chat-head button img.club {
  width: 12px;
  display: block;
  vertical-align: middle;
  top: 1px;
  position: relative;
}

.open-all-pins {
  width: 100%;
  padding: 5px 5px;
  /* border-top: 1px solid rgb(151 151 151 / 0.3); */
}

.pin-remove-btn {
  position: absolute;
  right: 8px !important;
  background-color: #b3b0c0;
  color: #fff;
  padding: 3px 9px;
  font-size: 10px;
  border-radius: 14px;
  font-weight: 300;
  border: 0px;
  outline: 0px;
  box-shadow: none;
}

.my-chat .pin-remove-btn {
  right: auto;
  left: 8px;
}

.open-all-pins .friend-chat:hover .pin-remove-btn,
.open-all-pins .my-chat:hover .pin-remove-btn {
  background-color: #ed4d4d;
}

.ch_new .c-c-m-l {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 30px;
  margin-bottom: 6px;
  position: relative;
  width: 100%;
}

.ch_new .c-c-m-l.pos-abs {
  position: absolute;
  bottom: 6px;
}

.ch_new .c-c-m-l.pos-rel {
  position: absolute;
  margin-bottom: 6px;
}

.ch_new .c-c-m-l .c-c-m-l p {
  margin: 10px 0;
}

.ch_new .c-c-m-l-p {
  width: 30px;
  height: 30px;
  margin-right: 0px;
  margin-left: 0;
  flex-shrink: 0;
  border-radius: 100%;
}

.ch_new .c-c-m-l-n-p {
  display: flex;
}

.ch_new .c-c-m-r {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.ch_new .c-c-m-r p {
  margin: 10px 0;
}

.ch_new .c-c-m-l-typ {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 0 0px;
  padding: 0px 0;
  /* color: #8f8f8f;
      font-size: 12px; */
}

.ch_new .chat-scroll-to {
  height: 50px;
  width: 50px;
  /* background-color: #ffffff; */
  box-shadow: 0 0 14px 0 rgba(171, 171, 171, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 13px;
  bottom: 0px;
  z-index: 4;
  border-radius: 100%;
  cursor: pointer;
  /* animation: chat-scroll-ani 0.5s ease-in 0s 1 forwards; */
  animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.ch_new .chat-scroll-to img {
  transform: rotate(90deg);
  opacity: 0.5;
  position: relative;
  top: 2px;
  width: 12px;
  display: block;
}

/**
   * ----------------------------------------
   * animation slide-top
   * ----------------------------------------
   */

@keyframes slide-top {
  0% {
    background-color: rgb(153 217 205);
    transform: translateY(0);
  }

  100% {
    background-color: #fff;
    transform: translateY(-70px);
  }
}

.friend-chat {
  width: 100%;
  padding: 10px 10px 22px;
  border-radius: 4px;
  position: relative;
  margin-bottom: 10px;
}

.ch_new .c-c-messages div.sel:last-child {
  margin-bottom: 50px;
}

.open-all-pins .friend-chat {
  /* cursor: pointer; */
  padding: 10px 5px 22px;
}

.friend-chat.reply_f_chat {
  background-color: #e9e9e9;
  border-left: 3px solid #04b394;
  position: -webkit-sticky;
  position: sticky;
  /* left: 6px; */
  /* bottom: 65px; */
  width: calc(100% - 12px);
  padding: 0px;
  bottom: 0;
  left: 0;
  margin: 0px auto 6px;
  z-index: 2;
}

.friend-chat.reply_f_chat:hover {
  background-color: #e9e9e9;
}

.reply_f_chat .chat-cmt-box {
  padding: 4px 8px 4px;
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.reply_f_chat .chat-user-name {
  margin: 6px 0px 6px;
}

.close_rep_chat {
  padding: 0px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 100%;
  border: 0px;
  outline: 0px;
  margin: 0px;
  position: absolute;
  right: 8px;
  top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.close_rep_chat img {
  width: 8px;
  filter: invert(1);
  opacity: 0.4;
}

.rep-rep-frnd {
  background-color: #ffffff30;
  border-left: 3px solid #ffffff8a;
  width: 100%;
  padding: 1px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.rep_from_name {
  margin: 0px 0px 0px;
  font-size: 12px;
  color: #006b61;
  font-weight: 400;
}

.my-chat {
  width: 100%;
  padding: 10px 10px 22px;
  margin-bottom: 10px;
  border-radius: 4px;
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.my-chat.row-it {
  display: flex;
  flex-direction: row;
}

.open-all-pins .my-chat {
  cursor: pointer;
  padding: 6px 5px;
}

.chat-dot-btn {
  background-color: rgb(4 179 148 / 0.1);
  border: 0px;
  outline: 0px;
  display: flex;
  align-items: center;
  padding: 0px;
  color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  top: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  justify-content: center;
  margin-right: 10px;
}

.chat-dot-btn img {
  width: 14px;
}

.friend-chat:hover,
.my-chat:hover {
  background-color: rgb(204 204 204 / 0.1);
}

.open-all-pins .friend-chat:hover,
.open-all-pins .my-chat:hover {
  background-color: #ffffffa3;
}

.friend-chat.sel,
.my-chat.sel {
  background-color: rgb(204 204 204 / 0.1);
  z-index: 3;
}

.friend-chat.sel-pin,
.my-chat.sel-pin {
  background-color: rgb(204 204 204 / 0.1);
  z-index: 2;
}

.friend-chat.sel-pin.sel,
.my-chat.sel-pin.sel {
  z-index: 3;
}

.friend-chat:hover .chat-dot-btn,
.my-chat:hover .chat-dot-btn.chat-me {
  opacity: 1;
}

.friend-chat.sel .chat-dot-btn {
  opacity: 1;
}

.my-chat.sel .chat-dot-btn.chat-me {
  opacity: 1;
}

.chat-frnd-div {
  width: calc(80% + 60px);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.chat-my-div {
  width: 100%;
  max-width: calc(80% + 30px);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.open-all-pins .chat-frnd-div,
.open-all-pins .chat-my-div {
  width: calc(80%);
}

.chat-bt-div {
  position: relative;
  z-index: 2;
}

.chat-frnd-cond {
  width: 100%;
}

.chat-frnd-cond.row-it {
  /* display: flex;
      flex-direction: row-reverse; */
}

.chat-frnd-cond.row-it .frnd-cmt-outer {
  position: absolute;
  right: 2px;
  top: 40px;
}

.frnd-cmt-outer .chat-bt-div {
  margin-left: 10px;
  margin-right: 0px;
}

.chat-user-pic {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #f3f4fd;
}

.chat-frnd-mess {
  width: 100%;
  max-width: calc(100% - 30px);
  padding-left: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frnd-cmt-up {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.frnd-cmt-outer {
  display: flex;
  flex-direction: row;
}

.my-cmt-outer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.chat-my-mess {
  width: 100%;
  /* position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-end; */
}

.chat-my-mess.row-it {
  /* display: flex;
      flex-direction: row; */
}

.chat-my-mess.row-it .my-cmt-outer {
  position: absolute;
  left: 25px;
}

.chat-user-name {
  margin: 5px 0px 10px;
  font-size: 12px;
  font-weight: 600;
  color: #151536;
  opacity: 0.5;
}

.chat-user-name.chat-me {
  text-align: right;
}

.chat-cmt-box {
  font-size: 14px;
  margin: 0px 0 6px;
  max-width: 100%;
  background: #f4f4fb;
  padding: 10px;
  border-radius: 10px;
  border-top-left-radius: 0;
  text-align: left;
  word-wrap: break-word;
  line-height: 1.4;
  word-break: break-word;
  cursor: pointer;
  font-weight: 400;
  font-family: 'Rubik', sans-serif !important;
}

.chat-cmt-box a {
  color: #151536 !important;
}

.chat-cmt-box a:active {
  color: #151536 !important;
}

.chat-cmt-box.chat-me a {
  color: #fff !important;
}

.chat-cmt-box.chat-me a:active {
  color: #fff !important;
}

.chat-cmt-box.chat-me {
  border-top-left-radius: 10px;
  border-top-right-radius: 0;
  background-color: #04b394;
  color: #fff;
  border: 0px;
}

.open-all-pins .chat-cmt-box.chat-me {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
  padding: 3px 10px;
}

.open-all-pins .chat-cmt-box {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
  padding: 3px 10px;
}

.chat-time {
  color: #0000003d;
  font-weight: 400;
  font-size: 10px;
  margin: 6px 0px 0px;
  text-align: left;
  padding-left: 0px;
  min-width: 55px;
  position: absolute;
  left: 52px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  bottom: 4px;
}

.chat-time img {
  margin-left: 6px;
}

.chat-time.chat-me {
  text-align: right;
  right: 10px;
  padding-left: 0px;
  left: initial;
}

.chat-frnd-cond .chat-time {
  bottom: 4px;
}

.chat-act-popup {
  position: absolute;
  top: 42px;
  z-index: 2;
  /* height: 114px; */
  width: 110px;
  border: 1px solid #e7e7e7;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  right: 10px;
  border-radius: 8px;
  padding: 0px 0px;
  left: auto;
}

.chat-act-popup.frnd-it {
  right: initial;
  left: -157%;
}

.chat-act-popup.chat-me {
  right: initial;
  left: -75%;
}

.chat-act-popup::before {
  content: '';
  width: 0;
  height: 0;
  left: 62%;
  border-color: transparent transparent #fff #fff;
  top: -9px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}

.chat-act-popup.chat-me::before {
  left: 40%;
}

.chat-act-popup button {
  background-color: transparent;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 0px;
  outline: 0px;
  font-size: 12px;
  padding: 12px 10px;
  border-bottom: 1px solid rgb(129 138 150 / 0.1);
}

.chat-act-popup button:hover,
.chat-act-popup button:focus {
  background-color: rgb(4 179 148 / 0.1);
}

.chat-act-popup button:first-child:hover .chat-act-popup::before {
  border-color: transparent transparent rgb(4 179 148 / 0.1) rgb(4 179 148 / 0.1);
  border-bottom: 10px solid rgb(4 179 148 / 0.1);
}

.chat-act-popup button:last-child {
  border-bottom: 0px;
}

.chat-act-popup button img {
  width: 12px;
}

.chat-act-popup button span {
  width: calc(100% - 12px);
  display: block;
  padding-left: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #586383;
  text-align: left;
}

.ch_new .c-c-m-r-n-p {
  display: flex;
}

.ch_new .c-c-m-r-c {
  /* width: 100%; */
  font-size: 14px;
  margin: 10px 0;
  max-width: 60%;
  background: #f4f4fb;
  padding: 10px;
  border-radius: 10px;
  border-top-right-radius: 0;
  text-align: justify;
  word-wrap: break-word;
}

.ch_new .c-c-m-t {
  margin-right: 5px;
  color: #6d6d6d;
  font-weight: 600;
  font-size: 11px;
  margin-bottom: 5px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.ch_new .c-c-m-t img {
  margin-right: 5px;
  width: 10px;
  height: 8px;
}

.ch-sc-indi {
  position: absolute;
  display: block;
  width: 10px !important;
  height: 10px !important;
  top: -2px;
  right: -1px;
  border-radius: 100%;
  background-color: #57c303;
  border: 1px solid #fff;
  /* margin-left: 42px !important; */
  /* margin-top: -10px !important; */
  padding: 0;
  line-height: 1;
  font-size: 0px;
}

.add-new-person-grp-sec {
  width: 100%;
  margin: 20px 0px;
  text-align: center;
}

.dp-new-add-grp {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin: 0px auto;
  text-align: center;
  background-color: #92a1bf;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: 'Rubik', sans-serif;
  font-weight: 300;
  font-size: 14px;
}

.dp-new-add-grp-div {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin: 0px auto;
  text-align: center;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.text-new-add-grp {
  font-family: 'Rubik', sans-serif !important;
  font-weight: 400;
  font-style: italic;
  font-size: 13px;
  margin: 6px 0px 4px;
  color: #151536;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.text-new-add-grp span.em {
  font-size: 22px;
  margin: 0px 5px;
  display: block;
}

/* Attachments css*/
.chat-atch {
  width: calc(100% - 25px);
  overflow: hidden;
  border-radius: 8px;
  margin-top: 0px;
  text-align: right;
  cursor: pointer;
  margin-left: 25px;
  margin-bottom: 8px;
}

.friend-chat .chat-atch {
  margin-left: 0px;
  width: calc(100% - 40px);
}

.pin-f-wid {
  width: 100%;
}

.friend-chat .pin-f-wid .chat-atch {
  width: calc(100%);
}

.chat-atch img {
  width: 100%;
  display: block;
}

.pdf-style {
  margin-top: 0px;
  background-color: rgb(223 240 241);
  border-radius: 8px;
  display: block;
  padding: 8px;
  color: #586383;
  text-decoration: none;
  margin-left: 25px;
  width: calc(100% - 25px);
  margin-bottom: 8px;
}

.friend-chat .pdf-style {
  width: calc(100% - 40px);
  margin-left: 0px;
}

.friend-chat .pin-f-wid .pdf-style {
  width: 100%;
}

.pdf-style span.pdf-wh {
  width: 100%;
  background-color: #fff;
  padding: 10px;
  display: flex;
  align-items: center;
}

.pdf-style span.pdf-wh img {
  width: 28px;
}

.pdf-style span.pdf-wh b.pdf-title {
  width: calc(100% - 45px);
  padding-left: 14px;
  font-size: 12px;
  color: rgb(88 99 131 / 80%);
  font-family: 'Rubik', sans-serif !important;
  font-weight: 500;
  text-decoration: none;
}

.pdf-style span.pdf-t {
  margin-top: 8px;
  opacity: 0.5;
  display: block;
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  color: #586383;
  font-family: 'Rubik', sans-serif !important;
  line-height: 1;
}

.chat-video-cont {
  width: calc(100% - 25px);
  position: relative;
  height: 126px;
  /* border-radius: 16px; */
  background-image: url(https://images.myyogateacher.com/mysession-video2.png);
  margin-top: 0px;
  margin-bottom: 6px;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-left: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.chat-v-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(https://images.myyogateacher.com/chat/ic_chat_play.svg);
  background-size: 54px;
  background-position: center center;
  background-repeat: no-repeat;
}

.friend-chat .chat-video-cont {
  margin-left: 0px;
  width: calc(100% - 40px);
}

.friend-chat .pin-f-wid .chat-video-cont {
  width: calc(100%);
}

.chat-player-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(https://images.myyogateacher.com/mysession-video2.png);
  width: 100%;
  height: 100%;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.chat-player-bg button {
  width: 34px;
  height: 34px;
  border-radius: 25px;
  background-color: rgba(255, 255, 255, 0.75);
  position: absolute;
  /* top: 20%; */
  border: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: 0px;
  cursor: pointer;
  background-image: url('https://images.myyogateacher.com/chat/ic_chat_play.svg');
  background-size: cover;
}

.chat_play_btn {
  width: 34px;
  display: block;
}

.chat-player-bg button img {
  width: 11px;
  left: 1px;
  position: relative;
  top: 0px;
}

.chat-video-cont .video-react {
  padding-top: 0;
  width: 100%;
  position: relative;
  min-height: 120px;
  border-radius: 16px;
}

.upload-bar-div {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 2px 6px 8px;
}

.upload-bar {
  width: calc(100% - 56px);
  border-radius: 4px;
  background-color: rgb(4 179 148 / 0.1);
  height: 14px;
  display: flex;
  overflow: hidden;
}

.upload-bar-in {
  background-color: rgb(4 179 148 / 0.4);
  height: 100%;
  display: block;
}

.upload-bar-percent {
  width: 56px;
  padding-left: 10px;
  color: #586383;
  font-weight: 400;
  font-family: 'Rubik', sans-serif !important;
  font-size: 12px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .pinned-mess-tab.open {
    top: 56px;
  }
}

@media (max-width: 675px) {
  .c-c-window.ch_new {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    height: 100%;
    background: white;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    z-index: 13;
  }

  .ch_new .c-c-min {
    display: none;
  }
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

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

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

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

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}
.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}
.chat-popup {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: showpopbackin 0.2s linear 0s 1 forwards;
}

@keyframes showpopbackin {
  from {
    background: rgba(6, 7, 47, 0.4);
  }

  to {
    background: rgba(6, 7, 47, 0.8);
  }
}

.chat-pop-overlay {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(6, 7, 47, 0.82);
}

.chat-pop-body {
  position: relative;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  width: 500px;
  min-height: 400px;
}
.chat-pop-body.chat-v-pop {
  min-height: initial;
}
.chat-pop-body.chat-img-pop {
  min-height: initial;
  width: 400px;
}
.chat-pop-single-img-cont {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  background-color: #000;
}
.chat-pop-single-img-cont img {
  width: 100%;
  max-height: 600px;
  display: block;
  margin: auto;
}
.chat-pop-body .cpop-close-btn {
  width: 25px;
  height: 25px;
  background-color: transparent;
  border: 0;
  outline: 0;
  position: absolute;
  top: -4px;
  right: -26px;
  cursor: pointer;
}
.chat-pop-body .cpop-close-btn img {
  width: 15px;
}
.chat-pop-video {
  width: 100%;
}
.chat-pop-video .video-js {
  width: 100% !important;
  max-height: 500px !important;
  background-color: #000 !important;
  border-radius: 8px !important;
}
.chat-pop-video .video-react {
  border-radius: 8px !important;
}
@media (max-width: 768px) {
  .chat-pop-body {
    width: 80%;
  }
  .chat-pop-body.chat-img-pop {
    width: 80%;
  }
  .chat-pop-video .video-js {
    max-height: 450px !important;
  }
  .chat-pop-single-img-cont {
    max-height: initial;
  }
  .chat-pop-single-img-cont img {
    width: 100%;
    max-height: 700px;
  }
}

@media (max-width: 668px) {
  .chat-pop-body {
    width: 80%;
  }
  .chat-pop-video .video-js {
    max-height: 400px !important;
  }

  .chat-pop-single-img-cont img {
    max-height: 600px;
  }
}
@media (max-width: 375px) {
  .chat-pop-single-img-cont img {
    max-height: 400px;
  }
}
.teacher-marker {
  position: relative;
}

.teacher-marker-name {
  display: none;
  position: absolute;
  width: 50;
  left: 20;
  margin-left: 20;
  border: 1px solid;
  background-color: wheat;
  z-index: 20;
}

.teacher-marker:hover .teacher-marker-name {
  display: block;
}
td {
  cursor: default;
}

.all-teachers-container {
  background: white;
  padding: 10px;
  overflow: scroll;
}

.availability-table {
  width: 100;
  margin: 50px 0;
  overflow: auto;
}
.availability-table-style {
  overflow: unset;
}

.availability-table p {
  margin-top: 20px;
  color: blue;
}

.all-table-value.day-format {
  text-align: left;
  font-size: 10px;
}

.all-table-value .color-blue {
  color: blue;
  font-size: 10px;
}

.availability-table td.total-table-column {
  text-align: right;
}

.availability-table table {
  padding: 10px;
}

.all-table-value.hover-parent {
  font-size: 8px;
  color: #fafafa;
}

.all-table-value.total-table-column {
  font-size: 10px;
}

.total-heading {
  font-weight: bold;
}

.availability-table th {
  min-width: 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 10px;
  padding: 2px;
}

.availability-table td {
  position: relative;
  /* min-width: 20px; */
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  white-space: nowrap;
  padding: 2px;
}

.tooltiptext {
  display: none;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  top: 20px;
  left: -50px;
  position: absolute;
  z-index: 1000000;
  transition: opacity 0.3s;
}

.hover-parent:hover .tooltiptext {
  display: block;
  opacity: 1;
}

.teacher-availability-filters {
  display: flex;
}

.teacher-availability-block {
  margin-right: 30px;
}

.teacher-availability-block button {
  /* margin-top: 28px; */
}

.teacher-availability-submit {
  margin-top: 23px;
  height: 30px;
}

.teacher-availability-checkbox {
  cursor: pointer;
}

.avl-tea-filters {
  display: flex;
}

.avl-tea-filters .custom-checkbox {
  margin-right: 20px;
}

.multi-select-container {
  display: flex;
  flex-direction: row;
}

.multi-select-w {
  max-width: 300px;
}
input[type='text'] {
  padding: 8px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

.options-container {
  border: 1px solid #ccc;
  border-radius: 4px;
  max-height: 200px;
  overflow-y: auto;
}

.option {
  padding: 8px;
  cursor: pointer;
}

.option:hover {
  background-color: #f0f0f0;
}

.option.selected {
  background-color: #007bff;
  color: #fff;
}

.selected-options {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

.selected-option {
  padding: 6px;
  margin: 4px;
  background-color: #007bff;
  color: #fff;
  border-radius: 4px;
}
.report-template-table-1 {
  /* font-size: 14px;
    line-height: 24px;
    border: 1px solid #e4e4e4;
    box-shadow: 0px 6px 24px 0px #CECECE; */
  /* border-collapse: collapse; */
  /* width: 600px; */
  /* margin-top: 5%;
    border-bottom: 6px solid #4B3DDD;
    background-color: #FFFFFF;
    font-family: Helvetica,
        Arial,
        sans-serif; */
}

.report-td-1 {
  width: 100%;
  padding: 0px;
}

.report-width-full {
  width: 100%;
}

.report-td-2 {
  height: 110px;
  width: 100%;
  background-image: url('https://images.myyogateacher.com/email_template/oval-purple.png');
  background-position: center -45px;
  background-size: 100%;
  padding: 0px;
  margin: 0px;
  background-repeat: no-repeat;
}

.report-img-1 {
  width: 68px;
  height: 68px;
  margin-top: 121px;
}

.report-template-table-2 {
  padding: 0px 30px 60px 30px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
}

.report-template-table-2 h2 {
  text-align: left;
}

.report-h2-1 {
  text-align: center !important;
  color: #0d0b39;
  margin: 50px 0px 0px;
}

.report-td-3 {
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
}
.data-table {
  border-collapse: collapse;
}

.session-list th:nth-child(4),
.session-list td:nth-child(4) {
  background-color: #f3fff3;
  font-weight: bold;
}

.session-list th:nth-child(6),
.session-list td:nth-child(6) {
  background-color: #faf9ff;
  padding: 10px;
  text-align: left;
}

.data-table th {
  padding: 15px;
  border-bottom: 2px solid #bfbfbf !important;
  background-color: #f9f9ff;
}

.verified-user-table th {
  border-bottom: 2px solid #9e9e9e !important;
  background-color: #eef1ef;
}

.unverfied-users-table th {
  border-bottom: 2px solid #969696 !important;
  background-color: #f3eced;
}

.cancel-table th {
  border-bottom: 2px solid #d2d2d2 !important;
  background-color: #fbefef;
}

.no-show-table th {
  padding: 15px;
  border-bottom: 2px solid #a5a1a1 !important;
  background-color: #f5eee8;
}

.data-table td {
  padding: 15px 10px;
}

.session-list td:nth-child(3) {
  padding: 5px;
}

.data-table td,
.data-table th {
  border: 1px solid #afafaf;
  text-align: center;
}

.verified-user-table {
  background-color: #f3fff3;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 15px;
  margin-bottom: 8px;
}

.session-list th,
.session-list td {
  padding: 10px !important;
}

@media only screen and (max-width: 768px) {
  body {
    padding: 0px !important;
  }
}

@media only screen and (max-width: 600px) {
  .outer-table {
    width: 90% !important;
  }

  .footer {
    width: 100%;
  }

  .contact-us {
    text-align: center;
  }

  .copyright-social,
  .market-place {
    width: 100% !important;
    height: 50px;
    display: block;
  }
}

@media only screen and (max-width: 575px) {
  body {
    background-color: #fff !important;
  }
}

@media only screen and (max-width: 414px) {
}

@media only screen and (max-width: 375px) {
}
.daily-report-header {
  display: flex;
  justify-content: center;
  align-items: center;
}

.daily-report-item {
  margin: 0 20px;
}

.daily-report-header button {
  margin-top: 20px;
}
.custom-charts-cont {
  width: 100%;
  height: auto;
  display: flex;
}

.custom-chart-small {
  width: 45%;
  padding: 10px;
  margin: 0 2.5%;
  border: 1px solid #cfcfcf;
  border-radius: 10px;
  /* height: 500px; */
}

.custom-chart-pie {
  padding: 30px 0;
  margin-bottom: 30px;
}

.custom-charts-full {
  padding: 10px;
  margin: 20px 2.5%;
  border: 1px solid #cfcfcf;
  border-radius: 10px;
}

@media (max-width: 700px) {
  .custom-charts-cont {
    flex-direction: column;
  }

  .custom-chart-small {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 20px;
  }
}
.ctb-no-bor {
  border: none;
}

.ctb-fir-col {
  border: 1px solid #cccccc;
}

.ctb-date {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ctb-week-text2 {
  line-height: 1.5;
  font-size: 12px;
}

.ctb-week-text {
  font-size: 18px;
}
.user-rev-table {
  flex-shrink: 0;
  width: 8%;
}

.user-rev-table-fir {
  width: 10%;
}

.user-rev-row {
  height: 30px;
}

.user-rev-td {
  white-space: nowrap;
  box-sizing: border-box;
  padding: 0;
  font-size: 14px;
}

.user-rev-td-fir {
  flex-shrink: 0;
  font-size: 12px;
  /* width: 300px; */
}

.user-rev-no-bor {
  border: none;
  height: 20px;
}

.user-rev-td-fir {
  text-align: left;
  padding: 0 5px;
}

.sess-week-rev-td {
  white-space: nowrap;
  box-sizing: border-box;
  padding: 0 5px;
  font-size: 14px;
}

.user-rev-row-fir {
  height: 40px;
}

.k-m-cont {
  display: flex;
  padding-right: '10px';
  margin-right: '10px';
  width: 100%;
  /* overflow: 'auto'; */
}

.k-m-title {
  width: 30%;
}

.k-m-value {
  display: flex;
  width: 70%;
  overflow: auto;
}
.sms-window {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 628px;
  width: 436px;
  background-color: #fff;
  border: 1px solid;
}

.c-c-window {
  /* position: fixed; */
  /* right: 10px; */
  /* bottom: 0; */
  width: 320px;
  margin: 0 30px;
  height: 360px;
  background: white;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  z-index: 9999999;
}

.c-c-content {
  width: 100%;
  height: 90%;
  height: calc(100% - 30px);
  overflow: auto;
}

.ch_new .textarea-cont {
  width: 97%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  border: 1px solid #d4d5d6;
  border-radius: 25px;
  /* overflow: hidden; */
}

.c-c-messages {
  width: 100%;
  height: 90%;
  height: calc(100% - 50px);
}

.c-c-window-min {
  width: 320px;
  margin: 0 30px;
  background: white;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  z-index: 9999999;
}

.c-c-window {
  /* position: fixed; */
  /* right: 10px; */
  /* bottom: 0; */
  width: 320px;
  margin: 0 30px;
  height: 360px;
  background: white;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  z-index: 9999999;
}
.c-c-header {
  width: 100%;
  height: 40px;
  background: #4354de;
  color: white;
  display: flex;
  align-items: center;
  padding-left: 10px;
}

.ch_new .c-c-header.c-c-header-o {
  background: #fff;
  border-bottom: 1px solid rgb(0 0 0 / 14%);
  font-family: 'Rubik', sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  color: #586383;
}

.c-c-header-c {
  width: 80%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.my-sms {
  width: 100%;
  padding: 10px 10px 22px;
  margin-bottom: 10px;
  border-radius: 4px;
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.friend-sms {
  width: 100%;
  padding: 10px 10px 22px;
  border-radius: 4px;
  position: relative;
  margin-bottom: 10px;
}

.sms-time {
  color: #0000003d;
  font-weight: 400;
  font-size: 10px;
  margin: 10px 0px 0px;
  text-align: left;
  padding-left: 0px;
  min-width: 55px;
  left: 52px;
  display: flex;
  align-items: flex-start;
  text-transform: uppercase;
  bottom: 4px;
  flex-direction: column;
}

.sms-time.chat-me {
  text-align: right;
  right: 10px;
  padding-left: 0px;
  left: initial;
  align-items: flex-end;
}
.chat-cmt-box {
  font-size: 14px;
  margin: 0px 0 6px;
  max-width: 100%;
  background: #f4f4fb;
  padding: 10px;
  border-radius: 10px;
  border-top-left-radius: 0;
  text-align: left;
  word-wrap: break-word;
  line-height: 1.4;
  word-break: break-word;
  cursor: pointer;
  font-weight: 500;
  font-family: 'Rubik', sans-serif !important;
}

.send-btn-c {
  position: absolute;
  width: 50px;
  height: 20px;
  border-left: 1px solid #cccccc73;
  padding-left: 8px;
  color: #04b394;
  display: flex;
  align-items: center;
  right: 0;
  font-size: 13px;
  cursor: pointer;
  bottom: 11px;
  opacity: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif !important;
  animation: sanip 0.2s linear 1 forwards;
}

.ch_new .textarea-cont .send-btn-c {
  position: absolute;
  width: 50px;
  height: 16px;
  border-left: 1px solid #cccccc73;
  padding-left: 8px;
  color: #04b394;
  display: flex;
  align-items: center;
  right: 0;
  font-size: 13px;
  cursor: pointer;
  bottom: 11px;
  opacity: 0;
  font-weight: 400;
  font-family: 'Rubik', sans-serif !important;
  animation: sanip 0.2s linear 1 forwards;
}

.c-c-i-c {
  display: flex;
  border-top: 1px solid;
  width: 100%;
  height: 40px;
}

textarea {
  box-sizing: border-box;
}

.ch_send_btn {
  height: 46px !important;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
  bottom: 0px !important;
  color: white !important;
}

.whatsapp_bg {
  background: #04b394;
}

.sms_bg {
  background: #ee731b;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  padding: 0.5rem 1rem;
  border-radius: 40px;
  font-weight: 600;
  font-family: Inter;
  transition: all 0.2s ease-in-out;
  font-smooth: auto;
  -webkit-appearance: none;
  cursor: pointer;
}

.btn-primary {
  background-color: #04b394;
  box-shadow: 0 2px 4px #f8662426;
  cursor: pointer;
  color: #fff;
}
.session-user {
  cursor: pointer;
}

.profile-img-name {
  display: flex;
  align-items: center;
}

.profile-img-name img {
  /* margin: 0 5px; */
  margin-right: 5px;
}

.th-name-header {
  text-align: left;
}

table-st {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.table-st th {
  vertical-align: top;
  max-width: 300px;
}

.table-st td,
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.th-name-header span {
  padding-left: 10px;
}

.video-react .video-react-control:before, .video-react .video-react-big-play-button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

@font-face {
  font-family: "video-react";
  src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("eot");
}
@font-face {
  font-family: "video-react";
  src: url(data:application/font-woff;base64,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) format("woff"), url(data:application/x-font-ttf;base64,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) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.video-react-icon, .video-react .video-react-closed-caption, .video-react .video-react-bezel .video-react-bezel-icon, .video-react .video-react-volume-level, .video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button, .video-react .video-react-play-control, .video-react .video-react-play-progress, .video-react .video-react-big-play-button {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "video-react" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.video-react-icon-play-arrow:before, .video-react .video-react-bezel .video-react-bezel-icon-play:before, .video-react .video-react-play-control:before, .video-react .video-react-big-play-button:before {
  content: "";
}

.video-react-icon-play-circle-filled:before {
  content: "";
}

.video-react-icon-play-circle-outline:before {
  content: "";
}

.video-react-icon-pause:before, .video-react .video-react-bezel .video-react-bezel-icon-pause:before, .video-react .video-react-play-control.video-react-playing:before {
  content: "";
}

.video-react-icon-pause-circle-filled:before {
  content: "";
}

.video-react-icon-pause-circle-outline:before {
  content: "";
}

.video-react-icon-stop:before {
  content: "";
}

.video-react-icon-fast-rewind:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-rewind:before {
  content: "";
}

.video-react-icon-fast-forward:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-forward:before {
  content: "";
}

.video-react-icon-skip-previous:before {
  content: "";
}

.video-react-icon-skip-next:before {
  content: "";
}

.video-react-icon-replay-5:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-5:before {
  content: "";
}

.video-react-icon-replay-10:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-10:before {
  content: "";
}

.video-react-icon-replay-30:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-30:before {
  content: "";
}

.video-react-icon-forward-5:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-5:before {
  content: "";
}

.video-react-icon-forward-10:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-10:before {
  content: "";
}

.video-react-icon-forward-30:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-30:before {
  content: "";
}

.video-react-icon-volume-off:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-off:before, .video-react .video-react-mute-control.video-react-vol-muted:before,
.video-react .video-react-volume-menu-button.video-react-vol-muted:before {
  content: "";
}

.video-react-icon-volume-mute:before, .video-react .video-react-mute-control.video-react-vol-0:before,
.video-react .video-react-volume-menu-button.video-react-vol-0:before {
  content: "";
}

.video-react-icon-volume-down:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-down:before, .video-react .video-react-mute-control.video-react-vol-2:before,
.video-react .video-react-volume-menu-button.video-react-vol-2:before, .video-react .video-react-mute-control.video-react-vol-1:before,
.video-react .video-react-volume-menu-button.video-react-vol-1:before {
  content: "";
}

.video-react-icon-volume-up:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-up:before, .video-react .video-react-mute-control:before,
.video-react .video-react-volume-menu-button:before {
  content: "";
}

.video-react-icon-fullscreen:before {
  content: "";
}

.video-react-icon-fullscreen-exit:before {
  content: "";
}

.video-react-icon-closed-caption:before, .video-react .video-react-closed-caption:before {
  content: "";
}

.video-react-icon-hd:before {
  content: "";
}

.video-react-icon-settings:before {
  content: "";
}

.video-react-icon-share:before {
  content: "";
}

.video-react-icon-info:before {
  content: "";
}

.video-react-icon-info-outline:before {
  content: "";
}

.video-react-icon-close:before {
  content: "";
}

.video-react-icon-circle:before, .video-react .video-react-volume-level:before, .video-react .video-react-play-progress:before {
  content: "";
}

.video-react-icon-circle-outline:before {
  content: "";
}

.video-react-icon-circle-inner-circle:before {
  content: "";
}

.video-react {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  font-size: 10px;
  line-height: 1;
  font-family: serif, Times, "Times New Roman";
  -webkit-user-select: none;
  user-select: none;
}
.video-react:-moz-full-screen {
  position: absolute;
}
.video-react:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-react *,
.video-react *:before,
.video-react *:after {
  box-sizing: inherit;
}
.video-react ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-react.video-react-fluid, .video-react.video-react-16-9, .video-react.video-react-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-react.video-react-16-9 {
  padding-top: 56.25%;
}
.video-react.video-react-4-3 {
  padding-top: 75%;
}
.video-react.video-react-fill {
  width: 100%;
  height: 100%;
}
.video-react .video-react-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-react.video-react-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-react.video-react-fullscreen.video-react-user-inactive {
  cursor: none;
}

body.video-react-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}
body.video-react-full-window .video-react-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-react button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  cursor: pointer;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  appearance: none;
}

.video-react .video-react-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}
.video-react .video-react-loading-spinner:before, .video-react .video-react-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
  animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
}

.video-react-seeking .video-react-loading-spinner,
.video-react-waiting .video-react-loading-spinner {
  display: block;
}

.video-react-seeking .video-react-loading-spinner:before,
.video-react-waiting .video-react-loading-spinner:before {
  border-top-color: white;
}

.video-react-seeking .video-react-loading-spinner:after,
.video-react-waiting .video-react-loading-spinner:after {
  border-top-color: white;
  animation-delay: 0.44s;
}

@keyframes video-react-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-react .video-react-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.video-react .video-react-big-play-button.video-react-big-play-button-center {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.video-react .video-react-big-play-button.big-play-button-hide {
  display: none;
}
.video-react:hover .video-react-big-play-button,
.video-react .video-react-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.video-react-menu-button {
  cursor: pointer;
}
.video-react-menu-button.video-react-disabled {
  cursor: default;
}

.video-react-menu .video-react-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
  font-family: serif, Times, "Times New Roman";
}
.video-react-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
}
.video-react-menu li:focus, .video-react-menu li:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-react-menu li.video-react-selected, .video-react-menu li.video-react-selected:focus, .video-react-menu li.video-react-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.video-react-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.video-react-scrubbing .vjs-menu-button:hover .video-react-menu {
  display: none;
}

.video-react .video-react-menu-button-popup .video-react-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.video-react .video-react-menu-button-popup .video-react-menu .video-react-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.video-react-menu-button-popup .video-react-menu.video-react-lock-showing {
  display: block;
}

.video-react .video-react-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}
.video-react .video-react-menu-button-inline:before {
  width: 2.222222222em;
}
.video-react .video-react-menu-button-inline:hover, .video-react .video-react-menu-button-inline:focus, .video-react .video-react-menu-button-inline.video-react-slider-active {
  width: 12em;
}
.video-react .video-react-menu-button-inline:hover .video-react-menu, .video-react .video-react-menu-button-inline:focus .video-react-menu, .video-react .video-react-menu-button-inline.video-react-slider-active .video-react-menu {
  display: block;
  opacity: 1;
}
.video-react .video-react-menu-button-inline.video-react-slider-active {
  transition: none;
}
.video-react .video-react-menu-button-inline .video-react-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
.video-react .video-react-menu-button-inline .video-react-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-react-no-flex .video-react-menu-button-inline .video-react-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.video-react-no-flex .video-react-menu-button-inline:hover, .video-react-no-flex .video-react-menu-button-inline:focus, .video-react-no-flex .video-react-menu-button-inline.video-react-slider-active {
  width: auto;
}

.video-react .video-react-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.video-react .video-react-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

.video-react .video-react-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-react .video-react-slider:focus {
  box-shadow: 0 0 1em #fff;
}

.video-react .video-react-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}
.video-react .video-react-control:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.video-react .video-react-control:focus:before, .video-react .video-react-control:hover:before, .video-react .video-react-control:focus {
  text-shadow: 0em 0em 1em #fff, 0em 0em 0.5em #fff;
}

.video-react .video-react-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-react-no-flex .video-react-control {
  display: table-cell;
  vertical-align: middle;
}

.video-react .video-react-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-react-has-started .video-react-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-react-controls-disabled .video-react-control-bar,
.video-react-using-native-controls .video-react-control-bar,
.video-react-error .video-react-control-bar {
  display: none !important;
}

.video-react-audio.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar {
  opacity: 1;
  visibility: visible;
}

.video-react-has-started.video-react-no-flex .video-react-control-bar {
  display: table;
}

.video-react .video-react-progress-control {
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
}

.video-react-live .video-react-progress-control {
  display: none;
}

.video-react .video-react-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-react .video-react-progress-control:hover .video-react-progress-holder {
  font-size: 1.6666666667em;
}

/* If we let the font size grow as much as everything else, the current time tooltip ends up
 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
 to avoid a weird hitch when you roll off the hover. */
.video-react .video-react-progress-control:hover .video-react-time-tooltip,
.video-react .video-react-progress-control:hover .video-react-mouse-display:after,
.video-react .video-react-progress-control:hover .video-react-play-progress:after {
  visibility: visible;
  font-size: 0.6em;
}

.video-react .video-react-progress-holder .video-react-play-progress,
.video-react .video-react-progress-holder .video-react-load-progress,
.video-react .video-react-progress-holder .video-react-tooltip-progress-bar,
.video-react .video-react-progress-holder .video-react-load-progress div {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}

.video-react .video-react-play-progress {
  background-color: #fff;
}
.video-react .video-react-play-progress:before {
  position: absolute;
  top: -0.3333333333em;
  right: -0.5em;
  font-size: 0.9em;
}

.video-react .video-react-time-tooltip,
.video-react .video-react-mouse-display:after,
.video-react .video-react-play-progress:after {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  right: -1.9em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 6px 8px 8px 8px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
}

.video-react .video-react-time-tooltip,
.video-react .video-react-play-progress:before,
.video-react .video-react-play-progress:after {
  z-index: 1;
}

.video-react .video-react-progress-control .video-react-keep-tooltips-inside:after {
  display: none;
}

.video-react .video-react-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}

.video-react .video-react-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75);
}

.video-react.video-react-no-flex .video-react-progress-control {
  width: auto;
}

.video-react .video-react-time-tooltip {
  display: inline-block;
  height: 2.4em;
  position: relative;
  float: right;
  right: -1.9em;
}

.video-react .video-react-tooltip-progress-bar {
  visibility: hidden;
}

.video-react .video-react-progress-control .video-react-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-react-no-flex .video-react-progress-control .video-react-mouse-display {
  z-index: 0;
}

.video-react .video-react-progress-control:hover .video-react-mouse-display {
  display: block;
}

.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display:after {
  display: none;
}

.video-react .video-react-mouse-display .video-react-time-tooltip,
.video-react .video-react-progress-control .video-react-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-react .video-react-play-control {
  cursor: pointer;
  flex: none;
}
.video-react .video-react-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.video-react.video-react-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}

.video-react .video-react-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.video-react .video-react-time-divider {
  line-height: 3em;
  min-width: initial;
  padding: 0;
}

.video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button {
  cursor: pointer;
  flex: none;
}
.video-react .video-react-volume-control {
  width: 5em;
  flex: none;
  display: flex;
  align-items: center;
}
.video-react .video-react-volume-bar {
  margin: 1.35em 0.45em;
}
.video-react .video-react-volume-bar.video-react-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level {
  width: 100%;
}
.video-react .video-react-volume-bar.video-react-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level {
  height: 100%;
}
.video-react .video-react-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-react .video-react-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.video-react .video-react-slider-vertical .video-react-volume-level {
  width: 0.3em;
}
.video-react .video-react-slider-vertical .video-react-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}
.video-react .video-react-slider-horizontal .video-react-volume-level {
  height: 0.3em;
}
.video-react .video-react-slider-horizontal .video-react-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}
.video-react .video-react-menu-button-popup.video-react-volume-menu-button-vertical .video-react-menu {
  left: 0.5em;
  height: 8em;
}
.video-react .video-react-menu-button-popup.video-react-volume-menu-button-horizontal .video-react-menu {
  left: -2em;
}
.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical.video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical .video-react-lock-showing .video-react-menu-content {
  height: 8em;
  width: 2.9em;
}
.video-react .video-react-volume-menu-button-horizontal:hover .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-lock-showing .video-react-menu-content {
  height: 2.9em;
  width: 8em;
}
.video-react .video-react-volume-menu-button.video-react-menu-button-inline .video-react-menu-content {
  background-color: transparent !important;
}

.video-react .video-react-playback-rate .video-react-playback-rate-value {
  line-height: 3em;
  text-align: center;
}
.video-react .video-react-playback-rate .video-react-menu {
  width: 4em;
  left: 0em;
}

.video-react .video-react-bezel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  z-index: 17;
  margin-left: -26px;
  margin-top: -26px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 26px;
}
.video-react .video-react-bezel.video-react-bezel-animation {
  animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards;
  pointer-events: none;
}
.video-react .video-react-bezel.video-react-bezel-animation-alt {
  animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards;
  pointer-events: none;
}
.video-react .video-react-bezel .video-react-bezel-icon {
  width: 36px;
  height: 36px;
  margin: 8px;
  font-size: 26px;
  line-height: 36px;
  text-align: center;
}
@keyframes video-react-bezel-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes video-react-bezel-fadeout-alt {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}
.video-react .video-react-closed-caption {
  cursor: pointer;
  flex: none;
}
.video-react video::-webkit-media-text-track-container {
  transform: translateY(-30px);
}.user-sess-page {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  margin-top: 10px;
}

.user-sess-page img {
  border: 1px solid #4254de;
  padding: 2px 10px;
  cursor: pointer;
}

.user-sess-page-rev {
  transform: rotate(-180deg);
}

.user-sess-page-dis {
  pointer-events: none;
  opacity: 0.5;
}
.details-session-logs-header {
  position: relative;
  width: 95%;
  width: calc(100% - 20px);
  border: 1px solid;
  padding: 10px;
  margin: 10px 0;
  cursor: pointer;
  background: #efefef;
}

.details-session-logs-header-flex {
  width: 90%;
  display: flex;
}

.details-session-logs-header-val {
  width: 40%;
}

.details-session-logs-header-mem {
  width: 30%;
}

.details-session-logs-header img {
  filter: invert(100%);
  width: 20px;
  position: absolute;
  right: 10px;
}

.student-transactions img {
  top: 11px;
}
.cr-cont {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

.cr-player {
  width: 70%;
}

.cr-logs {
  width: 28%;
}

.cr-logs img {
  cursor: pointer;
}
.rec-block {
  display: flex;
}

.rec-teacher {
  width: 33%;
}

.rec-session {
  width: 33%;
}
.rec-teacher-types {
  margin-top: 5px;
}

.rec-teacher-image {
  font-size: 14px;
}

.rec-teacher-image img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.consult-notes textarea {
  width: 100%;
  height: 200px;
}

.consult-notes button {
  /* display: block; */
}

.consult-attch {
  display: flex;
  align-items: center;
}

.consult-attch img {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  border: 1px solid;
  border-radius: 50%;
  border-color: #ed4d4d;
  cursor: pointer;
}
.cgs-container {
  width: 100%;
  display: flex;
}

.cgs-create {
  width: 70%;
  border-right: 1px solid;
  padding: 0 20px;
}

.cgs-add-time {
  width: 30%;
}

.cgs-time-container {
  text-align: center;
}

.cgs-time-error {
  margin: 3px 0;
  color: #ed4d4d;
}

.cgs-time-error-none {
  display: none;
}

.cgs-single-date {
  margin: 10px 0;
  display: flex;
  justify-content: center;
}

.cgs-single-date img {
  width: 15px;
  height: 15px;
  align-items: center;
  border: 1px solid;
  border-radius: 50%;
  margin-left: 5px;
  cursor: pointer;
  border-color: #ed4d4d;
}
.sl-input {
  width: 200px;
  height: 34px;
}

.sl-top-content {
  display: flex;
}

.sl-top-content p {
  margin-left: 30px;
}

.sl-top-inp,
.sl-top-leg {
  display: flex;
  align-items: center;
}

.sl-display-cont {
  display: flex;
  width: 100%;
  height: 400px;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  text-align: center;
}

.sl-legend {
  width: 10px;
  height: 10px;
  background-color: #ed4d4d;
  margin: 0 5px 0 20px;
}

@media (max-width: 700px) {
  .sl-top-content:focus {
    border: none;
  }

  .sl-top-content {
    flex-direction: column;
  }

  .sl-legend {
    margin-left: 0;
  }

  .sl-top-leg {
    margin-top: 10px;
  }
}

.sl-span {
  margin-left: 10px;
}
.stu-pro-cha {
  position: fixed;
  bottom: 0;
  right: 20px;
}

.stu-pro-extra-class {
  text-align: center;
  margin: 10px 0;
  font-size: 19px;
  color: #ed4d4d;
}

.cre-member-options-row {
  display: flex;
  width: 100%;
}

.cre-member-options {
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 20px;
  cursor: pointer;
  padding: 0 30px;
}

.cre-member-option {
  margin-left: 30px;
}

.cre-member-sub-heading {
  font-size: 14px;
  margin: 3px 0;
}

.cre-member-pricing {
  width: 50px;
  margin-left: 20px;
}

.cre-mem-gift {
  padding: 0 5px !important;
}

.cre-mem-gift-options {
  padding: 0 10px !important;
}

.subs-summ {
  margin-bottom: 10px;
}

.subs-summ span {
  color: #aaa;
  font-size: 12px;
  font-weight: 600;
  margin-right: 5px;
}

.notes-container {
  height: 600px;
}

.notes-container h4 {
  margin-bottom: 10px;
}

.notes-messages {
  height: 450px;
  overflow: auto;
}

.notes-input {
  height: 100px;
  margin-top: 20px;
  display: flex;
}

.notes-input textarea {
  height: 100%;
  border: 1px solid;
}

.notes-text {
  margin-bottom: 20px;
}

.notes-text-val {
  border: 1px solid;
  padding: 10px;
  background-color: #f4f4fb;
  font-family: Montserrat;
  font-size: 14px;
  border-radius: 10px;
}

.notes-text-auth {
  text-align: left;
  font-family: Montserrat;
  font-size: 12px;
  color: #827f7f;
}

.student-old-goals {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.student-old-goals-div {
  display: flex;
  flex-shrink: 0;
  border: 1px solid;
  border-radius: 20px;
  margin-right: 10px;
  margin-bottom: 10px;
  align-items: center;
  padding: 5px 10px;
}

.student-old-goals-div span {
  margin-right: 10px;
}
.student-old-goals-div img {
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.spc {
  display: flex;
  /* border: 1px solid; */
  justify-content: space-between;
  /* max-width: 1300px; */
}
.spc-btn-co {
  padding: 5px 0;
  width: 16%;
  max-width: 250px;
  /* border: 1px solid; */
  box-shadow: 0px 0px 2px -1px rgba(0, 0, 0, 0.75);
}
.spc-btn-co p {
  font-weight: bold;
  margin: 0;
  font-size: 16px !important;
}
.spc-btn-in-co {
  display: flex;
  flex-wrap: wrap;
  /* border: 1px solid; */
  justify-content: space-between;
  margin-bottom: 20px;
}
.spc-btn-co button {
  padding: 5px 10px;
  font-size: 12px;
}
.spc-btn-co a {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 5px;
  background: #4254de;
  border: 1px solid #4254de;
  color: #fff;
  cursor: pointer;
  transition: 0.2s linear;
  margin: 5px;
}
.spc-btn-co-dup {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 5px;
  /* background: #4254DE; */
  /* border: 1px solid #4254DE; */
  color: #4254de;
  cursor: pointer;
  transition: 0.2s linear;
  margin: 5px;
}

.spc-btn-co-dup:hover {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 5px;
  background: #fff;
  /* border: 1px solid #4254DE; */
  color: #4254de;
  cursor: pointer;
  transition: 0.2s linear;
  margin: 5px;
}
.spc-profile {
  /* width: 300px; */
  flex-shrink: 0;
  text-align: center;
}
.teacher-profile-image-change {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}
.spc-profile-change {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 5px;
  background: #4254de;
  border: 1px solid #4254de;
  color: #fff;
  cursor: pointer;
  transition: 0.2s linear;
  margin: 5px;
}
.spc-profile-change input {
  display: none;
}

.myt-table > thead > tr > th {
  width: 50%;
}

.membership-error > p {
  font-size: 18px;
  font-weight: 500;
}

.membership-error > p > a {
  text-decoration: underline;
  color: #4254de;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
.message-content > p > a {
  color: #ee731b;
  font-family: inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  word-wrap: break-word;
}
.custom-quill .ql-container {
  min-height: 10em;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  background: #fefcfc;
}

.custom-quill {
  margin: 30px 0;
}

.custom-quill textarea {
  width: 100%;
  height: 40px;
  font-size: 14px;
}
.pref-row {
  display: flex;
  width: 100%;
}

.pref-title {
  width: 40%;
}

.pref-title-other {
  width: 20%;
}

.pref-row-title {
  margin: 10px 0;
  font-weight: 1000;
}

.pref-row {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 0;
  padding: 15px 0;
}

.pref-row-top {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.cr-email-container {
  width: 100%;
  min-height: 500px;
  display: flex;
  justify-content: space-evenly;
}

.cr-email-text {
  width: 100%;
}

.cr-email-text textarea {
  width: 99%;
  height: 100%;
}

.cr-email-view {
  width: 100%;
  border: 1px solid;
}

.cr-email-view iframe {
  width: 100%;
  min-height: 100%;
  height: auto;
}

.cr-email-send {
  margin-top: 30px;
}

.cr-email-error {
  color: #ed4d4d;
}

.cr-email-toaddr {
  display: flex;
  align-items: center;
}

.cr-email-toaddr button {
  margin-top: 25px;
}

.cr-email-emails-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
}

.cr-email-single {
  display: flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 2px 10px;
  border-radius: 20px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.cr-email-single p {
  margin-left: 5px;
  padding: 2px 6px;
  font-size: 10px;
  border-radius: 50%;
  border: 1px solid;
  cursor: pointer;
}
.group-class-goals {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
}

.group-classes-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.group-class {
  position: relative;
  width: 350px;
  border: 1px solid;
  margin: 5px;
  padding-bottom: 60px;
}

.group-class h4 {
  text-align: center;
}

.group-class-edit {
  position: absolute;
  bottom: 0;
  left: 30%;
}

.create-group-class-name h4 {
  text-align: center;
  font-size: 20px;
  margin-top: 0;
}

.create-group-class-name-edit {
  color: #aaa;
  font-size: 12px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 5px;
}

.create-class-type-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.create-class-type-header input {
  height: 30px;
  width: 50%;
}

.cre-class-teachers {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
  width: 100%;
}

.cre-class-teac {
  position: relative;
  font-family: Montserrat;
  font-size: 12px;
  color: #1b2437;
  flex-shrink: 0;
  margin-right: 5px;
  padding: 3px 25px;
  border: 1px solid rgb(151, 151, 151, 0.3);
  border-radius: 10px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.cre-class-teac img {
  position: absolute;
  top: calc(50% - 5px);
  right: 5px;
  width: 10px;
  height: 10px;
}

.page-teachers {
  display: flex;
  width: 100%;
  font-size: 14px;
  flex-wrap: wrap;
}

.page-teacher {
  margin: 0 10px;
}
.page-teacher img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.add-classes-open {
  height: 400px;
  display: flex;
  justify-content: space-evenly;
  overflow: hidden;
}

.add-classes-left {
  width: 48%;
  border: 1px solid;
  overflow: auto;
}

.add-classes-right {
  width: 48%;
  border: 1px solid;
  overflow: auto;
}

.add-classes-search {
  display: flex;
  justify-content: center;
  align-items: center;
}

.add-classes-search input {
  height: 30px;
}

.add-class-click {
  cursor: pointer;
}
@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{-ms-touch-action:none;touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;background-image:-webkit-gradient(linear,left top, right top,color-stop(50%, #fff),color-stop(50%, #444)),-webkit-gradient(linear,left top, right top,color-stop(50%, #fff),color-stop(50%, #444)),-webkit-gradient(linear,left top, left bottom,color-stop(50%, #fff),color-stop(50%, #444)),-webkit-gradient(linear,left top, left bottom,color-stop(50%, #fff),color-stop(50%, #444));background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(50%);transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(-50%);transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}
.sp-test-cus-edit {
  align-items: center;
  margin-top: 5px;
}

.sp-test-edit-key {
  width: 30%;
}

.sp-test-edit-val {
  width: 40%;
}

.sp-test-edit-btns {
  width: 30%;
}

.sp-test-edit-btns button {
  padding: 5px 10px;
}

.stc-container {
  margin-top: 20px;
}

.stc-header {
  /* border: 1px solid; */
  height: 40px;
  display: flex;
  justify-content: center;
}

.stc-label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  padding: 0 20px;
  background-color: grey;
  color: white;
  border-radius: 5px;
  cursor: pointer;
}

.stc-label-sel {
  background-color: #4254de;
}
.custom-image-upload {
}

.custom-image-upload input {
  display: none;
}

.custom-image-image img {
  /* width: 100%; */
  height: 200px;
}

.teacher-profile-image-container {
  width: 300px;
  flex-shrink: 0;
  text-align: center;
}

.teacher-profile-links-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.teacher-profile-image {
  position: relative;
  width: 60%;
  margin: 0 auto;
}

.teacher-profile-image-change {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.teacher-profile-image-change input {
  display: none;
}

.teacher-profile-image img {
  width: 100%;
  object-fit: cover;
}
.no-permission-cont {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.rec-block {
  display: flex;
}

.rec-teacher {
  width: 33%;
}

.rec-session {
  width: 33%;
}
.rec-teacher-types {
  margin-top: 5px;
}

.rec-teacher-image {
  font-size: 14px;
}

.rec-teacher-image img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.consult-notes textarea {
  width: 100%;
  height: 200px;
}

.consult-notes button {
  /* display: block; */
}

.consult-attch {
  display: flex;
  align-items: center;
}

.consult-attch img {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  border: 1px solid;
  border-radius: 50%;
  border-color: #ed4d4d;
  cursor: pointer;
}
.community_class_desc {
  width: 100%;
  height: 200px;
  font-size: 15px;
  line-height: 20px;
}
.promote-table {
  width: 80%;
  padding-top: 30px;
  padding-left: 30px;
  margin-top: 5px;
  /* background-color: white; */
  align-self: center;
}
.title-div {
  padding-top: 20px;
  padding-bottom: 20px;
}

.title_bold {
  text-align: center;
  font-weight: bold;
}
.content-tag-header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.content-tag-header input {
  margin: 0 !important;
}

.content-width-full {
  width: 100%;
}

.content-width-half {
  width: 50%;
}

.content-border {
  border: 1px solid #bfbfbf;
}

.category-template-div {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  margin-top: 30px;
}

.content-div {
  width: 100%;
  /* border-bottom: 1px solid #bfbfbf; */
  padding: 10px 30px 30px 30px;
}

.inner-div {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}

.category-button {
  float: right;
  margin: 0px 0px 10px 0px;
}
.save-button {
  margin-left: auto;
  margin-top: 50px;
}

.create-tag-name h4 {
  text-align: center;
  font-size: 20px;
  margin-top: 0;
}

.content-search-input {
  height: 30px;
  width: 50%;
}

.create-tag-name-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
}

.md-chip {
  display: inline-block;
  background: #e0e0e0;
  padding: 0 12px;
  border-radius: 32px;
  font-size: 13px;
}
.md-chip-hover:hover {
  background: #ccc;
}

.md-chip-clickable {
  cursor: pointer;
}

.md-chip,
.md-chip-icon {
  height: 32px;
  line-height: 32px;
}

.md-chip-icon {
  display: block;
  float: left;
  background: #009587;
  width: 32px;
  border-radius: 50%;
  text-align: center;
  color: white;
  margin: 0 8px 0 -12px;
}

.md-chip-remove {
  display: inline-block;
  background: #aaa;
  border: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  padding: 0;
  margin: 0 -4px 0 4px;
  cursor: pointer;
  font: inherit;
  line-height: 20px;
}

.md-chip-remove:after {
  color: #e0e0e0;
  content: 'x';
}

.md-chip-remove:hover {
  background: #999;
}

.md-chip-remove:active {
  background: #777;
}

.md-chips {
  padding: 12px 0;
}

.md-chip {
  margin: 0 5px 3px 0;
}

.md-chip-raised {
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

input[type='checkbox'] {
  display: none;
}

input[type='checkbox'] + label {
}

:checked + label:before {
  content: '✓';
  transform: scale(1);
  margin-right: 4px;
}

input[type='checkbox']:checked + label {
  transition: all 500ms ease;
  background-color: #1579b3;
  color: white;
  border-color: #fc6c27;
}

.blog-frame {
  width: 50%;
}

.blog-frame iframe {
  width: 100%;
  height: 100%;
}

.blog-details-link {
  margin: 10px 0 !important;
}
.home-container {
  width: 100%;
  height: 100%;
}

.header {
  width: 100%;
  height: 70px;
  background: #4354de;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 99999999999;
}

.header-logo-cont {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.home-logo {
  height: 30px;
  margin-left: 30px;
}

.home-menu-icon {
  width: 28px;
  height: auto;
  margin-left: 30px;
  cursor: pointer;
}

.header-email {
  display: flex;
  align-items: center;
}

.header-email p {
  color: white;
  font-size: 16px;
  padding-right: 10px;
}

.home-logout {
  width: 70px;
  text-align: center;
  margin-right: 10px;
  padding: 10px;
  background: #ffffff;
  border-radius: 15px;
  cursor: pointer;
}

.content-container {
  display: flex;
  width: 100%;
  height: 90%;
  height: calc(100% - 70px);
}

.drawer {
  width: 15%;
  max-width: 225px;
  background: #ffffff;
  overflow: none;
  overflow-y: scroll;
  transition: 0.3s linear;
}

.drawer-close {
  width: 0;
}

.content {
  width: 85%;
  background: #eff0f1;
  overflow-y: auto;
  transition: 0.3s linear;
}

.content-full-screen {
  width: 100%;
}

@media (min-width: 1500px) {
  .content {
    width: 85%;
    width: calc(100% - 225px);
  }

  .content-full-screen {
    width: 100%;
  }
}

.header-timezone {
  margin-right: 30px;
  display: flex;
  align-items: center;
}

.header-timezone div {
  color: #fff;
  padding-right: 10px;
}

.header-email-logout {
  display: flex;
  align-items: center;
}

@media (max-width: 700px) {
  .header-logo-cont {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .header-email-logout {
    display: none;
  }

  .drawer {
    position: absolute;
    width: 100%;
    height: 90%;
    height: calc(100% - 70px);
    max-width: none;
    background: #ffffff;
    overflow: none;
    overflow-y: scroll;
    transition: 0.3s linear;
    z-index: 99999999999;
  }
  .drawer-close {
    width: 0;
  }
  .content {
    width: 100%;
  }
}

@media (max-width: 400px) {
  .header-timezone-title {
    display: none;
  }
}
.session-table,
td,
th {
  border: 0 !important;
}
.session-table,
th {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.session-table,
td {
  font-weight: 500;
  font-size: 15px;
  line-height: normal;
}
.manual-notes > p {
  margin: 0;
}
.manual-cnotes-container > .quill > .ql-container > .ql-editor {
  height: 500px;
}
.card {
  width: 310px;
  height: 627px;
  padding: 15px;
  margin-top: 40px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  box-shadow: 15px 10px 25px 0px #3fa1a9;
  background: #fff;
}

form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.chat-img-upload {
  display: none;
}

.custom-file-upload {
  border-radius: 50%;
  display: inline-block;
  position: relative;
  padding: 6px;
  cursor: pointer;
  margin-bottom: 25px;
}

.img-wrap {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
}

img {
  width: auto;
  height: 100%;
}

label {
  text-transform: uppercase;
  font-weight: 700;
  color: #676767;
}

input {
  border-radius: 15px;
  border: 1px solid #b7b7b7;
  padding: 5px 5px 5px 10px;
  font-size: 18px;
}

input:focus {
  outline: none;
  border: 1px solid #64d488;
}

input::placeholder {
  color: #bebebe;
}

button {
  color: #054231;
  letter-spacing: 1px;
  margin: 20px;
  font-size: 18px;
  padding: 10px;
  text-align: center;
  border-radius: 25px;
  border: none;
  background: #64d488;
  cursor: pointer;
}

.save {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.edit {
  color: #fff;
  width: 180px;
}

.fa-instagram {
  position: absolute;
  color: #79f1a4;
  top: 3%;
  right: 2%;
  font-size: 38px;
}

.fa-instagram:hover {
  color: #caff81;
}
.custom-modal-inner-container img {
  position: static !important; /* or the default position value */
  top: auto !important;
  right: auto !important;
  width: auto !important;
}
.img-wrap {
  width: 150px; /* Set the desired width */
  height: 150px; /* Set the desired height, same as width for a circle */
  overflow: hidden; /* Hide any overflow to ensure a perfect circle */
  border-radius: 50%; /* This creates the circular shape */
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* This ensures the aspect ratio is maintained */
}
.custom-image-upload {
}

.custom-image-upload input {
  display: none;
}

.custom-image-image img {
  /* width: 100%; */
  height: 200px;
}

.teacher-profile-image-container {
  width: 300px;
  flex-shrink: 0;
  text-align: center;
}

.teacher-profile-links-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.teacher-profile-image {
  position: relative;
  width: 60%;
  margin: 0 auto;
}

.teacher-profile-image-change {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.teacher-profile-image-change input {
  display: none;
}

.teacher-profile-image img {
  width: 100%;
  object-fit: cover;
}
.notifications-container {
  width: 300px;
  position: fixed;
  padding: 10px 0;
  right: 50px;
  z-index: 9999999999999;
  display: flex;
  align-items: center;
  background-color: grey;
  border-radius: 40px;
  top: 50px;
  animation: notif-ani-from-top 0.5s ease-in;
}

.notifications-success {
  background-image: linear-gradient(to right, #8bd771, #82cb70);
  color: #fff;
}

.notifications-error {
  background-image: linear-gradient(to right, #ee6464, #c35151);
  color: #fff;
}

.notifications-container img {
  width: 40px;
  padding: 0 20px;
}

.notifications-text {
  width: 50%;
  width: calc(100% - 120px);
}

.notfications-close {
  width: 40px;
  text-align: center;
  font-size: 28px;
  line-height: 20px;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

@keyframes notif-ani-from-top {
  0% {
    top: -100px;
  }

  100% {
    top: 50px;
  }
}

.notifications-close {
  top: -100px;
  animation: notif-ani-from-bottom 0.5s ease-in;
}

@keyframes notif-ani-from-bottom {
  0% {
    top: 50px;
    opacity: 1;
  }

  100% {
    top: -100px;
    opacity: 0;
  }
}

@media (max-width: 600px) {
  .notifications-container {
    padding: 15px 20px;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    background: grey;
    border-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    top: 0px;
  }

  @keyframes notif-ani-from-top {
    0% {
      top: -50px;
    }

    100% {
      top: 0px;
    }
  }

  @keyframes notif-ani-from-bottom {
    0% {
      top: 0px;
      opacity: 1;
    }

    100% {
      top: -100px;
      opacity: 0;
    }
  }
}
.ch {
  width: 100%;
  height: 100%;
}

.ch-h {
  width: 100%;
  height: 70px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.close-tckt {
  position: absolute;
  right: 50px;
}

.ch-h img {
  width: 50px;
  margin-left: 20px;
}

.ch-c {
  width: 100%;
  height: 90%;
  height: calc(100% - 70px);
  display: flex;
  flex-direction: row;
}

.ch-sc {
  width: 40%;
  border-right: 1px solid;
}

.ch-sc-h {
  width: 100%;
  height: 40px;
  border: 1px solid;
  border-right: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ch-sc-h p {
  width: 50%;
  text-align: center;
}

.ch-sc-h input {
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid;
  border-right: none;
  font-size: 14px;
}

.ch-sc-ch {
  width: 100%;
  height: 90%;
  height: calc(100% - 40px);
  overflow: auto;
}

.ch-sc-cb {
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  border-bottom: 1px solid;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.ch-sc-cb-i {
  position: relative;
  margin: 0 10px;
  vertical-align: top;
  height: 40px;
}

.ch-sc-cb img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.ch-sc-cb-bc img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  /* margin: 0 10px; */
}

.ch-sc-cb-bc p {
  width: 40%;
  width: calc(50% - 70px);
  margin: 0 10px;
}

.ch-sc-indi {
  position: absolute;
  width: 10px !important;
  height: 10px !important;
  top: 0;
  right: 0;
  /* margin-left: 42px !important; */
  /* margin-top: -10px !important; */
}

.ch-sc-bd {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border: 1px solid;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: red;
  color: white;
}

.ch-cws {
  position: fixed;
  right: 0;
  bottom: 0;
  height: 0;
  max-width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media screen and (max-width: 1280px) {
  .ch-sc {
    width: 50%;
  }
}
@media screen and (max-width: 1024px) {
  .ch-sc {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .ch-sc {
    width: 100%;
  }
  .close-tckt {
    right: 12px;
  }
}
@media screen and (max-width: 447px) {
  .ch-p {
    width: 169px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.sl-input {
  width: 200px;
  height: 34px;
}

.sl-top-content {
  display: flex;
}

.sl-top-content p {
  margin-left: 30px;
}

.sl-top-inp,
.sl-top-leg {
  display: flex;
  align-items: center;
}

.sl-display-cont {
  display: flex;
  width: 100%;
  height: 400px;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  text-align: center;
}

.sl-legend {
  width: 10px;
  height: 10px;
  background-color: #ed4d4d;
  margin: 0 5px 0 20px;
}

@media (max-width: 700px) {
  .sl-top-content:focus {
    border: none;
  }

  .sl-top-content {
    flex-direction: column;
  }

  .sl-legend {
    margin-left: 0;
  }

  .sl-top-leg {
    margin-top: 10px;
  }
}
.blog-post-container {
  box-sizing: border-box;
  padding: 30px 20px;
}

.blog-post-top-section {
  width: 100%;
  display: flex;
}

.blog-post-top-section img {
  width: 40%;
}

.blog-post-intro {
  width: 60%;
}

.blog-post-intro-in {
  width: 100%;
  background-color: #f9f9f9;
  box-sizing: border-box;
  padding: 30px;
  padding-bottom: 50px;
  margin-bottom: 40px;
  font-family: Rubik-Medium;
  position: relative;
}

.blog-post-intro-in h3 {
  margin: 0;
}

.blog-post-sub-title {
  color: #c4c4c4;
}

.blog-post-con {
  padding: 20px 30px;
  text-align: center;
}

.blog-post-author {
  position: absolute;
  bottom: -50px;
  z-index: 1;
}

.blog-post-author img {
  width: 80px !important;
  border-radius: 100%;
}

.blog-post-author p {
  margin: 0;
  color: #a5a5a5;
}

@media (min-width: 1500px) {
  .blog-post-container {
    width: 900px;
    margin: 0 auto;
  }
}

@media (max-width: 700px) {
  .blog-post-top-section {
    display: block;
  }

  .blog-post-top-section img {
    width: 100%;
  }

  .blog-post-intro {
    width: 100%;
  }

  .blog-post-intro-in {
    width: 100%;
    background-color: #fff;
    margin-bottom: 0;
    padding: 20px 0;
  }

  .blog-post-con {
    padding: 20px 0;
  }

  .blog-post-author {
    position: relative;
    bottom: auto;
  }
}
.common-page-container {
  width: 90%;
  padding: 20px 30px;
  width: calc(90% - 60px);
  margin: 20px 5%;
  background: #ffffff;
  border-radius: 10px;
  overflow: auto;
  position: relative;
}

@media (min-width: 1500px) {
  .common-page-container {
    width: 1200px;
    margin: 20px calc(50% - 600px);
  }
}

table {
  width: 100%;
  border-collapse: collapse;
}

thead,
tr {
  border: 1px solid #cfcfcf;
}

tr {
  border: 1px solid #cfcfcf;
}

th,
td {
  padding: 10px;
  text-align: center;
}

th img,
td img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.list-filter {
  padding: 0px 10px;
}

.list-filter-input {
  padding: 0px 10px;
  text-align: left;
}

.list-filter-input input {
  height: 30px;
  width: 100%;
  max-width: 250px;
  font-size: 14px;
  font-family: Avenir;
  font-weight: 500;
  color: black;
}

.list-filter select {
  height: 30px;
  width: 100%;
  max-width: 150px;
}

.cmp-go-back img {
  width: 12px;
  transform: rotate(180deg);
  margin-bottom: 5px;
  cursor: pointer;
}

button {
  padding: 10px 20px;
  border-radius: 5px;
  background: #4254de;
  border: 1px solid #4254de;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: 0.2s linear;
  margin: 5px;
}

.ct-small-btn {
  padding: 5px 10px;
  font-size: 12px;
}

.link-btn {
  padding: 10px 20px;
  border-radius: 5px;
  background: #4254de;
  border: 1px solid #4254de;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: 0.2s linear;
  margin: 5px;
  text-decoration: none;
}

.link-sec-btn {
  border: 1px solid;
  color: #0000ff;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.div-link {
  font-size: 10px;
  color: #4254de;
  margin-top: 5px;
  cursor: pointer;
}

button:focus {
  outline: none;
}

.button-secondary {
  background: #fff;
  color: #4254de;
}

button:hover {
  color: #4254de;
  background: #fff;
  transition: 0.2s linear;
}

.button-disabled {
  background: #c7cefc;
  border: 1px solid #c7cefc;
  cursor: default;
}

.button-disabled:hover {
  color: #fff;
  background: #c7cefc;
  transition: none;
}

.list-name-email {
  text-align: left;
}

.list-email {
  font-size: 14px;
  opacity: 0.6;
}

.flex-center {
  /* display: flex;
align-items: center;
justify-content: center; */
}

.display-flex-between {
  display: flex;
  justify-content: space-between;
}

.display-flex-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tr-cursor-row td {
  cursor: pointer;
}

.tr-no-uuid {
  /* background-color: #ed4d4d; */
  color: #ed4d4d;
}

.common-page-header {
  position: relative;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 10px;
  text-align: center;
  /* border-bottom: 1px solid rgba(74, 74, 74, 0.5); */
}

.profile-go-back {
  position: absolute;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.profile-go-back span {
  margin: 0 10px;
  font-size: 18px;
  color: #576ce3;
}

.profile-go-back img {
  width: 7px;
}

.profile-go-back h4 {
  margin-left: 30px;
}

.common-page-title {
  font-size: 30px;
}

.common-page-subheading {
  font-size: 14px;
}

.led-green {
  margin: 10px auto;
  width: 10px;
  height: 10px;
  background-color: #008000;
  border-radius: 50%;
}

.led-grey {
  margin: 10px auto;
  width: 10px;
  height: 10px;
  background-color: #cccccc;
  border-radius: 50%;
}

.low-text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}

.link-no-dec {
  text-decoration: none;
  color: inherit;
}

.print-link {
  /* width: 100%; */
  text-align: right;
}

.table-row-left-align td {
  text-align: left !important;
  font-size: 14px;
}

.small-image-td img {
  width: 20px;
  height: 20px;
}

.tr-border td {
  border: 1px solid;
}

.tr-border-light td {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

/* .no-border-table tr {
    border: none;
}

.no-border-table td {
    text-align: left;
    border: none;
    padding: 0;
}


.no-border-table td:nth-child(1) {
    width: 30%;
} */

.high-text {
  font-size: 15px;
  color: black;
}

.td-break a {
  word-break: break-all;
}

.scr-con-img {
  position: fixed;
  bottom: 50px;
  right: 50px;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  background-color: #4254de;
  z-index: 999999999;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.scr-con-img img {
  height: 20px;
}

.common-mobile-list {
  width: 100%;
  margin-top: 20px;
}

.common-mobile-column {
  border: 1px solid rgb(125, 125, 125);
  margin: 5px 0;
}

.common-mobile-column-odd {
  background-color: rgb(125, 125, 125, 0.3);
  /* background-color: rgba(0, 0, 0, 0.2); */
}

.common-mobile-details {
  width: 100%;
  display: flex;
  border: 1px solid rgba(125, 125, 125, 0.2);
}

.common-mobile-single-detail {
  width: 50%;
  padding: 5px 0;
  /* word-break: break-all; */
  overflow-wrap: break-word;
}

.common-mobile-single-detail img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.common-mobile-key {
  /* color: rgb(125,125,125); */
  font-size: 14px;
  opacity: 0.8;
  padding-left: 5px;
}

.common-low-text {
  font-size: 14px;
  opacity: 0.7;
}

.common-mobile-column-dis {
  color: #ed4d4d !important;
  pointer-events: none;
}

.search-hightlight {
  background-color: #ffff00;
}

@media (max-width: 500px) {
  button {
    padding: 7px 16px;
    font-size: 12px;
    margin: 7px;
  }

  .common-page-container {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    margin: 0;
    background: #ffffff;
    border-radius: 10px;
    overflow: auto;
  }

  td {
    font-size: 14px;
  }
}

@media (max-width: 400px) {
  .profile-go-back span {
    margin: 0 10px;
    font-size: 15px;
    color: #576ce3;
  }

  .common-page-title {
    font-size: 17px;
  }
}

/* for paginator component */

.pgn-con {
  display: flex;
  /* justify-content: flex-end; */
}

.pgn-box {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  margin-top: 10px;
  margin-right: 10px;
  cursor: pointer;
}

.pgn-sel {
  background-color: #c3c3c3;
}

/* for table css */
.cus-table {
  width: 100%;
  border-bottom: 1px solid #cfcfcf;
  margin-top: 5px;
}

.ct-row {
  display: flex;
  border: 1px solid #cfcfcf;
  border-bottom: none;
  box-sizing: border-box;
  align-items: center;
}

.ct-row img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
  right: auto;
  left: auto;
  top: auto;
  cursor: unset;
}

/* ct-column */
.ct-col {
  flex: 1;
  box-sizing: border-box;
  padding: 10px 0;
  font-size: 14px;
  text-align: center;
  /* border: 1px solid; */
}

/* ct-h */
.ct-h {
  font-weight: bold;
}

/* ct-la-align */
.ct-la {
  text-align: left;
}

/* custom table small image */
.ct-si img {
  width: 20px;
  height: 20px;
  margin: auto;
}

.ct-colimg img {
  background: #4254de;
  cursor: pointer;
  padding: 2px;
}

.ct-xsi img {
  width: 10px;
  height: 10px;
}

/* custom table half flex */
.ct-hf {
  flex: 0.5;
}

.ct-qf {
  flex: 0.25;
}

.ct-1f {
  flex: 0.1;
}

.ct-3rdf {
  flex: 0.33;
}

.ct-df {
  flex: 2;
}

.ct-5qf {
  flex: 1.25;
}

.ct-col-span {
  height: 100%;
  padding: 5px;
}

.ct-col-span-con {
  text-align: center;
  box-sizing: border-box;
}

.ct-col ul {
  padding-left: 0;
  list-style-position: inside;
}

.ct-col ul li {
  list-style-position: outside;
  padding: 0 15px;
}

.ct-pl-10 {
  padding-left: 10px;
}

.ct-bw {
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow: auto;
}

.ct-cur {
  cursor: pointer;
}

.ct-ml25 {
  margin-left: 25px;
}

.ct-mr25 {
  margin-right: 25px;
}

.ct-pl5 {
  /* padding-left: 5px; */
  box-sizing: initial;
}

.ct-ho {
  opacity: 0.5;
}

.ct-sm-font {
  font-size: 12px !important;
}

.ct-vsm-font {
  font-size: 10px !important;
}

.btn-link {
  padding: 5px 10px;
  border-radius: 15px;
  background: #4254de;
  border: 1px solid #4254de;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  margin: 0 5px;
  text-decoration: none;
}

.data-download-btn {
  padding: 4px 15px;
  border-radius: 15px;
  font-size: 12px;
}

.video-react-icon-forward--30::before {
  content: url(https://images.myyogateacher.com/icons/ic_back_30.png);
  background-color: #fff;
}

.video-react-icon-forward--10::before {
  /* content: url(https://images.myyogateacher.com/icons/ic_back_10_fil.png); */
  content: '';
  background-image: url(https://images.myyogateacher.com/icons/ic_back_10.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 10px;
  height: 10px;
}

.banned-user-container {
  position: absolute;
  top: 0;
  left: 40%;
  left: calc(50% - 50px);
  padding: 5px 15px;
  background-color: #ed4d4d;
  color: #fff;
  font-size: 14px;
}

/*  */

.ql-editor {
  height: 300px;
}

.num-input-no-arr input[type='number']::-webkit-inner-spin-button,
.num-input-no-arr input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.tag-content ol,
ul {
  list-style: auto;
}

.new-users-sess-count {
  margin-top: 10px;
  display: flex;
  justify-content: space-evenly;
}

.cus-sticky {
  position: fixed;
  top: 70px;
  width: 90%;
  width: calc(90% - 120px);
  padding: 20px 30px;
}

.new-users-sess-count a {
  color: blue;
}

.pages-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.single-page {
  width: 40%;
  flex-shrink: 0;
  margin-top: 40px;
}

.single-page-title {
  font-size: 16px;
  font-weight: 1000;
}

.single-page-buttons {
  display: flex;
  align-items: center;
}

.single-page-active {
  background-color: #286efe;
  padding: 2px 5px;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
}

.single-page-inactive {
  background-color: #808080;
  padding: 2px 5px;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
}

.common-padding {
  padding-bottom: 20px;
}

.width-full {
  width: 100% !important;
  margin: 0 !important;
}

.ct-grey-br {
  border: 1px solid #dddddd;
}

.wa-btn {
  background: #0d8211 !important;
  border: #0d8211 !important;
}

.wa-btn:hover {
  background: #fff !important;
  color: #0d8211 !important;
  cursor: pointer;
  border: 1px solid #0d8211 !important;
}
:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:-webkit-max-content;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.common-page-container {
  width: calc(90% - 60px);
  padding: 20px 30px;
  margin: 20px 5%;
  background: #FFFFFF;
  border-radius: 10px;
  overflow: auto;
  position: relative;
}
button {
  padding: 10px 20px;
  border-radius: 5px;
  background: #4254DE;
  border: 1px solid #4254DE;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: 0.2s linear;
  margin: 5px;
}
button:focus {
  outline: none;
}
.button-secondary {
  background: #fff;
  color: #4254DE;
}
button:hover {
  color: #4254DE;
  background: #fff;
  transition: 0.2s linear;
}
.button-disabled {
  background: #c7cefc;
  border: 1px solid #c7cefc;
  cursor: default;
}
.button-disabled:hover {
  color: #fff;
  background: #c7cefc;
  transition: none;
}
textarea {
  display: block;
  width: 100%;
  height: 46px;
  padding: 0.375rem 0.75rem;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #321A50;
  background: #f7f7f7;
  background-clip: padding-box;
  border-radius: 7px;
  transition: all 0.15s ease-in-out;
  border: 2px solid transparent;
}
textarea:hover {
  border: 2px solid;
  color: #321A50;
  background-color: #fff;
  border-color: #321a50;
  outline: 0;
  box-shadow: 0 0 0 0.2rem#c7b8da;
}
textarea:focus {
  border: 2px solid;
  color: #321A50;
  background-color: #fff;
  border-color: #321a50;
  outline: 0;
  box-shadow: 0 0 0 0.2rem#c7b8da;
}
textarea ::-webkit-input-placeholder {
  color: #777777;
}
textarea ::-moz-placeholder {
  color: #777777;
}
textarea :-ms-input-placeholder {
  color: #777777;
}
textarea :-moz-placeholder {
  color: #777777;
}
input {
  display: block;
  width: 100%;
  height: 46px !important;
  padding: 0.375rem 0.75rem;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #321A50;
  background: #f7f7f7;
  background-clip: padding-box;
  border-radius: 7px !important;
  transition: all 0.15s ease-in-out;
  border: 2px solid transparent;
}
input:hover {
  border: 2px solid;
  color: #321A50;
  background-color: #fff;
  border-color: #321a50;
  outline: 0;
  box-shadow: 0 0 0 0.2rem#c7b8da;
}
input:focus {
  border: 2px solid;
  color: #321A50;
  background-color: #fff;
  border-color: #321a50;
  outline: 0;
  box-shadow: 0 0 0 0.2rem#c7b8da;
}
input ::-webkit-input-placeholder {
  color: #777777;
}
input ::-moz-placeholder {
  color: #777777;
}
input :-ms-input-placeholder {
  color: #777777;
}
input :-moz-placeholder {
  color: #777777;
}
select {
  display: block;
  width: 100%;
  height: 46px !important;
  padding: 0.375rem 0.75rem;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #321A50;
  background: #f7f7f7 !important;
  background-clip: padding-box;
  border-radius: 7px !important;
  transition: all 0.15s ease-in-out;
  border: 2px solid transparent;
  cursor: pointer;
}
select:hover {
  border: 2px solid;
  color: #321A50;
  background-color: #fff;
  border-color: #321a50;
  outline: 0;
  box-shadow: 0 0 0 0.2rem#c7b8da;
}
select:focus {
  border: 2px solid;
  color: #321A50;
  background-color: #fff;
  border-color: #321a50;
  outline: 0;
  box-shadow: 0 0 0 0.2rem#c7b8da;
}
select ::-webkit-input-placeholder {
  color: #777777;
}
select ::-moz-placeholder {
  color: #777777;
}
select :-ms-input-placeholder {
  color: #777777;
}
select :-moz-placeholder {
  color: #777777;
}
input[type="checkbox"], input[type="radio"] {
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  font-size: unset;
  font-weight: unset;
  line-height: unset;
  color: unset;
  background: unset;
  background-clip: unset;
  border-radius: unset;
  transition: unset;
  border: unset;
}
input[type="checkbox"]:hover, input[type="radio"]:hover {
  border: unset;
  color: unset;
  background-color: unset;
  border-color: unset;
  outline: unset;
  box-shadow: unset;
}
input[type="checkbox"]:focus, input[type="radio"]:focus {
  border: unset;
  color: unset;
  background-color: unset;
  border-color: unset;
  outline: unset;
  box-shadow: unset;
}
input[type="checkbox"] ::-webkit-input-placeholder, input[type="radio"] ::-webkit-input-placeholder {
  color: #777777;
}
input[type="checkbox"] ::-moz-placeholder, input[type="radio"] ::-moz-placeholder {
  color: #777777;
}
input[type="checkbox"] :-ms-input-placeholder, input[type="radio"] :-ms-input-placeholder {
  color: #777777;
}
input[type="checkbox"] :-moz-placeholder, input[type="radio"] :-moz-placeholder {
  color: #777777;
}
.btn-white-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #E7E7E7 !important;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  color: #222222;
  box-shadow: 0px 2px 4px rgba(188, 188, 188, 0.2);
  border-style: none;
  outline: none;
}
.btn-white-icon:hover {
  border: 1px solid #222222 !important;
  box-shadow: 0px 2px 4px rgba(188, 188, 188, 0.22);
  border-style: none;
  outline: none;
}
.btn-white-icon:focus {
  border: 1px solid #222222 !important;
  box-shadow: 0px 2px 4px rgba(188, 188, 188, 0.22);
  border-style: none;
  outline: none;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.-left-4 {
  left: -1rem;
}
.-left-\[7px\] {
  left: -7px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-\[-30px\] {
  bottom: -30px;
}
.left-0 {
  left: 0px;
}
.left-2 {
  left: 0.5rem;
}
.left-5 {
  left: 1.25rem;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-5 {
  right: 1.25rem;
}
.right-\[10px\] {
  right: 10px;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\/2 {
  top: 50%;
}
.top-20 {
  top: 5rem;
}
.top-4 {
  top: 1rem;
}
.top-5 {
  top: 1.25rem;
}
.top-\[17px\] {
  top: 17px;
}
.z-10 {
  z-index: 10;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[1000\] {
  z-index: 1000;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.float-right {
  float: right;
}
.m-0 {
  margin: 0px;
}
.m-2 {
  margin: 0.5rem;
}
.m-4 {
  margin: 1rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-\[10px\] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-\[5px\] {
  margin-top: 5px;
  margin-bottom: 5px;
}
.-ms-1 {
  -webkit-margin-start: -0.25rem;
          margin-inline-start: -0.25rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-80 {
  margin-bottom: 20rem;
}
.mb-\[10px\] {
  margin-bottom: 10px;
}
.mb-\[20px\] {
  margin-bottom: 20px;
}
.mb-\[8px\] {
  margin-bottom: 8px;
}
.me-1 {
  -webkit-margin-end: 0.25rem;
          margin-inline-end: 0.25rem;
}
.me-2 {
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}
.me-4 {
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-2\.5 {
  margin-left: 0.625rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-10 {
  margin-right: 2.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.ms-2 {
  -webkit-margin-start: 0.5rem;
          margin-inline-start: 0.5rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[10px\] {
  margin-top: 10px;
}
.mt-\[16px\] {
  margin-top: 16px;
}
.mt-\[21px\] {
  margin-top: 21px;
}
.mt-\[24px\] {
  margin-top: 24px;
}
.mt-\[25px\] {
  margin-top: 25px;
}
.mt-\[30px\] {
  margin-top: 30px;
}
.mt-\[40px\] {
  margin-top: 40px;
}
.mt-\[5px\] {
  margin-top: 5px;
}
.box-border {
  box-sizing: border-box;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-1\/2 {
  height: 50%;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-28 {
  height: 7rem;
}
.h-3 {
  height: 0.75rem;
}
.h-4 {
  height: 1rem;
}
.h-46px {
  height: 2.875rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-96 {
  height: 24rem;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[74\%\] {
  height: 74%;
}
.h-\[78px\] {
  height: 78px;
}
.h-\[80px\] {
  height: 80px;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -webkit-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-400px {
  max-height: 25rem;
}
.max-h-\[238px\] {
  max-height: 238px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.min-h-\[180px\] {
  min-height: 180px;
}
.w-1\/2 {
  width: 50%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-160px {
  width: 160px;
}
.w-2\/6 {
  width: 33.333333%;
}
.w-20 {
  width: 5rem;
}
.w-200px {
  width: 12.5rem;
}
.w-250px {
  width: 15.625rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\/4 {
  width: 75%;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/6 {
  width: 66.666667%;
}
.w-40 {
  width: 10rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-6 {
  width: 1.5rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-\[11rem\] {
  width: 11rem;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[35px\] {
  width: 35px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[430px\] {
  width: 430px;
}
.w-\[90px\] {
  width: 90px;
}
.w-\[95\%\] {
  width: 95%;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -webkit-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -webkit-max-content;
  width: max-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.min-w-\[1400px\] {
  min-width: 1400px;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[140px\] {
  max-width: 140px;
}
.max-w-\[228px\] {
  max-width: 228px;
}
.max-w-\[24px\] {
  max-width: 24px;
}
.max-w-\[60px\] {
  max-width: 60px;
}
.max-w-\[618px\] {
  max-width: 618px;
}
.max-w-\[900px\] {
  max-width: 900px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.table-auto {
  table-layout: auto;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-6 {
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.resize-none {
  resize: none;
}
.resize-y {
  resize: vertical;
}
.resize {
  resize: both;
}
.list-inside {
  list-style-position: inside;
}
.list-disc {
  list-style-type: disc;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-14 {
  gap: 3.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[12px\] {
  gap: 12px;
}
.gap-\[19px\] {
  gap: 19px;
}
.gap-\[20px\] {
  gap: 20px;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-\[45px\] {
  gap: 45px;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-\[6px\] {
  gap: 6px;
}
.gap-\[8px\] {
  gap: 8px;
}
.gap-x-8 {
  column-gap: 2rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.self-center {
  align-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-wrap {
  text-wrap: wrap;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-\[10px\] {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-\[15px\] {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.rounded-tl-\[10px\] {
  border-top-left-radius: 10px;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-4 {
  border-top-width: 4px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-\[\#8A8A9A\] {
  --tw-border-opacity: 1;
  border-color: rgb(138 138 154 / var(--tw-border-opacity, 1));
}
.border-\[\#D7D7E3\] {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 227 / var(--tw-border-opacity, 1));
}
.border-\[\#E7E7E7\] {
  --tw-border-opacity: 1;
  border-color: rgb(231 231 231 / var(--tw-border-opacity, 1));
}
.border-\[\#EE731B\] {
  --tw-border-opacity: 1;
  border-color: rgb(238 115 27 / var(--tw-border-opacity, 1));
}
.border-\[\#FDB584\] {
  --tw-border-opacity: 1;
  border-color: rgb(253 181 132 / var(--tw-border-opacity, 1));
}
.border-\[\#FFDCDC\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 220 220 / var(--tw-border-opacity, 1));
}
.border-\[\#bfdbfe\] {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-\[\#ccc\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}
.border-\[\#ddd\] {
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));
}
.border-\[\#ffef8a\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 239 138 / var(--tw-border-opacity, 1));
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}
.border-borderColor {
  --tw-border-opacity: 1;
  border-color: rgb(207 207 207 / var(--tw-border-opacity, 1));
}
.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.border-red-700 {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.bg-\[\#038911\] {
  --tw-bg-opacity: 1;
  background-color: rgb(3 137 17 / var(--tw-bg-opacity, 1));
}
.bg-\[\#04b394\] {
  --tw-bg-opacity: 1;
  background-color: rgb(4 179 148 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3f456b80\] {
  background-color: #3f456b80;
}
.bg-\[\#3f51b5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(63 81 181 / var(--tw-bg-opacity, 1));
}
.bg-\[\#979797\] {
  --tw-bg-opacity: 1;
  background-color: rgb(151 151 151 / var(--tw-bg-opacity, 1));
}
.bg-\[\#9ba40f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(155 164 15 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E0F1FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(224 241 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EE731B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 115 27 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F4F4F4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF0F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 240 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#c2025f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(194 2 95 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d32f2f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(211 47 47 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f4f4fb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f5f5f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fdb58412\] {
  background-color: #fdb58412;
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1));
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.bg-mytBisque {
  --tw-bg-opacity: 1;
  background-color: rgb(233 229 245 / var(--tw-bg-opacity, 1));
}
.bg-mytBlue {
  --tw-bg-opacity: 1;
  background-color: rgb(66 84 222 / var(--tw-bg-opacity, 1));
}
.bg-mytPrimary {
  --tw-bg-opacity: 1;
  background-color: rgb(238 115 27 / var(--tw-bg-opacity, 1));
}
.bg-mytPurple {
  --tw-bg-opacity: 1;
  background-color: rgb(129 89 242 / var(--tw-bg-opacity, 1));
}
.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9);
}
.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.fill-current {
  fill: currentColor;
}
.object-cover {
  object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[25px\] {
  padding: 25px;
}
.p-\[5px\] {
  padding: 5px;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}
.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.px-\[2px\] {
  padding-left: 2px;
  padding-right: 2px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-\[14px\] {
  padding-top: 14px;
  padding-bottom: 14px;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-\[10px\] {
  padding-bottom: 10px;
}
.pb-\[20px\] {
  padding-bottom: 20px;
}
.pb-\[30px\] {
  padding-bottom: 30px;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-\[25px\] {
  padding-left: 25px;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-\[15px\] {
  padding-right: 15px;
}
.pr-\[19px\] {
  padding-right: 19px;
}
.pr-\[35px\] {
  padding-right: 35px;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-\[15px\] {
  padding-top: 15px;
}
.pt-\[20px\] {
  padding-top: 20px;
}
.pt-\[5px\] {
  padding-top: 5px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-end {
  text-align: end;
}
.font-\[inter\] {
  font-family: inter;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-\[10\.5px\] {
  font-size: 10.5px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14\.5px\] {
  font-size: 14.5px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16\.5px\] {
  font-size: 16.5px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[19px\] {
  font-size: 19px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-\[550\] {
  font-weight: 550;
}
.font-\[625\] {
  font-weight: 625;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.leading-3 {
  line-height: .75rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-\[14px\] {
  line-height: 14px;
}
.leading-\[15px\] {
  line-height: 15px;
}
.leading-\[17px\] {
  line-height: 17px;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[20px\] {
  line-height: 20px;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-\[26px\] {
  line-height: 26px;
}
.leading-\[normal\] {
  line-height: normal;
}
.leading-normal {
  line-height: 1.5;
}
.leading-snug {
  line-height: 1.375;
}
.tracking-\[0\.267px\] {
  letter-spacing: 0.267px;
}
.text-\[\#151536\] {
  --tw-text-opacity: 1;
  color: rgb(21 21 54 / var(--tw-text-opacity, 1));
}
.text-\[\#1C2430\] {
  --tw-text-opacity: 1;
  color: rgb(28 36 48 / var(--tw-text-opacity, 1));
}
.text-\[\#1c4ed8\] {
  --tw-text-opacity: 1;
  color: rgb(28 78 216 / var(--tw-text-opacity, 1));
}
.text-\[\#1d4fd8\] {
  --tw-text-opacity: 1;
  color: rgb(29 79 216 / var(--tw-text-opacity, 1));
}
.text-\[\#321A50\] {
  --tw-text-opacity: 1;
  color: rgb(50 26 80 / var(--tw-text-opacity, 1));
}
.text-\[\#333\] {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.text-\[\#4254DE\] {
  --tw-text-opacity: 1;
  color: rgb(66 84 222 / var(--tw-text-opacity, 1));
}
.text-\[\#557e30\] {
  --tw-text-opacity: 1;
  color: rgb(85 126 48 / var(--tw-text-opacity, 1));
}
.text-\[\#757575\] {
  --tw-text-opacity: 1;
  color: rgb(117 117 117 / var(--tw-text-opacity, 1));
}
.text-\[\#787878\] {
  --tw-text-opacity: 1;
  color: rgb(120 120 120 / var(--tw-text-opacity, 1));
}
.text-\[\#838383\] {
  --tw-text-opacity: 1;
  color: rgb(131 131 131 / var(--tw-text-opacity, 1));
}
.text-\[\#8A8A9A\] {
  --tw-text-opacity: 1;
  color: rgb(138 138 154 / var(--tw-text-opacity, 1));
}
.text-\[\#939393\] {
  --tw-text-opacity: 1;
  color: rgb(147 147 147 / var(--tw-text-opacity, 1));
}
.text-\[\#959595\] {
  --tw-text-opacity: 1;
  color: rgb(149 149 149 / var(--tw-text-opacity, 1));
}
.text-\[\#EE731B\] {
  --tw-text-opacity: 1;
  color: rgb(238 115 27 / var(--tw-text-opacity, 1));
}
.text-\[\#FF2121\] {
  --tw-text-opacity: 1;
  color: rgb(255 33 33 / var(--tw-text-opacity, 1));
}
.text-\[\#FF3131\] {
  --tw-text-opacity: 1;
  color: rgb(255 49 49 / var(--tw-text-opacity, 1));
}
.text-\[\#d32f2f\] {
  --tw-text-opacity: 1;
  color: rgb(211 47 47 / var(--tw-text-opacity, 1));
}
.text-\[red\] {
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-green-950 {
  --tw-text-opacity: 1;
  color: rgb(2 44 34 / var(--tw-text-opacity, 1));
}
.text-mytLightBlack {
  color: #150a0ab8;
}
.text-mytLightGray {
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity, 1));
}
.text-mytRed {
  --tw-text-opacity: 1;
  color: rgb(237 77 77 / var(--tw-text-opacity, 1));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-opacity-10 {
  --tw-text-opacity: 0.1;
}
.underline {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.opacity-0 {
  opacity: 0;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-blue-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.ease-linear {
  transition-timing-function: linear;
}
.\[text-transform\:unset\] {
  text-transform: unset;
}

h1 {
  display: block;
  font-size: 2em;
  -webkit-margin-before: 0.67em;
          margin-block-start: 0.67em;
  -webkit-margin-after: 0.67em;
          margin-block-end: 0.67em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  font-weight: bold;
}

p {
  display: block;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
}

select {
  -webkit-writing-mode: horizontal-tb !important;
  text-rendering: auto;
  color: -internal-light-dark(black, white);
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  -webkit-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  align-items: center;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
  cursor: default;
  margin: 0em;
  border-width: 1px;
  border-style: solid;
  border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
  border-image: initial;
  border-radius: 0px;
}

.ch-p {
  font-size: 14.5px;
  line-height: 16px;
  font-weight: 500;
  color: black;
}

.easy-filter {
  height: -webkit-fill-available;
  max-height: 600px;
  overflow: scroll;
}

.video-js .vjs-control-bar {
  bottom: 100px !important;
}

@media screen and (max-width: 768px) {
  .ch-p {
    font-size: 13.5px;
  }
}

.gettingToKnowStyle > ol {
  list-style: auto;
}

.gettingToKnowStyle > ul {
  list-style: disc;
}

/* Tooltip styles */
.tooltiptexts {
  display: none;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  top: 20px;
  left: -50px;
  position: absolute;
  z-index: 1000000;
  transition: opacity 0.3s;
  font-size: 11px;
  white-space: nowrap;
  max-width: 200px;
  word-wrap: break-word;
}

.group:hover .tooltiptexts {
  display: block;
}

.last\:mb-0:last-child {
  margin-bottom: 0px;
}

.hover\:border:hover {
  border-width: 1px;
}

.hover\:border-\[\#FDB584\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(253 181 132 / var(--tw-border-opacity, 1));
}

.hover\:border-\[\#d32f2f\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(211 47 47 / var(--tw-border-opacity, 1));
}

.hover\:border-transparent:hover {
  border-color: transparent;
}

.hover\:bg-\[\#CC4B11\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(204 75 17 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#e0e0e0\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#fdb58412\]:hover {
  background-color: #fdb58412;
}

.hover\:bg-\[\#fff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}

.hover\:bg-transparent:hover {
  background-color: transparent;
}

.hover\:text-\[\#EE731B\]:hover {
  --tw-text-opacity: 1;
  color: rgb(238 115 27 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#d32f2f\]:hover {
  --tw-text-opacity: 1;
  color: rgb(211 47 47 / var(--tw-text-opacity, 1));
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-4:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-blue-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:bg-gray-100:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.disabled\:text-gray-400:disabled {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:opacity-60:disabled {
  opacity: 0.6;
}

.group:hover .group-hover\:border-\[\#EE731B\] {
  --tw-border-opacity: 1;
  border-color: rgb(238 115 27 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:bg-\[\#EE731B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 115 27 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:text-\[\#EE731B\] {
  --tw-text-opacity: 1;
  color: rgb(238 115 27 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

@media (min-width: 640px) {

  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:h-\[401px\] {
    height: 401px;
  }

  .sm\:h-\[507px\] {
    height: 507px;
  }

  .sm\:w-\[434px\] {
    width: 434px;
  }

  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .sm\:rounded-lg {
    border-radius: 0.5rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 768px) {

  .md\:w-6\/12 {
    width: 50%;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
  }

  .md\:pb-8 {
    padding-bottom: 2rem;
  }

  .md\:text-\[12\.5px\] {
    font-size: 12.5px;
  }

  .md\:text-\[15\.5px\] {
    font-size: 15.5px;
  }
}

@media (min-width: 1024px) {

  .lg\:w-5\/12 {
    width: 41.666667%;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
}

@media (min-width: 1280px) {

  .xl\:w-4\/12 {
    width: 33.333333%;
  }
}

@media (min-width: 1536px) {

  .\32xl\:w-2\/12 {
    width: 16.666667%;
  }
}

.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

.rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) {
  text-align: right;
}

@media (prefers-color-scheme: dark) {

  .dark\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
  }

  .dark\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  }

  .dark\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }

  .dark\:bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }

  .dark\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }

  .dark\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .dark\:placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
  }

  .dark\:ring-offset-gray-800 {
    --tw-ring-offset-color: #1f2937;
  }

  .dark\:hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
  }

  .dark\:focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }

  .dark\:focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
  }

  .dark\:focus\:ring-blue-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));
  }

  .dark\:focus\:ring-blue-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
  }
}
@font-face {
  font-family: 'Avenir';
  src: url('/assets/25f994de-d13f-4a5d-a82b-bf925a1e054d-B6yEOkZR.ttf');
}

@font-face {
  font-family: 'Rubik-Black';
  src: url('/assets/Rubik-Black-CYJZ_tp9.ttf');
}

@font-face {
  font-family: 'Rubik-Medium';
  src: url('/assets/Rubik-Medium-C8Wwn5vb.ttf');
}

html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
  font-family:
    Avenir,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    'Roboto',
    'Oxygen',
    'Ubuntu',
    'Cantarell',
    'Fira Sans',
    'Droid Sans',
    'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#root {
  height: 100%;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

* {
  font-family: Montserrat;
}

.ql-snow .ql-editor img {
  cursor: default;
  position: relative;
  width: auto;
  right: auto;
  top: auto;
}

.ql-snow img {
  cursor: default;
  position: relative;
  width: auto;
  right: auto;
  top: auto;
}

.ann-details {
  height: auto;
}

.rmsc .item-renderer {
  align-items: center !important;
}