.input-heading-grey {
  opacity: 0.7;
  font-family: Usual;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000; }

.info-icon-color {
  color: rgba(0, 0, 0, 0.45); }

.m-4 {
  margin: 4px; }

.m-8 {
  margin: 8px; }

.m-16 {
  margin: 16px; }

.m-10 {
  margin: 10px; }

.ml-8px {
  margin-left: 8px; }

.mr-8px {
  margin-right: 8px; }

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

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

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

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

.mb-15 {
  margin-bottom: 20px; }

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

.p-4 {
  padding: 4px; }

.p-8 {
  padding: 8px; }

.p-16 {
  padding: 16px; }

.pt-40 {
  padding-top: 40px; }

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

.pl-10 {
  padding-left: 10px; }

.pl-20 {
  padding-left: 20px; }

.px-26 {
  padding-left: 26px;
  padding-right: 26px; }

.py-0 {
  padding-top: 0;
  padding-bottom: 0px; }

.py-40 {
  padding-top: 40;
  padding-bottom: 40px; }

.d-flex {
  display: flex; }

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

.flex-row {
  flex-direction: row; }

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

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

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

.align-center {
  align-items: center; }

.align-top {
  align-items: flex-start; }

.d-block {
  display: block; }

.d-inline {
  display: inline; }

.d-none {
  display: none; }

.min-w-150 {
  min-width: 150px; }

.max-w-150 {
  max-width: 150px; }

.w-full {
  width: 100%; }

.w-70 {
  width: 70%; }

.h-full {
  height: 100%; }

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

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

.text-xs {
  font-size: 12px; }

.rounded-lg {
  border-radius: 8px; }

.bg-white {
  background-color: #ffffff; }

.border-radius-8 {
  border-radius: 8px; }

.admin-module-card {
  cursor: pointer;
  border-radius: 12px;
  border: solid 1px #d9d9d9;
  margin-bottom: 24px;
  margin-right: 24px; }
  .admin-module-card .ant-card-body {
    padding: 16px;
    padding-top: 14px;
    border-radius: 12px;
    background: white;
    margin-top: -20px;
    position: relative; }
  .admin-module-card .admin-module-card-img {
    height: 166px;
    object-fit: cover;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding-left: 1px;
    padding-right: 1px; }
  .admin-module-card .admin-module-card-img-empty {
    height: 166px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
  .admin-module-card .admin-module-card-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    font-family: Usual;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: normal;
    color: #000000; }
    .admin-module-card .admin-module-card-title button span {
      display: flex;
      align-items: center;
      justify-content: center; }
  .admin-module-card .admin-module-card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center; }
  .admin-module-card .admin-module-card-meta {
    display: flex; }
    .admin-module-card .admin-module-card-meta .ant-card-meta-title {
      font-family: Usual;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      text-align: center;
      color: rgba(0, 0, 0, 0.6); }
    .admin-module-card .admin-module-card-meta .ant-card-meta-avatar {
      display: flex;
      align-items: center;
      padding-right: 4px; }
    .admin-module-card .admin-module-card-meta:last-child {
      padding-top: 10px; }
      .admin-module-card .admin-module-card-meta:last-child .ant-card-meta-title {
        font-weight: 500;
        color: rgba(0, 0, 0, 0.79); }
        .admin-module-card .admin-module-card-meta:last-child .ant-card-meta-title span {
          font-size: 10px; }
      .admin-module-card .admin-module-card-meta:last-child .ant-card-meta-avatar {
        padding-left: 2px;
        padding-right: 6px; }
    .admin-module-card .admin-module-card-meta-inactive {
      color: rgba(0, 0, 0, 0.6); }
  .admin-module-card .admin-module-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px; }
    .admin-module-card .admin-module-card-footer-item {
      display: flex;
      flex-direction: column;
      font-family: Usual;
      font-size: 12px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #9d9e9d; }
      .admin-module-card .admin-module-card-footer-item span {
        font-weight: normal;
        color: #666666;
        padding: 4px 0; }
      .admin-module-card .admin-module-card-footer-item:last-child {
        align-items: flex-end; }

.admin-module-draft-card {
  border-radius: 12px;
  border: solid 1px #d9d9d9;
  margin-bottom: 24px;
  margin-right: 24px; }
  .admin-module-draft-card .ant-card-body {
    padding: 16px;
    padding-top: 14px;
    border-radius: 12px;
    background: white;
    margin-top: -20px;
    position: relative; }
  .admin-module-draft-card .admin-module-draft-card-img {
    height: 166px;
    object-fit: cover;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding-left: 1px;
    padding-right: 1px; }
  .admin-module-draft-card .admin-module-draft-card-img-empty {
    height: 166px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
  .admin-module-draft-card .admin-module-draft-card-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    font-family: Usual;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: normal;
    color: #000000; }
    .admin-module-draft-card .admin-module-draft-card-title button span {
      display: flex;
      align-items: center;
      justify-content: center; }
  .admin-module-draft-card .admin-module-draft-card-footer {
    padding-bottom: 4px;
    font-family: Usual;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9d9e9d; }
    .admin-module-draft-card .admin-module-draft-card-footer span {
      font-weight: normal;
      color: #666666;
      padding-left: 8px; }

.admin-modules-group {
  margin-bottom: 8px; }
  .admin-modules-group .admin-modules-group-name {
    font-family: Usual;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.7); }
  .admin-modules-group .admin-modules-group-content {
    display: flex;
    flex-wrap: wrap; }

.admin-module-chapter {
  display: flex;
  margin: 0;
  padding: 16px;
  border: solid 1px #d9d9d9;
  border-radius: 12px;
  margin-bottom: 12px; }
  .admin-module-chapter .ant-card-meta-avatar {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-right: 8px;
    border-radius: 12px;
    background-color: #f8f8f7;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 1.33px;
    color: #9d9e9d; }
  .admin-module-chapter .ant-card-meta-detail > div:not(:last-child) {
    margin-bottom: 4px; }
  .admin-module-chapter .ant-card-meta-title {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #403b3b; }
  .admin-module-chapter .ant-card-meta-description {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9d9e9d; }

.admin-modules .admin-modules-tab-bar {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .admin-modules .admin-modules-tab-bar-right {
    display: flex; }

.admin-module-details {
  padding-top: 40px; }
  .admin-module-details .admin-module-details-tag {
    border: 0;
    height: 24px;
    border-radius: 12px;
    background-color: #fff1e0;
    font-family: Usual;
    font-size: 10px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #fb6d3a;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 4px 12px;
    margin-right: 8px; }
  .admin-module-details .admin-module-details-name {
    margin: 12px 0;
    font-family: Usual;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000; }
  .admin-module-details .admin-module-details-block {
    display: flex; }
  .admin-module-details .admin-module-details-statistics {
    width: 120px;
    height: 68px;
    padding: 10px 12px;
    margin-right: 14px;
    border-radius: 12px;
    background-color: #f8f8f7;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between; }
    .admin-module-details .admin-module-details-statistics-header {
      margin-bottom: 4px;
      font-family: Usual;
      font-size: 10px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.2;
      letter-spacing: normal;
      color: rgba(0, 0, 0, 0.5); }
    .admin-module-details .admin-module-details-statistics-text, .admin-module-details .admin-module-details-statistics-text-small {
      display: flex;
      align-items: center;
      font-family: Usual;
      font-size: 14px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      text-align: center;
      color: #000000; }
    .admin-module-details .admin-module-details-statistics-text-small {
      font-size: 12px;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.5); }
  .admin-module-details .admin-module-details-btn-back {
    border: 0;
    border-radius: 12px;
    background-color: #f8f8f7; }
    .admin-module-details .admin-module-details-btn-back span[role='img'] {
      width: 32px;
      height: 32px;
      font-size: 12px;
      line-height: 1.33;
      text-align: center;
      color: rgba(0, 0, 0, 0.7);
      margin-right: 8px;
      margin-top: 8px; }
    .admin-module-details .admin-module-details-btn-back::after {
      content: 'Go back';
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #9d9e9d;
      box-shadow: none;
      position: static;
      display: inline;
      opacity: unset;
      animation: unset; }
  .admin-module-details .admin-module-details-btn-more {
    float: right;
    border: 0;
    border-radius: 12px;
    background-color: #f8f8f7; }
    .admin-module-details .admin-module-details-btn-more span[role='img'] {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      font-size: 20px;
      line-height: 1;
      text-align: center;
      color: rgba(0, 0, 0, 0.7); }
    .admin-module-details .admin-module-details-btn-more::after {
      animation: unset; }

.admin-details-info {
  padding-top: 40px;
  padding-left: 40px; }

.invite-admin-footer {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 8px;
  padding-top: 0px; }
  .invite-admin-footer button {
    width: fit-content;
    border-radius: 12px; }
  .invite-admin-footer .invite-button {
    padding: 0px 20px 0px 20px;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 24px; }
    .invite-admin-footer .invite-button[disabled] {
      color: #837f94 !important;
      border-color: #b8b3b3;
      background: #483c8b47; }

.invite-admin-content {
  display: flex;
  flex-direction: column;
  padding-left: 8px;
  padding-right: 8px; }
  .invite-admin-content > div {
    margin-bottom: 32px; }

.companies-container {
  display: flex;
  width: 100%; }
  .companies-container .filters {
    border-radius: 12px;
    border: solid 1px #d9d9d9;
    width: 20%;
    height: calc(100vh - 64px - 44px - 74px);
    overflow-y: auto; }
    .companies-container .filters .filters-group {
      padding: 20px;
      border-bottom: 1px solid #d9d9d9; }
      .companies-container .filters .filters-group:last-child {
        border-bottom: none; }
      .companies-container .filters .filters-group-title {
        font-family: Usual;
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #9d9e9d; }
      .companies-container .filters .filters-group .ant-checkbox-wrapper {
        display: flex;
        opacity: 0.7;
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #000000;
        margin-top: 12px; }
      .companies-container .filters .filters-group .ant-checkbox-wrapper + .ant-checkbox-wrapper {
        margin-left: 0; }
      .companies-container .filters .filters-group .default {
        font-family: Usual;
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        padding-top: 12px;
        color: #503e9d;
        cursor: pointer; }
    .companies-container .filters-title {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      padding: 20px 20px 0px 20px; }
      .companies-container .filters-title label {
        opacity: 0.7;
        font-family: Usual;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #000000; }
      .companies-container .filters-title a {
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        text-align: right; }
  .companies-container .tag {
    display: flex;
    padding-bottom: 10px; }
    .companies-container .tag .ant-tag {
      border-radius: 12px;
      background-color: #f0f0f0;
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      padding-left: 16px;
      padding-right: 10px; }
  .companies-container .companies-field {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 10px; }
    .companies-container .companies-field .company-card {
      display: flex;
      flex-direction: column;
      width: 270px;
      border-radius: 12px;
      border: solid 1px #d9d9d9;
      cursor: pointer;
      margin-bottom: 24px;
      margin-left: 10px; }
      @media screen and (max-width: 1204px) {
        .companies-container .companies-field .company-card {
          width: 250px; } }
      @media screen and (max-width: 1128px) {
        .companies-container .companies-field .company-card {
          width: 230px; } }
      .companies-container .companies-field .company-card .ant-card {
        margin: 5px;
        width: calc(100% - 10px); }
        .companies-container .companies-field .company-card .ant-card .ant-card-head {
          border: 0;
          padding-left: 10px; }
        .companies-container .companies-field .company-card .ant-card .ant-card-body {
          padding: 0px 0px 10px 10px; }
      .companies-container .companies-field .company-card-title {
        display: flex; }
      .companies-container .companies-field .company-card-content {
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
        .companies-container .companies-field .company-card-content-data svg {
          color: #fb6d3a; }
        .companies-container .companies-field .company-card-content-data-propery {
          display: flex;
          align-items: baseline;
          margin-top: 5px; }
          .companies-container .companies-field .company-card-content-data-propery span {
            padding-left: 8px;
            padding-right: 10px;
            opacity: 0.8;
            font-family: Usual;
            font-size: 12px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.33;
            letter-spacing: normal; }
        .companies-container .companies-field .company-card-content-subsciption-paid, .companies-container .companies-field .company-card-content-subsciption-unpaid, .companies-container .companies-field .company-card-content-subsciption-trial {
          border-radius: 12px;
          margin-left: 6px;
          padding: 4px 16px 4px 16px;
          font-family: Usual;
          font-size: 10px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.6;
          letter-spacing: normal; }
        .companies-container .companies-field .company-card-content-subsciption-unpaid {
          background-color: rgba(251, 109, 58, 0.1);
          color: #fb6d3a; }
        .companies-container .companies-field .company-card-content-subsciption-paid {
          background-color: rgba(22, 190, 130, 0.1);
          color: #16be82; }
        .companies-container .companies-field .company-card-content-subsciption-trial {
          background-color: rgba(251, 109, 58, 0.1);
          color: #fb6d3a; }
        .companies-container .companies-field .company-card-content-subsciption-lessDays {
          background-color: rgba(22, 190, 130, 0.1);
          color: #16be82; }
        .companies-container .companies-field .company-card-content-subsciption-enoughDays {
          background-color: rgba(251, 109, 58, 0.1);
          color: #fb6d3a; }
  .companies-container-root > .page-loader {
    width: 92%; }
  .companies-container-tabs {
    width: 80%;
    padding-left: 24px; }
    .companies-container-tabs-line-tags-container {
      display: flex;
      flex-wrap: wrap; }
  .companies-container a.default {
    color: #503e9d; }

.company-details-title-container {
  display: flex;
  align-items: baseline; }
  .company-details-title-container-back-button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 12px;
    background-color: #f8f8f7;
    margin-right: 16px; }

.company-details-container {
  display: flex;
  width: 100%; }
  .company-details-container-card {
    display: flex;
    flex-direction: column;
    height: max-content;
    width: 30%;
    border-radius: 12px;
    border: solid 1px #d9d9d9;
    padding: 20px; }
    @media screen and (max-width: 768px) {
      .company-details-container-card {
        width: 100%; } }
    .company-details-container-card-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 24px; }
      .company-details-container-card-header-title {
        opacity: 0.7;
        font-family: Usual;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #000000; }
    .company-details-container-card-tags {
      display: flex;
      margin-left: 58px;
      font-family: Usual;
      font-size: 14px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal; }
      .company-details-container-card-tags-active, .company-details-container-card-tags-noactive, .company-details-container-card-tags-paid, .company-details-container-card-tags-unpaid, .company-details-container-card-tags-trial {
        border-radius: 12px;
        margin-left: 6px;
        padding: 4px 16px 4px 16px;
        align-self: center; }
      .company-details-container-card-tags-active {
        color: #503e9d;
        background-color: rgba(80, 62, 157, 0.1); }
      .company-details-container-card-tags-noactive {
        color: red;
        background-color: rgba(157, 71, 62, 0.1); }
      .company-details-container-card-tags-paid {
        background-color: rgba(22, 190, 130, 0.1);
        color: #16be82; }
      .company-details-container-card-tags-unpaid {
        color: #fb6d3a;
        background-color: rgba(251, 109, 58, 0.1); }
      .company-details-container-card-tags-trial {
        color: #fb6d3a;
        background-color: rgba(251, 109, 58, 0.1); }
  @media screen and (max-width: 768px) {
    .company-details-container {
      flex-direction: column; } }
  .company-details-container-tabs {
    width: calc(70% + 20px);
    margin-right: -22px;
    padding-right: 10px;
    overflow-y: scroll;
    height: calc(100vh - 64px - 22px - 74px - 22px);
    padding-left: 24px; }
    @media screen and (max-width: 768px) {
      .company-details-container-tabs {
        width: 100%;
        height: 100vh;
        overflow-y: unset;
        margin: 0px;
        padding: 10px; } }
    .company-details-container-tabs .table-cell-container {
      display: flex;
      flex-direction: column; }
      .company-details-container-tabs .table-cell-container-main {
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: rgba(0, 0, 0, 0.8); }
      .company-details-container-tabs .table-cell-container ul {
        padding: 0;
        padding-left: 15px;
        margin: 0; }
        .company-details-container-tabs .table-cell-container ul li.active {
          color: #16be82; }
        .company-details-container-tabs .table-cell-container ul li.nonactive {
          color: red; }
      .company-details-container-tabs .table-cell-container-sub {
        opacity: 0.6;
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: rgba(0, 0, 0, 0.8); }
    @media screen and (max-width: 768px) {
      .company-details-container-tabs .table-sort {
        position: inherit; } }

.add-company-page {
  display: flex;
  flex-direction: column;
  padding: 10px 20% 0px;
  min-height: 85vh; }
  .add-company-page .search-input-with-tags-select {
    display: flex;
    align-items: center;
    padding: 2px 4px 2px 13px;
    border-radius: 12px;
    border: solid 1px #d9d9d9;
    background-color: #ffffff; }
    .add-company-page .search-input-with-tags-select .ant-select:focus {
      outline: none; }
    .add-company-page .search-input-with-tags-select .ant-select .ant-select-selector {
      display: flex;
      align-items: center;
      height: 44px;
      border: 0; }
      .add-company-page .search-input-with-tags-select .ant-select .ant-select-selector:focus {
        outline: none; }
      .add-company-page .search-input-with-tags-select .ant-select .ant-select-selector .ant-select-selection-search,
      .add-company-page .search-input-with-tags-select .ant-select .ant-select-selector .ant-select-selection-item {
        display: flex;
        align-items: center; }
        .add-company-page .search-input-with-tags-select .ant-select .ant-select-selector .ant-select-selection-search:focus,
        .add-company-page .search-input-with-tags-select .ant-select .ant-select-selector .ant-select-selection-item:focus {
          outline: none; }
    .add-company-page .search-input-with-tags-select .ant-select.ant-select-focused .ant-select-selector {
      border: 0;
      box-shadow: unset; }
    .add-company-page .search-input-with-tags-select-placeholder {
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #a7a7a7; }
  .add-company-page .search-input-with-tags-container {
    display: flex;
    flex-wrap: wrap;
    padding-top: 12px; }
    .add-company-page .search-input-with-tags-container .ant-tag {
      display: flex;
      padding: 8px 10px 8px 16px;
      margin-top: 5px;
      align-items: end;
      height: 32px;
      border: 0;
      margin-right: 12px;
      border-radius: 12px;
      background-color: #f0f0f0;
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: rgba(0, 0, 0, 0.7); }
      .add-company-page .search-input-with-tags-container .ant-tag span {
        margin-left: 4px;
        font-size: 12px;
        line-height: 1.5; }
  .add-company-page .search-input-with-checkboxes-search {
    display: flex;
    align-items: center;
    padding: 2px 4px 2px 13px;
    margin: 12px 0 24px 0;
    border-radius: 12px;
    background-color: #f8f8f7; }
    .add-company-page .search-input-with-checkboxes-search input {
      height: 40px;
      border: 0;
      background-color: #f8f8f7; }
      .add-company-page .search-input-with-checkboxes-search input:focus {
        box-shadow: unset; }
  .add-company-page .search-input-with-checkboxes-title {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #a7a7a7; }
  .add-company-page .search-input-with-checkboxes-checkboxes-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 14px 0; }
  .add-company-page .search-input-with-checkboxes-checkboxes .ant-switch {
    background-color: rgba(217, 217, 217, 0.5); }
    .add-company-page .search-input-with-checkboxes-checkboxes .ant-switch .ant-switch-handle::before {
      background-color: #cfcfcf; }
  .add-company-page .search-input-with-checkboxes-checkboxes .ant-switch-checked {
    background-color: rgba(251, 109, 58, 0.5); }
    .add-company-page .search-input-with-checkboxes-checkboxes .ant-switch-checked .ant-switch-handle::before {
      background-color: #fb6d3a; }
  .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper,
  .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper.ant-checkbox-wrapper-checked {
    margin-left: 0; }
    .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-checked::after,
    .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper.ant-checkbox-wrapper-checked:hover .ant-checkbox.ant-checkbox-checked::after {
      border-color: #503e9d; }
    .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper:hover .ant-checkbox-inner,
    .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper.ant-checkbox-wrapper-checked:hover .ant-checkbox-inner {
      border-color: #503e9d; }
    .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner,
    .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox .ant-checkbox-inner {
      border-color: rgba(0, 0, 0, 0.7); }
      .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after,
      .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox .ant-checkbox-inner::after {
        background-color: #503e9d; }
    .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner,
    .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox:hover .ant-checkbox-inner {
      border-color: #503e9d; }
    .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked:hover .ant-checkbox-inner,
    .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked:hover .ant-checkbox-inner {
      border-color: #503e9d; }
    .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner,
    .add-company-page .search-input-with-checkboxes-checkboxes .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
      border-color: #503e9d;
      background-color: #503e9d; }
  @media screen and (max-width: 568px) {
    .add-company-page {
      padding: 10px 5% 0px; } }
  .add-company-page-header {
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .add-company-page-header-title {
      display: flex;
      justify-content: center;
      font-family: Usual;
      font-size: 24px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #000000; }
    .add-company-page-header-progress {
      display: flex;
      align-items: center;
      justify-content: center;
      padding-top: 24px; }
      .add-company-page-header-progress-step {
        display: flex;
        align-items: baseline;
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #000000; }
      .add-company-page-header-progress-number {
        display: flex;
        width: 32px;
        height: 32px;
        margin-left: 20px;
        margin-right: 12px;
        font-family: Usual;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: normal;
        color: rgba(0, 0, 0, 0.57);
        background-color: #f8f8f7;
        justify-content: center;
        border-radius: 16px; }
      .add-company-page-header-progress .active {
        color: #fb6d3a; }
      .add-company-page-header-progress-number.active {
        color: #fb6d3a;
        background-color: rgba(251, 109, 58, 0.1); }
      .add-company-page-header-progress-number.success {
        color: #099e29;
        background-color: rgba(62, 157, 92, 0.1); }
  .add-company-page-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 40px 0px; }
    .add-company-page-container-title {
      opacity: 0.7;
      font-family: Usual;
      font-size: 16px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      color: #000000; }
    .add-company-page-container-details {
      padding: 12px 0 40px 0; }
      @media screen and (max-width: 568px) {
        .add-company-page-container-details {
          padding: 12px 0 10px 0; } }
      .add-company-page-container-details-select-group {
        display: flex;
        justify-content: space-between;
        padding-top: 32px; }
        @media screen and (max-width: 568px) {
          .add-company-page-container-details-select-group {
            padding-top: 15px; } }
        .add-company-page-container-details-select-group .page-select-with-float-label {
          width: 45%; }
    .add-company-page-container-location {
      padding: 12px 0 40px 0; }
      @media screen and (max-width: 568px) {
        .add-company-page-container-location {
          padding: 12px 0 0px 0; } }
    .add-company-page-container-multipolicy {
      width: 100%;
      border: 2px dashed rgba(0, 0, 0, 0.208);
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #f5f5f5;
      border-radius: 8px;
      margin: 12px 0 40px 0;
      cursor: pointer; }
    .add-company-page-container-subscription {
      padding-top: 12px; }
      .add-company-page-container-subscription .ant-radio-inner {
        background-color: transparent;
        border-color: #000000; }
      .add-company-page-container-subscription .ant-radio-checked .ant-radio-inner {
        border-color: #fb6d3a; }
  .add-company-page-footer {
    display: flex;
    justify-content: space-between;
    padding-top: 20px; }
    .add-company-page-footer-margin-left-button {
      margin-left: -20px !important; }
    .add-company-page-footer-next-button {
      width: 96px; }

.edit-profile {
  display: flex;
  flex-direction: column;
  padding: 10px 10% 0px !important;
  min-height: 1vh; }

.members-details-info {
  display: flex;
  justify-content: space-between;
  padding: 24px 22px 10px 40px; }

.members-details-cases {
  padding: 24px 22px 22px 40px; }
  .members-details-cases-title {
    font-family: Usual;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000; }
  .members-details-cases .page-table-bordered .table-cell {
    padding-left: 16px;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.8); }
    .members-details-cases .page-table-bordered .table-cell .case-status {
      color: #fb6d3a; }

@media (max-width: 769px) {
  .members-details-info {
    flex-direction: column; } }

.invite-member-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 8px;
  padding-top: 8px; }
  .invite-member-footer button {
    width: fit-content;
    border-radius: 12px;
    margin-bottom: 6px; }
  .invite-member-footer .invite-button {
    padding: 0px 20px 0px 20px;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #ffffff; }

.invite-member-content {
  display: flex;
  flex-direction: column; }
  .invite-member-content > div {
    margin-bottom: 22px; }

.invite-member-note {
  color: #4d4d4d;
  font-size: 12px;
  margin-top: -9px;
  padding: 0px 4px; }

@media (max-width: 500px) {
  .IcTeam .table-sort {
    position: inherit; } }

@media (max-width: 425px) {
  .IcTeam li.ant-pagination-total-text {
    width: 100%; }
  .IcTeam .page-table table > tbody > tr:first-child > td,
  .IcTeam .page-table table > tbody > tr:last-child > td,
  .IcTeam .page-table table > tbody > tr td:first-child,
  .IcTeam .page-table table > tbody > tr td:last-child {
    border: none; } }

@media (max-width: 375px) {
  .IcTeam .page-table .row {
    font-size: 13px; }
  .IcTeam .page-table table > tbody > tr td:first-child {
    padding-right: 0; }
  .IcTeam .page-table table > tbody > tr td:last-child {
    padding-left: 0; } }

.ic-team-bu {
  /* For sticky columns on the right (adjust if using left as well) */
  /* For fixed/right & Left cells in both header and body */
  /* Force sticky cells to have an opaque background and proper stacking context */
  /* Also, when hovering over the row, ensure sticky cells remain on top */
  /* Also, when hovering over the row, ensure sticky cells remain on top */ }
  .ic-team-bu-header {
    display: flex;
    align-items: center;
    justify-items: end; }
    .ic-team-bu-header Button {
      margin-bottom: 10px;
      margin-left: 10px; }
    @media screen and (max-width: 768px) {
      .ic-team-bu-header {
        flex-direction: column;
        align-items: flex-start; } }
  .ic-team-bu .nested-table .ant-table-container table {
    table-layout: fixed; }
  .ic-team-bu .main-table .page-table table > tbody > tr td:first-child {
    border-left: 0; }
  .ic-team-bu .main-table .page-table table > tbody > tr td:last-child {
    border-right: 0; }
  .ic-team-bu .main-table .ant-table-cell {
    min-width: 140px !important;
    max-width: 140px !important; }
  @media screen and (min-width: 768px) {
    .ic-team-bu .main-table .ant-table-thead > tr > th:nth-child(2) .table-title {
      border-top-left-radius: 13px;
      border-bottom-left-radius: 13px; }
    .ic-team-bu .main-table .ant-table-thead > tr > th:nth-last-child(2) .table-title {
      border-top-right-radius: 13px;
      border-bottom-right-radius: 13px; } }
  .ic-team-bu .ant-table-cell {
    min-width: 140px !important;
    max-width: 140px !important; }
  .ic-team-bu .ant-table-thead > tr > th.ant-table-cell-fix-right,
  .ic-team-bu .ant-table-tbody > tr > td.ant-table-cell-fix-right,
  .ic-team-bu .ant-table-thead > tr > th.ant-table-cell-fix-right-first,
  .ic-team-bu .ant-table-thead > tr > th.ant-table-cell-fix-right-last,
  .ic-team-bu .ant-table-tbody > tr > td.ant-table-cell-fix-right-first,
  .ic-team-bu .ant-table-tbody > tr > td.ant-table-cell-fix-right-last {
    background: #fff !important;
    z-index: 10 !important;
    background-clip: padding-box;
    /* prevents bleed of background into borders */
    transform: translateZ(0);
    /* force a new stacking context */ }
  .ic-team-bu .ant-table-tbody > tr:hover > td.ant-table-cell-fix-right,
  .ic-team-bu .ant-table-tbody > tr:hover > td.ant-table-cell-fix-right-first,
  .ic-team-bu .ant-table-tbody > tr:hover > td.ant-table-cell-fix-right-last {
    background: #fff !important;
    z-index: 10 !important;
    background-clip: padding-box; }
  .ic-team-bu .ant-table-thead > tr > th.ant-table-cell-fix-left,
  .ic-team-bu .ant-table-tbody > tr > td.ant-table-cell-fix-left,
  .ic-team-bu .ant-table-thead > tr > th.ant-table-cell-fix-left-first,
  .ic-team-bu .ant-table-thead > tr > th.ant-table-cell-fix-left-last,
  .ic-team-bu .ant-table-tbody > tr > td.ant-table-cell-fix-left-first,
  .ic-team-bu .ant-table-tbody > tr > td.ant-table-cell-fix-left-last {
    background: #fff !important;
    z-index: 10 !important;
    background-clip: padding-box;
    /* prevents bleed of background into borders */
    transform: translateZ(0);
    /* force a new stacking context */ }
  .ic-team-bu .ant-table-tbody > tr:hover > td.ant-table-cell-fix-left,
  .ic-team-bu .ant-table-tbody > tr:hover > td.ant-table-cell-fix-left-first,
  .ic-team-bu .ant-table-tbody > tr:hover > td.ant-table-cell-fix-left-last {
    background: #fff !important;
    z-index: 10 !important;
    background-clip: padding-box; }

.AddBuUnit {
  padding: 0px; }
  .AddBuUnit .ant-modal-close-x {
    padding-right: 40px;
    padding-top: 17px;
    font-size: 18px; }
  .AddBuUnit .AddBuUnit-Carousel-slide {
    height: 400px;
    padding: 0px 20px;
    display: flex;
    overflow-x: auto; }
    .AddBuUnit .AddBuUnit-Carousel-slide-body .ant-spin-nested-loading {
      width: 100%; }
    .AddBuUnit .AddBuUnit-Carousel-slide-body .multi-select .ant-select-selector {
      margin: 0px 3px 2px 5px;
      max-height: 50px;
      overflow-y: auto;
      overflow-x: hidden;
      border: none !important;
      box-shadow: none !important; }
    .AddBuUnit .AddBuUnit-Carousel-slide-body .multi-select .ant-select-selection-overflow {
      max-width: 100%;
      overflow-x: hidden;
      white-space: nowrap; }
      .AddBuUnit .AddBuUnit-Carousel-slide-body .multi-select .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item {
        border-radius: 8px; }
    .AddBuUnit .AddBuUnit-Carousel-slide-body .multi-select .ant-select-clear {
      right: 25px; }
    .AddBuUnit .AddBuUnit-Carousel-slide-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 25px;
      margin-bottom: 10px; }
      .AddBuUnit .AddBuUnit-Carousel-slide-footer p {
        margin-bottom: 0px;
        cursor: pointer; }

.AdminEmployees .bulk-upload-timeline {
  padding: 0 16px; }
  .AdminEmployees .bulk-upload-timeline .ant-timeline-item-content {
    margin: 0 0 20px 40px; }
  .AdminEmployees .bulk-upload-timeline .AdminEmployees .bulk-upload-timeline-icon, .AdminEmployees .bulk-upload-timeline .AdminEmployees .bulk-upload-timeline-icon-complete {
    width: 32px;
    height: 32px;
    background-color: #f8f8f7;
    border-radius: 50%;
    font-family: Usual;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.57); }
  .AdminEmployees .bulk-upload-timeline .AdminEmployees .bulk-upload-timeline-icon-complete {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(62, 157, 92, 0.1); }
  .AdminEmployees .bulk-upload-timeline .AdminEmployees .bulk-upload-timeline-title {
    padding-top: 5px;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000; }
  .AdminEmployees .bulk-upload-timeline .AdminEmployees .bulk-upload-timeline-subtitle {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9d9e9d; }

.AdminEmployees .preview-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .AdminEmployees .preview-data-btn-center {
    display: flex;
    align-items: center;
    justify-content: center; }
  .AdminEmployees .preview-data-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: -50px; }
  .AdminEmployees .preview-data .AdminEmployees .preview-data-title {
    font-family: Usual;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000; }
  .AdminEmployees .preview-data .AdminEmployees .preview-data-uploader {
    width: 422px;
    height: 52px;
    border-radius: 12px;
    border: solid 1px rgba(251, 109, 58, 0.4);
    background-color: #fff4f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    margin-right: 15px; }
    .AdminEmployees .preview-data .AdminEmployees .preview-data-uploader-text {
      font-family: Usual;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      color: #62240e; }
    .AdminEmployees .preview-data .AdminEmployees .preview-data-uploader-btn {
      font-family: Usual;
      font-size: 14px;
      line-height: 1.43; }
  .AdminEmployees .preview-data .AdminEmployees .preview-data-table-container {
    padding: 0px 10px 20px 10px;
    width: 100%; }
  .AdminEmployees .preview-data .AdminEmployees .preview-data-table {
    width: 100%; }
    .AdminEmployees .preview-data .AdminEmployees .preview-data-table-row {
      background-color: #ffffff;
      height: 39px;
      color: rgba(0, 0, 0, 0.8);
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      color: rgba(0, 0, 0, 0.8); }
    .AdminEmployees .preview-data .AdminEmployees .preview-data-table-row-odd {
      background-color: #f8f7fb; }
    .AdminEmployees .preview-data .AdminEmployees .preview-data-table .ant-table-container {
      border: 1px solid #d9d9d9;
      border-radius: 12px; }
      .AdminEmployees .preview-data .AdminEmployees .preview-data-table .ant-table-container .ant-table-header {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px; }
        .AdminEmployees .preview-data .AdminEmployees .preview-data-table .ant-table-container .ant-table-header table {
          background-color: #f8f8f7; }
          .AdminEmployees .preview-data .AdminEmployees .preview-data-table .ant-table-container .ant-table-header table > thead > tr {
            height: 36px; }
            .AdminEmployees .preview-data .AdminEmployees .preview-data-table .ant-table-container .ant-table-header table > thead > tr th {
              border: 0;
              padding: 0 16px;
              font-family: Usual;
              font-size: 10px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.6;
              letter-spacing: 0.2px;
              color: #9d9e9d;
              text-transform: uppercase;
              background-color: #f8f8f7; }
              .AdminEmployees .preview-data .AdminEmployees .preview-data-table .ant-table-container .ant-table-header table > thead > tr th:first-child {
                border-top-left-radius: 12px; }
              .AdminEmployees .preview-data .AdminEmployees .preview-data-table .ant-table-container .ant-table-header table > thead > tr th:last-child {
                display: none; }
      .AdminEmployees .preview-data .AdminEmployees .preview-data-table .ant-table-container .ant-table-body {
        background-color: #ededed;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px; }
        .AdminEmployees .preview-data .AdminEmployees .preview-data-table .ant-table-container .ant-table-body::-webkit-scrollbar {
          width: 7px; }
        .AdminEmployees .preview-data .AdminEmployees .preview-data-table .ant-table-container .ant-table-body::-webkit-scrollbar-track {
          margin-bottom: 10px; }
        .AdminEmployees .preview-data .AdminEmployees .preview-data-table .ant-table-container .ant-table-body table > tbody > tr td {
          border-bottom: 0;
          padding: 0 16px; }
        .AdminEmployees .preview-data .AdminEmployees .preview-data-table .ant-table-container .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td {
          background: unset; }

.AdminEmployees .invite-employee-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px; }
  .AdminEmployees .invite-employee-content > div:not(:last-child), .AdminEmployees .invite-employee-content > button:not(:last-child) {
    margin-bottom: 25px; }
  .AdminEmployees .invite-employee-content .ant-divider-horizontal.ant-divider-with-text {
    margin-top: 0;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #000000; }
  .AdminEmployees .invite-employee-content-bulk-text {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000; }
  .AdminEmployees .invite-employee-content .AdminEmployees .invite-employee-content-bulk-btn {
    height: 48px; }
  .AdminEmployees .invite-employee-content-cancel-btn {
    font-family: Usual;
    font-size: 14px;
    line-height: 1.43; }

.AdminEmployees .employees-module-card {
  border-radius: 12px;
  border: solid 1px #d9d9d9;
  background-color: #ffffff;
  padding: 0;
  margin-bottom: 8px; }
  .AdminEmployees .employees-module-card .ant-card-body {
    padding: 16px; }
  .AdminEmployees .employees-module-card-info {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px; }
    .AdminEmployees .employees-module-card-info-full-progress {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 44px;
      height: 44px;
      border-radius: 24px;
      background-color: rgba(62, 157, 92, 0.1); }
      .AdminEmployees .employees-module-card-info-full-progress svg {
        color: #099e29;
        width: 20px;
        height: 28px; }
  .AdminEmployees .employees-module-card-tags {
    padding-left: 64px; }
  .AdminEmployees .employees-module-card-meta {
    margin: 0;
    display: flex;
    align-items: center; }
  .AdminEmployees .employees-module-card .ant-card-meta-detail > div:not(:last-child) {
    margin-bottom: 4px; }
  .AdminEmployees .employees-module-card .ant-card-meta-title {
    font-family: Usual;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #403b3b; }
  .AdminEmployees .employees-module-card .ant-card-meta-description {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9d9e9d; }
  .AdminEmployees .employees-module-card .ant-progress-text {
    opacity: 0.7;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000000; }
  .AdminEmployees .employees-module-card .tag-date, .AdminEmployees .employees-module-card .tag-category, .AdminEmployees .employees-module-card .tag-type {
    padding: 6px 16px;
    border: 0;
    border-radius: 12px;
    font-family: Usual;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal; }
  .AdminEmployees .employees-module-card .tag-date {
    background-color: #ffe8cc;
    font-size: 10px;
    line-height: 1.6;
    color: #fb6d3a; }
  .AdminEmployees .employees-module-card .tag-category {
    background-color: #f8f8f7;
    font-size: 12px;
    line-height: 1.67;
    color: #7a7b7a; }
  .AdminEmployees .employees-module-card .tag-type {
    background-color: rgba(62, 157, 92, 0.1);
    font-size: 12px;
    line-height: 1.67;
    color: #099e29; }

.AdminEmployees .employee-details-info {
  display: flex;
  padding: 24px 22px 10px 40px; }
  @media screen and (max-width: 568px) {
    .AdminEmployees .employee-details-info {
      flex-direction: column; } }

.AdminEmployees .employee-details-modules {
  padding: 24px 22px 22px 40px; }
  .AdminEmployees .employee-details-modules-title {
    font-family: Usual;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000; }

.AdminEmployees .AdminEmployees-polls {
  width: 100%;
  background-color: rgba(234, 230, 247, 0.3);
  padding: 10px 30px;
  border-radius: 4px; }
  .AdminEmployees .AdminEmployees-polls-question-container {
    margin-bottom: 10px; }
    .AdminEmployees .AdminEmployees-polls-question-container h1 {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 10px;
      color: #0A0032; }
    .AdminEmployees .AdminEmployees-polls-question-container p {
      color: #9d9e9d;
      margin-bottom: 0px; }
    .AdminEmployees .AdminEmployees-polls-question-container hr {
      background-color: #34296437;
      height: 1px;
      border: none; }
  .AdminEmployees .AdminEmployees-polls-progress-container {
    width: 100%; }
    .AdminEmployees .AdminEmployees-polls-progress-container p {
      color: #9d9e9d;
      margin-bottom: -5px; }
    .AdminEmployees .AdminEmployees-polls-progress-container-bar {
      display: flex;
      flex-direction: column;
      margin-bottom: 10px;
      margin-top: 16px; }
      .AdminEmployees .AdminEmployees-polls-progress-container-bar p {
        margin-bottom: 0px;
        font-weight: 500;
        color: #0a0032ad;
        font-size: 12px; }
      .AdminEmployees .AdminEmployees-polls-progress-container-bar-wrapper {
        width: 40%; }
        @media screen and (max-width: 786px) {
          .AdminEmployees .AdminEmployees-polls-progress-container-bar-wrapper {
            width: 50%; } }
        @media screen and (max-width: 526px) {
          .AdminEmployees .AdminEmployees-polls-progress-container-bar-wrapper {
            width: 100%; } }

@media screen and (max-width: 425px) {
  .AdminEmployees .ant-pagination-total-text {
    width: 100%; }
  .AdminEmployees .page-table table > thead > tr th:last-child .table-title {
    padding-left: 0px; } }

@media screen and (max-width: 768px) {
  .AdminEmployees .ant-table-selection {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    background: #f8f8f7;
    padding: 5px 10px;
    border-radius: 10px 0px 0px 10px; } }

.cascader-lavel {
  width: 100%; }
  .cascader-lavel .ant-select-selector {
    padding: 10px 0px;
    border-radius: 12px !important; }

.login-page {
  display: flex;
  flex-direction: column;
  padding: 32px 34px; }
  .login-page-header {
    display: flex;
    justify-content: center;
    font-family: Usual;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000; }
  .login-page-body {
    display: flex;
    flex-direction: column;
    padding: 24px 0 32px 0; }
    .login-page-body > :first-child {
      margin-bottom: 32px; }
  .login-page-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: Usual;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #91959e; }
    .login-page-footer-btn-group {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 40px; }
      .login-page-footer-btn-group > :first-child {
        margin-left: -20px; }
      .login-page-footer-btn-group > :nth-child(2) {
        min-width: 100px; }

.onboarding-page {
  padding: 32px; }
  .onboarding-page-header {
    display: flex;
    justify-content: center;
    font-family: Usual;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000; }
  .onboarding-page-title {
    display: flex;
    padding: 40px 8px 0px 8px; }
    .onboarding-page-title-container {
      display: flex;
      flex-direction: column;
      margin-left: 16px;
      padding-top: 20px; }
      .onboarding-page-title-container-name {
        font-family: Usual;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: rgba(0, 0, 0, 0.8); }
      .onboarding-page-title-container-tags {
        display: flex;
        margin-top: 8px; }
        .onboarding-page-title-container-tags div {
          margin-right: 8px;
          padding: 8px 16px;
          height: 36px;
          border-radius: 12px;
          background-color: rgba(80, 62, 157, 0.1);
          display: flex;
          font-family: Usual;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          color: #503e9d;
          align-items: center;
          justify-content: center; }
  .onboarding-page-body {
    padding: 24px 0 0 8px; }
    .onboarding-page-body-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .onboarding-page-body-container > div {
        width: 45%; }
  .onboarding-page-footer {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .onboarding-page-footer button:first-child {
      margin-left: -20px; }
  .onboarding-page-avatar.ant-avatar {
    border-radius: 12px; }
  .onboarding-page-modal {
    padding: 0px 16px 8px; }
    .onboarding-page-modal-header .ant-avatar {
      border-radius: 12px; }
    .onboarding-page-modal-header .upload-button {
      background-color: #fb6d3a;
      margin-left: 32px;
      margin-right: 16px; }
      @media screen and (max-width: 768px) {
        .onboarding-page-modal-header .upload-button {
          margin-left: 0px; } }
    .onboarding-page-modal-header .remove-button {
      color: #909390;
      background-color: #f8f8f7;
      mix-blend-mode: multiply; }
      .onboarding-page-modal-header .remove-button:hover, .onboarding-page-modal-header .remove-button:active, .onboarding-page-modal-header .remove-button:focus {
        box-shadow: 0 7px 34px 0 #f8f8f7;
        background-color: #f2f2ee;
        color: #ff662f; }
    .onboarding-page-modal-body-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .onboarding-page-modal-body-container > div {
        width: 45%;
        min-width: 200px;
        margin-top: 32px; }
        @media screen and (max-width: 768px) {
          .onboarding-page-modal-body-container > div {
            width: 100%; } }
    .onboarding-page-modal-footer {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        .onboarding-page-modal-footer-resp {
          padding-bottom: 40px; } }
      .onboarding-page-modal-footer button:first-child {
        color: rgba(0, 0, 0, 0.6);
        padding-left: 0; }
        .onboarding-page-modal-footer button:first-child:hover {
          color: #fb6d3a; }
  .onboarding-page__align-center {
    display: flex;
    flex-direction: row;
    align-items: center; }

.privacy-drawer .ant-drawer-content-wrapper .ant-drawer-content {
  display: flex;
  justify-content: center; }
  .privacy-drawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body {
    width: 75%; }

.privacy-drawer-footer {
  display: flex;
  justify-content: center;
  align-items: center; }

.privacy .cookie-policy p,
.privacy .cookie-policy li {
  color: #7a7a7a; }

.privacy .cookie-policy-item {
  display: flex;
  flex-direction: column;
  background-color: green; }
  .privacy .cookie-policy-item-box {
    background-color: pink;
    border: 1px solid #7a7a7a;
    box-shadow: 1px 2px 3px #7a7a7a;
    padding: 15px 20px;
    border-radius: 8px; }

.privacy .cookie-policy .ant-collapse {
  border: none;
  background-color: white; }
  .privacy .cookie-policy .ant-collapse .ant-collapse-icon-position-left {
    background: white;
    border: none; }
  .privacy .cookie-policy .ant-collapse > .ant-collapse-item {
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    margin-bottom: 20px;
    background-color: #fdfdfd;
    box-shadow: 0px 1px 3px 0px #0000001a; }
    .privacy .cookie-policy .ant-collapse > .ant-collapse-item .ant-collapse-header {
      background: #f3f3f373; }

.create-module-page {
  display: flex;
  flex-direction: column; }
  .create-module-page-loader-image {
    width: 100px;
    height: 30px;
    top: 75% !important;
    margin: 0;
    left: 47% !important; }
  .create-module-page-preview {
    position: absolute;
    right: 22px;
    margin-top: 5px;
    height: 44px;
    border-radius: 12px;
    background-color: #f8f8f7;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #fb6d3a;
    padding: 12px 20px;
    cursor: pointer; }
    .create-module-page-preview:hover {
      color: #fb6d3a;
      box-shadow: 0 7px 34px 0 rgba(251, 109, 58, 0.2);
      background-color: #f0e9e0;
      border: 0; }
  .create-module-page-btn-back::after {
    content: 'Save & Exit' !important; }
  .create-module-page-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Usual;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000; }
  .create-module-page-subtitle {
    padding-top: 8px;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9d9e9d; }
  .create-module-page-body {
    display: flex;
    flex-direction: column;
    padding: 0 25%;
    min-height: calc(100vh - 64px - 44px - 56px - 65px); }
    .create-module-page-body-error {
      padding: 5px;
      font-family: Usual;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      color: #ff4d4f; }
    .create-module-page-body-title {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      padding-top: 32px;
      font-family: Usual;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      color: #000000; }
    .create-module-page-body-image {
      height: 201px;
      border-radius: 12px;
      padding-top: 12px; }
      .create-module-page-body-image > img {
        object-fit: fill;
        height: 100%;
        width: 100%;
        border-radius: 12px; }
      .create-module-page-body-image-delete {
        position: relative;
        bottom: calc(100% - 12px);
        left: calc(100% - 32px);
        color: #ffffff;
        cursor: pointer; }
    .create-module-page-body-dnd-section {
      margin-top: 12px;
      height: 201px;
      border-radius: 12px;
      border: dashed 1px #503e9d;
      background-color: #ffffff; }
      .create-module-page-body-dnd-section:focus {
        outline: unset; }
      .create-module-page-body-dnd-section > div:focus {
        outline: unset; }
      .create-module-page-body-dnd-section-zone {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 201px;
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #503e9d; }
        .create-module-page-body-dnd-section-zone:focus {
          outline: unset; }
        .create-module-page-body-dnd-section-zone > button {
          margin-top: 24px;
          background-color: #fb6d3a; }
        .create-module-page-body-dnd-section-zone > img {
          margin-bottom: 12px; }
    .create-module-page-body-add-new {
      cursor: pointer;
      font-size: 12px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #fb6d3a; }
      .create-module-page-body-add-new span {
        margin-right: 4px; }
    .create-module-page-body-cross {
      cursor: pointer;
      display: flex;
      align-items: center;
      height: 52px;
      margin-top: 12px;
      border-radius: 0 12px 12px 0;
      border: solid 1px #d9d9d9;
      background-color: #ffffff;
      border-left: 0;
      padding-right: 10px; }
    .create-module-page-body input {
      margin-top: 12px;
      padding-left: 20px;
      height: 52px;
      border-radius: 12px;
      border: solid 1px #d9d9d9;
      background-color: #ffffff;
      font-family: Usual;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      color: #1d1d1d; }
      .create-module-page-body input:hover, .create-module-page-body input:focus {
        border-color: #d9d9d9;
        outline: unset;
        box-shadow: unset; }
    .create-module-page-body textarea {
      margin-top: 21px;
      padding-left: 20px;
      min-height: 90px;
      border-radius: 12px;
      border: solid 1px #d9d9d9;
      background-color: #ffffff;
      font-family: Usual;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      color: #1d1d1d; }
      .create-module-page-body textarea:hover, .create-module-page-body textarea:focus {
        border-color: #d9d9d9;
        outline: unset;
        box-shadow: unset; }
    .create-module-page-body .ant-input-group-addon {
      padding: 0;
      border: 0; }
    .create-module-page-body .ant-input-group > input {
      border-right: 0; }
    .create-module-page-body-group {
      display: flex;
      justify-content: space-between;
      padding-top: 12px; }
      .create-module-page-body-group input {
        margin: 0;
        width: 45%; }
      .create-module-page-body-group-cross {
        cursor: pointer;
        display: flex;
        align-items: center;
        height: 52px;
        border-radius: 0 12px 12px 0;
        border: solid 1px #d9d9d9;
        background-color: #ffffff;
        border-left: 0;
        padding-right: 10px; }
      .create-module-page-body-group .ant-input-group-wrapper {
        width: 45%; }
      .create-module-page-body-group .ant-input-group-addon {
        padding: 0;
        border: 0; }
      .create-module-page-body-group .ant-input-group > input {
        border-right: 0; }
      .create-module-page-body-group .ant-select {
        width: 45%;
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #000000; }
        .create-module-page-body-group .ant-select:hover .ant-select-selector, .create-module-page-body-group .ant-select:focus .ant-select-selector {
          border-color: #d9d9d9;
          outline: unset;
          box-shadow: unset; }
        .create-module-page-body-group .ant-select .ant-select-arrow {
          width: 32px;
          height: 32px;
          display: flex;
          align-items: center;
          justify-content: center;
          position: absolute;
          top: 10px;
          margin: 0;
          border-radius: 12px;
          font-size: 12px;
          background-color: #f8f8f7;
          color: rgba(0, 0, 0, 0.7); }
        .create-module-page-body-group .ant-select .ant-select-selector {
          display: flex;
          align-items: center;
          height: 52px;
          border-radius: 12px;
          padding-left: 20px;
          border: solid 1px #d9d9d9; }
      .create-module-page-body-group .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
        height: 52px; }
    .create-module-page-body-select-dropdown {
      border-radius: 12px;
      box-shadow: 0 10px 22px 0 rgba(167, 167, 167, 0.3);
      background-color: #ffffff;
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.67;
      letter-spacing: normal;
      color: rgba(0, 0, 0, 0.7); }
      .create-module-page-body-select-dropdown .create-module-page-body-add-new {
        cursor: pointer;
        margin-top: 20px;
        margin-left: 20px;
        margin-bottom: 26px; }
      .create-module-page-body-select-dropdown .ant-select-item {
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px; }
  .create-module-page-footer {
    padding: 0 25%; }
    .create-module-page-footer-btn-group {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .create-module-page-footer-btn-group button:first-child {
        margin-left: -20px;
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: rgba(144, 147, 144, 0.59); }
        .create-module-page-footer-btn-group button:first-child:hover {
          color: #fb6d3a; }
  .create-module-page-modal {
    padding: 0px 8px 8px 8px; }
    .create-module-page-modal-btn-group {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 32px; }
      .create-module-page-modal-btn-group > button:first-child {
        margin-left: -20px; }
  .create-module-page-attach-video-checkbox span {
    font-family: Usual;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #503e9d; }
  .create-module-page-chapter-card {
    border-radius: 12px;
    margin-top: 16px; }
    .create-module-page-chapter-card .ant-card-body {
      padding: 16px; }
    .create-module-page-chapter-card-btn {
      margin: 0px 8px;
      border-radius: 12px;
      background-color: #f8f8f7; }
      .create-module-page-chapter-card-btn:hover, .create-module-page-chapter-card-btn:active, .create-module-page-chapter-card-btn:focus {
        background-color: #f8f8f7;
        box-shadow: 0 7px 34px 0 #f8f8f7; }
    .create-module-page-chapter-card-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-bottom: 12px; }
      .create-module-page-chapter-card-header-title {
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #000000; }
    .create-module-page-chapter-card-bot {
      margin-bottom: 20px; }
      .create-module-page-chapter-card-bot .ant-card-meta-avatar {
        padding-right: 12px; }
      .create-module-page-chapter-card-bot .ant-card-meta-title {
        font-family: Usual;
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: normal;
        color: #403b3b; }
      .create-module-page-chapter-card-bot .ant-card-meta-description {
        font-family: Usual;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #9d9e9d; }
      .create-module-page-chapter-card-bot .ant-card-meta-detail > div:not(:last-child) {
        margin-bottom: 0px; }
      .create-module-page-chapter-card-bot-avatar {
        background-color: #f8f8f7; }
    .create-module-page-chapter-card-video {
      display: flex; }
      .create-module-page-chapter-card-video-player {
        display: flex;
        margin-right: 14px; }
      .create-module-page-chapter-card-video-description {
        font-family: Usual;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: normal;
        color: #9d9e9d; }

.module-card {
  cursor: pointer;
  border-radius: 12px;
  border: solid 1px #d9d9d9;
  margin-bottom: 24px;
  margin-right: 24px; }
  @media screen and (max-width: 768px) {
    .module-card {
      margin-right: 0px; } }
  .module-card .ant-card-body {
    padding: 16px;
    padding-top: 14px;
    border-radius: 12px;
    background: white;
    margin-top: -20px;
    position: relative; }
  .module-card .module-card-img {
    height: 166px;
    object-fit: cover;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding-left: 1px;
    padding-right: 1px; }
    @media screen and (max-width: 768px) {
      .module-card .module-card-img {
        height: 280px; } }
  .module-card .module-card-img-empty {
    height: 166px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
  .module-card .module-card-title {
    margin-bottom: 12px;
    font-family: Usual;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000000; }
  .module-card .module-card-meta {
    display: flex; }
    .module-card .module-card-meta .ant-card-meta-avatar {
      display: flex;
      align-items: center;
      padding-right: 4px;
      font-size: 16px;
      width: 20px;
      height: 20px;
      color: #9d9e9d; }
    .module-card .module-card-meta .ant-card-meta-title {
      font-family: Usual;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      text-align: center;
      color: rgba(0, 0, 0, 0.6); }
  .module-card .module-card-text-small {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9d9e9d; }
  .module-card .module-card-btn {
    font-size: 12px;
    width: 87px; }
  .module-card .module-card-tag-mandatory {
    width: auto;
    position: absolute;
    top: 12px;
    margin: 0;
    margin-left: 1px;
    padding: 4px 8px;
    border: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #fff1e0;
    font-family: Usual;
    font-size: 12px;
    line-height: 1.33;
    color: #fb6d3a; }
    .module-card .module-card-tag-mandatory:hover {
      opacity: 1; }
  .module-card .module-card-tag-date {
    width: fit-content;
    position: absolute;
    top: 12px;
    right: 12px;
    margin: 0;
    padding: 4px 8px;
    border: 0;
    border-radius: 12px;
    background-color: #eeecf6;
    font-family: Usual;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.6;
    color: #503e9d; }
    .module-card .module-card-tag-date:hover {
      opacity: 1; }
  .module-card .module-card-footer {
    margin-top: 20px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .module-card .module-card-row, .module-card .module-card-row-space {
    width: 100%;
    display: flex;
    align-items: center; }
  .module-card .module-card-row-space {
    justify-content: space-between; }
  .module-card .module-card-column {
    display: flex;
    flex-direction: column; }

.modules-group .modules-group-name {
  font-family: Usual;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.7); }

.modules-group .modules-group-card {
  min-width: 256px; }
  @media screen and (max-width: 768px) {
    .modules-group .modules-group-card {
      min-width: auto; } }

.module-chapter {
  position: relative; }
  .module-chapter .module-chapter-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    right: 16px;
    margin: 0;
    width: 78px;
    height: 24px;
    border: 0;
    border-radius: 12px;
    background-color: #fff1e0;
    font-family: Usual;
    font-size: 10px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: right;
    color: #fb6d3a; }
  .module-chapter .module-chapter-meta {
    display: flex;
    margin: 0;
    padding: 16px;
    border: solid 1px #d9d9d9;
    border-radius: 12px;
    margin-bottom: 12px; }
    .module-chapter .module-chapter-meta-active {
      border: 0;
      background-color: rgba(80, 62, 157, 0.1); }
    .module-chapter .module-chapter-meta .ant-card-meta-avatar {
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      margin-right: 8px;
      border-radius: 12px;
      background-color: #f8f8f7;
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: 1.33px;
      color: #9d9e9d; }
    .module-chapter .module-chapter-meta .ant-card-meta-detail > div:not(:last-child) {
      margin-bottom: 4px; }
    .module-chapter .module-chapter-meta .ant-card-meta-title {
      font-family: Usual;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      color: #403b3b; }
      @media screen and (max-width: 768px) {
        .module-chapter .module-chapter-meta .ant-card-meta-title {
          white-space: normal; } }
    .module-chapter .module-chapter-meta .ant-card-meta-description {
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #9d9e9d; }

.training-modules > .page-loader {
  width: 90%; }

.training-modules .training-modules-menu {
  position: absolute;
  height: calc(100vh - 64px - 44px - 74px);
  overflow-y: auto;
  border-radius: 12px;
  border: solid 1px #d9d9d9;
  background-color: #ffffff; }
  .training-modules .training-modules-menu .ant-menu-item-group-title {
    padding: 20px;
    font-family: Usual;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000; }
  .training-modules .training-modules-menu .ant-menu-item {
    margin-left: 8px;
    padding: 16px 19px 16px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.7); }
  .training-modules .training-modules-menu .ant-menu-item.ant-menu-item-selected {
    color: #fb6d3a;
    background-color: rgba(255, 232, 204, 0.6); }
    .training-modules .training-modules-menu .ant-menu-item.ant-menu-item-selected::after {
      content: '';
      width: 2px;
      height: 100%;
      right: -1px;
      border-radius: 12px;
      background-color: #fb6d3a;
      opacity: 1;
      transform: unset;
      transition: unset; }

.training-modules-list {
  margin-left: 315px;
  height: calc(100vh - 64px - 44px - 74px);
  width: calc(100% - 291px);
  overflow-y: auto; }
  @media screen and (max-width: 768px) {
    .training-modules-list {
      margin-left: 0px;
      height: 100vh;
      width: 100%;
      overflow-y: unset; } }

.training-module-details {
  padding-top: 40px; }
  .training-module-details > .page-loader {
    width: 88%; }
  @media screen and (max-width: 768px) {
    .training-module-details {
      padding-top: 0px;
      flex-direction: column; } }
  .training-module-details .training-module-details-tag {
    border: 0;
    height: 24px;
    border-radius: 12px;
    background-color: #fff1e0;
    font-family: Usual;
    font-size: 10px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #fb6d3a;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 4px 12px;
    margin-right: 8px; }
  .training-module-details .training-module-details-name {
    margin: 12px 0;
    font-family: Usual;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000; }
  .training-module-details .training-module-details-block {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .training-module-details .training-module-details-block {
        flex-wrap: wrap;
        row-gap: 20px; } }
  .training-module-details .training-module-details-column {
    display: flex;
    flex-direction: column;
    width: 126px;
    margin-bottom: 32px; }
  .training-module-details .training-module-details-progress-text {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9d9e9d; }
  .training-module-details .training-module-details-btn-back {
    border: 0;
    border-radius: 12px;
    background-color: #f8f8f7; }
    @media screen and (max-width: 768px) {
      .training-module-details .training-module-details-btn-back {
        display: flex;
        flex-direction: row;
        align-items: center; } }
    .training-module-details .training-module-details-btn-back span[role='img'] {
      width: 32px;
      height: 32px;
      font-size: 12px;
      line-height: 1.33;
      text-align: center;
      color: rgba(0, 0, 0, 0.7);
      margin-right: 8px;
      margin-top: 8px; }
      @media screen and (max-width: 768px) {
        .training-module-details .training-module-details-btn-back span[role='img'] {
          margin-left: 10px;
          margin-right: 18px;
          margin-top: 18px; } }
    .training-module-details .training-module-details-btn-back::after {
      content: 'Go back';
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #9d9e9d;
      box-shadow: none;
      position: static;
      display: inline;
      opacity: unset;
      animation: unset; }
  .training-module-details .training-module-details-btn {
    padding: 10px 20px;
    margin-right: 24px;
    height: 40px;
    z-index: 0; }
  .training-module-details .training-module-details-btn-gray {
    border: solid 1px #f8f8f7;
    border-radius: 12px;
    background-color: #f8f8f7;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #503e9d !important;
    box-shadow: unset !important;
    white-space: nowrap;
    text-align: center; }
    .training-module-details .training-module-details-btn-gray:hover, .training-module-details .training-module-details-btn-gray:active, .training-module-details .training-module-details-btn-gray:focus {
      border: solid 1px #503e9d;
      font-size: 14px; }
  .training-module-details .training-module-details-btn-gray.addeventatc .addeventatc_icon {
    display: none; }
  .training-module-details .training-module-details-btn-text {
    color: rgba(255, 255, 255, 0.4); }

.training-report .training-report-btn-container {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center; }

.training-report .training-report-btn-back {
  border: 0;
  border-radius: 12px;
  background-color: #f8f8f7; }
  .training-report .training-report-btn-back span[role='img'] {
    width: 32px;
    height: 32px;
    font-size: 12px;
    line-height: 1.33;
    text-align: center;
    color: rgba(0, 0, 0, 0.7);
    margin-right: 8px;
    margin-top: 8px; }

.training-report .training-report-title {
  height: 40px;
  font-family: Usual;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000; }
  @media screen and (max-width: 568px) {
    .training-report .training-report-title {
      text-align: center; } }

.request {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%; }
  .request-heading-box h1 {
    font-size: 22px;
    text-align: center; }
  .request-heading-box p {
    color: #434343;
    text-align: left; }

.dashboard-modules-title {
  font-family: Usual;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
  padding-bottom: 12px; }

.dashboard-modules-list {
  border-radius: 8px; }
  .dashboard-modules-list-wrapper {
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    max-height: 400px;
    overflow-y: scroll;
    scroll-snap-type: y mandatory; }
  .dashboard-modules-list .ant-list-item-action-split {
    visibility: hidden; }
  .dashboard-modules-list-action-resume {
    min-width: 71px;
    background-color: #fb6d3a; }
    .dashboard-modules-list-action-resume:hover, .dashboard-modules-list-action-resume:active, .dashboard-modules-list-action-resume:focus {
      background-color: #fb6d3a; }
  .dashboard-modules-list-action-startOver {
    border: 0;
    border-radius: 12px;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    background-color: #f8f8f7;
    color: #503e9d;
    height: 36px; }
    .dashboard-modules-list-action-startOver:hover, .dashboard-modules-list-action-startOver:active, .dashboard-modules-list-action-startOver:focus {
      color: #f8f8f7;
      background-color: #503e9d; }
  .dashboard-modules-list-item {
    padding: 16px 24px; }
    @media screen and (max-width: 768px) {
      .dashboard-modules-list-item {
        flex-direction: column !important;
        align-items: stretch !important;
        flex-wrap: nowrap; }
        .dashboard-modules-list-item .ant-list-item-action {
          margin-left: 0px; } }
    .dashboard-modules-list-item-meta {
      flex: 0.5 auto;
      max-width: 400px; }
      .dashboard-modules-list-item-meta-avatar {
        border-radius: 12px; }
      .dashboard-modules-list-item-meta .ant-list-item-meta-content {
        margin-top: 4px; }
      .dashboard-modules-list-item-meta .ant-list-item-meta-title {
        font-family: Usual;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #000000;
        margin-bottom: 8px; }
      .dashboard-modules-list-item-meta .ant-list-item-meta-description {
        opacity: 0.6;
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #000000; }
    .dashboard-modules-list-item-content {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1; }
      @media screen and (max-width: 768px) {
        .dashboard-modules-list-item-content {
          justify-content: flex-start;
          margin-top: 10px;
          margin-bottom: 20px; } }
      .dashboard-modules-list-item-content-progress {
        max-width: 92px; }
        .dashboard-modules-list-item-content-progress-text {
          padding-left: 5px;
          font-family: Usual;
          font-size: 12px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #9d9e9d; }

.cubicle-banner {
  border-radius: 8px;
  padding: 16px 32px;
  margin: 20px 0;
  display: flex;
  row-gap: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 768px) {
    .cubicle-banner {
      margin: 20px 0px 0px; } }
  .cubicle-banner-welcome-container {
    display: flex;
    justify-content: center;
    flex-direction: row;
    column-gap: 170px;
    align-items: center;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    background-image: url("/static/img/welcome_banner.svg");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 80px 100px;
    background-position: bottom;
    border-radius: 18px;
    border: 1px solid #e4e4e4;
    background-color: #fcfafa; }
    .cubicle-banner-welcome-container:hover .wave {
      animation: wave-animation 2.5s infinite;
      transform-origin: 70% 70%;
      display: inline-block; }

@keyframes wave-animation {
  0% {
    transform: rotate(0deg); }
  10% {
    transform: rotate(14deg); }
  20% {
    transform: rotate(-8deg); }
  30% {
    transform: rotate(14deg); }
  40% {
    transform: rotate(-4deg); }
  50% {
    transform: rotate(10deg); }
  60% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(0deg); } }
    @media screen and (max-width: 768px) {
      .cubicle-banner-welcome-container {
        background-image: url("/static/img/welcome_banner_mobile.svg");
        margin-top: -16px;
        margin-bottom: 0px;
        padding: 30px 30px 42px 30px;
        column-gap: 0px;
        background-size: cover;
        background-position: bottom right;
        border: 1px solid #e8e8e8;
        border-radius: 14px;
        box-shadow: #0000000d 0px 4px 9px 1px;
        justify-content: center; } }
    .cubicle-banner-welcome-container-title {
      font-size: 3em;
      margin-bottom: 2px;
      font-weight: bold;
      color: #585856;
      margin-bottom: 15px; }
      @media screen and (max-width: 768px) {
        .cubicle-banner-welcome-container-title {
          font-size: 2em;
          line-height: 1.2em;
          margin-bottom: 10px; } }
    .cubicle-banner-welcome-container-input {
      font-size: 20px;
      border-radius: 8px;
      box-shadow: 2px 2px 6px #503e9d14;
      border: 1px solid #3a2d702e;
      padding: 8px; }
      .cubicle-banner-welcome-container-input .ant-input {
        font-size: 18px; }
    .cubicle-banner-welcome-container .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
      border: 1px solid #3a2d702e; }
    .cubicle-banner-welcome-container .ant-input-suffix {
      font-size: 18px;
      background-color: #503e9d2e;
      border-radius: 4px;
      color: #503e9dcf;
      padding: 5px; }
    .cubicle-banner-welcome-container .ant-input-prefix {
      font-size: 18px;
      color: #4f3e9d4d;
      padding-right: 4px; }
    .cubicle-banner-welcome-container-subtitle {
      font-size: 1.2em;
      margin: 0px;
      color: #a0a0a0; }
      @media screen and (max-width: 768px) {
        .cubicle-banner-welcome-container-subtitle {
          font-size: 1em; } }
    .cubicle-banner-welcome-container-nonindia-subtitle {
      font-size: 1.2em;
      margin: 0px;
      color: #a0a0a0;
      width: 70%;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .cubicle-banner-welcome-container-nonindia-subtitle {
          font-size: 1em;
          width: 100%;
          text-align: left; } }
  .cubicle-banner-result {
    background-color: rgba(234, 230, 247, 0.3);
    border: 1px solid #4f3e9d3d;
    padding: 30px 30px 50px 30px;
    border-radius: 12px; }
    .cubicle-banner-result-question-container {
      width: 95%;
      margin-bottom: 10px; }
      .cubicle-banner-result-question-container h1 {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 10px;
        color: #0a0032; }
      .cubicle-banner-result-question-container p {
        color: #9d9e9d;
        margin-bottom: 0px; }
      .cubicle-banner-result-question-container hr {
        background-color: #34296437;
        height: 1px;
        border: none; }
    .cubicle-banner-result-progress-container {
      width: 100%; }
      .cubicle-banner-result-progress-container p {
        color: #9d9e9d;
        margin-bottom: -5px; }
      .cubicle-banner-result-progress-container-bar {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
        margin-top: 16px; }
        .cubicle-banner-result-progress-container-bar p {
          margin-bottom: 0px;
          font-weight: 500;
          color: #0a0032ad;
          font-size: 12px; }
        .cubicle-banner-result-progress-container-bar-wrapper {
          width: 40%; }
          @media screen and (max-width: 786px) {
            .cubicle-banner-result-progress-container-bar-wrapper {
              width: 50%; } }
          @media screen and (max-width: 526px) {
            .cubicle-banner-result-progress-container-bar-wrapper {
              width: 100%; } }
  .cubicle-banner-carousel {
    margin-top: 18px;
    height: 393px; }
    @media screen and (max-width: 450px) {
      .cubicle-banner-carousel {
        height: auto; } }
    .cubicle-banner-carousel .slick-dots li {
      background-color: #d9d9d9;
      height: 8px; }
    .cubicle-banner-carousel .ant-carousel .slick-dots-bottom {
      bottom: 5px; }
    .cubicle-banner-carousel .ant-carousel .slick-dots li.slick-active button {
      background-color: #503e9d;
      height: 8px; }
  .cubicle-banner-poll {
    background: rgba(255, 246, 240, 0.55);
    border: 1px solid #fb6d3a79;
    border-radius: 12px;
    padding: 30px 30px 50px 30px; }
    .cubicle-banner-poll .ant-space-item {
      margin-bottom: 16px; }
    .cubicle-banner-poll .ant-radio-disabled .ant-radio-inner::after {
      background-color: #726f84; }
    .cubicle-banner-poll-container-btn {
      font-size: 12px;
      padding: 5px 20px;
      color: white;
      background-color: #fb6d3a;
      margin-top: 13px;
      border: transparent;
      border-radius: 4px; }
      .cubicle-banner-poll-container-btn:hover {
        color: white;
        background-color: #a84622; }
    .cubicle-banner-poll-question-container {
      width: 95%; }
      .cubicle-banner-poll-question-container h1 {
        font-weight: 600; }
    .cubicle-banner-poll-radio-container {
      display: flex;
      flex-direction: column;
      align-items: start;
      margin-top: 30px; }
      .cubicle-banner-poll-radio-container .ant-radio-inner {
        border-color: #a4a4a4;
        background-color: transparent;
        background: white; }
      .cubicle-banner-poll-radio-container .ant-radio-checked .ant-radio-inner {
        border: 2px solid #fb6d3a;
        color: #503e9d;
        background-color: white;
        background: white; }
      .cubicle-banner-poll-radio-container-text {
        font-weight: 500; }
  .cubicle-banner.light-pink {
    border: 1px solid rgba(255, 92, 147, 0.28);
    background: url("/static/img/light-pink-bg.png") center no-repeat;
    background-size: cover; }
  .cubicle-banner.light-green {
    border: 1px solid rgba(56, 191, 198, 0.28);
    background: url("/static/img/light-green-bg.png") center no-repeat;
    background-size: cover; }
  .cubicle-banner.light-orange {
    border: 1px solid rgba(251, 109, 58, 0.28);
    background: url("/static/img/light-orange-bg.png") center no-repeat;
    background-size: cover; }
  @media screen and (max-width: 768px) {
    .cubicle-banner {
      flex-direction: column;
      justify-content: center; } }
  .cubicle-banner img {
    width: 100px;
    height: 100px;
    object-fit: contain; }
    @media screen and (max-width: 768px) {
      .cubicle-banner img {
        width: 100px; } }
  .cubicle-banner-center-img {
    max-width: 100% !important; }
  .cubicle-banner-text-title {
    font-family: Usual;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    padding-bottom: 5px; }
    @media screen and (max-width: 768px) {
      .cubicle-banner-text-title {
        font-size: 14px; } }
  .cubicle-banner-text-subtitle {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #707070; }
    @media screen and (max-width: 768px) {
      .cubicle-banner-text-subtitle {
        font-size: 14px;
        line-height: 1.6; } }
  .cubicle-banner-text-wrapper {
    width: 100%; }
    @media screen and (max-width: 768px) {
      .cubicle-banner-text-wrapper {
        width: 100%;
        max-width: 100% !important;
        text-align: center;
        padding: 18px 0px; } }

.my-dashboard .dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .my-dashboard .dashboard-header-title {
    font-family: Usual;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #000000; }
    @media screen and (max-width: 768px) {
      .my-dashboard .dashboard-header-title {
        font-size: 14px; } }
  .my-dashboard .dashboard-header-actions {
    display: flex;
    align-items: center; }
    .my-dashboard .dashboard-header-actions-ref-button > span {
      line-height: 44px; }

.my-dashboard > .page-loader {
  width: 100%; }

.my-dashboard-cases-label {
  font-family: Usual;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #000000; }

.my-dashboard-info {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #535353; }

.my-dashboard-table-row {
  cursor: pointer; }

.my-dashboard .Learning-goals-banner {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  background-color: #f4f3ee;
  border: 1px solid #dcd8c1;
  border-radius: 8px;
  margin: 15px 0px;
  width: 100%;
  padding: 0; }
  @media screen and (max-width: 768px) {
    .my-dashboard .Learning-goals-banner {
      flex-direction: column-reverse;
      align-items: center; } }
  .my-dashboard .Learning-goals-banner-img-container {
    background-size: contain;
    background-position: left;
    flex-basis: 35%;
    background-size: contain; }
    @media screen and (max-width: 786px) {
      .my-dashboard .Learning-goals-banner-img-container {
        width: 75%;
        height: 75%; } }
    @media screen and (max-width: 1100px) {
      .my-dashboard .Learning-goals-banner-img-container {
        flex-basis: 40%; } }
    .my-dashboard .Learning-goals-banner-img-container > img {
      width: 100%;
      height: 100%; }
  .my-dashboard .Learning-goals-banner-main-container {
    text-align: center;
    padding: 15px 0px;
    flex-basis: 65%; }
    .my-dashboard .Learning-goals-banner-main-container h1 {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      color: #594f0a; }
    .my-dashboard .Learning-goals-banner-main-container-items {
      padding: 10px;
      flex-basis: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .my-dashboard .Learning-goals-banner-main-container-items ul {
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px;
        flex-wrap: wrap;
        border-radius: 8px; }
        .my-dashboard .Learning-goals-banner-main-container-items ul li {
          background-color: #e9e5c1;
          color: #594f0a;
          font-weight: bold;
          font-size: 14px;
          padding: 8px 15px;
          margin: 5px 10px;
          border-radius: 8px;
          border: 1px solid #dcd8b3; }
      .my-dashboard .Learning-goals-banner-main-container-items-edit-btn {
        background: #594f0a;
        color: #f4f2e0;
        border-radius: 8px;
        outline: none;
        border: none;
        padding: 8px 12px;
        display: flex;
        align-items: center;
        cursor: pointer; }
        .my-dashboard .Learning-goals-banner-main-container-items-edit-btn span {
          color: #f4f2e0;
          margin-right: 4px; }

.learning-goals-popup-heading {
  color: #312b4c;
  margin-top: -30px;
  margin-bottom: 30px;
  font-weight: 500;
  text-align: center;
  font-size: 24px; }

.learning-goals-popup-option-container {
  height: 360px;
  overflow-y: auto;
  padding: 0px 10px;
  padding-left: 30px;
  border-radius: 8px; }
  @media screen and (max-width: 768px) {
    .learning-goals-popup-option-container {
      padding: 0px; } }

.learning-goals-popup ::-webkit-scrollbar {
  width: 7px;
  border-radius: 8px; }

.learning-goals-popup ::-webkit-scrollbar-track {
  background: #d9d9d9; }

.learning-goals-popup ::-webkit-scrollbar-thumb {
  background: #737373;
  border-radius: 8px; }

.learning-goals-popup ::-webkit-scrollbar-thumb:hover {
  background: #555; }

.learning-goals-popup .ant-collapse-content {
  background-color: #fafafb;
  border-radius: 0 0 10px 10px !important; }

.learning-goals-popup .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center; }

.learning-goals-popup .ant-collapse > .ant-collapse-item {
  border: none;
  border: 0.5px solid #e2e2e2;
  margin-bottom: 20px;
  border-radius: 10px;
  background-color: #fafafb; }

.learning-goals-popup .ant-collapse {
  background: none;
  border: none; }

.learning-goals-popup .ant-checkbox-group-item {
  margin-bottom: 15px; }

.learning-goals-popup .ant-collapse-header .ant-checkbox-wrapper > span:last-child {
  font-size: 17px;
  font-weight: 500;
  color: #68637d; }
  @media screen and (max-width: 768px) {
    .learning-goals-popup .ant-collapse-header .ant-checkbox-wrapper > span:last-child {
      font-size: 14px;
      display: flex;
      flex-direction: column;
      align-items: start; } }

.learning-goals-popup .ant-checkbox-wrapper {
  color: #5e5e5e;
  margin: 8px 0px; }

.learning-goals-popup .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0px; }

.learning-goals-popup .ant-tag-purple {
  color: #48388d;
  background: rgba(72, 56, 141, 0.05);
  border-color: aliceblue;
  margin-left: 40px;
  border-radius: 4px;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .learning-goals-popup .ant-tag-purple {
      margin-left: 0px; } }

.learning-goals-popup-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 13px; }
  @media screen and (max-width: 768px) {
    .learning-goals-popup-footer {
      padding: 10px; } }
  .learning-goals-popup-footer p {
    font-size: 16px;
    cursor: pointer; }

.ic-dashboard .dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .ic-dashboard .dashboard-header-title {
    font-family: Usual;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #000000; }
    @media screen and (max-width: 768px) {
      .ic-dashboard .dashboard-header-title {
        font-size: 14px; } }
  .ic-dashboard .dashboard-header-actions {
    display: flex;
    align-items: center; }
    .ic-dashboard .dashboard-header-actions-ref-button > span {
      line-height: 44px; }

.ic-dashboard .dashboard-statistics {
  padding-top: 20px; }
  .ic-dashboard .dashboard-statistics-label {
    font-family: Usual;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000; }
  .ic-dashboard .dashboard-statistics-stats-card {
    border-radius: 8px;
    border: solid 1px #d9d9d9;
    background-color: #ffffff; }
    .ic-dashboard .dashboard-statistics-stats-card .ant-card-body {
      padding: 18px; }
  .ic-dashboard .dashboard-statistics-stat {
    font-family: Usual;
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal; }
  .ic-dashboard .dashboard-statistics-type {
    opacity: 0.9;
    font-family: Usual;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #535353; }

.ic-dashboard .complaints-distribution {
  margin-top: 10px; }
  .ic-dashboard .complaints-distribution-label {
    font-family: Usual;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    padding-bottom: 8px; }
  .ic-dashboard .complaints-distribution-card {
    border-radius: 8px;
    border: solid 1px #d9d9d9;
    background-color: #ffffff; }
    .ic-dashboard .complaints-distribution-card-label {
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      text-align: center;
      color: #9d9e9d; }
  .ic-dashboard .complaints-distribution-vis {
    padding: 16px 0; }
  .ic-dashboard .complaints-distribution-wrapper {
    width: 100%;
    display: flex; }
  .ic-dashboard .complaints-distribution-bar {
    text-align: center;
    color: #ffffff;
    padding: 8px 0;
    align-items: center;
    justify-content: center; }
  .ic-dashboard .complaints-distribution-status-types {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
    .ic-dashboard .complaints-distribution-status-types > * {
      padding: 0 8px; }
  .ic-dashboard .complaints-distribution-status-label {
    text-align: center;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9d9e9d; }

@media (max-width: 576px) {
  .ic-dashboard .complaints-distribution-label {
    font-size: 15px; }
  .ic-dashboard .complaints-distribution-vis {
    padding: 10px 0; }
  .ic-dashboard .complaints-distribution-bar {
    font-size: 12px; } }

.ic-dashboard .ant-tabs-tab {
  font-weight: 500; }

@media (max-width: 576px) {
  .ic-dashboard .ant-tabs-tab + .ant-tabs-tab {
    margin: 0 0 0 14px; } }

.upcoming-actions {
  padding-top: 25px; }
  .upcoming-actions-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .upcoming-actions-header-label {
      font-family: Usual;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      color: #000000; }
  .upcoming-actions-action {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #535353; }
  .upcoming-actions-caseId-placeholder {
    display: flex;
    align-items: center; }
    .upcoming-actions-caseId-placeholder-meta {
      padding-left: 4px; }
      .upcoming-actions-caseId-placeholder-meta .ant-card-meta-detail > div:not(:last-child) {
        margin-bottom: 4px; }
      .upcoming-actions-caseId-placeholder-meta .ant-card-meta-title {
        font-family: Usual;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #535353; }
      .upcoming-actions-caseId-placeholder-meta .ant-card-meta-description {
        opacity: 0.6;
        font-family: Usual;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #000000; }
    .upcoming-actions-caseId-placeholder-title {
      font-family: Usual;
      font-size: 14px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      color: #535353; }
    .upcoming-actions-caseId-placeholder-overdue {
      border-radius: 12px;
      background-color: #fff1ec;
      border-color: #fb6d3a;
      font-family: Usual;
      font-size: 11px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.45;
      letter-spacing: normal;
      color: #fb6d3a;
      margin-left: 5px; }
  .upcoming-actions-duedate {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #535353; }
    .upcoming-actions-duedate-urgent {
      font-family: Usual;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      color: #ff0000; }

.upcoming-actions-menu {
  border-radius: 8px;
  background-color: #ffffff; }
  .upcoming-actions-menu-item {
    padding: 12px 15px; }
  .upcoming-actions-menu-meta .ant-card-meta-avatar {
    padding-right: 8px; }
  .upcoming-actions-menu-meta .ant-card-meta-detail > div:not(:last-child) {
    margin-bottom: 2px; }
  .upcoming-actions-menu-meta .ant-card-meta-title {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000000; }
  .upcoming-actions-menu-meta .ant-card-meta-description {
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #9d9e9d; }

@media (max-width: 467px) {
  .upcoming-actions-action {
    font-size: 14px;
    padding-bottom: 10px; }
  .upcoming-actions-duedate-urgent {
    font-size: 12px; }
  .upcoming-actions-caseId-placeholder-title {
    font-size: 12px; }
  .upcoming-actions .page-table table > thead > tr th .table-title {
    padding-left: 0px; } }

@media (max-width: 410px) {
  .upcoming-actions .page-table table > thead > tr {
    display: flex;
    justify-content: space-between;
    width: 100%; }
  .upcoming-actions .page-table table > thead > tr th .table-title {
    padding-left: 7px; }
  .upcoming-actions .page-table table > tbody > tr {
    display: flex;
    height: auto;
    justify-content: space-between;
    align-items: center; }
  .upcoming-actions .page-table table > tbody > tr td:first-child {
    border: none;
    padding: 16px 0px 16px 4px; }
  .upcoming-actions .page-table table > tbody > tr td:last-child {
    border: none;
    padding: 20px; }
  .upcoming-actions .page-table thead.ant-table-thead {
    display: flex;
    width: 100%;
    justify-content: center; }
  .upcoming-actions .page-table .ant-table-container table > thead > tr:first-child th:first-child {
    border-top-right-radius: 2px;
    flex: 0 0 65%; }
  .upcoming-actions .page-table .ant-table-container table > thead > tr:first-child th:last-child {
    border-top-right-radius: 2px;
    flex: 0 0 35%; } }

@media (max-width: 356px) {
  .upcoming-actions-caseId-placeholder {
    flex-direction: column;
    align-items: flex-start; }
  .upcoming-actions .page-table table > tbody > tr td:first-child {
    padding: 16px; }
  .upcoming-actions .page-table table > tbody > tr td:last-child {
    padding: 20px; } }

.admin-dashboard .dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .admin-dashboard .dashboard-header-title {
    font-family: Usual;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #000000; }
    @media screen and (max-width: 768px) {
      .admin-dashboard .dashboard-header-title {
        font-size: 14px; } }
  .admin-dashboard .dashboard-header-actions {
    display: flex;
    align-items: center; }
    .admin-dashboard .dashboard-header-actions-ref-button > span {
      line-height: 44px; }

.admin-dashboard .dashboard-statistics {
  padding-top: 20px; }
  .admin-dashboard .dashboard-statistics-label {
    font-family: Usual;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000; }
  .admin-dashboard .dashboard-statistics-stats-card {
    border-radius: 8px;
    border: solid 1px #d9d9d9;
    background-color: #ffffff; }
    .admin-dashboard .dashboard-statistics-stats-card .ant-card-body {
      padding: 18px; }
  .admin-dashboard .dashboard-statistics-stat {
    font-family: Usual;
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal; }
  .admin-dashboard .dashboard-statistics-type {
    opacity: 0.9;
    font-family: Usual;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #535353; }

.admin-dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.admin-dashboard-content-wrapper {
  display: flex; }

.admin-dashboard-content {
  width: 70%;
  padding-right: 20px; }

.admin-dashboard-cases-label {
  font-family: Usual;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000; }

.complaints-avatar-group.ant-avatar-group .ant-avatar:not(:first-child) {
  margin-left: 5px; }

.raise-complaint-step-title {
  font-family: Usual;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #342a5c; }

.raise-complaint-info {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #535353; }
  @media screen and (max-width: 768px) {
    .raise-complaint-info {
      font-size: 12px; } }

.raise-complaint-sub-info {
  font-family: Usual;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #535353; }

.raise-complaint .ant-form-item-explain {
  font-size: 16px; }

.raise-complaint .shared-btn-back::after {
  content: ''; }

.raise-complaint .shared-btn-back {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
  font-size: 12px;
  color: #a69e9d;
  font-family: Usual; }
  @media screen and (max-width: 768px) {
    .raise-complaint .shared-btn-back {
      justify-content: center; } }

.witness-label {
  font-family: Usual;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #342a5c; }

.witness-info {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #535353; }

.witness-note {
  font-family: Usual;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #9d9e9d; }

.witness-add-button {
  border-radius: 12px;
  border: solid 1px #503e9d;
  background-color: #ffffff;
  height: 44px;
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  color: #503e9d; }
  .witness-add-button:hover, .witness-add-button:active, .witness-add-button:focus {
    box-shadow: 0 7px 34px 0 rgba(67, 47, 153, 0.14);
    background-color: #e3e0f0;
    border-color: #e3e0f0;
    color: #503e9d; }

.witness-list {
  padding-bottom: 20px; }
  .witness-list-label {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #535353; }
  .witness-list-card {
    margin: 10px 0;
    border-radius: 12px;
    border: solid 1px #d9d9d9;
    background-color: #ffffff; }
    .witness-list-card .ant-card-body {
      padding: 16px; }
    .witness-list-card-header {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .witness-list-card-header-title-section {
        display: inline-flex; }
        .witness-list-card-header-title-section-title {
          font-family: Usual;
          font-size: 12px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.33;
          letter-spacing: normal;
          color: #000000;
          padding-right: 8px; }
        .witness-list-card-header-title-section-tag {
          border-radius: 4px;
          background-color: #ffe8cc;
          border-color: #ffe8cc;
          font-family: Usual;
          font-size: 10px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.2;
          letter-spacing: normal;
          text-align: center;
          color: #fb6d3a;
          padding: 2px 6px; }
    .witness-list-card-info {
      display: flex;
      align-items: center;
      padding: 10px 0; }
      @media screen and (max-width: 768px) {
        .witness-list-card-info {
          flex-direction: column;
          align-items: flex-start; } }
      .witness-list-card-info-section {
        font-family: Usual;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #535353;
        margin: 0 6px; }
        .witness-list-card-info-section span[role='img'] {
          opacity: 0.7;
          font-family: anticon;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.14;
          letter-spacing: normal;
          text-align: center;
          color: #000000;
          padding-right: 5px; }
        @media screen and (max-width: 768px) {
          .witness-list-card-info-section {
            margin-left: 0px;
            margin-bottom: 10px; } }
    .witness-list-card-incidents {
      font-family: Usual;
      font-size: 10px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.6;
      letter-spacing: normal;
      color: #535353;
      word-wrap: break-word; }
    .witness-list-card-icon-button {
      margin: 0 6px;
      border-radius: 12px;
      background-color: #f8f8f7;
      border-color: #f8f8f7; }
      .witness-list-card-icon-button span[role='img'] {
        font-family: anticon;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #030303; }
      .witness-list-card-icon-button:hover, .witness-list-card-icon-button:active, .witness-list-card-icon-button:focus {
        background-color: #f8f8f7;
        border-color: #f8f8f7; }

.evidence-label {
  font-family: Usual;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #342a5c; }

.evidence-info {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #535353; }

.evidence-card {
  margin-top: 10px;
  width: 128px;
  height: 128px;
  border-radius: 12px;
  border: solid 1px #d9d9d9;
  background-color: #ffffff; }
  .evidence-card .ant-card-body {
    padding: 0px 3px;
    height: 28px; }
  .evidence-card .ant-card-cover img {
    width: 128px;
    height: 100px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px; }
  .evidence-card-actions {
    display: flex;
    align-items: center;
    height: 100%; }
    .evidence-card-actions-title {
      width: calc(100% - 20px);
      font-family: Usual;
      font-size: 10px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.6;
      letter-spacing: normal;
      color: #000000;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .evidence-card-actions div[role='button'] {
      margin-left: auto;
      cursor: pointer; }
      .evidence-card-actions div[role='button'] span[role='img'] {
        width: 14px;
        height: 14px;
        display: inline-block;
        font-family: anticon;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fb6d3a; }

.evidence-upload-card {
  margin-top: 10px;
  width: 128px;
  height: 128px;
  border-radius: 12px;
  border: solid 1px #d9d9d9;
  background-color: #fdfdfb;
  cursor: pointer; }
  .evidence-upload-card .ant-card-body {
    padding: 10px;
    height: 100%; }
    .evidence-upload-card .ant-card-body > div {
      height: 100%;
      outline: 0; }

.evidence-upload-multipolicy-bar {
  padding: 10px 0px;
  cursor: pointer; }

.evidence-upload-section {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center; }
  .evidence-upload-section span[role='img'] {
    font-family: anticon;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.67;
    letter-spacing: normal;
    text-align: center;
    color: #fb6d3a; }
  .evidence-upload-section-label {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #503e9d; }
  .evidence-upload-section-info {
    font-family: Usual;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #9d9e9d; }

keyframes showNav from {
  opacity: 0; }

keyframes showNav to {
  opacity: 1; }

.ic-evidence-btn {
  background: #503eb5;
  font-size: 12px;
  color: #ebe9e9;
  border: none;
  border-radius: 4px;
  animation: showNav 1000ms ease-in-out both; }
  .ic-evidence-btn:hover, .ic-evidence-btn:active, .ic-evidence-btn:focus {
    color: #ebe9e9;
    background: #3c2c94; }

.ic-evidence-btn-delete {
  background: #fde3cf;
  padding: 5px;
  border-radius: 20px;
  color: #e6370b;
  font-size: 12px;
  animation: showNav 500ms ease-in-out both;
  cursor: pointer; }
  .ic-evidence-btn-delete:hover {
    color: #bb2905; }

.ic-evidence-details-date {
  font-size: 10px;
  color: grey;
  font-weight: 400; }

.ic-evidence-file-icon {
  color: #f56a00;
  background-color: #fff4ec;
  margin-right: 10px;
  border-radius: 4px;
  width: 100px;
  height: 100px;
  display: flex;
  font-size: 45px !important;
  align-items: center;
  justify-content: center; }

.ic-evidence-file-name {
  padding-top: 10px;
  margin: 0px;
  font-weight: 500;
  overflow-wrap: break-word;
  font-size: 10px;
  color: #474242; }

.ic-evidence-textarea {
  margin-bottom: 20px; }
  .ic-evidence-textarea::-webkit-input-placeholder {
    color: #a6a7a6;
    font-weight: 400; }
  .ic-evidence-textarea:focus, .ic-evidence-textarea:active, .ic-evidence-textarea:hover {
    border: 1px solid #d9d9d9; }

.ic-evidence-view {
  display: inline-block;
  margin-top: 10px;
  padding: 2px 20px;
  background: #503eb53b;
  border-radius: 4px;
  color: #503eb5;
  font-weight: 500;
  font-size: 12px; }
  .ic-evidence-view:hover {
    color: #503eb5; }

.ant-image-preview-operations li:not(:first-child) {
  display: none; }

.evidence-policy {
  height: 100%;
  width: 100%;
  border: solid 1px #d9d9d9;
  border-radius: 8px;
  padding: 14px; }
  .evidence-policy .ant-card-body {
    padding: 14px 0px 0px 0px; }

.witness-form-title {
  font-family: Usual;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000; }

.witness-form-incidents-label {
  display: block;
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #000000; }
  .witness-form-incidents-label::after {
    content: ' *';
    color: red;
    display: inline-block; }

.witness-form-actions {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.preview-complaint-header {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .preview-complaint-header-title {
    font-family: Usual;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #342a5c; }
  .preview-complaint-header-date span[role='label'] {
    display: inline-flex;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    padding-right: 10px; }
  .preview-complaint-header-date span[role='info'] {
    display: inline-flex;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fb6d3a; }

.preview-complaint-info {
  font-family: Usual;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #535353; }

.preview-complaint-result {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  word-wrap: break-word;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #000000; }

.submit-complaint-footer {
  z-index: 99;
  left: 0;
  position: fixed;
  bottom: 0px;
  width: 100%;
  padding-left: 22px;
  padding-right: 22px;
  background-color: white; }
  .submit-complaint-footer-container {
    padding: 10px 20px;
    box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.8); }

.submit-modal-header {
  font-family: Usual;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #000000;
  text-align: center; }

.submit-modal-actions {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.new-complaint-btn-back {
  border: 0;
  border-radius: 12px;
  background-color: #f8f8f7; }
  .new-complaint-btn-back span[role='img'] {
    width: 32px;
    height: 32px;
    font-size: 12px;
    line-height: 1.33;
    text-align: center;
    color: rgba(0, 0, 0, 0.7);
    margin-right: 8px;
    margin-top: 8px; }
  .new-complaint-btn-back::after {
    content: 'Go back';
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9d9e9d;
    box-shadow: none;
    position: static;
    display: inline;
    opacity: unset;
    animation: unset; }
  .new-complaint-btn-back:hover {
    color: rgba(0, 0, 0, 0.7);
    background-color: #f8f8f7; }

.new-complaint-label {
  font-family: Usual;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  padding-bottom: 20px; }
  @media screen and (max-width: 768px) {
    .new-complaint-label {
      font-size: 16px; } }

.new-complaint-terms {
  height: 293px;
  overflow-y: auto;
  border-radius: 12px;
  border: solid 1px #d9d9d9;
  background-color: #ffffff;
  padding: 20px 20px 8px; }
  .new-complaint-terms-title {
    font-family: Usual;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    padding-bottom: 8px; }
  .new-complaint-terms-text {
    opacity: 0.6;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #000000; }

.new-complaint-acknowledgement {
  width: fit-content;
  display: flex;
  padding: 16px 0; }
  .new-complaint-acknowledgement .ant-checkbox + span {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000; }
    @media screen and (max-width: 768px) {
      .new-complaint-acknowledgement .ant-checkbox + span {
        font-size: 12px; } }

.new-complaint-file-button-wrapper {
  text-align: center; }

.new-complaint-alternate-text {
  text-align: center;
  font-family: Usual;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #9d9e9d;
  padding: 10px 0; }

.new-complaint-chat-box {
  border-radius: 12px;
  border: solid 1px #d9d9d9;
  background-color: #fdfdfb;
  height: 100px; }
  @media screen and (max-width: 768px) {
    .new-complaint-chat-box {
      margin-top: 10px; } }
  .new-complaint-chat-box > .ant-card-body {
    padding: 20px 10px; }
  .new-complaint-chat-box-meta .ant-card-meta-detail > div:not(:last-child) {
    margin-bottom: 4px; }
  .new-complaint-chat-box-meta .ant-card-meta-title {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #503e9d; }
  .new-complaint-chat-box-meta .ant-card-meta-description {
    display: grid;
    grid-template-columns: 90% 10%;
    align-items: center; }
    .new-complaint-chat-box-meta .ant-card-meta-description span[role='img'] {
      justify-self: end;
      align-self: start;
      display: grid;
      font-family: anticon;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      text-align: center;
      color: #503e9d; }
    .new-complaint-chat-box-meta .ant-card-meta-description span[role='description'] {
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #9d9e9d; }

.new-complaint-user-form {
  margin-bottom: 12px; }
  .new-complaint-user-form .ant-form-item {
    margin-bottom: 0px; }

.new-complaint .shared-btn-no-back {
  display: flex;
  content: '' !important;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
  font-size: 12px;
  color: #a69e9d;
  font-family: Usual;
  border-radius: 8px; }

.category {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .category-label {
    font-family: Usual;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000;
    text-align: center;
    padding-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .category-label {
        font-size: 16px; } }
  .category .ant-row {
    align-items: stretch !important;
    /* make columns equal height */ }
  .category-card {
    padding: 10px 15px !important;
    margin-bottom: 4%;
    border-radius: 8px;
    height: auto;
    transition: all .3s;
    cursor: pointer; }
    .category-card-header {
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: start;
      height: auto; }
      @media screen and (max-width: 950px) {
        .category-card-header {
          flex-direction: column-reverse; } }
      .category-card-header-left {
        display: flex;
        align-items: center; }
        @media screen and (max-width: 1050px) {
          .category-card-header-left {
            align-items: start; } }
        @media screen and (max-width: 850px) {
          .category-card-header-left {
            flex-direction: column; } }
        .category-card-header-left .img-container {
          height: 90px;
          background-color: white;
          border-radius: 8px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin: auto; }
          .category-card-header-left .img-container img {
            width: 110px;
            height: auto; }
        .category-card-header-left .heading {
          font-size: 18px;
          height: 30px;
          margin-top: 10px;
          padding: 0 20px; }
      .category-card-header-right {
        position: relative; }
        @media screen and (max-width: 950px) {
          .category-card-header-right .header-radio {
            margin-bottom: 10px; } }
        .category-card-header-right .header-radio .ant-radio {
          position: absolute;
          right: 0; }
        .category-card-header-right .ant-radio-inner {
          width: 25px;
          height: 25px;
          border-radius: 50%;
          border: 2px solid #e4e4e4 !important;
          background: #fff;
          position: relative; }
        .category-card-header-right .ant-radio-inner::after {
          display: none !important;
          display: flex;
          justify-content: center;
          align-content: center;
          position: absolute;
          width: 100%;
          top: 100%; }
        .category-card-header-right .ant-radio-checked .ant-radio-inner {
          border-color: white;
          background-color: var(--radio-bg, white); }
        .category-card-header-right .radio-check-icon {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-70%, -30%);
          color: #fff;
          font-size: 12px;
          pointer-events: none;
          /* so clicking icon triggers Radio */
          font-weight: bolder; }
        .category-card-header-right .ant-radio-inner {
          border-color: #a4a4a4;
          background-color: transparent;
          background: white;
          width: 20px;
          height: 20px; }
    .category-card-desc {
      font-size: 14px;
      padding: 0 5px;
      margin-top: 10px; }
      @media screen and (max-width: 1090px) {
        .category-card-desc {
          padding-top: 10px; } }
    .category-card.selected {
      transform: scale(1.01);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
      z-index: 1; }
    .category-card:hover {
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); }
  .category-note {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 1.33px;
    color: #9d9e9d;
    margin-top: 10px; }
    .category-note span {
      color: #fb6d3a;
      cursor: pointer; }
  .category-footer {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: center; }

.complaints .complaints-menu {
  position: absolute;
  overflow-y: auto;
  border: solid 1px #d9d9d9;
  border-radius: 12px 0 0 12px;
  height: calc(100vh - 64px - 44px - 74px);
  background-color: #ffffff; }
  @media screen and (max-width: 768px) {
    .complaints .complaints-menu {
      position: relative;
      height: 100vh;
      border-radius: 12px; } }
  .complaints .complaints-menu .ant-menu-item-group-title {
    font-family: Usual;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #9d9e9d; }
  .complaints .complaints-menu .ant-menu-title-content {
    display: block;
    width: 100%; }
  .complaints .complaints-menu .ant-menu-item {
    margin-left: 8px;
    margin-right: 8px;
    padding: 10px;
    border-radius: 12px;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.7); }
  .complaints .complaints-menu .ant-menu-item.ant-menu-item-selected {
    color: #fb6d3a;
    background-color: rgba(251, 109, 58, 0.1); }

.complaints .complaint_tag {
  font-size: 10px;
  text-align: center;
  color: #fb6d3f;
  border: 1px solid #fb6d3f;
  padding: 2px 6px;
  border-radius: 6px;
  background: #fff0eb;
  width: 74px; }

.complaints .respondent_tag {
  font-size: 10px;
  text-align: center;
  color: #da001f;
  border: 1px solid #da001f;
  padding: 2px 6px;
  border-radius: 6px;
  background: #fbe0e4;
  width: 74px; }

.complaints .witnesses_tag {
  font-size: 10px;
  text-align: center;
  color: #503e9d;
  border: 1px solid #503e9d;
  padding: 2px 6px;
  border-radius: 6px;
  background: #f6f4ff;
  width: 74px; }

.shared-meta {
  width: 100%;
  align-items: center;
  padding: 3px 0; }
  @media (max-width: 576px) {
    .shared-meta {
      width: 100%; } }
  .shared-meta .ant-card-meta-avatar {
    padding-right: 8px; }
  .shared-meta .ant-card-meta-detail > div:not(:last-child) {
    margin-bottom: 2px; }
  .shared-meta .ant-card-meta-title {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: 2px;
    text-wrap: wrap; }
  .shared-meta .ant-card-meta-description {
    font-family: Usual;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #9d9e9d; }

.shared-meta-tag {
  display: flex;
  align-items: center;
  padding: 3px 7px;
  background: #edebf5;
  border-radius: 4px;
  font-size: 10px;
  color: #5644a0;
  text-transform: capitalize; }

.assignee-dropdown {
  font-family: Usual;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #9d9e9d; }
  .assignee-dropdown span[role='img'] {
    width: 20px;
    height: 20px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fb6d3a; }
  .assignee-dropdown-menu {
    border-radius: 12px;
    box-shadow: 0 10px 22px 0 rgba(167, 167, 167, 0.3);
    background-color: #ffffff; }
    .assignee-dropdown-menu .ant-dropdown-menu-item-group {
      padding: 4px 5px 5px; }
      .assignee-dropdown-menu .ant-dropdown-menu-item-group-title {
        font-family: Usual;
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: normal;
        color: #503e9d;
        padding-bottom: 5px; }
    .assignee-dropdown-menu-item {
      display: flex;
      align-items: center;
      font-family: Usual;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      color: #535353;
      padding-left: 0px;
      padding-right: 0px; }
      .assignee-dropdown-menu-item .ant-avatar.ant-avatar-icon > .anticon {
        margin: 0px;
        font-size: 16px; }

.task-card-actions-assignee-popover .ant-popover-inner {
  border-radius: 12px;
  background-color: #ffffff; }
  .task-card-actions-assignee-popover .ant-popover-inner-content {
    padding: 10px; }
    .task-card-actions-assignee-popover .ant-popover-inner-content .task-card-actions-assignee-wrapper {
      display: flex;
      align-items: center; }
      .task-card-actions-assignee-popover .ant-popover-inner-content .task-card-actions-assignee-wrapper span[role='title'] {
        font-family: Usual;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #535353;
        display: inline-block;
        padding-left: 4px; }

.task-card-actions-acknowledgement-popover .ant-popover-inner {
  border-radius: 12px;
  background-color: #ffffff;
  border: solid 1px #ffdada; }
  .task-card-actions-acknowledgement-popover .ant-popover-inner-content {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #ff4444; }

.ic-complaints > .page-title {
  margin-bottom: 10px; }

@media (max-width: 768px) {
  .ic-complaints-hide {
    display: none; } }

.ic-complaints-status {
  display: flex;
  align-items: center;
  cursor: pointer; }
  .ic-complaints-status-icon {
    margin-left: 5px;
    width: 24px;
    min-width: 24px;
    height: 24px;
    font-size: 12px;
    border-radius: 8px;
    background-color: #fff1ec;
    border-color: #fff1ec;
    color: #fb6d3a; }
    .ic-complaints-status-icon:hover, .ic-complaints-status-icon:active, .ic-complaints-status-icon:focus {
      background-color: #fff1ec;
      border-color: #fff1ec; }
    .ic-complaints-status-icon > * {
      font-size: 12px; }
  .ic-complaints-status-menu {
    width: 190px;
    border-radius: 12px;
    box-shadow: 0 10px 22px 0 rgba(167, 167, 167, 0.3);
    background-color: #ffffff; }
    .ic-complaints-status-menu-item {
      padding: 5px 20px 5px 16px;
      display: flex;
      align-items: center; }
    .ic-complaints-status-menu-btn {
      padding: 0;
      display: flex;
      align-items: center;
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.67;
      letter-spacing: normal;
      color: rgba(0, 0, 0, 0.7); }
      .ic-complaints-status-menu-btn:hover, .ic-complaints-status-menu-btn:focus, .ic-complaints-status-menu-btn:active {
        color: rgba(0, 0, 0, 0.7); }
  .ic-complaints-status-text {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.8); }
  .ic-complaints-status-filed {
    padding-right: 5px; }
    .ic-complaints-status-filed > span::before {
      content: '\A';
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #be1688;
      margin-right: 5px; }
  .ic-complaints-status-quorum {
    padding-right: 5px; }
    .ic-complaints-status-quorum > span::before {
      content: '\A';
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #ffb800;
      margin-right: 5px; }
  .ic-complaints-status-progress {
    padding-right: 5px; }
    .ic-complaints-status-progress > span::before {
      content: '\A';
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #fb6d3a;
      margin-right: 5px; }
  .ic-complaints-status-enquiry {
    padding-right: 5px; }
    .ic-complaints-status-enquiry > span::before {
      content: '\A';
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #503e9d;
      margin-right: 5px; }
  .ic-complaints-status-closed {
    padding-right: 5px; }
    .ic-complaints-status-closed > span::before {
      content: '\A';
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #16be82;
      margin-right: 5px; }

.ic-complaints .shared-tabs .ant-tabs-nav .ant-tabs-extra-content .ic-complaints-pagination {
  margin-left: 16px; }
  .ic-complaints .shared-tabs .ant-tabs-nav .ant-tabs-extra-content .ic-complaints-pagination > .ant-pagination-total-text {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #9d9e9d; }
  .ic-complaints .shared-tabs .ant-tabs-nav .ant-tabs-extra-content .ic-complaints-pagination .ant-pagination-item {
    display: none; }
  .ic-complaints .shared-tabs .ant-tabs-nav .ant-tabs-extra-content .ic-complaints-pagination .ant-pagination-prev .ant-pagination-item-link,
  .ic-complaints .shared-tabs .ant-tabs-nav .ant-tabs-extra-content .ic-complaints-pagination .ant-pagination-next .ant-pagination-item-link {
    border-radius: 12px;
    background-color: #f8f8f7; }
    .ic-complaints .shared-tabs .ant-tabs-nav .ant-tabs-extra-content .ic-complaints-pagination .ant-pagination-prev .ant-pagination-item-link span[role='img'] > svg,
    .ic-complaints .shared-tabs .ant-tabs-nav .ant-tabs-extra-content .ic-complaints-pagination .ant-pagination-next .ant-pagination-item-link span[role='img'] > svg {
      width: 16px;
      height: 16px;
      opacity: 0.7;
      font-family: anticon;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      text-align: center; }

.ic-complaints-details .ic-complaints-details-user-card {
  border-radius: 8px;
  border: solid 1px #d9d9d9;
  background-color: #ffffff;
  margin-bottom: 12px; }
  .ic-complaints-details .ic-complaints-details-user-card .ant-card-body {
    padding: 10px; }
  .ic-complaints-details .ic-complaints-details-user-card-title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 6px;
    flex-wrap: wrap; }
    .ic-complaints-details .ic-complaints-details-user-card-title-meta {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .ic-complaints-details .ic-complaints-details-user-card-title-meta .ant-card-meta-avatar {
        padding-right: 8px; }
      .ic-complaints-details .ic-complaints-details-user-card-title-meta .ant-card-meta-title {
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #000000; }
    .ic-complaints-details .ic-complaints-details-user-card-title-tag {
      border-radius: 4px;
      background-color: #f8f8f7;
      border-color: #f8f8f7;
      opacity: 0.8;
      mix-blend-mode: multiply;
      font-family: Usual;
      font-size: 10px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      color: #4c484d;
      margin: 0px;
      margin-top: 5px; }
  .ic-complaints-details .ic-complaints-details-user-card-location, .ic-complaints-details .ic-complaints-details-user-card-company {
    padding: 4px 0;
    opacity: 0.8;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000000; }
    .ic-complaints-details .ic-complaints-details-user-card-location span[role='img'], .ic-complaints-details .ic-complaints-details-user-card-company span[role='img'] {
      width: 20px;
      height: 20px;
      font-family: anticon;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #fb6d3a;
      padding-right: 8px; }

.ic-complaints-details .ic-complaints-details-quorum {
  padding-top: 15px; }
  .ic-complaints-details .ic-complaints-details-quorum-title {
    font-family: Usual;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000;
    padding-bottom: 10px; }
  .ic-complaints-details .ic-complaints-details-quorum-list {
    border-radius: 8px;
    border: solid 1px #d9d9d9;
    background-color: #ffffff; }
    .ic-complaints-details .ic-complaints-details-quorum-list .ant-list-item-meta {
      align-items: center; }
      .ic-complaints-details .ic-complaints-details-quorum-list .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-title {
        font-family: Usual;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #000000;
        margin-bottom: 2px; }
      .ic-complaints-details .ic-complaints-details-quorum-list .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description {
        font-family: Usual;
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.45;
        letter-spacing: normal;
        color: #9d9e9d; }
  .ic-complaints-details .ic-complaints-details-quorum .ant-list-bordered.ant-list-lg .ant-list-item {
    padding: 10px 14px; }
  @media screen and (max-width: 576px) {
    .ic-complaints-details .ic-complaints-details-quorum .ant-list-item {
      flex-wrap: nowrap; } }

.ic-complaints-details .tasks-list-header-title {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #535353; }

.ic-complaints-details .tasks-list-wrapper {
  padding-top: 20px; }
  @media screen and (max-width: 767px) {
    .ic-complaints-details .tasks-list-wrapper {
      padding-top: 10px; } }
  .ic-complaints-details .tasks-list-wrapper .task {
    display: flex; }
    .ic-complaints-details .tasks-list-wrapper .task-arrow {
      display: flex;
      align-items: center;
      justify-content: center;
      top: 20px;
      width: 32px;
      height: 32px;
      border-radius: 12px;
      background: rgba(80, 62, 157, 0.1);
      border-color: rgba(80, 62, 157, 0.1); }
      .ic-complaints-details .tasks-list-wrapper .task-arrow span[role='img'] {
        width: 16px;
        height: 16px;
        font-family: Usual;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        text-align: center;
        color: #503e9d; }
    .ic-complaints-details .tasks-list-wrapper .task-collapse {
      margin-left: 10px;
      width: 100%;
      border-radius: 12px;
      border: solid 1px #e2e2e2;
      background-color: #fafafb;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; }
      .ic-complaints-details .tasks-list-wrapper .task-collapse .ant-collapse-item:last-child > .ant-collapse-content {
        border-radius: 0 0 12px 12px;
        border-top: 0; }
      .ic-complaints-details .tasks-list-wrapper .task-collapse.ant-collapse > .ant-collapse-item:last-child,
      .ic-complaints-details .tasks-list-wrapper .task-collapse.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
        border-bottom-width: 0; }
      .ic-complaints-details .tasks-list-wrapper .task-collapse .ant-collapse-header {
        padding: 16px 20px 20px; }
      .ic-complaints-details .tasks-list-wrapper .task-collapse .ant-collapse-content {
        background-color: #fafafb; }
      @media screen and (max-width: 767px) {
        .ic-complaints-details .tasks-list-wrapper .task-collapse .ant-collapse-content > .ant-collapse-content-box {
          padding: 6px; } }
      .ic-complaints-details .tasks-list-wrapper .task-collapse .task-header {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%; }
        .ic-complaints-details .tasks-list-wrapper .task-collapse .task-header-meta .ant-card-meta-detail > div:not(:last-child) {
          margin-bottom: 4px; }
        .ic-complaints-details .tasks-list-wrapper .task-collapse .task-header-meta .ant-card-meta-title {
          font-family: Usual;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          color: #3a4b67; }
        .ic-complaints-details .tasks-list-wrapper .task-collapse .task-header-meta .ant-card-meta-description {
          font-family: Usual;
          font-size: 12px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.33;
          letter-spacing: normal;
          color: #9d9e9d; }
        .ic-complaints-details .tasks-list-wrapper .task-collapse .task-header-progress {
          margin-left: auto;
          width: 111px; }
          .ic-complaints-details .tasks-list-wrapper .task-collapse .task-header-progress .ant-progress-inner {
            border: 1px solid #e4e4e4;
            background-color: #fff; }
          @media screen and (max-width: 767px) {
            .ic-complaints-details .tasks-list-wrapper .task-collapse .task-header-progress {
              margin-top: 10px;
              margin-left: 0px;
              width: 100%; } }
    .ic-complaints-details .tasks-list-wrapper .task-wrapper {
      padding-top: 10px; }
      .ic-complaints-details .tasks-list-wrapper .task-wrapper:first-of-type {
        margin-top: -24px; }
      .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card {
        border-radius: 6px;
        border: solid 1px #d9d9d9;
        background-color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; }
        .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card .ant-card-body {
          padding: 16px; }
        .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-wrapper {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          justify-content: space-between; }
          @media screen and (max-width: 568px) {
            .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-wrapper {
              flex-direction: column;
              align-items: stretch;
              row-gap: 14px; } }
        .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-meta .ant-card-meta-detail > div:not(:last-child) {
          margin-bottom: 2px; }
        .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-meta .ant-card-meta-title {
          font-family: Usual;
          font-size: 12px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.67;
          letter-spacing: normal;
          color: #464f5d; }
        .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-meta .ant-card-meta-description {
          font-family: Usual;
          font-size: 11px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.45;
          letter-spacing: normal;
          color: #9d9e9d; }
          .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-meta .ant-card-meta-description .completion-text {
            color: #16be82; }
        .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-meta .ant-card-meta-avatar {
          padding-right: 8px; }
        .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-meta-success-avatar {
          width: 32px;
          height: 32px;
          transform: rotate(-360deg);
          border-radius: 16px;
          background-color: #16be82; }
          .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-meta-success-avatar span[role='img'] {
            width: 20px;
            height: 16px;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 0.8;
            letter-spacing: normal;
            color: #ffffff; }
        .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-meta-avatar {
          width: 32px;
          height: 32px;
          border-radius: 20px;
          background-color: #f8f8f7; }
          .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-meta-avatar span[role='img'] {
            width: 24px;
            height: 24px;
            opacity: 0.7;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 2;
            letter-spacing: normal;
            text-align: center;
            color: #000000; }
        .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-button {
          border-radius: 8px;
          background: rgba(80, 62, 157, 0.1);
          border-color: rgba(80, 62, 157, 0.1);
          font-family: Usual;
          font-size: 12px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.33;
          letter-spacing: normal;
          color: #503e9d; }
          @media screen and (max-width: 576px) {
            .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-button {
              height: 36px; } }
          .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-button:hover, .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-button:active, .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-button:focus {
            box-shadow: 0 7px 34px 0 rgba(67, 47, 153, 0.14); }
          .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-button-tooltip {
            cursor: pointer; }
            .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-button-tooltip > button[disabled] {
              border-radius: 8px;
              background-color: #f8f8f7;
              font-family: Usual;
              font-size: 12px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.33;
              letter-spacing: normal;
              color: #9d9e9d; }
              @media screen and (max-width: 576px) {
                .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-button-tooltip > button[disabled] {
                  height: 36px;
                  width: 100%; } }
              .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-button-tooltip > button[disabled]:hover, .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-button-tooltip > button[disabled]:active, .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-button-tooltip > button[disabled]:focus {
                box-shadow: 0 7px 34px 0 #f8f8f7; }
        .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-details-button[disabled] {
          color: rgba(0, 0, 0, 0.25);
          background: #f5f5f5;
          border-color: #d9d9d9; }
        .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-actions {
          padding-top: 18px;
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          @media screen and (max-width: 576px) {
            .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-actions {
              justify-content: space-between; } }
          .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-actions-calendar {
            font-family: Usual;
            font-size: 12px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.33;
            letter-spacing: normal;
            color: #9d9e9d; }
            .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-actions-calendar span[role='img'] {
              width: 20px;
              height: 20px;
              font-size: 16px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              text-align: center;
              color: #fb6d3a; }
          .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-actions-assignee-wrapper {
            display: flex;
            align-items: center; }
            @media screen and (max-width: 576px) {
              .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-actions-assignee-wrapper {
                margin-left: 10px; } }
            .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-actions-assignee-wrapper span[role='title'] {
              font-family: Usual;
              font-size: 12px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.33;
              letter-spacing: normal;
              color: #535353;
              display: inline-block;
              padding-left: 4px; }
          .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-actions-datepicker {
            padding: 0; }
            .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-actions-datepicker .ant-picker-input > input {
              font-family: Usual;
              font-size: 12px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal; }
          .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-actions-schedule-btn {
            font-family: Usual;
            font-size: 12px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #9d9e9d;
            border: 0;
            padding: 0; }
            @media (max-width: 786px) {
              .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-actions-schedule-btn {
                margin-right: 10px; } }
            .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-actions-schedule-btn-disabled {
              color: rgba(0, 0, 0, 0.25); }
          .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-actions-acknowledgement {
            padding: 4px 8px;
            border-radius: 8px;
            background-color: rgba(251, 109, 58, 0.1);
            border-color: rgba(251, 109, 58, 0.1);
            font-family: Usual;
            font-size: 11px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.45;
            letter-spacing: normal;
            text-align: right;
            color: #fb6d3a; }
            .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-actions-acknowledgement-true {
              background-color: rgba(22, 190, 130, 0.1);
              border-color: rgba(22, 190, 130, 0.1);
              color: #16be82;
              border-radius: 8px;
              font-family: Usual; }
        .ic-complaints-details .tasks-list-wrapper .task-wrapper .task-card-view-mom {
          font-family: Usual;
          font-size: 12px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.33;
          letter-spacing: normal;
          color: #503e9d; }

.ic-complaints-details-case {
  text-align: center; }
  .ic-complaints-details-case-title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .ic-complaints-details-case-title > span[role='title'] {
      font-family: Usual;
      font-size: 20px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.6;
      letter-spacing: normal;
      color: #3a4b67;
      padding-right: 8px; }
  .ic-complaints-details-case-due-date {
    border-radius: 12px;
    background-color: #fff1e0;
    border-color: #fff1e0;
    font-family: Usual;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #fb6d3a; }
  .ic-complaints-details-case-sub-title {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #9d9e9d; }

.ic-complaints-details-status-case-files {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap; }

.ic-complaints-details-tabs.shared-tabs .ant-tabs-nav .ant-tabs-tab {
  font-size: 16px; }

.ic-complaints-details-tabs .coming-soon-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #e6e6e6; }

.ic-complaints-details-tabs .coming-soon-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(8px); }

.ic-complaints-details-tabs .coming-soon-overlay {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-weight: 600; }
  .ic-complaints-details-tabs .coming-soon-overlay h2 {
    color: #3a4b67;
    font-size: 20px;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
    background-color: #fff2006a;
    padding: 8px 20px;
    border-radius: 8px; }
    @media screen and (max-width: 540px) {
      .ic-complaints-details-tabs .coming-soon-overlay h2 {
        font-size: 16px;
        padding: 6px 10px; } }

.quill-editor .ql-editor {
  min-height: 40vh;
  height: 40vh;
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000; }

.quill-editor .ql-toolbar {
  border-radius: 12px 12px 0 0; }

.quill-editor .ql-container {
  border-radius: 0 0 12px 12px; }

.quill-editor .ql-editor.ql-blank::before {
  color: #d9d9d9 !important;
  font-style: normal;
  font-size: 14px; }

@media (max-width: 996px) {
  .ic-complaints-status-text {
    font-size: 13px; }
  .ic-complaints .ant-tabs > .ant-tabs-nav,
  .ic-complaints .ant-tabs > div > .ant-tabs-nav {
    display: flex;
    flex-direction: column;
    align-items: start; }
  .ic-complaints .ant-space-align-center {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap; }
  .ic-complaints .ant-tabs-nav-wrap {
    order: 2; }
  .ic-complaints .page-table-quorum, .ic-complaints .page-table-bu {
    display: flex;
    align-items: center; }
  .ic-complaints .page-table-quorum-text, .ic-complaints .page-table-bu-text {
    padding-right: 10px; }
  .ic-complaints .page-table-list {
    margin-bottom: 10px;
    font-weight: bold;
    color: #3f3e3e; }
  .ic-complaints .page-table-list-data {
    font-weight: normal;
    display: block; } }

@media (max-width: 768px) {
  .ic-complaints .pagination-options .ant-pagination {
    display: flex;
    justify-content: end;
    margin-top: 10px; }
  .ic-complaints .pagination-options .ant-pagination-item {
    display: none; }
  .ic-complaints-details .ant-col-14 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%; }
  .page-table-blank-col .ant-table-container table > thead > tr:first-child th:first-child::after {
    background: #f8f8f7;
    border-radius: 12px 0px 0px 12px;
    padding: 8px;
    content: 'Row';
    color: #f8f8f7; }
  .page-table-blank-col-admin .ant-table-container table > thead > tr:first-child th:first-child::after {
    background: #f8f8f7;
    border-radius: 12px 0px 0px 12px;
    padding: 11px;
    content: 'Rows';
    color: #f8f8f7; } }

@media (max-width: 576px) {
  .ic-complaints .page-title-right-side button {
    margin-left: 0px;
    padding: 10px 15px;
    font-size: 12px; }
  .ic-complaints .page-title-right-side {
    column-gap: 10px;
    flex-direction: row; }
  .ic-complaints .ant-table-cell {
    font-size: 12px; }
  .ic-complaints button.ant-btn.ant-btn-default.shared-button-ghost.shared-button-large {
    font-size: 12px; }
  .ic-complaints .ant-tabs-tab-btn {
    font-size: 18px; }
  .ic-complaints-details .ant-row:first-child {
    margin-bottom: 15px; }
  .ic-complaints-details-case-title {
    flex-wrap: wrap; }
    .ic-complaints-details-case-title > span[role='title'] {
      font-size: 16px; }
  .ic-complaints-details .shared-btn-back::after {
    content: ''; }
  .ic-complaints-details-status-case-files {
    display: flex;
    justify-content: center; } }

@media (max-width: 395px) {
  .ic-complaints-status-text {
    font-size: 10px; } }

.concillation-meeting-details {
  min-height: calc(100vh - 350px); }

.concillation-signatures-group {
  padding-top: 10px; }
  .concillation-signatures-group-title {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #535353; }
  .concillation-signatures-group-name {
    font-family: Usual;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #000000; }

.response-form-label {
  font-family: Usual;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #342a5c; }

.response-form-info {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #535353; }

.response-form-date-wrapper {
  display: flex;
  align-items: center;
  padding-bottom: 12px; }

.response-form-date-label {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #535353;
  width: 278px; }

.response-form-date-text {
  font-family: Usual;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
  flex-basis: auto; }
  .response-form-date-text span[role='img'] {
    width: 16px;
    height: 16px;
    font-family: anticon;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fb6d3a; }

.quorum-appointment-label {
  font-family: Usual;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #342a5c; }

.quorum-appointment-text {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #535353; }

.quorum-appointment-error {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #ff4d4f; }

.quorum-appointment-add-more-btn {
  background-color: #ffffff;
  font-family: Usual;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #503e9d;
  border: 0; }
  .quorum-appointment-add-more-btn:hover, .quorum-appointment-add-more-btn:active, .quorum-appointment-add-more-btn:focus {
    background-color: #ffffff; }

.quorum-appointment-ack-tag {
  z-index: 2;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-20%, -50%);
  border-radius: 4px; }

.profile {
  width: 600px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 768px) {
    .profile {
      width: 100%; } }
  .profile__header {
    text-align: center;
    margin-bottom: 40px; }
    .profile__header-title {
      font-family: Usual;
      font-size: 20px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.6;
      letter-spacing: normal;
      color: #000000; }
  .profile__title {
    display: flex;
    padding: 0px 8px; }
    .profile__title-avatar {
      border-radius: 12px; }
    .profile__title-container {
      display: flex;
      flex-direction: column;
      margin-left: 16px; }
      .profile__title-container-name {
        font-family: Usual;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: rgba(0, 0, 0, 0.8); }
      .profile__title-container-pronoun {
        font-family: Usual;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #9d9e9d;
        margin-left: 5px; }
      .profile__title-container-tags {
        display: flex;
        margin-top: 8px; }
      .profile__title-container-tag {
        margin-right: 8px;
        padding: 8px 16px;
        height: 36px;
        border-radius: 12px;
        background-color: rgba(80, 62, 157, 0.1);
        border-color: rgba(80, 62, 157, 0.1);
        display: flex;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #503e9d;
        align-items: center;
        justify-content: center; }
  .profile__body {
    display: grid;
    grid-template-columns: 1.4fr 1fr; }
    @media screen and (max-width: 768px) {
      .profile__body {
        grid-template-columns: auto; } }
    .profile__body > div {
      margin-top: 20px;
      padding-right: 0px; }
  .profile__actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .profile__modal-header {
    display: flex;
    flex-direction: row;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .profile__modal-header {
        flex-direction: column;
        row-gap: 20px; } }
  .profile__dots .slick-active button {
    height: 7px !important;
    border-radius: 7px !important;
    background-color: #fb6d3a !important; }
  .profile__dots button {
    height: 7px !important;
    border-radius: 7px !important;
    background-color: #4a4a4a !important;
    pointer-events: none !important; }
  .profile .ant-collapse {
    border: none;
    background-color: white; }
    .profile .ant-collapse .ant-collapse-icon-position-left {
      background: white;
      border: none; }
    .profile .ant-collapse > .ant-collapse-item {
      border: 1px solid #e2e2e2;
      border-radius: 6px;
      margin-bottom: 20px;
      background-color: #fdfdfd;
      box-shadow: 0px 1px 3px 0px #0000001a; }
      .profile .ant-collapse > .ant-collapse-item .ant-collapse-header {
        background: #f3f3f373; }
  .profile .ant-collapse-content .ant-collapse-content-active,
  .profile .ant-collapse-content {
    background: none; }
  .profile .ant-tag {
    border-radius: 5px; }

.data-request-modal {
  margin-top: 20px; }

.faq-category {
  margin-top: 32px; }
  @media screen and (max-width: 768px) {
    .faq-category {
      margin-top: 10px; } }
  .faq-category-collapse {
    background-color: #f8f8f7;
    border-radius: 4px;
    padding: 20px;
    font-family: Usual;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; }
    .faq-category-collapse .ant-collapse-item-active .ant-collapse-header {
      color: #fb6d3a;
      font-weight: bold; }
    @media screen and (max-width: 768px) {
      .faq-category-collapse {
        padding: 0px; } }
  .faq-category-title {
    font-family: Usual;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #535353; }
  .faq-category-faqs {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; }
    .faq-category-faqs-question {
      display: inline-block;
      width: calc(100% - 30px); }
      .faq-category-faqs-question-ques {
        display: inline-block;
        background-color: #fff6e0;
        line-height: 24px;
        text-align: center;
        color: #303030;
        font-size: 14px;
        border-radius: 4px;
        background-clip: padding-box;
        margin-right: 10px;
        padding: 2px 8px; }
    .faq-category-faqs-answer {
      background-color: #e8f7e7;
      display: inline-block;
      line-height: 24px;
      text-align: center;
      color: #303030;
      font-size: 14px;
      border-radius: 4px;
      background-clip: padding-box;
      margin-right: 10px;
      padding: 0px 12px;
      margin-top: 3px; }
    .faq-category-faqs-ellipsis {
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      text-align: right;
      color: #000000; }
    .faq-category-faqs-collapse {
      padding: 10px 13px; }
      @media screen and (max-width: 768px) {
        .faq-category-faqs-collapse {
          padding: 0px 10px; } }
      .faq-category-faqs-collapse:last-of-type > .ant-collapse-item {
        border-bottom: none !important; }
      .faq-category-faqs-collapse:first-of-type > .ant-collapse-item {
        padding-top: 8px; }
      .faq-category-faqs-collapse > .ant-collapse-item > .ant-collapse-header {
        padding: 12px 0px 20px;
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #535353; }
        .faq-category-faqs-collapse > .ant-collapse-item > .ant-collapse-header:hover, .faq-category-faqs-collapse > .ant-collapse-item > .ant-collapse-header:focus {
          color: #fb6d3a; }
        .faq-category-faqs-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
          right: 63px;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          text-align: right;
          color: #fb6d3a; }
      .faq-category-faqs-collapse > .ant-collapse-item.ant-collapse-item-active > .ant-collapse-header {
        padding: 12px 0px; }
      .faq-category-faqs-collapse > .ant-collapse-item {
        border-bottom: 1px solid #d8d8d8; }
        .faq-category-faqs-collapse > .ant-collapse-item .ant-collapse-header::before {
          background-color: #fff6e0;
          display: block;
          width: 52px;
          height: 24px;
          line-height: 24px;
          text-align: center;
          color: #303030;
          font-size: 14px;
          border-radius: 4px;
          background-clip: padding-box;
          margin-right: 10px; }
        .faq-category-faqs-collapse > .ant-collapse-item .ant-collapse-content > .ant-collapse-content-box {
          padding: 0px 4px 13px 0px;
          display: flex;
          font-family: Usual;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.67;
          letter-spacing: normal;
          color: #716e6e; }
          .faq-category-faqs-collapse > .ant-collapse-item .ant-collapse-content > .ant-collapse-content-box::before {
            background-color: #e8f7e7;
            display: inline-block;
            width: 52px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            color: #303030;
            font-size: 14px;
            border-radius: 4px;
            background-clip: padding-box;
            margin-right: 10px;
            padding: 0px 12px; }
      .faq-category-faqs-collapse-ic > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
        right: 16px; }

.faq-dropdown-trigger-btn {
  float: right;
  border: 0;
  border-radius: 12px;
  background-color: #f8f8f7; }
  .faq-dropdown-trigger-btn span[role='img'] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    color: rgba(0, 0, 0, 0.7); }
  .faq-dropdown-trigger-btn::after {
    animation: unset; }
  .faq-dropdown-trigger-btn:hover, .faq-dropdown-trigger-btn:active, .faq-dropdown-trigger-btn:focus {
    background-color: #f8f8f7; }

.cubicle-chat-query {
  display: flex;
  flex-direction: column;
  padding: 16px; }
  .cubicle-chat-query-title {
    font-family: Usual;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000;
    padding-top: 20px;
    padding-bottom: 12px;
    text-align: center; }
  .cubicle-chat-query-banner {
    border-radius: 12px;
    background-color: rgba(255, 232, 204, 0.6);
    padding: 10px 12px;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #fb6d3a;
    text-align: start;
    margin-bottom: 9px; }
  .cubicle-chat-query-footer {
    text-align: center;
    padding-top: 30px; }

.cubicle-chat-welcome {
  padding-left: 20%;
  padding-right: 20%; }
  .cubicle-chat-welcome-title {
    font-family: Usual;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000;
    padding-bottom: 4px;
    text-align: center; }
  .cubicle-chat-welcome-subtitle {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #9d9e9d;
    text-align: center;
    padding-bottom: 32px; }
  .cubicle-chat-welcome-img-wrapper {
    text-align: center;
    padding-bottom: 15px; }
  .cubicle-chat-welcome-img-title {
    font-family: Usual;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    text-align: center;
    padding-bottom: 4px; }
  .cubicle-chat-welcome-img-subtitle {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #9d9e9d;
    text-align: center;
    padding-bottom: 24px; }
  .cubicle-chat-welcome-carousal {
    display: flex;
    justify-content: center; }
    .cubicle-chat-welcome-carousal > * {
      margin-right: 12px; }
    .cubicle-chat-welcome-carousal:last-child {
      margin-right: 0px; }
    .cubicle-chat-welcome-carousal-icon {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #d9d9d9;
      cursor: pointer; }
      .cubicle-chat-welcome-carousal-icon-highlight {
        background-color: #fb6d3a; }
  .cubicle-chat-welcome-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 24px;
    text-align: center; }
    .cubicle-chat-welcome-footer-skip-btn {
      font-family: Usual;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      color: #9d9e9d;
      margin-top: 24px; }

.cubicle-chat {
  height: calc(100vh - 64px - 200px);
  width: 100%;
  justify-content: center;
  align-items: end;
  align-self: self-end; }
  @media screen and (max-width: 768px) {
    .cubicle-chat {
      height: 100vh; } }
  .cubicle-chat > .page-container-spinner-wrapper {
    height: 100%; }

.cubicle {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 32px;
  height: calc(100vh - 64px - 44px);
  background-color: #f9f9f8;
  border: 1px solid #ebebeb; }
  .cubicle-page {
    margin: 0 auto;
    width: 60%;
    justify-items: center;
    align-items: center; }
    .cubicle-page .chat-container {
      height: calc(100vh - 120px) !important; }
    .cubicle-page .cubicle-chat {
      height: 100vh !important; }
  @media screen and (max-width: 768px) {
    .cubicle {
      grid-template-columns: auto;
      height: 100vh; }
      .cubicle-page {
        width: 100%; } }
  .cubicle-faq {
    border: solid 1px #d9d9d9;
    border-radius: 12px;
    padding: 20px 20px 0;
    height: calc(100vh - 64px - 44px);
    overflow-y: auto; }
    .cubicle-faq-title {
      font-family: Usual;
      font-size: 20px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.6;
      letter-spacing: normal;
      color: #000000;
      padding-bottom: 12px; }
    .cubicle-faq span.ant-input-affix-wrapper-lg {
      border-radius: 12px;
      background-color: #f8f8f7;
      font-size: 16px;
      border: 0; }
    .cubicle-faq input {
      background-color: #f8f8f7;
      padding-left: 4px !important;
      font-size: 12px;
      line-height: 1.33;
      color: #a7a7a7;
      width: 250px; }
    .cubicle-faq-category {
      padding-top: 24px; }
      .cubicle-faq-category-title {
        font-family: Usual;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #353535; }

.chat {
  display: grid;
  grid-template-columns: 1fr 2fr;
  height: calc(100vh - 64px - 44px);
  border-radius: 12px;
  border: solid 1px #d9d9d9; }
  @media screen and (max-width: 768px) {
    .chat {
      grid-template-columns: 1fr; } }

.chat-list {
  padding: 24px 24px 0;
  border-right: solid 1px #d9d9d9;
  height: calc(100vh - 64px - 44px);
  overflow-y: auto; }
  .chat-list-title {
    font-family: Usual;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000;
    padding-bottom: 16px; }
  .ant-list-lg .chat-list-list-item {
    padding: 12px; }
  .chat-list-list-item {
    transform: translateZ(0);
    cursor: pointer; }
    .chat-list-list-item-selected {
      border-radius: 8px;
      background-color: rgba(251, 109, 58, 0.1);
      transform: background-color 200ms; }
    .chat-list-list-item-hasunread {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #fb6d3a; }
    .chat-list-list-item-meta {
      align-items: center; }
      .chat-list-list-item-meta .ant-list-item-meta-avatar {
        margin-right: 12px; }
      .chat-list-list-item-meta-avatar {
        width: 48px;
        height: 48px; }
      .chat-list-list-item-meta .ant-list-item-meta-title {
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #000000;
        margin-bottom: 6px; }
      .chat-list-list-item-meta .ant-list-item-meta-description {
        font-family: Usual;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #535353; }

.faq-category {
  margin-top: 32px; }
  .faq-category-title {
    font-family: Usual;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #535353; }
  .faq-category-faqs-question {
    display: inline-block;
    width: calc(100% - 30px); }
  .faq-category-faqs-ellipsis {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: right;
    color: #000000; }
  .faq-category-faqs-collapse {
    padding-left: 13px; }
    .faq-category-faqs-collapse:last-of-type > .ant-collapse-item {
      border-bottom: none !important; }
    .faq-category-faqs-collapse > .ant-collapse-item > .ant-collapse-header {
      padding: 12px 0px 20px;
      font-family: Usual;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      color: #535353; }
      .faq-category-faqs-collapse > .ant-collapse-item > .ant-collapse-header:hover, .faq-category-faqs-collapse > .ant-collapse-item > .ant-collapse-header:focus {
        color: #fb6d3a; }
      .faq-category-faqs-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
        right: 63px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        text-align: right;
        color: #fb6d3a; }
    .faq-category-faqs-collapse > .ant-collapse-item.ant-collapse-item-active > .ant-collapse-header {
      padding: 12px 0px; }
    .faq-category-faqs-collapse > .ant-collapse-item {
      padding-top: 8px;
      border-bottom: 1px solid #d8d8d8; }
      .faq-category-faqs-collapse > .ant-collapse-item .ant-collapse-content > .ant-collapse-content-box {
        padding: 0px 0px 20px;
        font-family: Usual;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: normal;
        color: #716e6e; }
    .faq-category-faqs-collapse-ic > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
      right: 16px; }

.faq-dropdown-trigger-btn {
  float: right;
  border: 0;
  border-radius: 12px;
  background-color: #f8f8f7; }
  .faq-dropdown-trigger-btn span[role='img'] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    color: rgba(0, 0, 0, 0.7); }
  .faq-dropdown-trigger-btn::after {
    animation: unset; }
  .faq-dropdown-trigger-btn:hover, .faq-dropdown-trigger-btn:active, .faq-dropdown-trigger-btn:focus {
    background-color: #f8f8f7; }

.PoshGpt {
  /* Track */
  /* Handle */
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: calc(100vh - 120px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #f9f9f8;
  border: 1px solid #ebebeb; }
  .PoshGpt ::-webkit-scrollbar {
    width: 8px; }
  .PoshGpt ::-webkit-scrollbar-track {
    border-radius: 8px;
    border: 1px solid #dcdcdc; }
  .PoshGpt ::-webkit-scrollbar-thumb {
    background: #b3b2b2;
    border-radius: 10px; }
  @media screen and (max-width: 576px) {
    .PoshGpt {
      height: 85vh;
      background-attachment: inherit;
      background-position: bottom;
      margin-top: 30px; } }
  .PoshGpt-header {
    height: 20vh;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column; }
    @media screen and (max-width: 575px) {
      .PoshGpt-header {
        justify-content: center; } }
    .PoshGpt-header-img {
      height: 30%;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: end;
      margin-bottom: 10px;
      overflow: hidden;
      border-radius: 100%; }
      @media screen and (max-width: 575px) {
        .PoshGpt-header-img {
          height: 30%;
          align-items: center; } }
      .PoshGpt-header-img img {
        height: 100%;
        border-radius: 10px; }
        @media screen and (max-width: 575px) {
          .PoshGpt-header-img img {
            height: 100%; } }
    .PoshGpt-header-textBox {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .PoshGpt-header-textBox h1 {
        color: #34304a;
        font-size: 22px;
        font-weight: 700;
        margin: 0;
        text-shadow: 5px 5px 10px rgba(13, 13, 13, 0.097); }
        @media screen and (max-width: 575px) {
          .PoshGpt-header-textBox h1 {
            font-size: 20px;
            text-align: center;
            padding: 0 15px; } }
      .PoshGpt-header-textBox p {
        margin: 0;
        padding: 0;
        font-weight: 500;
        color: #b4b4b4; }
  .PoshGpt-container {
    max-height: 100%;
    min-height: 15%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    transition: all 1s; }
    @media screen and (max-width: 768px) {
      .PoshGpt-container {
        width: 100%; } }
    .PoshGpt-container-input {
      width: 60%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px;
      border: 1px solid #ffdcc4;
      background: #fffdfb;
      border-radius: 8px;
      box-shadow: 5px 5px 25px #00000014;
      transition: all .2s; }
      @media screen and (max-width: 575px) {
        .PoshGpt-container-input {
          width: 100%;
          margin: 6px 0; } }
      .PoshGpt-container-input:hover {
        border: 1px solid #ffc096; }
      .PoshGpt-container-input input {
        border: none;
        background: #fffdfb;
        width: 100%;
        font-size: 16px; }
        .PoshGpt-container-input input:focus, .PoshGpt-container-input input:checked {
          outline: none;
          border: none;
          box-shadow: none; }
        .PoshGpt-container-input input::placeholder {
          color: #5b5b5b;
          font-weight: 500;
          font-size: 15px; }
      .PoshGpt-container-input .ant-input[disabled] {
        background-color: #fff;
        color: #bcb7b7; }
      .PoshGpt-container-input-send-icon {
        padding: 8px;
        border-radius: 8px;
        font-size: 18px;
        color: rgba(251, 109, 58, 0.5);
        background-color: #fff6f0;
        transition: all 0.3s;
        position: relative; }
        .PoshGpt-container-input-send-icon:hover {
          color: #fb6d3a; }
      .PoshGpt-container-input-BottomText {
        color: #5e656f;
        text-align: center;
        font-size: 10px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 5px; }
        .PoshGpt-container-input-BottomText p {
          margin: 0;
          padding: 0; }
      .PoshGpt-container-input-ErrorText {
        color: #f34d23;
        text-align: center;
        font-size: 10px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 5px; }
        .PoshGpt-container-input-ErrorText p {
          margin: 0;
          padding: 0; }
    .PoshGpt-container-chat {
      height: 100vh;
      width: 100%;
      overflow: hidden;
      overflow-y: auto;
      scroll-behavior: smooth;
      padding: 10px;
      display: flex;
      align-items: center;
      flex-direction: column;
      gap: 0px;
      margin-bottom: 14px; }
      @media screen and (max-width: 576px) {
        .PoshGpt-container-chat {
          height: 70vh; } }
      .PoshGpt-container-chat-question {
        padding: 18px;
        border-radius: 8px;
        color: #5c5555;
        width: 60%;
        display: flex;
        align-items: start;
        justify-content: flex-start;
        flex-direction: column;
        background-color: #ffffffb9;
        border: 1px solid #e1e1e0; }
        @media screen and (max-width: 576px) {
          .PoshGpt-container-chat-question {
            width: 100%; } }
        .PoshGpt-container-chat-question-user-info {
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          .PoshGpt-container-chat-question-user-info-pic {
            margin-right: 14px; }
          .PoshGpt-container-chat-question-user-info p {
            margin: 0px;
            font-weight: 400;
            font-size: 15px;
            color: #374151;
            line-height: 24px; }
        .PoshGpt-container-chat-question-text {
          margin: 0px;
          font-size: 14px;
          margin-left: 38px;
          margin-top: 4px;
          color: 374151;
          line-height: 24px; }
          @media screen and (max-width: 576px) {
            .PoshGpt-container-chat-question-text {
              margin-left: 0px; } }
      .PoshGpt-container-chat-answer {
        width: 60%;
        padding: 18px;
        border-radius: 8px;
        color: black;
        display: flex;
        justify-content: start;
        align-items: start;
        flex-direction: column;
        background-color: #fff;
        border: 1px solid #e1e1e0; }
        @media screen and (max-width: 576px) {
          .PoshGpt-container-chat-answer {
            width: 100%; } }
        .PoshGpt-container-chat-answer-gpt-info {
          display: flex;
          justify-content: flex-start;
          align-items: flex-start; }
          .PoshGpt-container-chat-answer-gpt-info-pic {
            padding: 12px;
            border-radius: 100%;
            margin-right: 10px;
            background-image: url("/static/img/favicon-32x32.png");
            background-size: cover;
            background-repeat: no-repeat;
            margin-right: 14px;
            margin-top: 6px; }
          .PoshGpt-container-chat-answer-gpt-info p {
            margin: 0px;
            font-weight: 400;
            font-size: 15px;
            color: #374151;
            line-height: 24px; }
        .PoshGpt-container-chat-answer-text {
          margin: 0px;
          font-size: 14px;
          color: #374151;
          line-height: 24px; }
        .PoshGpt-container-chat-answer-response {
          display: flex;
          justify-content: flex-start;
          align-items: start;
          flex-direction: column;
          margin-top: 0px;
          margin-left: 4px; }
          @media screen and (max-width: 576px) {
            .PoshGpt-container-chat-answer-response {
              margin-left: 0px; } }
        .PoshGpt-container-chat-answer-feedback {
          margin-top: 10px;
          padding-top: 6px;
          color: #8d939d;
          font-size: 12px; }
          @media screen and (max-width: 576px) {
            .PoshGpt-container-chat-answer-feedback {
              display: inherit; } }
          .PoshGpt-container-chat-answer-feedback-icon {
            margin: 1px 4px;
            font-size: 15px;
            transition: all 0.4s; }
            .PoshGpt-container-chat-answer-feedback-icon:hover {
              color: #fb6d3a;
              cursor: pointer; }
  .PoshGpt-faq-container {
    width: 75%; }
    @media screen and (max-width: 576px) {
      .PoshGpt-faq-container {
        margin-bottom: 18px;
        width: 100%;
        display: none; } }
    @media screen and (max-width: 768px) {
      .PoshGpt-faq-container {
        width: 100%; } }
    .PoshGpt-faq-container-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .PoshGpt-faq-container-icon-style {
        font-size: 18px;
        font-weight: bold;
        color: white;
        border-radius: 100%;
        padding: 12px; }
      .PoshGpt-faq-container-icon p {
        margin: 0;
        padding-top: 5px;
        font-weight: bold; }
    .PoshGpt-faq-container-row {
      display: flex;
      justify-content: center;
      text-align: center; }
      .PoshGpt-faq-container-row > * {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        padding: 6px 10px;
        margin: 8px;
        border-radius: 8px;
        color: #5e656f;
        background-color: #fff;
        border: 1px solid #eeeee9;
        font-size: 13px; }
  .PoshGpt-feedback-btn {
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 4px;
    background: rgba(80, 62, 157, 0.1);
    border-color: rgba(80, 62, 157, 0.1);
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #503e9d; }
  .PoshGpt-dot-elastic {
    position: relative;
    left: 14px;
    top: 14px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #705cc8;
    color: #503e9d;
    animation: dot-elastic 1s infinite linear; }
  .PoshGpt-dot-elastic::before, .PoshGpt-dot-elastic::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0; }
  .PoshGpt-dot-elastic::before {
    left: -15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #705cc8;
    color: #503e9d;
    animation: dot-elastic-before 1s infinite linear; }
  .PoshGpt-dot-elastic::after {
    left: 15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #705cc8;
    color: #503e9d;
    animation: dot-elastic-after 1s infinite linear; }

@keyframes dot-elastic-before {
  0% {
    transform: scale(1, 1); }
  25% {
    transform: scale(1, 1.5); }
  50% {
    transform: scale(1, 0.67); }
  75% {
    transform: scale(1, 1); }
  100% {
    transform: scale(1, 1); } }

@keyframes dot-elastic {
  0% {
    transform: scale(1, 1); }
  25% {
    transform: scale(1, 1); }
  50% {
    transform: scale(1, 1.5); }
  75% {
    transform: scale(1, 1); }
  100% {
    transform: scale(1, 1); } }

@keyframes dot-elastic-after {
  0% {
    transform: scale(1, 1); }
  25% {
    transform: scale(1, 1); }
  50% {
    transform: scale(1, 0.67); }
  75% {
    transform: scale(1, 1.5); }
  100% {
    transform: scale(1, 1); } }

.chapter-bot {
  width: inherit;
  flex: 1 0 calc(100% - 32px);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%; }
  .chapter-bot-root > .page-loader {
    width: 85%; }
  @media screen and (max-width: 768px) {
    .chapter-bot {
      margin-bottom: 15px; } }
  .chapter-bot-title {
    font-family: Usual;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    padding-bottom: 8px; }
  .chapter-bot-subtitle {
    font-family: Usual;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #4f4f4f;
    padding-bottom: 15px; }
  .chapter-bot-exit-btn::after {
    content: 'Exit' !important; }
  .chapter-bot iframe {
    width: 100%;
    height: 100%;
    border: 0; }

.chapter-finish-page {
  width: inherit;
  flex: 1 0 calc(100% - 32px);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .chapter-finish-page-back-btn::after {
    content: 'Exit' !important; }
  .chapter-finish-page-title {
    font-family: Usual;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000000;
    padding-bottom: 8px; }
  .chapter-finish-page-subtitle {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #969696; }
  .chapter-finish-page-desc {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #403b3b;
    padding: 48px 0; }
  .chapter-finish-page-footer {
    position: absolute;
    bottom: 70px; }

.chapter-introduction {
  width: inherit;
  flex: 1 0 calc(100% - 32px);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .chapter-introduction-title {
    font-family: Usual;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    padding-bottom: 8px; }
  .chapter-introduction-subtitle {
    font-family: Usual;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #4f4f4f;
    padding-bottom: 15px; }
  .chapter-introduction-module-desc {
    flex: 1;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #403b3b;
    padding: 20px; }
  .chapter-introduction-footer {
    text-align: center;
    position: absolute;
    bottom: 70px; }

.rate-page-error {
  padding: 14px;
  font-family: Usual;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #fb6d3a; }

.rate-page-wider {
  padding-left: 20%;
  padding-right: 20%;
  width: 100%;
  padding-top: 30px; }
  .rate-page-wider > .page-loader {
    width: 56%; }
  @media screen and (max-width: 768px) {
    .rate-page-wider {
      padding-left: 0%;
      padding-right: 0%; } }

.rate-page-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fcfcfc;
  border: 1px solid #efefef;
  padding: 46px 0px;
  border-radius: 8px; }
  .rate-page-container-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Usual;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000000; }
  .rate-page-container-subtitle-lower {
    padding-top: 8px;
    font-family: Usual;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #969696; }
  .rate-page-container-description {
    flex: 1;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #403b3b; }
  .rate-page-container-rate {
    display: flex;
    flex-direction: column;
    padding-top: 25px;
    font-family: Usual;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000; }
    @media screen and (max-width: 768px) {
      .rate-page-container-rate {
        padding-top: 24px; } }
  .rate-page-container-feedback {
    padding-top: 30px; }
    .rate-page-container-feedback-line {
      display: flex;
      width: 50vw;
      justify-content: space-between;
      align-items: center;
      padding-top: 32px; }
      @media screen and (max-width: 768px) {
        .rate-page-container-feedback-line {
          width: 100vw;
          flex-direction: column;
          row-gap: 20px; } }
      .rate-page-container-feedback-line:first-child {
        padding-top: 0px; }
      .rate-page-container-feedback-line-name {
        display: flex;
        width: calc(100% - 210px);
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #000000; }
      .rate-page-container-feedback-line-btn-group {
        width: 200px; }
        .rate-page-container-feedback-line-btn-group button {
          cursor: pointer;
          width: 85px;
          height: 44px;
          margin-left: 24px;
          border-radius: 12px;
          border: solid 1px #d9d9d9;
          background-color: #ffffff;
          font-family: Usual;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          color: #503e9d; }
          .rate-page-container-feedback-line-btn-group button:first-child {
            margin-left: 0px; }
          .rate-page-container-feedback-line-btn-group button:active, .rate-page-container-feedback-line-btn-group button:focus {
            outline: 0; }
          .rate-page-container-feedback-line-btn-group button span {
            padding-right: 4px; }
  .rate-page-container-footer {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 40px; }
    .rate-page-container-footer button {
      width: 130px; }
      .rate-page-container-footer button:nth-child(2) {
        padding-top: 32px; }

.assignment {
  width: 100%;
  padding: 20px;
  background: #f4f3fa;
  border: 1px solid #d6d4dd;
  border-radius: 8px;
  overflow: auto;
  overflow-x: hidden;
  height: calc(100vh - 64px - 44px); }
  .assignment-container-question {
    margin-top: 10px; }
  .assignment-heading {
    font-size: 1.6rem;
    padding: 10px 10px 20px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .assignment .assignment-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    margin-bottom: 20px; }
    .assignment .assignment-container-title {
      font-weight: bold;
      font-size: 20px; }
    .assignment .assignment-container-options {
      margin-bottom: 10px; }
      .assignment .assignment-container-options .ant-radio-inner {
        border-color: #a4a4a4;
        background-color: transparent;
        background: white; }
  .assignment-btn-container {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
    padding-top: 15px; }
    .assignment-btn-container-submit {
      font-size: 12px;
      padding: 5px 20px;
      color: white;
      background-color: #fb6d3a;
      border: transparent;
      border-radius: 4px;
      margin-right: 12px; }
      .assignment-btn-container-submit:hover {
        color: white;
        background-color: #a84622; }
    .assignment-btn-container-clear {
      font-size: 12px;
      padding: 5px 20px;
      color: white;
      background-color: #503e9d;
      border: transparent;
      border-radius: 4px;
      margin-right: 12px; }
      .assignment-btn-container-clear:hover {
        color: white;
        background-color: #3b2e76; }
  .assignment-btn-wrapper {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: space-between; }

.chapter-video {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: inherit; }
  .chapter-video-root > .page-loader {
    width: 85%; }
  .chapter-video-title {
    font-family: Usual;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    padding-bottom: 8px; }
  .chapter-video-subtitle {
    font-family: Usual;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #4f4f4f;
    padding-bottom: 32px; }
  .chapter-video-desc {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #403b3b;
    padding-bottom: 24px;
    padding-top: 16px; }

.chapter {
  width: 100%;
  height: calc(100vh - 22px - 44px);
  background-image: url("/static/img/conduct-background.svg");
  background-repeat: round;
  background-size: cover; }
  .chapter > .page-loader {
    width: 85%; }

.module_note.ant-avatar {
  width: 48px;
  height: 48px; }

.module_note.ant-avatar-image {
  padding: 6px;
  background: #fb6d3a1a; }

.module_note .ant-modal-title {
  font-size: 18px;
  text-align: center; }

.module_note .ant-list-item-meta-title {
  font-weight: 400; }

.module_note .ant-modal-footer {
  text-align: center; }

.module_note .ok-btn {
  height: 38px;
  padding: 6px 28px; }

.tc {
  font-family: usual;
  line-height: 1.9; }
  .tc-sub-title {
    font-family: usual;
    font-size: 1rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000; }
  .tc p,
  .tc li {
    color: #7a7a7a; }

.privacy-policy {
  line-height: 1.9; }
  .privacy-policy p,
  .privacy-policy li {
    color: #7a7a7a; }
  .privacy-policy-sub-title {
    font-family: usual;
    font-size: 1rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000; }
  .privacy-policy table {
    border-collapse: collapse;
    width: 100%;
    border-collapse: collapse; }
  .privacy-policy th,
  .privacy-policy td {
    border: 1px solid black;
    padding: 20px;
    text-align: left; }

.diversity-graph .dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .diversity-graph .dashboard-header-title {
    font-family: Usual;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #000000; }
    @media screen and (max-width: 768px) {
      .diversity-graph .dashboard-header-title {
        font-size: 14px; } }
  .diversity-graph .dashboard-header-actions {
    display: flex;
    align-items: center; }
    .diversity-graph .dashboard-header-actions-ref-button > span {
      line-height: 44px; }

.diversity-graph .dashboard-statistics {
  padding-top: 20px; }
  .diversity-graph .dashboard-statistics-label {
    font-family: Usual;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000; }
  .diversity-graph .dashboard-statistics-stats-card {
    border-radius: 8px;
    border: solid 1px #d9d9d9;
    background-color: #ffffff; }
    .diversity-graph .dashboard-statistics-stats-card .ant-card-body {
      padding: 18px; }
  .diversity-graph .dashboard-statistics-stat {
    font-family: Usual;
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal; }
  .diversity-graph .dashboard-statistics-type {
    opacity: 0.9;
    font-family: Usual;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #535353; }

.diversity-graph-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }

.integrations .ant-card-actions {
  border-radius: 0px 0px 8px 8px; }
  .integrations .ant-card-actions li {
    display: flex;
    padding: 2px 22px; }

.header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 26px;
  padding-bottom: 14px;
  height: 100%; }
  .header .logo-container {
    z-index: 0;
    width: 50%;
    cursor: pointer; }
    .header .logo-container img {
      width: 100%;
      transition: margin-left 0.3s ease-in-out;
      /* Smooth animation */ }
    @media screen and (max-width: 768px) {
      .header .logo-container {
        margin-left: 10px; } }
    @media screen and (max-width: 320px) {
      .header .logo-container {
        margin-left: 0px; } }
  .header .menu-button {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .header .menu-button:hover div {
      background-color: #1890ff; }
    .header .menu-button img {
      height: 28px; }
  .header .user-info-container {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative; }
    .header .user-info-container-info {
      display: flex;
      margin-left: 32px;
      align-items: center; }
      .header .user-info-container-info .ant-avatar-square {
        border-radius: 12px; }
      .header .user-info-container-info-data {
        display: flex;
        flex-direction: column;
        margin-left: 8px;
        align-self: center; }
        .header .user-info-container-info-data-name {
          display: flex;
          font-family: Usual;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          color: #222222; }
        .header .user-info-container-info-data-pronoun {
          display: flex;
          font-family: Usual;
          font-size: 10px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.33;
          letter-spacing: normal;
          color: #9d9e9d; }
        .header .user-info-container-info-data-role {
          display: flex;
          font-family: Usual;
          font-size: 12px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.33;
          letter-spacing: normal;
          color: #616363; }
    .header .user-info-container .anticon-customer-service {
      margin-right: 18px; }
    .header .user-info-container .anticon-customer-service,
    .header .user-info-container .anticon-file-protect,
    .header .user-info-container .anticon-file-done {
      color: #fb6d3a;
      font-size: 16px; }
    @media screen and (max-width: 768px) {
      .header .user-info-container-info {
        margin-left: 10px; }
      .header .user-info-container .anticon-customer-service {
        margin-right: 0px; }
      .header .user-info-container .anticon-customer-service,
      .header .user-info-container .anticon-file-protect,
      .header .user-info-container .anticon-file-done {
        font-size: 18px;
        margin: 0px 7px; } }
    .header .user-info-container-alert {
      position: absolute;
      top: 0px;
      right: -10px;
      width: 5px;
      height: 5px;
      background-color: #7e60bf;
      border-radius: 50%;
      box-shadow: 0 0 4px #e4b1f0;
      animation: pulse-animation 3s infinite; }

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    scale: 1; }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } }
  @media screen and (max-width: 768px) {
    .header {
      padding-top: 0px; } }
  .header .header-left {
    display: flex;
    align-items: center; }
  .header .header-right {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .header .header-right-header-right {
        align-items: start; } }
  .header-mobile-view {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 560px) {
      .header-mobile-view {
        display: block;
        margin-top: 70px; } }
  .header .header-left {
    position: absolute;
    left: calc(50vw - 640px + 20px); }
    @media screen and (max-width: 768px) {
      .header .header-left {
        align-items: center; } }
  @media screen and (max-width: 1280px) {
    .header .header-left {
      left: 20px; } }
  @media screen and (max-width: 768px) {
    .header-actions {
      display: none; } }

.page-menu-sider {
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding-top: 86px;
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.7); }
  @media screen and (max-width: 768px) {
    .page-menu-sider {
      padding-top: 0px; } }
  .page-menu-sider .page-menu-sider-sub-item {
    font-size: 12px;
    line-height: 1.67;
    position: relative; }
    .page-menu-sider .page-menu-sider-sub-item::before {
      width: 10px;
      height: 10px;
      content: '';
      position: absolute;
      top: -2px;
      left: -18px;
      opacity: 0.4;
      border-left: solid 1px #4c4c4c;
      border-bottom: solid 1px #4c4c4c; }
  .page-menu-sider .ant-menu {
    border: 0; }
    .page-menu-sider .ant-menu-item-group-title {
      font-family: Usual;
      font-size: 12px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 0;
      letter-spacing: 0.2px;
      color: #9d9e9d;
      padding: 12px 16px;
      background-color: rgba(248, 248, 247, 0.5); }
  .page-menu-sider-details {
    display: flex;
    flex-direction: column;
    padding-left: 22px;
    padding-bottom: 32px;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.5); }
    .page-menu-sider-details > span:first-child {
      padding-top: 5px; }
    .page-menu-sider-details > span {
      cursor: pointer;
      padding-top: 20px; }
    .page-menu-sider-details-notations {
      display: flex;
      flex-direction: column;
      margin-top: 70px;
      font-family: Usual;
      font-size: 10px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.6;
      letter-spacing: normal;
      color: rgba(0, 0, 0, 0.4); }
      .page-menu-sider-details-notations > span:first-child {
        padding-bottom: 40px; }

.raise-complaint-button {
  line-height: 2.5;
  height: 48px;
  background-color: #503e9d;
  border-radius: 12px;
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #ffffff;
  margin-bottom: 5px; }
  .raise-complaint-button:hover, .raise-complaint-button:active, .raise-complaint-button:focus {
    color: #ffffff;
    background-color: #503e9d;
    border: 0; }

.main_layout_wrapper {
  display: flex;
  justify-content: center;
  height: 100%;
  min-height: 100vh;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .main_layout_wrapper {
      justify-content: flex-start; } }

.trigger {
  font-size: 18px;
  line-height: 64px;
  padding: 0 24px;
  cursor: pointer;
  transition: color 0.3s; }

.trigger:hover {
  color: #1890ff; }

.ant-layout-sider.ant-layout-sider-dark {
  background: #fff;
  border-right: 1px solid #f9f9f9; }

.ant-layout-footer {
  background: #fff;
  border-top: 2px solid #f3f3f3;
  padding: 15px; }
  .ant-layout-footer-title {
    color: #848484;
    font-size: 12px;
    margin: 0px; }
  .ant-layout-footer-sub-title {
    color: #a0a0a0;
    font-size: 10px;
    margin: 0px; }

.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
  text-align: center; }

.site-layout .site-layout-background {
  background: #fff;
  padding: 22px;
  border-left: 2px solid #f3f3f3; }
  @media screen and (max-width: 768px) {
    .site-layout .site-layout-background {
      padding: 8px; } }

.main_layout.ant-layout {
  height: 100%;
  min-height: 100vh;
  max-width: 1280px; }
  @media screen and (max-width: 768px) {
    .main_layout.ant-layout {
      width: 100%; } }

.main_layout .ant-layout-header {
  padding: 0; }

.main_layout .ant-layout-content {
  margin: 0 !important; }

.edit-page-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 0px 25% 0px 25%; }
  .edit-page-container-title {
    font-family: Usual;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #000000; }
  .edit-page-container-header {
    margin-top: 34px; }
    .edit-page-container-header .ant-avatar {
      border-radius: 12px; }
    .edit-page-container-header .upload-button {
      background-color: #fb6d3a;
      margin-left: 32px;
      margin-right: 16px; }
      @media screen and (max-width: 768px) {
        .edit-page-container-header .upload-button {
          margin-left: 0px; } }
    .edit-page-container-header .remove-button {
      color: #909390;
      background-color: #f8f8f7;
      mix-blend-mode: multiply; }
      .edit-page-container-header .remove-button:hover, .edit-page-container-header .remove-button:active, .edit-page-container-header .remove-button:focus {
        box-shadow: 0 7px 34px 0 #f8f8f7;
        background-color: #f2f2ee;
        color: #ff662f; }
  .edit-page-container-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 8px; }
    .edit-page-container-form .page-input-with-float-label, .edit-page-container-form .page-input-with-float-label-disabled, .edit-page-container-form .page-select-with-float-label {
      width: 45%;
      min-width: 200px;
      margin-top: 32px; }
  .edit-page-container-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 60px; }
    .edit-page-container-footer button:first-child {
      color: rgba(0, 0, 0, 0.6);
      padding-left: 0; }
      .edit-page-container-footer button:first-child:hover {
        color: #ff662f; }

.page-main-card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  background-image: url("/static/img/background_HQ.svg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px; }
  @media screen and (max-width: 768px) {
    .page-main-card {
      background-color: #503e9d;
      background-image: none;
      padding: 20px; } }
  .page-main-card-logo {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: baseline;
    padding-top: 48px; }
    @media screen and (max-width: 768px) {
      .page-main-card-logo {
        padding-top: 0px;
        position: relative; } }
    .page-main-card-logo img {
      min-width: 140px; }
      @media screen and (max-width: 768px) {
        .page-main-card-logo img {
          min-width: 180px; } }
  .page-main-card-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: calc(100% - 50px); }
    @media screen and (max-width: 768px) {
      .page-main-card-container {
        margin-top: 0px;
        flex-direction: column;
        height: 100vh; } }
    .page-main-card-container-card {
      border-radius: 12px;
      box-shadow: 0 2px 23px 0 rgba(168, 168, 168, 0.5);
      background-color: #ffffff; }
      @media screen and (max-width: 768px) {
        .page-main-card-container-card {
          max-width: 352px !important; } }
  .page-main-card-left, .page-main-card-right {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 40px; }
  .page-main-card-left {
    width: 50%;
    align-items: start;
    padding: 0px 50px 0px 0px; }
    @media screen and (max-width: 768px) {
      .page-main-card-left {
        width: 100%;
        align-items: center;
        padding: 0px 0px 0px 0px; } }
    @media screen and (max-width: 768px) {
      .page-main-card-left-heading {
        padding: 20px 0px 10px 0px; } }
    .page-main-card-left-heading h1 {
      color: #ffffff;
      font-size: 6em;
      word-wrap: break-word;
      margin-bottom: 94px;
      line-height: normal; }
      @media screen and (max-width: 768px) {
        .page-main-card-left-heading h1 {
          font-size: 2em;
          padding: 0px 30px;
          margin-bottom: 4px; } }
    .page-main-card-left .footer {
      position: absolute;
      bottom: 10px;
      color: #ffffff;
      font-size: 10px;
      word-wrap: break-word; }
  .page-main-card-right {
    width: 40%;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .page-main-card-right {
        width: 100%;
        padding: 0px; } }
    .page-main-card-right-container {
      display: flex;
      justify-content: center;
      align-items: center; }

.reset-password-page {
  display: flex;
  flex-direction: column;
  padding: 32px 34px; }
  .reset-password-page-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Usual;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000; }
  .reset-password-page-subheader {
    padding-top: 4px;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #848ca3; }
  .reset-password-page-body {
    display: flex;
    flex-direction: column;
    padding: 24px 0 40px 0; }
    .reset-password-page-body > :first-child {
      margin-bottom: 32px; }
    .reset-password-page-body .invalid,
    .reset-password-page-body .valid {
      align-items: center !important; }
    .reset-password-page-body .checklist-icon {
      width: 12px;
      height: 12px; }
  .reset-password-page-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: Usual;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #91959e; }
    .reset-password-page-footer-btn-group {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .reset-password-page-footer-btn-group > :first-child {
        margin-left: -20px; }
      .reset-password-page-footer-btn-group > :nth-child(2) {
        min-width: 100px; }

.footer-column {
  flex-direction: column-reverse; }

.reset_cancel_btn {
  margin: 0px !important;
  font-size: 12px !important; }

.set-password-page {
  display: flex;
  flex-direction: column;
  padding: 32px 34px; }
  .set-password-page-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Usual;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000; }
  .set-password-page-subheader {
    padding-top: 4px;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #848ca3; }
  .set-password-page-body {
    display: flex;
    flex-direction: column;
    padding: 24px 0 40px 0; }
    .set-password-page-body > :first-child {
      margin-bottom: 32px; }
    .set-password-page-body .invalid,
    .set-password-page-body .valid {
      align-items: center !important; }
    .set-password-page-body .checklist-icon {
      width: 12px;
      height: 12px; }
  .set-password-page-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: Usual;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #91959e; }
    .set-password-page-footer-btn-group {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .set-password-page-footer-btn-group > :first-child {
        margin-left: -20px; }
      .set-password-page-footer-btn-group > :nth-child(2) {
        min-width: 100px; }

.page-loading {
  height: 100vh;
  width: 100vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100px;
  background-color: #ffffff5b;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Sliding Background and Cursor */
  /* Keyframes for Smooth Left-to-Right Animation */ }
  .page-loading .loading-container {
    position: relative;
    font-family: Usual;
    font-size: 24px;
    font-weight: bold;
    color: black;
    display: inline-block;
    overflow: hidden;
    padding: 0 10px 5px;
    /* Add space to the left, right, and bottom */ }
  .page-loading .loading-text {
    position: relative;
    z-index: 1;
    /* Ensure text is above the yellow background */ }
  .page-loading .loading-background {
    position: absolute;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 58%;
    background-color: yellow;
    animation: slideBackground 1.4s ease-in-out infinite; }

@keyframes slideBackground {
  0% {
    width: 0;
    /* Start from the left */ }
  80% {
    width: calc(100% - 20px);
    /* Expand to fill the text area, accounting for padding */ }
  90% {
    width: 15px;
    /* Shrink to a small cursor-like block */
    left: calc(100% - 25px);
    /* Position it at the end, accounting for padding */ }
  100% {
    width: 0;
    /* Reset to start position */
    left: 10px;
    /* Reset to the left padding */ } }

.page-loader {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100px;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: #ffffffa6;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  /* Sliding Background and Cursor */
  /* Keyframes for Smooth Left-to-Right Animation */ }
  .page-loader .loading-container {
    position: relative;
    font-family: Usual;
    font-size: 24px;
    font-weight: bold;
    color: black;
    display: inline-block;
    overflow: hidden;
    padding: 0 10px 5px;
    /* Add space to the left, right, and bottom */ }
  .page-loader .loading-text {
    position: relative;
    z-index: 1;
    /* Ensure text is above the yellow background */ }
  .page-loader .loading-background {
    position: absolute;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 58%;
    background-color: yellow;
    animation: slideBackground 1.4s ease-in-out infinite; }

@keyframes slideBackground {
  0% {
    width: 0;
    /* Start from the left */ }
  80% {
    width: calc(100% - 20px);
    /* Expand to fill the text area, accounting for padding */ }
  90% {
    width: 15px;
    /* Shrink to a small cursor-like block */
    left: calc(100% - 25px);
    /* Position it at the end, accounting for padding */ }
  100% {
    width: 0;
    /* Reset to start position */
    left: 10px;
    /* Reset to the left padding */ } }

.training-modules-header-progress-bar-tooltip-wrapper .ant-tooltip-inner {
  display: flex;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 10px 22px 0 rgba(167, 167, 167, 0.3);
  border: solid 1px rgba(217, 217, 217, 0.2);
  background-color: #ffffff; }

.training-modules-header-progress-bar-tooltip-wrapper .ant-tooltip-arrow {
  display: none; }

.training-modules-header-progress-bar-title-label {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  font-family: Usual;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #434242; }
  .training-modules-header-progress-bar-title-label::before {
    width: 8px;
    height: 8px;
    content: '';
    margin-right: 5px;
    display: flex;
    border-radius: 4px; }

.training-modules-header-progress-bar-title .danger::before {
  background-color: #fb6d3a; }

.training-modules-header-progress-bar-title .success::before {
  background-color: #16be82; }

.training-modules-header-progress-bar-title .warn::before {
  background-color: #ffc700; }

.training-modules-header-progress-bar-title-container-title {
  font-family: Usual;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #434242; }

.training-modules-header-progress-bar-title-container-data {
  display: flex;
  align-items: baseline; }
  .training-modules-header-progress-bar-title-container-data-count {
    font-family: Usual;
    font-size: 20px;
    font-weight: 500;
    color: #000000; }
  .training-modules-header-progress-bar-title-container-data-percentage {
    padding-left: 5px;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #9d9e9d; }

.shared-training-modules-container {
  display: flex;
  flex-direction: column; }
  .shared-training-modules-container .training-modules-header {
    display: flex;
    min-height: 125px;
    border-radius: 12px;
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    padding-top: 28px;
    margin-right: 1px; }
    @media screen and (max-width: 768px) {
      .shared-training-modules-container .training-modules-header {
        flex-direction: column;
        padding-top: 10px; } }
    .shared-training-modules-container .training-modules-header-title {
      display: flex;
      align-items: center;
      height: fit-content;
      padding-left: 24px;
      width: 20%; }
      @media screen and (max-width: 768px) {
        .shared-training-modules-container .training-modules-header-title {
          width: 100%;
          padding-left: 10px; } }
      .shared-training-modules-container .training-modules-header-title-count {
        font-size: 24px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #000000; }
      .shared-training-modules-container .training-modules-header-title-label {
        margin-left: 8px;
        opacity: 0.7;
        font-family: Usual;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: normal;
        color: #000000; }
    .shared-training-modules-container .training-modules-header-progress {
      display: flex;
      flex-flow: column;
      width: 80%;
      padding-left: 56px;
      padding-right: 24px; }
      @media screen and (max-width: 768px) {
        .shared-training-modules-container .training-modules-header-progress {
          width: 100%;
          padding: 10px; } }
      .shared-training-modules-container .training-modules-header-progress-bar {
        display: flex;
        width: 100%;
        height: 32px;
        border-radius: 12px;
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #ffffff; }
        .shared-training-modules-container .training-modules-header-progress-bar-completed, .shared-training-modules-container .training-modules-header-progress-bar-in-process, .shared-training-modules-container .training-modules-header-progress-bar-not-started {
          display: flex;
          align-items: center;
          justify-content: center; }
        .shared-training-modules-container .training-modules-header-progress-bar-completed {
          background-color: #16be82; }
        .shared-training-modules-container .training-modules-header-progress-bar-in-process {
          display: flex;
          background-color: #ffc700; }
        .shared-training-modules-container .training-modules-header-progress-bar-not-started {
          display: flex;
          background-color: #fb6d3a; }
        .shared-training-modules-container .training-modules-header-progress-bar-full {
          border-radius: 12px; }
        .shared-training-modules-container .training-modules-header-progress-bar-left {
          border-top-left-radius: 12px;
          border-bottom-left-radius: 12px; }
        .shared-training-modules-container .training-modules-header-progress-bar-right {
          border-top-right-radius: 12px;
          border-bottom-right-radius: 12px; }
      .shared-training-modules-container .training-modules-header-progress-legend {
        display: flex;
        align-self: center;
        width: 80%;
        font-family: Usual;
        font-size: 10px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.6;
        letter-spacing: normal;
        color: #434242; }
        @media screen and (max-width: 768px) {
          .shared-training-modules-container .training-modules-header-progress-legend {
            width: 100%; } }
        .shared-training-modules-container .training-modules-header-progress-legend-list {
          display: flex;
          justify-content: space-between;
          width: 100%;
          padding-top: 25px; }
          @media screen and (max-width: 768px) {
            .shared-training-modules-container .training-modules-header-progress-legend-list {
              padding-top: 15px; } }
          .shared-training-modules-container .training-modules-header-progress-legend-list-not-started, .shared-training-modules-container .training-modules-header-progress-legend-list-in-process, .shared-training-modules-container .training-modules-header-progress-legend-list-completed {
            display: flex;
            align-items: center; }
            .shared-training-modules-container .training-modules-header-progress-legend-list-not-started::before, .shared-training-modules-container .training-modules-header-progress-legend-list-in-process::before, .shared-training-modules-container .training-modules-header-progress-legend-list-completed::before {
              width: 8px;
              height: 8px;
              content: '';
              margin-right: 5px;
              display: flex;
              border-radius: 4px; }
          .shared-training-modules-container .training-modules-header-progress-legend-list-not-started::before {
            background-color: #fb6d3a; }
          .shared-training-modules-container .training-modules-header-progress-legend-list-in-process::before {
            background-color: #ffc700; }
          .shared-training-modules-container .training-modules-header-progress-legend-list-completed::before {
            background-color: #16be82; }
  .shared-training-modules-container .training-modules-table {
    padding-top: 32px; }
    .shared-training-modules-container .training-modules-table-title {
      font-family: Usual;
      font-size: 16px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      color: rgba(0, 0, 0, 0.7); }

.onRowPointer table tbody tr td div {
  cursor: pointer; }

.workingOnIt {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .workingOnIt__img-center {
    width: 28%;
    margin: 0px auto; }
  .workingOnIt__title {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 0px; }
  .workingOnIt__sub-title {
    color: gray;
    max-width: 635px;
    text-align: center;
    margin: 0px auto;
    line-height: 24px; }
  .workingOnIt__fact {
    color: #757575;
    max-width: 542px;
    text-align: center;
    margin: 0px;
    font-weight: bold; }
  .workingOnIt__fact-tag {
    background: #fb6d3a;
    color: white;
    padding: 5px 10px;
    border-radius: 8px; }
  .workingOnIt__fact-row {
    text-align: center;
    margin-top: 20px;
    background: #fff0eb;
    padding: 25px 40px;
    border-radius: 8px;
    border-bottom: 3px solid #edd8d0; }

.meetings {
  border: solid 1px #d9d9d9;
  border-radius: 12px;
  overflow-y: auto;
  height: calc(100vh - 64px - 44px - 74px);
  background-color: #ffffff;
  padding: 16px; }
  @media screen and (max-width: 768px) {
    .meetings {
      height: 100vh; } }
  .meetings-title {
    margin: 0px 0px 9px 0px;
    font-weight: bold;
    font-size: 13px;
    color: #676767;
    line-height: 16px; }
  .meetings-sub-title {
    margin: 0px;
    font-size: 12px;
    color: #626060;
    line-height: 14px; }
  .meetings-header {
    font-family: Usual;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000; }
  .meetings-list {
    margin: 15px 0; }
    .meetings-list > * {
      margin-bottom: 10px; }
    .meetings-list-date {
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.67;
      letter-spacing: normal;
      color: #9d9e9d; }
    .meetings-list-card {
      border-radius: 12px;
      border: solid 1px rgba(80, 62, 157, 0.4);
      background-color: #ffffff;
      margin-bottom: 10px; }
      .meetings-list-card .ant-card-body {
        padding: 16px; }
      .meetings-list-card-meta .ant-card-meta-detail > div:not(:last-child) {
        margin-bottom: 8px; }
      .meetings-list-card-meta .ant-card-meta-title {
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: normal;
        color: #000000;
        white-space: pre-wrap; }
      .meetings-list-card-meta .ant-card-meta-description {
        font-family: Usual;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #9d9e9d; }
      .meetings-list-card-attendees {
        padding-top: 10px; }
        .meetings-list-card-attendees span[role='img'] {
          width: 20px;
          height: 20px;
          opacity: 0.7;
          font-family: anticon;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          text-align: center;
          color: #000000; }
        .meetings-list-card-attendees span[role='label'] {
          font-family: Usual;
          font-size: 12px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.33;
          letter-spacing: normal;
          color: #535353; }
  .meetings-attendee-menu {
    border-radius: 8px;
    background-color: #ffffff; }
    .meetings-attendee-menu-item {
      padding: 12px 15px; }
    .meetings-attendee-menu-meta .ant-card-meta-avatar {
      padding-right: 8px; }
    .meetings-attendee-menu-meta .ant-card-meta-detail > div:not(:last-child) {
      margin-bottom: 2px; }
    .meetings-attendee-menu-meta .ant-card-meta-title {
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #000000;
      text-transform: capitalize; }
    .meetings-attendee-menu-meta .ant-card-meta-description {
      font-size: 11px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.45;
      letter-spacing: normal;
      color: #9d9e9d;
      text-transform: capitalize; }

.page-container-spinner-wrapper > div > .page-container-spinner > .page-loader {
  position: relative;
  margin: 0px;
  top: 0px;
  left: 0px; }

.page-container-spinner-wrapper > .ant-spin-container {
  height: 100%; }

.chat-container {
  height: calc((100vh - 100px) - 166px); }
  .chat-container > .page-loader {
    width: 60%; }
  .chat-container-header-employee {
    font-family: Usual;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000;
    text-align: center; }
    .chat-container-header-employee .ant-alert-info .ant-alert-icon {
      top: 8px; }

.chat-container-header-ic {
  padding: 16px 20px;
  border-bottom: solid 1px #d9d9d9;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .chat-container-header-ic {
      padding: 16px 15px; } }
  .chat-container-header-ic-backbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
    font-size: 16px;
    border-radius: 8px; }
  .chat-container-header-ic-meta {
    display: flex;
    align-items: center; }
    .chat-container-header-ic-meta .ant-card-meta-avatar {
      padding-right: 12px; }
    .chat-container-header-ic-meta-avatar {
      width: 40px;
      height: 40px; }
    .chat-container-header-ic-meta .ant-card-meta-detail > div:not(:last-child) {
      margin-bottom: 4px; }
    .chat-container-header-ic-meta .ant-card-meta-title {
      font-family: Usual;
      font-size: 14px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      color: #535353; }
    .chat-container-header-ic-meta .ant-card-meta-description {
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #535353; }
  .chat-container-header-ic-btn {
    padding: 10px 20px;
    background-color: #fb6d3a;
    border: none;
    outline: none;
    border-radius: 10px;
    color: white;
    cursor: pointer; }
    @media screen and (max-width: 768px) {
      .chat-container-header-ic-btn {
        color: black;
        padding: 15px 20px;
        border-radius: 12px;
        box-shadow: 0 10px 22px 0 rgba(167, 167, 167, 0.3);
        background-color: #ffffff; } }

.chat-container-body {
  height: calc(100% + 90px);
  padding: 0px 0px 0px 10px;
  display: flex;
  flex-direction: column; }
  .chat-container-body > .page-loader {
    width: 60%; }
  @media screen and (max-width: 768px) {
    .chat-container-body {
      padding: 0px 0px 0px 0px; } }
  .chat-container-body-employee {
    height: 100%; }
    .chat-container-body-employee-res-await {
      height: calc(100% - 65px); }
  .chat-container-body-messages {
    height: calc(100% - 28px);
    overflow-y: auto;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .chat-container-body-messages::-webkit-scrollbar {
      width: 10px; }
    .chat-container-body-messages::-webkit-scrollbar-track {
      background: #f1f1f1; }
    .chat-container-body-messages::-webkit-scrollbar-thumb {
      background: #888; }
    .chat-container-body-messages::-webkit-scrollbar-thumb:hover {
      background: #555; }
    .chat-container-body-messages-divider {
      color: #676767 !important;
      font-size: 13px !important; }
    .chat-container-body-messages-date {
      padding-top: 15px;
      padding-bottom: 15px;
      font-family: Usual;
      font-size: 10px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.6;
      letter-spacing: normal;
      text-align: center;
      color: #969696; }
    .chat-container-body-messages-group {
      display: flex;
      align-items: flex-end;
      width: 70%; }
      @media screen and (max-width: 425px) {
        .chat-container-body-messages-group {
          width: 90%; } }
      .chat-container-body-messages-group-currentuser {
        margin-left: auto;
        flex-direction: row-reverse; }
        .chat-container-body-messages-group-currentuser > .chat-container-body-messages-group-message-items {
          padding-left: 0px;
          padding-right: 8px; }
          .chat-container-body-messages-group-currentuser > .chat-container-body-messages-group-message-items > .chat-container-body-messages-group-message-items-message {
            word-wrap: break-word;
            border-radius: 12px;
            border-bottom-right-radius: 0px;
            background-color: #503E9D;
            color: #F9F9F9; }
            .chat-container-body-messages-group-currentuser > .chat-container-body-messages-group-message-items > .chat-container-body-messages-group-message-items-message a {
              color: #ff4d4f;
              text-decoration: none;
              background-color: transparent;
              outline: none;
              cursor: pointer;
              transition: color 0.3s ease 0s; }
      .chat-container-body-messages-group-avatar {
        width: 32px;
        height: 32px;
        margin: 0px 10px; }
      .chat-container-body-messages-group-message-items {
        padding-left: 8px;
        width: calc(100% - 52px); }
        .chat-container-body-messages-group-message-items-message {
          border-radius: 12px;
          background-color: #F2F2F2;
          border-bottom-left-radius: 0px;
          padding: 12px 16px;
          margin-top: 8px;
          word-wrap: break-word;
          font-family: Usual;
          font-size: 12px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.33;
          letter-spacing: normal;
          color: #4B4855; }

.chat-container-input {
  margin: 10px 10px 10px 0px; }
  .chat-container-input-file {
    border-radius: 8px;
    background-color: rgba(251, 109, 58, 0.1);
    padding: 5px;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #403b3b;
    word-break: break-all;
    white-space: break-spaces; }
  .chat-container-input-join-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center; }
  .chat-container-input-wrapper {
    display: flex;
    align-items: center; }
    .chat-container-input-wrapper > * {
      margin-right: 10px; }
  .chat-container-input-plus-icon {
    width: 32px;
    cursor: pointer; }
  .chat-container-input-emoji-icon {
    width: 24px;
    height: 24px;
    cursor: pointer; }
  .chat-container-input-textbox {
    border-radius: 10px;
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    padding: 8px 11px;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9d9e9d; }
  .chat-container-input-send-icon {
    width: 32px;
    height: 32px;
    cursor: pointer; }

.employee-details-info {
  display: flex;
  padding: 24px 22px 10px 40px; }
  @media screen and (max-width: 568px) {
    .employee-details-info {
      flex-direction: column; } }

.employee-details-modules {
  padding: 24px 22px 22px 40px; }
  .employee-details-modules-title {
    font-family: Usual;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000; }

.page-modal-title-container {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .page-modal-title-container-title {
    font-family: Usual;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000; }
  .page-modal-title-container-sub-title {
    padding-top: 4px;
    font-family: Usual;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #9d9e9d; }

.page-modal-success .ant-modal-confirm-body-wrapper, .page-modal-success .ant-modal-confirm-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .page-modal-success .ant-modal-confirm-body-wrapper .ant-modal-confirm-title, .page-modal-success .ant-modal-confirm-body .ant-modal-confirm-title {
    margin-bottom: 8px;
    font-family: Usual;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000;
    text-align: center; }
  .page-modal-success .ant-modal-confirm-body-wrapper .ant-modal-confirm-body .ant-modal-confirm-content, .page-modal-success .ant-modal-confirm-body .ant-modal-confirm-body .ant-modal-confirm-content {
    margin: 0;
    font-family: Usual;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #9d9e9d;
    text-align: center; }
  .page-modal-success .ant-modal-confirm-body-wrapper span[role='img'], .page-modal-success .ant-modal-confirm-body span[role='img'] {
    margin: 0 0 16px 0;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(62, 157, 92, 0.1);
    border-radius: 50%; }

.page-modal-success .page-modal-success-btn {
  width: 147px; }

.page-input-with-float-label, .page-input-with-float-label-disabled {
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 54px;
  border-radius: 12px;
  border: solid 1px #d9d9d9; }
  .page-input-with-float-label-disabled, .page-input-with-float-label-disabled-disabled {
    cursor: not-allowed;
    background-color: #f6f6f6; }
    .page-input-with-float-label-disabled input, .page-input-with-float-label-disabled-disabled input {
      opacity: 0.6; }
  .page-input-with-float-label-show, .page-input-with-float-label-disabled-show {
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #fb6d3a;
    margin-bottom: -2px; }
  .page-input-with-float-label .ant-input-affix-wrapper, .page-input-with-float-label-disabled .ant-input-affix-wrapper {
    border: 0;
    margin: 4px 11px 8px 11px;
    padding: 0;
    height: 80%;
    box-shadow: unset;
    z-index: 1;
    background-color: transparent; }
    .page-input-with-float-label .ant-input-affix-wrapper input, .page-input-with-float-label-disabled .ant-input-affix-wrapper input {
      margin: 0;
      padding: 20px 0 0 0;
      height: 100%; }
  .page-input-with-float-label input, .page-input-with-float-label-disabled input {
    height: 80%;
    margin: 4px 11px 8px 11px;
    padding: 20px 0 0 0;
    border: 0;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000;
    z-index: 1;
    background-color: transparent; }
    .page-input-with-float-label input:hover, .page-input-with-float-label input:active, .page-input-with-float-label input:focus, .page-input-with-float-label-disabled input:hover, .page-input-with-float-label-disabled input:active, .page-input-with-float-label-disabled input:focus {
      border: 0;
      box-shadow: unset; }

.page-input-with-label {
  position: absolute;
  left: 11px;
  bottom: 15px;
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #9d9e9d; }

.page-input-with-label-float {
  top: 6px;
  font-size: 12px;
  z-index: 1; }

.page-select-with-float-label {
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 54px;
  border-radius: 12px;
  border: solid 1px #d9d9d9; }
  .page-select-with-float-label .ant-select {
    width: 100%;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000; }
    .page-select-with-float-label .ant-select .ant-select-arrow {
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: -10px;
      margin: 0;
      border-radius: 12px;
      font-size: 12px;
      background-color: #f8f8f7;
      color: rgba(0, 0, 0, 0.7); }
    .page-select-with-float-label .ant-select .ant-select-selector {
      border: 0; }
    .page-select-with-float-label .ant-select .ant-select-selection-item {
      opacity: 1; }
  .page-select-with-float-label .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    border-color: unset;
    box-shadow: none; }
  .page-select-with-float-label .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    border-radius: 12px; }

.page-select-with-label {
  position: absolute;
  left: 11px;
  bottom: 15px;
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #9d9e9d; }

.page-select-with-label-float {
  top: 6px;
  font-size: 12px;
  z-index: 1; }

.page-select-dropdown {
  border-radius: 12px; }
  .page-select-dropdown .page-select-dropdown-option {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000; }
  .page-select-dropdown .ant-select-item-option-selected {
    font-weight: normal;
    color: #000000; }

.assign-sub-admin-users .ant-select-selector {
  border: none !important; }

.assign-sub-admin-users.ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  border-color: unset;
  box-shadow: none; }

.select-country {
  width: 100%; }
  .select-country-select {
    display: flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 8px;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    color: #5e656f;
    background-color: #fff;
    font-size: 13px;
    border: 1px solid #dfe3e8; }
  .select-country .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    border-radius: 8px; }

.page-title {
  display: flex;
  justify-content: space-between;
  font-family: Usual;
  margin-top: 10px;
  margin-bottom: 24px;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .page-title {
      flex-direction: column; } }
  .page-title-name {
    display: flex;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #000000; }
  .page-title-right-side {
    display: flex; }
    @media screen and (max-width: 768px) {
      .page-title-right-side {
        margin-top: 10px;
        flex-direction: row-reverse;
        column-gap: 30px; } }
    .page-title-right-side .page-title-right-side-sort {
      display: flex;
      margin-right: 24px;
      align-items: center; }
    .page-title-right-side span.ant-input-affix-wrapper-lg {
      border-radius: 12px;
      background-color: #f8f8f7;
      font-size: 16px;
      border: 0; }
    .page-title-right-side input {
      background-color: #f8f8f7;
      padding-left: 4px !important;
      font-size: 12px;
      line-height: 1.33;
      color: #a7a7a7;
      width: 250px; }
    .page-title-right-side-dropdown {
      border-radius: 12px; }
      .page-title-right-side-dropdown .ant-select-item.ant-select-item-option {
        display: flex;
        align-items: center;
        margin: 4px 8px;
        padding: 8px 12px;
        height: 36px;
        border-radius: 12px;
        font-family: Usual;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: normal;
        color: #000000;
        background-color: white; }
        .page-title-right-side-dropdown .ant-select-item.ant-select-item-option:hover {
          background-color: #f8f8f7; }
    .page-title-right-side button {
      height: 40px;
      padding: 0px 27px;
      margin-left: 16px; }
      @media screen and (max-width: 768px) {
        .page-title-right-side button {
          margin-left: 0px; } }

.sort-container {
  display: flex;
  align-items: center; }
  .sort-container svg {
    color: #503e9d;
    width: 12px; }
  .sort-container-dropdown {
    display: flex;
    align-items: baseline;
    cursor: pointer; }
    .sort-container-dropdown-title {
      width: max-content;
      padding-left: 4px;
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal; }
    .sort-container-dropdown-sorter {
      display: flex;
      flex-direction: row-reverse;
      padding-left: 4px;
      color: #fb6d3a;
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal; }

.details-card-secondary {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 16px 20px 16px 0; }
  .details-card-secondary-avatar {
    background-color: #f8f8f7;
    color: rgba(0, 0, 0, 0.7); }
  .details-card-secondary .ant-card-meta-detail > div:not(:last-child) {
    margin-bottom: 4px; }
  .details-card-secondary .ant-card-meta-title {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9d9e9d; }
  .details-card-secondary .ant-card-meta-description {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #403b3b;
    overflow-wrap: break-word; }

.details-card-primary .ant-avatar-square {
  border-radius: 12px; }

.details-card-primary .ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 4px; }

.details-card-primary .ant-card-meta-title {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #000000; }

.details-card-primary .ant-card-meta-description {
  opacity: 0.6;
  font-family: Usual;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #000000; }

.table-sort {
  display: flex;
  align-items: center;
  position: absolute;
  right: 22px;
  height: 32px;
  z-index: 1000; }

.page-table {
  width: 100%; }
  .page-table .pagination-title {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9d9e9d; }
  .page-table .ant-pagination-item-link {
    width: 32px;
    height: 32px;
    border-radius: 12px;
    background-color: #f8f8f7;
    border: 0; }
  .page-table .ant-pagination-item {
    border: 0; }
  .page-table .ant-table-pagination.ant-pagination {
    margin: 0; }
  .page-table .row {
    background-color: #ffffff;
    height: 60px;
    color: rgba(0, 0, 0, 0.8);
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.8); }
  .page-table .row-odd {
    background-color: rgba(80, 62, 157, 0.04); }
  .page-table .ant-table-placeholder td {
    border: 0 !important; }
  .page-table .ant-table-tbody > tr.ant-table-row:hover > td {
    background: unset; }
  .page-table .avatar {
    border-radius: 12px; }
  .page-table table > thead > tr {
    height: 60px; }
    .page-table table > thead > tr th {
      background: #ffffff;
      padding: 14px 0;
      border: 0;
      font-family: Usual;
      font-size: 10px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.6;
      letter-spacing: 0.2px;
      color: #9d9e9d;
      text-transform: uppercase; }
      .page-table table > thead > tr th .table-title {
        background-color: #f8f8f7;
        height: 32px;
        line-height: 32px;
        padding-left: 16px;
        white-space: nowrap; }
      .page-table table > thead > tr th:first-child .table-title {
        border-radius: 12px 0 0 12px; }
      .page-table table > thead > tr th:last-child .table-title {
        border-radius: 0 12px 12px 0; }
  .page-table table > tbody > tr:hover .hidden-shared-button {
    background-color: #fb6d3a;
    border-color: #fb6d3a;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
    color: #ffffff; }
    .page-table table > tbody > tr:hover .hidden-shared-button:hover, .page-table table > tbody > tr:hover .hidden-shared-button:active, .page-table table > tbody > tr:hover .hidden-shared-button:focus {
      color: #ffffff;
      box-shadow: 0 7px 34px 0 rgba(251, 109, 58, 0.2);
      background-color: #ff662f; }
  .page-table table > tbody > tr td {
    border-bottom: 0; }
  .page-table table > tbody > tr:first-child > td {
    border-top: 1px solid #d9d9d9; }
  .page-table table > tbody > tr:last-child > td {
    border-bottom: 1px solid #d9d9d9; }
  .page-table table > tbody > tr td:first-child {
    border-left: 1px solid #d9d9d9; }
  .page-table table > tbody > tr td:last-child {
    border-right: 1px solid #d9d9d9; }
  .page-table table > tbody > tr:first-child {
    border-radius: 12px 12px 0 0; }
    .page-table table > tbody > tr:first-child td:first-child {
      border-radius: 12px 0 0 0; }
    .page-table table > tbody > tr:first-child td:last-child {
      border-radius: 0 12px 0 0; }
  .page-table table > tbody > tr:last-child {
    border-radius: 0 0 12px 12px; }
    .page-table table > tbody > tr:last-child td:first-child {
      border-radius: 0 0 0 12px; }
    .page-table table > tbody > tr:last-child td:last-child {
      border-radius: 0 0 12px 0; }

.page-table-bordered .ant-table-tbody > tr.ant-table-row:hover > td {
  background: unset; }

.page-table-bordered .table-cell {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 0px 0px 0px 24px;
  margin: 4px 0 4px 0; }

.page-table-bordered table > thead > tr {
  height: 60px; }
  .page-table-bordered table > thead > tr th {
    background: #ffffff;
    padding: 14px 0 4px 0;
    border: 0;
    font-family: Usual;
    font-size: 10px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.2px;
    color: #9d9e9d;
    text-transform: uppercase; }
    .page-table-bordered table > thead > tr th .table-title {
      background-color: #f8f8f7;
      height: 32px;
      line-height: 32px;
      padding-left: 16px;
      white-space: nowrap; }
    .page-table-bordered table > thead > tr th:first-child .table-title {
      border-radius: 12px 0 0 12px; }
    .page-table-bordered table > thead > tr th:last-child .table-title {
      border-radius: 0 12px 12px 0;
      padding-right: 16px; }

.page-table-bordered table > tbody > tr > td {
  padding: 0;
  border: 0; }
  .page-table-bordered table > tbody > tr > td .table-cell {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9; }

.page-table-bordered table > tbody > tr td:first-child .table-cell {
  border-left: 1px solid #d9d9d9;
  border-radius: 12px 0 0 12px; }

.page-table-bordered table > tbody > tr td:last-child .table-cell {
  border-right: 1px solid #d9d9d9;
  border-radius: 0 12px 12px 0; }

.onRow > td div {
  background-color: rgba(255, 255, 255, 0.1); }

.onInvite {
  margin-bottom: 15px; }
  .onInvite .mr-20 {
    margin-right: 10px; }

.shared-dropdown-menu {
  border-radius: 12px;
  box-shadow: 0 10px 22px 0 rgba(167, 167, 167, 0.3);
  background-color: #ffffff; }
  .shared-dropdown-menu-item {
    padding: 5px 20px 5px 16px;
    display: flex;
    align-items: center; }
  .shared-dropdown-menu-btn {
    padding: 0;
    display: flex;
    align-items: center;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.7); }
    .shared-dropdown-menu-btn:hover, .shared-dropdown-menu-btn:focus, .shared-dropdown-menu-btn:active {
      color: rgba(0, 0, 0, 0.7); }
    .shared-dropdown-menu-btn span[role='img'] {
      display: flex;
      align-items: center;
      justify-content: center; }
  .shared-dropdown-menu svg, .shared-dropdown-menu img {
    color: #000000; }
  .shared-dropdown-menu .ant-btn > .anticon + span,
  .shared-dropdown-menu .ant-btn > img + span {
    margin-left: 12px; }

.drawer .drawer-header {
  display: flex;
  justify-content: space-between;
  padding: 0 22px 0px 40px; }
  .drawer .drawer-header-btn-edit {
    margin-right: 22px; }
  .drawer .drawer-header-btn-more {
    width: 50px;
    background-color: #f8f8f7;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    color: #000000; }
    .drawer .drawer-header-btn-more:hover, .drawer .drawer-header-btn-more:active, .drawer .drawer-header-btn-more:focus {
      color: #000000; }
    @media (max-width: 768px) {
      .drawer .drawer-header-btn-more {
        margin: 31px -16px 0px 0; } }
  .drawer .drawer-header-text {
    margin: 0;
    font-family: Usual;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #000000; }

.drawer .drawer-user-info {
  display: flex;
  align-items: center;
  padding: 24px 22px 0px 40px; }
  .drawer .drawer-user-info-icon {
    border-radius: 12px; }
  .drawer .drawer-user-info .ant-card-meta-title {
    opacity: 0.8;
    font-family: Usual;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000; }
  .drawer .drawer-user-info-tag {
    padding: 8px 16px;
    border: 0;
    border-radius: 12px;
    background-color: rgba(80, 62, 157, 0.1);
    font-family: Usual;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #503e9d; }

.drawer .ant-drawer-body {
  padding: 40px 0 0 0; }

.drawer .ant-drawer-content {
  border-radius: 12px 0px 0 12px; }
  @media (max-width: 425px) {
    .drawer .ant-drawer-content {
      border-radius: 12px 12px 0 0; } }

.drawer-content {
  display: flex;
  flex-direction: column; }

.drawer-close-btn {
  z-index: 1001;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 0;
  padding: 0;
  box-shadow: none;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 42px; }
  .drawer-close-btn:hover, .drawer-close-btn:active, .drawer-close-btn:focus {
    opacity: 0.8;
    background-color: #ffffff; }

.filter-container {
  display: flex;
  align-items: center; }
  .filter-container svg {
    color: #503e9d;
    width: 12px; }
  .filter-container-dropdown {
    display: flex;
    align-items: baseline;
    cursor: pointer; }
    .filter-container-dropdown-title {
      padding-left: 4px;
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal; }
    .filter-container-dropdown-items {
      display: flex;
      flex-direction: row-reverse;
      padding-left: 4px;
      color: #fb6d3a;
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal; }

.picker-with-float-label, .picker-with-float-label-disabled {
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 54px;
  border-radius: 12px;
  border: solid 1px #d9d9d9; }
  .picker-with-float-label-disabled, .picker-with-float-label-disabled-disabled {
    background-color: #f5f5f5; }
    .picker-with-float-label-disabled .ant-picker.ant-picker-disabled, .picker-with-float-label-disabled-disabled .ant-picker.ant-picker-disabled {
      display: flex; }
  .picker-with-float-label .ant-picker, .picker-with-float-label-disabled .ant-picker {
    border: 0;
    width: 100%;
    margin: 4px 10px 5px 15px;
    padding: 0; }
  .picker-with-float-label .ant-picker-focused, .picker-with-float-label-disabled .ant-picker-focused {
    box-shadow: unset; }
  .picker-with-float-label input, .picker-with-float-label-disabled input {
    border: 0;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000;
    z-index: 1;
    background-color: transparent; }
    .picker-with-float-label input:hover, .picker-with-float-label input:active, .picker-with-float-label input:focus, .picker-with-float-label-disabled input:hover, .picker-with-float-label-disabled input:active, .picker-with-float-label-disabled input:focus {
      border: 0;
      box-shadow: unset; }

.picker-with-label {
  position: absolute;
  left: 15px;
  top: 20px;
  font-family: Usual;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #9d9e9d; }

.picker-with-label-float {
  top: 4px;
  font-size: 12px !important;
  z-index: 1; }

.picker-with-suffix-icon {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  background-color: #f8f8f7;
  border-color: #f8f8f7;
  display: flex;
  align-items: center;
  justify-content: center; }
  .picker-with-suffix-icon span[role='img'] {
    width: 16px;
    height: 16px;
    opacity: 0.7;
    font-family: anticon;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #000000; }

.shared-autocomplete {
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 54px;
  border-radius: 12px;
  border: solid 1px #d9d9d9; }
  .shared-autocomplete .ant-select {
    width: 100%;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000; }
    .shared-autocomplete .ant-select .ant-select-arrow {
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: -10px;
      margin: 0;
      border-radius: 12px;
      font-size: 12px;
      background-color: #f8f8f7;
      color: rgba(0, 0, 0, 0.7); }
    .shared-autocomplete .ant-select .ant-select-selector {
      border: 0;
      border-radius: 12px; }
    .shared-autocomplete .ant-select .ant-select-selection-item {
      opacity: 1; }
  .shared-autocomplete .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    border-color: unset;
    box-shadow: none; }
  .shared-autocomplete-label {
    position: absolute;
    left: 11px;
    bottom: 15px;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9d9e9d; }
  .shared-autocomplete-label-float {
    top: 6px;
    font-size: 12px;
    z-index: 1; }

.rich-text-editor {
  padding-top: 20px; }
  .rich-text-editor .sun-editor {
    border-radius: 12px; }
    .rich-text-editor .sun-editor .se-container {
      border-radius: 12px; }
    .rich-text-editor .sun-editor .se-wrapper {
      border-radius: 12px; }
      .rich-text-editor .sun-editor .se-wrapper .se-placeholder {
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: normal;
        color: #d9d9d9; }
    .rich-text-editor .sun-editor .se-toolbar {
      padding: 5px;
      width: 75%;
      margin: 15px auto 0;
      background-color: #ffffff;
      outline: none;
      border: solid 0.5px #d9d9d9;
      border-radius: 12px; }
      @media screen and (max-width: 767px) {
        .rich-text-editor .sun-editor .se-toolbar {
          margin: 0px auto 0;
          width: 100%; } }
    .rich-text-editor .sun-editor .se-toolbar-sticky-dummy {
      display: none !important; }
    .rich-text-editor .sun-editor .se-toolbar.se-toolbar-sticky {
      position: relative; }
    .rich-text-editor .sun-editor .se-btn-tray {
      display: flex;
      align-items: center;
      justify-content: center; }
      .rich-text-editor .sun-editor .se-btn-tray > * {
        border: none; }
    .rich-text-editor .sun-editor .se-btn {
      border-radius: 12px;
      background-color: #f8f8f7;
      border-color: #f8f8f7; }
    .rich-text-editor .sun-editor .se-menu-list li {
      margin-left: 15px; }
    .rich-text-editor .sun-editor .se-resizing-bar {
      display: none; }

.request-form {
  width: 100%;
  border: 2px solid #d5d5d5;
  border-radius: 8px;
  padding: 15px 20px; }
  .request-form-input {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-bottom: 15px; }
    .request-form-input h3 {
      margin: 0; }
    .request-form-input-select {
      width: 40%; }
      @media screen and (max-width: 750px) {
        .request-form-input-select {
          width: 80%; } }
    .request-form-input-textarea {
      width: 100%;
      border-radius: 8px; }
      .request-form-input-textarea .ant-select:not(.ant-select-customize-input) .ant-select-selector {
        border-radius: 8px; }
      @media screen and (max-width: 750px) {
        .request-form-input-textarea {
          width: 100%; } }
  .request-form-submit {
    display: flex;
    justify-content: flex-start;
    align-items: end; }
  .request-form-submit-btn {
    font-size: 16px;
    font-weight: bold;
    color: #100747; }

.editable-card {
  margin-bottom: 12px;
  border-radius: 12px; }
  .editable-card > .ant-card-body {
    padding: 16px 16px 20px 20px; }
  .editable-card-header {
    display: flex;
    align-items: center; }
    .editable-card-header-title {
      font-family: Usual;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      color: #fb6d3a; }
    .editable-card-header-edit-btn {
      margin-left: auto;
      border-radius: 12px;
      background-color: #f8f8f7;
      align-items: center;
      justify-content: center;
      display: flex; }
      .editable-card-header-edit-btn span[role='img'] {
        width: 16px;
        height: 16px;
        font-family: anticon;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #030303; }
      .editable-card-header-edit-btn:active, .editable-card-header-edit-btn:hover, .editable-card-header-edit-btn:focus {
        border-radius: 12px;
        background-color: #f8f8f7; }

.editable-text {
  display: inline-flex;
  align-items: center; }
  .editable-text-input {
    border: 0;
    border-bottom: 1px solid #fb6d3a;
    padding: 0; }
    .editable-text-input > input {
      height: 20px; }
    .editable-text-input .ant-input-suffix button {
      padding: 0 5px;
      height: 20px; }
  .editable-text-input.ant-input-affix-wrapper-focused {
    box-shadow: unset; }
  .editable-text-edit-btn {
    width: 16px;
    height: 16px;
    cursor: pointer;
    font-family: anticon;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fb6d3a; }
  .editable-text-placeholder {
    display: inline-flex;
    font-family: Usual;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #000000; }

.labelled-textbox {
  border: 0;
  margin: 0;
  display: inline-flex;
  padding: 0;
  position: relative;
  min-width: 0;
  width: 100%;
  flex-direction: column;
  vertical-align: top; }
  .labelled-textbox-label {
    z-index: 1;
    transform: translate(0px, 48px) scale(1);
    pointer-events: none;
    padding-left: 16px;
    transition: transform 200ms 0ms;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9d9e9d; }
    .labelled-textbox-label-focused {
      transform: translate(0px, 24px) scale(1); }
  .labelled-textbox-textarea {
    border: 0;
    padding: 0px;
    resize: none;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #000000; }
    .labelled-textbox-textarea:hover {
      border-color: #fff;
      border-right-width: 0px; }
    .labelled-textbox-textarea:focus {
      border-color: #fff;
      border-right-width: 0px;
      outline: 0;
      box-shadow: unset; }
    .labelled-textbox-textarea-wrapper {
      border-radius: 12px;
      border: solid 1px #d9d9d9;
      background-color: #ffffff;
      padding: 32px 16px 4px; }
      .labelled-textbox-textarea-wrapper:hover {
        border-color: #ff9263;
        border-right-width: 1px; }
      .labelled-textbox-textarea-wrapper:focus {
        border-color: #ff9263;
        border-right-width: 1px !important;
        outline: 0;
        box-shadow: 0 0 0 2px rgba(251, 109, 58, 0.2); }

.shared-module-details {
  width: 100%; }
  .shared-module-details .shared-module-details-img,
  .shared-module-details .shared-module-details-img-large {
    width: 100%;
    height: 191px;
    border-radius: 12px;
    object-fit: cover;
    margin-bottom: 16px; }
  .shared-module-details .shared-module-details-img-large {
    height: 242px; }
  .shared-module-details .shared-module-details-header {
    position: relative;
    margin-top: 40px;
    margin-bottom: 0;
    font-family: Usual;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000; }
    .shared-module-details .shared-module-details-header::before {
      content: '';
      width: 24px;
      height: 4px;
      position: absolute;
      top: -12px;
      left: 0;
      border-radius: 4px;
      background-color: #fb6d3a; }
  .shared-module-details .shared-module-details-text {
    margin: 0;
    text-align: justify;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #9d9e9d; }
  .shared-module-details .shared-module-details-group {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .shared-module-details .shared-module-details-summary {
    display: grid;
    grid-template-columns: 32px auto;
    justify-items: start;
    column-gap: 4px;
    margin-top: 16px; }
    .shared-module-details .shared-module-details-summary span[role='img'] {
      width: 32px;
      height: 32px;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding-top: 3px; }
    .shared-module-details .shared-module-details-summary-text {
      font-family: Usual;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.71;
      letter-spacing: normal;
      color: #9d9e9d; }

.shared-module-chapters {
  width: 100%;
  border-radius: 12px;
  border: solid 1px #d9d9d9;
  background-color: #ffffff;
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .shared-module-chapters {
      border: none;
      margin-top: 0px; } }
  .shared-module-chapters .shared-module-chapters-header {
    height: 48px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding-left: 20px;
    padding-top: 12px;
    background-color: #fff1e0;
    font-family: Usual;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fb6d3a; }
    @media screen and (max-width: 768px) {
      .shared-module-chapters .shared-module-chapters-header {
        display: none; } }
  .shared-module-chapters .shared-module-chapters-body {
    height: 335px;
    padding: 16px;
    padding-bottom: 0;
    overflow: auto; }
    @media screen and (max-width: 768px) {
      .shared-module-chapters .shared-module-chapters-body {
        padding: 0px;
        height: 100vh;
        overflow: unset; } }
    .shared-module-chapters .shared-module-chapters-body::-webkit-scrollbar {
      width: 7px; }
    .shared-module-chapters .shared-module-chapters-body::-webkit-scrollbar-track {
      margin-bottom: 6px;
      background-color: #ffffff; }

.user-card {
  border-radius: 12px;
  border: solid 1px #d9d9d9;
  background-color: #ffffff; }
  .user-card-meta {
    display: flex;
    align-items: center;
    margin-bottom: 10px; }
    .user-card-meta .ant-card-meta-avatar {
      padding-right: 10px; }
    .user-card-meta .ant-card-meta-detail > div:not(:last-child) {
      margin-bottom: 4px; }
    .user-card-meta .ant-card-meta-title {
      font-family: Usual;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      color: #000000; }
    .user-card-meta .ant-card-meta-description {
      opacity: 0.6;
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #000000; }
    .user-card-meta-avatar {
      width: 44px;
      height: 44px;
      line-height: 44px;
      font-size: 20px !important; }
    .user-card-meta-info {
      padding-bottom: 5px;
      opacity: 0.8;
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #000000; }
      .user-card-meta-info span[role='img'] {
        width: 20px;
        height: 20px;
        font-family: anticon;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #fb6d3a;
        padding-right: 5px; }

.shared-complaint-data {
  padding: 10px; }
  .shared-complaint-data-info {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #535353; }
    .shared-complaint-data-info-highlight {
      color: #000000;
      font-weight: 500; }

.acknowledgement-tag {
  border-radius: 12px;
  background-color: #fff1e0;
  border-color: #fff1e0;
  width: 100%;
  padding: 24px;
  margin-bottom: 20px; }
  .acknowledgement-tag-title {
    font-family: Usual;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000; }
  @media screen and (max-width: 768px) {
    .acknowledgement-tag {
      padding: 15px 20px; } }
  @media screen and (max-width: 768px) {
    .acknowledgement-tag-responsive {
      margin-left: 38px !important;
      padding: 10px 10px 0px 10px; } }
  .acknowledgement-tag-content-info {
    white-space: break-spaces;
    font-family: Usual;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #403b3b; }
    @media screen and (max-width: 768px) {
      .acknowledgement-tag-content-info {
        margin-left: 30px;
        flex: 1 0 66.66666667%;
        max-width: 100%; } }
    .acknowledgement-tag-content-info-icon {
      opacity: 0.7;
      font-family: anticon;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 2;
      letter-spacing: normal;
      text-align: center;
      color: #ff1111; }
      @media screen and (max-width: 768px) {
        .acknowledgement-tag-content-info-icon {
          font-size: 30px; } }
  .acknowledgement-tag-content-actions-confirm-btn {
    padding: 0;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #503e9d; }
    .acknowledgement-tag-content-actions-confirm-btn:hover, .acknowledgement-tag-content-actions-confirm-btn:active, .acknowledgement-tag-content-actions-confirm-btn:focus {
      color: #503e9d; }

.final-decision-modal .ant-modal-body {
  padding: 20px; }

.final-decision-implementation {
  min-height: 450px; }
  .final-decision-implementation-title {
    font-family: Usual;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #342a5c;
    text-align: center;
    padding-bottom: 10px; }
  .final-decision-implementation-subtitle {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #535353;
    text-align: center;
    padding-bottom: 10px; }

.final-decision-delete-btn {
  background-color: #fb6d3a;
  color: #fff; }
  .final-decision-delete-btn:hover {
    background-color: #d65120;
    color: #fff; }

.final-decision-download-btn {
  background-color: #503e9d;
  color: #fff; }
  .final-decision-download-btn:hover {
    background-color: #2f1e7c;
    color: #fff; }

.meeting-invite-content-common-title {
  font-family: Usual;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #000000;
  text-align: center; }

.meeting-invite-content-title {
  padding-bottom: 25px;
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #9d9e9d;
  text-align: center; }

.meeting-invite-content .attendees-list {
  padding-top: 25px; }
  .meeting-invite-content .attendees-list-title {
    font-family: Usual;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    padding-bottom: 12px; }
  .meeting-invite-content .attendees-list-checkbox {
    width: 100%;
    display: flex;
    align-items: start;
    padding: 10px;
    border-radius: 12px;
    border: solid 1px #d9d9d9;
    background-color: #ffffff; }
  .meeting-invite-content .attendees-list-checkbox.ant-checkbox-wrapper-checked {
    border: solid 1px rgba(251, 109, 58, 0.4); }

.meeting-invite-content .calendar-btns {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .meeting-invite-content .calendar-btns-btn {
    margin-right: 10px;
    padding: 5px;
    border: 1px solid white;
    border-radius: 8px;
    background-color: #f5f5f5;
    outline: none;
    padding: 10px 15px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center; }

.meeting-invite .ant-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.meeting-invite-err-msg {
  display: block;
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #ff4d4f;
  padding-top: 5px; }

.meeting-invite .meeting-invite-content-input {
  margin-top: 10px; }

.meeting-invite .meeting-platform-invite-group .ant-radio-button-wrapper {
  border-radius: 10px;
  margin: 4px;
  background: #dddae9;
  border: 1px solid #cac5de;
  color: #503e9d;
  font-weight: 500; }

.meeting-invite .meeting-platform-invite-group .ant-radio-button-wrapper:not(:first-child)::before {
  width: 0px; }

.meeting-invite .meeting-platform-invite-group .ant-radio-group-solid .ant-radio-button-wrapper-checked:focus-within, .meeting-invite .meeting-platform-invite-group .ant-radio-button-wrapper-checked, .meeting-invite .meeting-platform-invite-group .ant-radio-button-wrapper:hover {
  border-radius: 10px;
  margin: 4px;
  background: #503e9d;
  border: 1px solid #cac5de;
  color: #dddae9;
  font-weight: 500; }

.meeting-invite .meeting-platform-invite-group .ant-radio-group-solid .ant-radio-button-wrapper-checked:focus-within {
  box-shadow: 0 0 0 3px #fff6f0; }

.meeting-invite .meeting-platform-invite-group .ant-radio-group-solid .ant-radio-button-wrapper-checked:active {
  color: #fff;
  background: #503e9d;
  border: 1px solid #cac5de; }

.meeting-invite .meeting-platform-invite-group .ant-radio-group-solid .ant-radio-button-wrapper-checked:hover, .meeting-invite .meeting-platform-invite-group .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #604bbc;
  border: 1px solid #cac5de; }

.meeting-invite .meeting-platform-invite-group .ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]).ant-radio-button-wrapper:first-child {
  border: none; }

.BusinessUnit {
  width: 100%; }
  .BusinessUnit .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-radius: 12px; }
  .BusinessUnit .ant-select-multiple .ant-select-selection-item {
    border-radius: 8px; }

.businessunit-cascader-dropdown {
  border-radius: 10px; }

.complete-profile-banner {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #f0ddf02d;
  border: 1px solid #e4b1f0b8;
  border-radius: 8px;
  margin: 5px 0px 24px 0px;
  width: 100%;
  padding: 15px 30px 30px;
  background: url("/static/img/complete-profile-banner.svg") left no-repeat;
  cursor: pointer;
  background-size: cover; }
  .complete-profile-banner-content {
    display: flex;
    flex-direction: column;
    flex-basis: 85%; }
    .complete-profile-banner-content h1 {
      color: #272147e9;
      font-size: 20px;
      font-weight: 600;
      line-height: 24.2px;
      text-align: left;
      text-underline-position: from-font;
      text-decoration-skip-ink: none; }
    .complete-profile-banner-content p {
      font-family: Inter;
      font-size: 12px;
      font-weight: 400;
      line-height: 14.56px;
      text-align: left;
      text-underline-position: from-font;
      text-decoration-skip-ink: none;
      color: #3e2e5fed; }
    .complete-profile-banner-content div p {
      color: #3e2e5fed;
      margin-bottom: 0px; }
    .complete-profile-banner-content-footer {
      margin-top: '8px';
      display: flex;
      align-items: center; }
      .complete-profile-banner-content-footer p {
        margin-bottom: 0;
        margin-left: 20px; }
  .complete-profile-banner-progess {
    flex-basis: 15%;
    display: flex;
    flex-direction: column;
    margin-right: 15px;
    align-items: center; }
    .complete-profile-banner-progess p {
      margin: 0px; }
    .complete-profile-banner-progess p strong {
      font-size: 2.5rem;
      margin: 0;
      color: #272147e9; }
    .complete-profile-banner-progess h3 {
      width: 70%;
      color: #433878;
      text-align: center; }
  @media screen and (max-width: 1024px) {
    .complete-profile-banner-progess p strong {
      font-size: 2rem; }
    .complete-profile-banner-progess h3 {
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .complete-profile-banner {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      background-color: #fafbf9;
      border: 1px solid #eff0ea;
      border-radius: 8px;
      margin: 15px 0px 30px 0px;
      width: 100%;
      padding: 30px; }
      .complete-profile-banner-progess {
        display: none; }
      .complete-profile-banner-content {
        flex-basis: 100%; }
        .complete-profile-banner-content-footer p {
          display: none; } }
  @media screen and (max-width: 428px) {
    .complete-profile-banner {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      background-color: #fafbf9;
      border: 1px solid #eff0ea;
      border-radius: 8px;
      margin: 15px 0px;
      width: 100%;
      padding: 30px; }
      .complete-profile-banner-progess {
        margin-top: 10px; }
      .complete-profile-banner-content-footer p {
        display: none; } }

.meeting-title {
  font-family: Usual;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #342a5c;
  padding-bottom: 16px; }

.meeting-label {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #535353;
  padding-bottom: 10px; }

.meeting-list-ol {
  padding-inline-start: 20px;
  margin-bottom: 0px; }
  .meeting-list-ol li {
    padding-left: 10px; }

.meeting-text {
  font-family: Usual;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #9d9e9d;
  padding-bottom: 5px; }

.meeting-minutes-edited-text {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000; }

.meeting-details-complaintInfo {
  padding: 30px 0; }
  .meeting-details-complaintInfo-detail {
    padding: 12px 0; }
  .meeting-details-complaintInfo-label {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #535353; }
  .meeting-details-complaintInfo-value {
    font-family: Usual;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #000000; }

.meeting-details-userList {
  padding-top: 32px; }
  .meeting-details-userList-label {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #535353;
    padding-bottom: 20px; }
  .meeting-details-userList-title {
    font-family: Usual;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000000;
    top: -10px; }
  .meeting-details-userList-designation {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #535353;
    padding: 10px 0 5px; }
  .meeting-details-userList-function {
    border-radius: 8px;
    background-color: #ffe8cc;
    border-color: #ffe8cc;
    font-family: Usual;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #fb6d3a;
    padding: 2px 4px; }
  .meeting-details-userList-checkbox {
    width: 100%;
    border-radius: 12px;
    border: solid 1px rgba(80, 62, 157, 0.15);
    background-color: rgba(80, 62, 157, 0.04);
    padding: 10px; }
    .meeting-details-userList-checkbox .ant-checkbox-checked .ant-checkbox-inner {
      background-color: #503e9d;
      border-color: #503e9d; }
    .meeting-details-userList-checkbox .ant-checkbox-checked::after {
      border-color: #503e9d; }
    .meeting-details-userList-checkbox .ant-checkbox {
      float: right; }

@media (max-width: 574px) {
  .meeting-details-complaintInfo-label {
    display: contents;
    padding-left: 5px; }
  .meeting-details-complaintInfo-value {
    margin-left: 10px; } }

.attendees-meeting-minutes-row {
  padding-bottom: 20px; }

.attendees-meeting-minutes-label {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #535353; }

.attendees-meeting-minutes-text {
  font-family: Usual;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000; }
  .attendees-meeting-minutes-text span[role='img'] {
    width: 14px;
    height: 24px;
    font-family: anticon;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #fb6d3a;
    padding-left: 5px; }

.texteditor-note {
  color: #9f9f9f; }

.preview-log-meeting-minutes-component-wrapper {
  padding: 10px 0; }

.preview-attendee-row {
  padding-bottom: 10px; }

.conclusions .shared-tabs .ant-tabs-nav .ant-tabs-tab {
  font-size: 14px; }

.complaint-final-report-timeline .ant-timeline-item-head-custom {
  top: 15px; }

.complaint-final-report-timeline-item:last-child {
  padding-bottom: 0px; }

.complaint-final-report-timeline-icon {
  width: 30px;
  height: 30px;
  font-size: 14px;
  font-family: Usual;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s; }
  .complaint-final-report-timeline-icon-completed {
    border: solid 1px #16be82;
    background-color: #e7f8f2; }
  .complaint-final-report-timeline-icon-not-completed {
    border: solid 1px #d9d9d9;
    background-color: #f8f8f7; }
  .complaint-final-report-timeline-icon-text-completed {
    color: #16be82; }
  .complaint-final-report-timeline-icon-not-completed {
    color: #535353; }

.complaint-final-report-timeline .ant-collapse-content {
  border-radius: 0 0 12px 12px; }

.complaint-final-report-card {
  border-radius: 12px;
  border: solid 1px #d9d9d9;
  background-color: #ffffff; }
  .complaint-final-report-card .ant-card-body {
    padding: 15px; }
  .complaint-final-report-card-title {
    font-family: Usual;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000; }
  .complaint-final-report-card-text {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #535353; }
  .complaint-final-report-card-subtitle {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #535353; }

.complaint-final-report-complaint-copy {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .complaint-final-report-complaint-copy {
      align-items: normal;
      flex-direction: column; } }
  .complaint-final-report-complaint-copy-meta {
    display: flex;
    align-items: center; }
    .complaint-final-report-complaint-copy-meta .ant-card-meta-detail > div:not(:last-child) {
      margin-bottom: 4px; }
    .complaint-final-report-complaint-copy-meta .ant-card-meta-title {
      font-family: Usual;
      font-size: 16px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      color: #000000; }
    .complaint-final-report-complaint-copy-meta .ant-card-meta-description {
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #535353; }
  .complaint-final-report-complaint-copy button {
    margin-left: auto; }
    @media screen and (max-width: 767px) {
      .complaint-final-report-complaint-copy button {
        margin-left: 0px;
        margin-top: 10px; } }

.complaint-final-report-collapse {
  width: 100%;
  border-radius: 12px;
  border: solid 1px #d9d9d9;
  background-color: #ffffff; }
  .complaint-final-report-collapse .ant-collapse-item:last-child > .ant-collapse-content {
    border-radius: 0 0 12px 12px;
    border-top: 0; }
  .complaint-final-report-collapse.ant-collapse > .ant-collapse-item:last-child,
  .complaint-final-report-collapse.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
    border-bottom-width: 0; }
  .complaint-final-report-collapse .ant-collapse-header {
    padding: 16px 20px 20px; }
  .complaint-final-report-collapse-evidence .ant-card-body {
    padding: 5px; }
  .complaint-final-report-collapse-evidence-data {
    display: flex; }
    .complaint-final-report-collapse-evidence-data-actions {
      margin-left: auto; }

.complaint-final-report-collapse-meeting .ant-collapse-content {
  border-radius: 0 0 12px 12px;
  background-color: #fafafb; }

.complaint-final-report-collapse-meeting .ant-collapse-item > .ant-collapse-content {
  border-top: 0; }

.complaint-final-report-description {
  font-family: Usual;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #535353;
  margin: 0px; }

.complaint-final-report-quorum-row {
  padding-top: 15px; }

.complaint-final-report-quorum-meta {
  margin-bottom: 20px;
  display: flex;
  align-items: center; }
  .complaint-final-report-quorum-meta .ant-card-meta-avatar {
    padding-right: 10px; }
  .complaint-final-report-quorum-meta .ant-card-meta-detail > div:not(:last-child) {
    margin-bottom: 0; }
  .complaint-final-report-quorum-meta .ant-card-meta-title {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000; }
  .complaint-final-report-quorum-meta .ant-card-meta-description {
    font-family: Usual;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #9d9e9d; }
  .complaint-final-report-quorum-meta-avatar {
    width: 40px;
    height: 40px;
    line-height: 40px; }

.complaint-final-report .user-card-tag-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0px; }
  .complaint-final-report .user-card-tag-section-title {
    font-family: Usual;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000000; }
  .complaint-final-report .user-card-tag-section-tag {
    padding: 4px 8px;
    border-radius: 8px;
    background-color: #ffe8cc;
    border-color: #ffe8cc;
    font-family: Usual;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #fb6d3a; }

.complaint-final-report .user-card-tag-info {
  font-family: Usual;
  font-size: 12px;
  opacity: 0.8;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #535353;
  padding-bottom: 5px; }
  .complaint-final-report .user-card-tag-info span[role='img'] {
    opacity: 0.7;
    font-family: anticon;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    padding-right: 5px;
    vertical-align: -0.15em; }
    .complaint-final-report .user-card-tag-info span[role='img'] > svg {
      width: 13px;
      height: 13px; }

.complaint-final-report .evidence-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  text-align: center;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .complaint-final-report .evidence-list {
      grid-template-columns: 1fr; } }
  .complaint-final-report .evidence-list-card {
    border-radius: 12px;
    border: solid 1px #d9d9d9;
    background-color: #ffffff; }
    .complaint-final-report .evidence-list-card .ant-card-body {
      padding: 7px; }

.email-update-template-title {
  font-family: Usual;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #000000;
  text-align: center; }

.email-update-template-info {
  font-family: Usual;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #342a5c; }

.email-update-template-footer {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .email-update-template-footer-section-preview-btn {
    color: #503e9d;
    margin-right: 10px; }
  @media (max-width: 768px) {
    .email-update-template-footer {
      flex-wrap: wrap; }
      .email-update-template-footer-section-submit-btn {
        width: 100%;
        margin-top: 5px;
        display: flex;
        justify-content: center;
        align-items: center; } }

.email-update-template-text {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.9;
  letter-spacing: normal;
  color: #535353;
  padding: 10px 0; }

.email-update-template-signoff {
  padding-top: 20px; }

.email-update-template-notes {
  padding: 0px; }

.ic-communication-email,
.response-to-complainant,
.communication-to-respondant {
  padding: 10px 0; }

.deactivate-modal .ant-modal-body {
  padding: 0px; }

.deactivate-modal-body {
  padding: 32px;
  display: flex;
  flex-direction: column; }

.deactivate-modal-icon-wrapper {
  width: 72px;
  height: 72px;
  background-color: rgba(251, 109, 58, 0.1);
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.deactivate-modal-title {
  font-family: Usual;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  padding-top: 16px; }

.deactivate-modal-subtitle {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #9d9e9d;
  padding-bottom: 24px; }

.deactivate-modal-deactivate-btn {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  width: 147px; }

.deactivate-modal-cancel-btn {
  margin-right: auto !important;
  margin-left: auto !important;
  width: 87px; }

.startover-modal .ant-modal-body {
  padding: 0px; }

.startover-modal-body {
  padding: 32px;
  display: flex;
  flex-direction: column; }

.startover-modal-icon-wrapper {
  width: 72px;
  height: 72px;
  background-color: rgba(251, 109, 58, 0.1);
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.startover-modal-title {
  font-family: Usual;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  padding-top: 16px; }

.startover-modal-subtitle {
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #9d9e9d;
  padding-bottom: 24px; }

.startover-modal-deactivate-btn {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  width: 147px; }

.startover-modal-cancel-btn {
  margin-right: auto !important;
  margin-left: auto !important;
  width: 87px; }

.complaint-details {
  padding: 12px;
  margin-left: 300px;
  border: solid 1px #d9d9d9;
  border-left-width: 0px;
  border-radius: 0 12px 12px 0;
  height: calc(100vh - 64px - 44px - 74px);
  width: calc(100% - 300px);
  overflow-y: auto; }
  @media screen and (max-width: 768px) {
    .complaint-details {
      height: 100vh;
      width: 100%;
      border-radius: 0px;
      border: none;
      margin-left: 0px; } }
  .complaint-details-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    white-space: nowrap;
    flex-wrap: wrap; }
  .complaint-details-meta .ant-card-meta-detail > div:not(:last-child) {
    margin-bottom: 3px; }
  .complaint-details-meta-title {
    display: inline-flex;
    align-items: center; }
    .complaint-details-meta-title span[role='title'] {
      font-family: Usual;
      font-size: 20px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.6;
      letter-spacing: normal;
      color: #000000;
      padding-right: 5px; }
    .complaint-details-meta-title .ant-tag {
      border-radius: 12px;
      background-color: #fff1e0;
      font-family: Usual;
      font-size: 12px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #fb6d3a;
      border-color: #fff1e0;
      padding: 4px 8px; }
  .complaint-details-meta .ant-card-meta-description {
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #9d9e9d; }
  .complaint-details-quorum {
    padding: 16px 0; }
    .complaint-details-quorum-label {
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.67;
      letter-spacing: normal;
      text-align: left;
      margin-bottom: 5px;
      color: #535353; }
    .complaint-details-quorum-menu {
      border-radius: 8px;
      background-color: #ffffff;
      width: 220px; }
      .complaint-details-quorum-menu-item {
        padding: 10px; }
      .complaint-details-quorum-menu-item-meta {
        display: flex;
        align-items: center; }
        .complaint-details-quorum-menu-item-meta .ant-card-meta-detail > div:not(:last-child) {
          margin-bottom: 3px; }
        .complaint-details-quorum-menu-item-meta .ant-card-meta-title {
          font-family: Usual;
          font-size: 12px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.33;
          letter-spacing: normal;
          color: #000000; }
        .complaint-details-quorum-menu-item-meta .ant-card-meta-description {
          font-family: Usual;
          font-size: 11px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.45;
          letter-spacing: normal;
          color: #9d9e9d; }
  .complaint-details-investigation {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .complaint-details-investigation-label {
      font-family: Usual;
      font-size: 14px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      color: #000000; }
    .complaint-details-investigation-status {
      display: inline-flex;
      align-items: center; }
      .complaint-details-investigation-status span[role='label'] {
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #9d9e9d;
        padding-right: 8px; }
      .complaint-details-investigation-status-color-ongoing {
        width: 12px;
        height: 12px;
        border-radius: 12px;
        background-color: #fb6d3a; }
      .complaint-details-investigation-status-text {
        padding-left: 8px;
        margin-bottom: 0px;
        font-family: Usual;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #000000; }
  .complaint-details-timeline {
    padding-top: 20px; }
    .complaint-details-timeline .ant-timeline.ant-timeline-label .ant-timeline-item-tail,
    .complaint-details-timeline .ant-timeline.ant-timeline-label .ant-timeline-item-head {
      left: 10%; }
    .complaint-details-timeline .ant-timeline.ant-timeline-label .ant-timeline-item-label {
      width: calc(10% - 12px); }
    .complaint-details-timeline .ant-timeline.ant-timeline-label .ant-timeline-item-content {
      left: calc(10% - 4px);
      width: 85%; }
    .complaint-details-timeline .ant-timeline-item-tail {
      border: solid 1px #16be82; }
    .complaint-details-timeline .ant-timeline-item-head-blue span[role='img'] svg {
      width: 20px;
      height: 20px;
      background-color: #16be82;
      color: #ffffff;
      border-radius: 10px; }
    .complaint-details-timeline-item-pending .ant-timeline-item-head-blue span[role='img'] svg {
      width: 20px;
      height: 20px;
      background-color: #fb6d3a;
      color: #ffffff;
      border-radius: 10px; }
    .complaint-details-timeline-item-pending .ant-timeline-item-tail {
      border: 1px dashed #9d9e9d; }
    .complaint-details-timeline-content-card {
      border-radius: 12px; }
      .complaint-details-timeline-content-card .ant-card-body {
        display: flex;
        flex-direction: column; }
        @media screen and (max-width: 768px) {
          .complaint-details-timeline-content-card .ant-card-body {
            padding: 12px; } }
      .complaint-details-timeline-content-card-meta {
        display: flex;
        align-items: center;
        width: 70%; }
        @media screen and (max-width: 768px) {
          .complaint-details-timeline-content-card-meta {
            width: 100%;
            margin-bottom: 12px; } }
        .complaint-details-timeline-content-card-meta .ant-card-meta-detail > div:not(:last-child) {
          margin-bottom: 3px; }
        .complaint-details-timeline-content-card-meta .ant-card-meta-title {
          font-family: Usual;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          color: #403b3b; }
        .complaint-details-timeline-content-card-meta .ant-card-meta-description {
          font-family: Usual;
          font-size: 12px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.33;
          letter-spacing: normal;
          color: #9d9e9d; }
      .complaint-details-timeline-content-card-response {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        margin-top: 20px;
        margin-left: 40px; }
        @media screen and (max-width: 768px) {
          .complaint-details-timeline-content-card-response {
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            row-gap: 4px; } }
        .complaint-details-timeline-content-card-response-submitted {
          border-radius: 8px;
          padding: 0px 12px;
          background-color: rgba(22, 190, 130, 0.1);
          border-color: rgba(22, 190, 130, 0.1);
          font-family: Usual;
          font-size: 11px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.45;
          letter-spacing: normal;
          color: #16be82; }
          .complaint-details-timeline-content-card-response-submitted-btn {
            padding: 0;
            font-family: Usual;
            font-size: 11px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.45;
            letter-spacing: normal; }
      .complaint-details-timeline-content-card-multiple-meeting {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 8px 10px;
        border-radius: 10px;
        border: 1px solid #ededed;
        margin-top: 20px; }
        @media screen and (max-width: 768px) {
          .complaint-details-timeline-content-card-multiple-meeting {
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            row-gap: 4px; } }
    .complaint-details-timeline-steps-button {
      height: 32px;
      border-radius: 8px;
      background-color: rgba(80, 62, 157, 0.1);
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #503e9d;
      margin-left: 5px; }
      .complaint-details-timeline-steps-button:hover, .complaint-details-timeline-steps-button:active, .complaint-details-timeline-steps-button:focus {
        color: #ffffff;
        border-color: rgba(80, 62, 157, 0.1);
        background-color: #503e9d; }
  .complaint-details-multiple-meeting-name {
    font-size: 13px;
    font-weight: bold;
    color: #515250;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px; }
  .complaint-details-multiple-meeting-date {
    font-size: 13px;
    color: #5e5f5e; }

.faq-modal .ant-modal-body {
  padding: 0px; }

.faq-modal-body {
  padding: 32px; }
  .faq-modal-body-add-new {
    cursor: pointer;
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #503e9d;
    min-height: 32px;
    padding: 10px 12px; }
  .faq-modal-body-textbox {
    border-radius: 12px;
    border: solid 1px #d9d9d9;
    padding: 24px 16px 4px 11px;
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000; }
    .faq-modal-body-textbox-label {
      position: absolute;
      bottom: 117px;
      top: 10px;
      left: 11px;
      font-family: Usual;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #9d9e9d; }
      .faq-modal-body-textbox-label-answer {
        bottom: 185px; }

.faq-modal-title {
  font-family: Usual;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #000000;
  padding-bottom: 32px;
  text-align: center; }

.faq-modal .ant-form-item {
  margin-bottom: 32px; }

.faq-modal .ant-form label {
  font-size: 12px; }

.faq-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.gender-bg {
  background: #FAFAFA;
  border: 1px solid #FAFAFA;
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 34px 0px;
  margin-bottom: 20px; }
  .gender-bg p {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #6C6B6B;
    margin-left: 42px;
    margin-bottom: 36px;
    display: flex;
    align-items: center;
    justify-content: start; }

.gender-diversity {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .gender-diversity {
      margin: 15px auto; } }
  .gender-diversity-name {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #777777;
    margin-top: 10px;
    font-weight: 600; }
  .gender-diversity-img {
    width: 36%; }
  .gender-diversity-circle {
    width: 65px;
    height: 65px;
    background-color: #2ecc71;
    /* green */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    font-weight: bold; }
  .gender-diversity-count {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #9D9E9D;
    margin-top: 6px; }

.dashboard-bg {
  background: #FFFFFF;
  border-top: 1px solid #D9D9D9;
  margin-bottom: 30px;
  padding-top: 20px; }
  .dashboard-bg .shared-tabs .ant-tabs-nav .ant-tabs-tab {
    font-size: 18px; }

.dashboard-heading {
  font-size: 16px;
  font-weight: bold;
  line-height: 32px;
  color: #616264;
  margin-bottom: 20px; }
  @media screen and (max-width: 768px) {
    .dashboard-heading {
      display: flex;
      justify-content: center;
      align-items: center; } }

.status-card {
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center; }
  .status-card:hover {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    cursor: pointer; }
  .status-card .ant-card-body {
    display: flex;
    flex-direction: row;
    align-items: center; }
  .status-card-total {
    background: rgba(78, 144, 249, 0.12); }
    .status-card-total .status-card-count {
      color: #0F4293; }
    .status-card-total .status-card-name {
      color: #4e90f9; }
  .status-card-active {
    background: rgba(56, 191, 198, 0.12); }
    .status-card-active .status-card-count {
      color: #156A6F; }
    .status-card-active .status-card-name {
      color: #38BFC6; }
  .status-card-pending {
    background: rgba(255, 145, 91, 0.12); }
    .status-card-pending .status-card-count {
      color: #C14A10; }
    .status-card-pending .status-card-name {
      color: #FF915B; }
  .status-card-inactive {
    background: rgba(255, 92, 147, 0.12); }
    .status-card-inactive .status-card-count {
      color: #BD0D48; }
    .status-card-inactive .status-card-name {
      color: #FF5C93; }
  .status-card-count {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    margin-right: 4px; }
  .status-card-name {
    font-style: normal;
    font-weight: 700;
    font-size: 16px; }
  .status-card-img {
    width: 36%;
    margin-right: 24px; }
  .status-card-baseline {
    display: flex;
    flex-direction: row;
    align-items: baseline; }

.family-diversity, .special-ability {
  background: #F7FCFF;
  border: 1px solid #FBFEFF;
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px; }
  .family-diversity p, .special-ability p {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #6C6B6B;
    text-align: center;
    margin-top: 10px; }

.coed-diversity {
  background: rgba(255, 253, 245, 0.9);
  border: 1px solid #FBFEFF;
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px; }
  .coed-diversity p {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #6C6B6B;
    text-align: center;
    margin-top: 10px; }

.language-diversity {
  background: #F7FDFF;
  border: 1px solid #FBFEFF;
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px; }
  .language-diversity p {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #6C6B6B;
    text-align: center;
    margin-top: 10px; }

.age-diversity {
  background: #FBFAF9;
  border: 1px solid #FBFEFF;
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 10px; }
  .age-diversity p {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #6C6B6B;
    text-align: center;
    margin-top: 10px; }

/* This is a media query for medium screens (Max-wdith:768px) */
@media (max-width: 768px) {
  .status-card-count {
    font-size: 30px; }
  .status-card-name {
    font-size: 14px; } }

/* This is a media query for mobile screens (Max-wdith:425px) */
@media (max-width: 425px) {
  .status-card-count {
    font-size: 25px; }
  .status-card-name {
    font-size: 10px; } }

.admin-dashboard-cases .shared-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  font-size: 15px; }

.chatbot {
  position: fixed;
  top: 0;
  bottom: 40px;
  width: 100%;
  border-radius: 10px;
  z-index: 1000;
  background-color: #fff;
  box-shadow: 0px 10px 99px -35px rgba(0, 0, 0, 0.2); }
  @media screen and (min-width: 640px) {
    .chatbot {
      max-width: 400px;
      right: 80px;
      top: auto; } }
  .chatbot.chatbot--closed {
    top: auto;
    width: 100%; }

.chatbot__header {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #503E9D;
  height: 54px;
  padding: 0 20px;
  width: 100%;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-radius: 12px 12px 0px 0px; }
  .chatbot__header:hover {
    background-color: #3d3078; }
  .chatbot__header p {
    margin-right: 20px;
    margin-bottom: 0px; }

.chatbot__header__icon {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .chatbot__header__icon img {
    margin-right: 20px; }

.chatbot__close-button {
  fill: #fff; }
  .chatbot__close-button.icon-speech {
    width: 20px;
    display: none; }
    .chatbot--closed .chatbot__close-button.icon-speech {
      display: block; }
  .chatbot__close-button.icon-close {
    width: 14px; }
    .chatbot--closed .chatbot__close-button.icon-close {
      display: none; }

.chatbot__message-window {
  background-color: #fff;
  overflow-x: none;
  overflow-y: auto;
  border-radius: 0px 0px 12px 12px; }
  .chatbot__message-window::-webkit-scrollbar {
    display: none; }
  .chatbot--closed .chatbot__message-window {
    display: none; }

.chatbot__messages {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  width: auto; }
  .chatbot__messages li {
    margin-bottom: 20px; }
    .chatbot__messages li.is-ai {
      display: inline-flex;
      align-items: flex-start; }
    .chatbot__messages li.is-user {
      text-align: right;
      display: inline-flex;
      align-self: flex-end; }
    .chatbot__messages li .is-ai__profile-picture {
      margin-right: 8px; }
      .chatbot__messages li .is-ai__profile-picture .icon-avatar {
        width: 40px;
        height: 40px;
        padding-top: 6px; }

.chatbot__message {
  display: inline-block;
  padding: 12px 20px;
  word-break: break-word;
  margin: 0;
  border-radius: 6px;
  letter-spacing: -0.01em;
  line-height: 1.45;
  overflow: hidden; }
  .is-ai .chatbot__message {
    background-color: #f0f0f0;
    margin-right: 30px; }
  .is-user .chatbot__message {
    background-color: #7ee0d2;
    margin-left: 30px; }
  .chatbot__message a {
    color: #7226e0;
    word-break: break-all;
    display: inline-block; }
  .chatbot__message p:first-child {
    margin-top: 0; }
  .chatbot__message p:last-child {
    margin-bottom: 0; }
  .chatbot__message button {
    background-color: #fff;
    font-weight: 300;
    border: 2px solid #7226e0;
    border-radius: 50px;
    padding: 8px 20px;
    margin: -8px 10px 18px 0;
    transition: background-color 0.2s ease;
    cursor: pointer; }
    .chatbot__message button:hover {
      background-color: #f2f2f2; }
    .chatbot__message button:focus {
      outline: none; }
  .chatbot__message img {
    max-width: 100%; }
  .chatbot__message .card {
    background-color: #fff;
    text-decoration: none;
    overflow: hidden;
    border-radius: 6px;
    color: black;
    word-break: normal; }
    .chatbot__message .card .card-content {
      padding: 20px; }
    .chatbot__message .card .card-title {
      margin-top: 0; }
    .chatbot__message .card .card-button {
      color: #7226e0;
      text-decoration: underline; }

.animation:last-child {
  animation: fadein .25s;
  animation-timing-function: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.chatbot__arrow {
  width: 0;
  height: 0;
  margin-top: 18px; }

.chatbot__arrow--right {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #7ee0d2; }

.chatbot__arrow--left {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #f0f0f0; }

.chatbot__entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 0 20px;
  border-top: 1px solid #e6eaee;
  background-color: #fff; }
  .chatbot--closed .chatbot__entry {
    display: none; }

.chatbot__input {
  height: 100%;
  width: 80%;
  border: 0; }
  .chatbot__input:focus {
    outline: none; }
  .chatbot__input::-webkit-input-placeholder {
    color: #7f7f7f; }
  .chatbot__input::-moz-placeholder {
    color: #7f7f7f; }
  .chatbot__input::-ms-input-placeholder {
    color: #7f7f7f; }
  .chatbot__input::-moz-placeholder {
    color: #7f7f7f; }

.chatbot__submit {
  fill: #7226e0;
  height: 22px;
  width: 22px;
  transition: fill 0.2s ease;
  cursor: pointer; }
  .chatbot__submit:hover {
    fill: #45148c; }

.u-text-highlight {
  color: #3A393E;
  text-align: center;
  font-weight: bold;
  margin: 0px; }

.loader {
  margin-bottom: -2px;
  text-align: center;
  opacity: .3; }

.loader__dot {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  margin: 0 1px;
  background: black;
  border-radius: 50px;
  animation: loader 0.45s infinite alternate; }
  .loader__dot:nth-of-type(2) {
    animation-delay: .15s; }
  .loader__dot:nth-of-type(3) {
    animation-delay: .35s; }

@keyframes loader {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-5px); } }

@keyframes fadein {
  from {
    opacity: 0;
    margin-top: 10px;
    margin-bottom: 0; }
  to {
    opacity: 1;
    margin-top: 0;
    margin-bottom: 10px; } }

.culture-create-poll .add-culture-option-wrapper .ant-form-item-control-input-content {
  display: flex;
  flex-direction: row;
  align-items: center; }

.culture-create-poll .meeting-invite-content-common-title {
  font-size: 16px;
  font-weight: bold;
  color: #100747; }

.culture-create-poll .meeting-invite-content .attendees-list-title {
  font-size: 12px;
  color: #363441;
  padding-bottom: 6px; }

.culture-create-poll .page-table-blank-col .ant-table-container table > thead > tr:first-child th:first-child::after {
  background: #f8f8f7;
  border-radius: 12px 0px 0px 12px;
  padding: 10px;
  content: "Row";
  color: #f8f8f7; }

.chapter-pdf {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: inherit; }
  .chapter-pdf-root > .page-loader {
    width: 100%; }
  .chapter-pdf-title {
    font-family: Usual;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    padding-bottom: 8px; }
  .chapter-pdf-subtitle {
    font-family: Usual;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #4f4f4f;
    padding-bottom: 32px; }
  .chapter-pdf-desc {
    font-family: Usual;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #403b3b;
    padding-bottom: 24px;
    padding-top: 16px; }
  .chapter-pdf-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    border: 1px solid #ebeaea;
    border-radius: 8px;
    position: relative;
    justify-content: center;
    box-shadow: 1px 1px 2px 2px #0000000d; }
    .chapter-pdf-content .react-pdf__Page__annotations.annotationLayer {
      display: none; }
  .chapter-pdf-actions {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    position: absolute;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    z-index: 12; }
  .chapter-pdf-zoom-actions {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10; }

#notfound {
  position: relative;
  height: 100vh; }

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%); }

.notfound {
  max-width: 520px;
  width: 100%;
  line-height: 1.4;
  text-align: center; }
  .notfound .notfound-text {
    position: relative;
    height: 200px;
    margin: 0px auto 20px;
    z-index: -1; }
    .notfound .notfound-text h1 {
      font-family: Usual;
      font-size: 236px;
      font-weight: 200;
      margin: 0px;
      color: #211b19;
      text-transform: uppercase;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .notfound .notfound-text h2 {
      font-family: Usual;
      font-size: 28px;
      font-weight: 400;
      text-transform: uppercase;
      color: #211b19;
      background: #fff;
      padding: 10px 5px;
      margin: auto;
      display: inline-block;
      position: absolute;
      bottom: 0px;
      left: 0;
      right: 0; }

.shared-button-medium,
.shared-button-large,
.shared-table-button {
  border: 0;
  border-radius: 12px;
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #ffffff; }
  .shared-button-medium:hover, .shared-button-medium:active, .shared-button-medium:focus,
  .shared-button-large:hover,
  .shared-button-large:active,
  .shared-button-large:focus,
  .shared-table-button:hover,
  .shared-table-button:active,
  .shared-table-button:focus {
    color: #ffffff; }

.shared-button-large {
  height: 44px; }

.shared-button-medium {
  height: 36px; }

.shared-table-button {
  height: 36px; }

.shared-button-default {
  background-color: #503e9d; }
  .shared-button-default:hover, .shared-button-default:active, .shared-button-default:focus {
    color: #ffffff;
    box-shadow: 0 7px 34px 0 rgba(67, 47, 153, 0.2);
    background-color: #604ac0; }

.shared-table-button-blue-light {
  color: #503e9d;
  background-color: rgba(80, 62, 157, 0.1);
  border: 0;
  border-radius: 10px; }
  .shared-table-button-blue-light:hover, .shared-table-button-blue-light:active, .shared-table-button-blue-light:focus {
    color: #503e9d;
    box-shadow: 0 7px 34px 0 rgba(67, 47, 153, 0.2);
    background-color: rgba(80, 62, 157, 0.2); }

.shared-table-button-orange-light {
  color: #fb6d3a;
  background-color: rgba(251, 109, 58, 0.1);
  border: 0;
  border-radius: 10px; }
  .shared-table-button-orange-light:hover, .shared-table-button-orange-light:active, .shared-table-button-orange-light:focus {
    color: #fb6d3a;
    box-shadow: 0 7px 34px 0 rgba(67, 47, 153, 0.2);
    background-color: rgba(251, 109, 58, 0.2); }

.shared-button-primary {
  background-color: #fb6d3a; }
  .shared-button-primary:hover, .shared-button-primary:active, .shared-button-primary:focus {
    color: #ffffff;
    box-shadow: 0 7px 34px 0 rgba(251, 109, 58, 0.2);
    background-color: #ff662f; }

.shared-button-ghost {
  color: #503e9d;
  border: solid 1px #503e9d;
  background-color: white; }
  .shared-button-ghost:hover, .shared-button-ghost:active, .shared-button-ghost:focus {
    color: #503e9d;
    box-shadow: 0 7px 34px 0 rgba(67, 47, 153, 0.14);
    background-color: #e3e0f0;
    border: 0; }

.cancel-button {
  padding: 0px 20px 0px 20px;
  margin: 0px;
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #fb6d3a;
  border: 0;
  background-color: transparent; }
  .cancel-button:hover, .cancel-button:active, .cancel-button:focus {
    border: 0;
    box-shadow: unset;
    background-color: transparent;
    color: #909390; }

.gray-button {
  padding: 0px 20px 0px 20px;
  margin: 0px;
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #9d9e9d;
  border: 0;
  background-color: transparent; }
  .gray-button:hover, .gray-button:active, .gray-button:focus {
    color: #9d9e9d;
    border: 0;
    box-shadow: unset;
    background-color: transparent; }

.back-button {
  padding: 0px 20px 0px 20px;
  margin: 0px;
  font-family: Usual;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #503e9d;
  border: 0;
  background-color: transparent; }
  .back-button:hover, .back-button:active, .back-button:focus {
    color: #503e9d;
    border: 0;
    box-shadow: unset;
    background-color: transparent; }

.shared-tabs .ant-tabs-bar.ant-tabs-top-bar {
  border: 0; }

.shared-tabs .ant-tabs-nav::before {
  border-bottom: unset; }

.shared-tabs .ant-tabs-nav .ant-tabs-tab {
  color: #c4c4c4;
  font-family: Usual;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal; }
  .shared-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #503e9d; }
  .shared-tabs .ant-tabs-nav .ant-tabs-tab:hover, .shared-tabs .ant-tabs-nav .ant-tabs-tab:active, .shared-tabs .ant-tabs-nav .ant-tabs-tab:focus {
    color: #fb6d3a; }

.shared-tabs .ant-tabs-nav .ant-tabs-ink-bar {
  width: 24px !important;
  height: 4px;
  border-radius: 4px;
  margin-top: 8px;
  background-color: #fb6d3a; }

.hidden-shared-button {
  background: transparent;
  color: transparent;
  text-shadow: unset;
  box-shadow: unset; }

.shared-btn-back {
  border: 0;
  border-radius: 12px;
  background-color: #f8f8f7; }
  @media screen and (max-width: 768px) {
    .shared-btn-back {
      display: flex;
      flex-direction: row;
      align-items: center; } }
  .shared-btn-back:hover, .shared-btn-back:active, .shared-btn-back:focus {
    background-color: #f8f8f7; }
  .shared-btn-back span[role='img'] {
    width: 32px;
    height: 32px;
    font-size: 12px;
    line-height: 1.33;
    text-align: center;
    color: rgba(0, 0, 0, 0.7);
    margin-right: 8px;
    margin-top: 8px; }
    @media screen and (max-width: 768px) {
      .shared-btn-back span[role='img'] {
        margin-left: 10px;
        margin-right: 18px;
        margin-top: 18px; } }
  .shared-btn-back::after {
    content: 'Go back';
    font-family: Usual;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9d9e9d;
    box-shadow: none;
    position: static;
    display: inline;
    opacity: unset;
    animation: unset; }

.steps-label {
  font-family: Usual;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  padding-bottom: 10px; }

.shared-steps .ant-steps-item-tail {
  top: 12px; }

.shared-steps .ant-steps-item-tail::after {
  background-color: #eaeae4; }

.shared-steps .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #eaeae4; }

.shared-steps .ant-steps-item-icon {
  line-height: 23px;
  width: 24px;
  height: 24px; }

.shared-steps .ant-steps-item-process .ant-steps-item-icon {
  background-color: #ffe8cc;
  border-color: #ffe8cc; }

.shared-steps .ant-steps-item-finish .ant-steps-item-icon {
  background-color: #16be82;
  border-color: #16be82; }

.shared-steps .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #fb6d3a;
  font-family: Usual;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal; }

.shared-steps .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  font-family: Usual;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #9d9e9d; }

.shared-steps .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon > span[role='img'] {
  width: 14px;
  height: 12px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 1.33px;
  color: #ffffff; }

.shared-steps .ant-steps-item-wait .ant-steps-item-icon {
  background-color: #f8f8f7; }

.shared-steps .ant-steps-label-vertical .ant-steps-item-content {
  margin-top: 4px;
  width: auto; }

.shared-steps .ant-steps-item-title {
  font-family: Usual;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  line-height: 10px; }

.shared-steps .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #fb6d3a; }

.shared-steps .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #9d9e9d; }

.steps-footer {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .steps-footer-btn-continue {
    margin-left: auto; }

.shared-radio-wrapper .ant-radio-inner {
  background-color: transparent;
  border-color: #000000; }

.shared-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #fb6d3a; }

.view-modal .ant-modal-body {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 170px);
  overflow-y: scroll; }

.upload-preview {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center; }
  .upload-preview span[role='img'] {
    font-family: anticon;
    font-size: 48px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.67;
    letter-spacing: normal;
    text-align: center;
    color: #fb6d3a; }

.meetings-table.page-table-bordered table > thead > tr th:first-child .table-title {
  padding-left: 26px !important; }

.meetings-table.page-table-bordered table > thead > tr th.meeting-table-actions .table-title {
  padding-left: 0px !important; }

@media screen and (max-width: 576px) {
  .meetings-table.page-table-bordered table > thead > tr th.meeting-table-actions button.ant-btn.ant-btn-text.task-card-details-button {
    margin: 0px; } }

@media screen and (max-width: 767px) {
  input,
  select,
  textarea {
    font-size: 14px; } }

@media (max-width: 576px) {
  .shared-btn-back::after {
    content: ''; } }

@media screen and (max-width: 576px) {
  .meeting-table-actions button.ant-btn.ant-btn-text.task-card-details-button {
    margin: 0px; } }