@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;700&display=swap);
@charset "UTF-8";
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes slide-in-right {
  100% {
    transform: translateX(calc(100% - 546px));
  }
}
@keyframes slide-in-right-tablet {
  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-out-right {
  0% {
    transform: translateX(calc(100% - 546px));
  }
  100% {
    transform: translateX(100%);
  }
}
.slide-in {
  animation: slide-in 0.5s forwards;
  -webkit-animation: slide-in 0.5s forwards;
}

.slide-out {
  animation: slide-out 0.5s forwards;
  -webkit-animation: slide-out 0.5s forwards;
}

.slide-in-right {
  animation: slide-in-right 0.5s forwards;
  -webkit-animation: slide-in-right 0.5s forwards;
}

.slide-in-right-tablet {
  animation: slide-in-right-tablet 0.5s forwards;
  -webkit-animation: slide-in-right-tablet 0.5s forwards;
}

.slide-out-right {
  animation: slide-out-right 0.5s forwards;
  -webkit-animation: slide-out-right 0.5s forwards;
}

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

.typography-label {
  font-size: 12px !important;
  margin: 0px;
  color: #979CA0 !important;
}

@font-face {
  font-family: Seam;
  src: url("/fonts/seam-regular.otf") format("opentype");
  font-display: swap;
}
.scroll::-webkit-scrollbar {
  display: block !important;
}

.rc-scrollbars-view {
  padding-right: 30px;
}

.rc-scrollbars-track {
  z-index: 0 !important;
}

.scrollbar {
  overflow-x: hidden;
}

.rc-scrollbars-track {
  z-index: 0 !important;
}

#meetings-hub .dashboard-progress {
  min-width: 1070px;
}

.scrollbar__vertical {
  width: 14px !important;
  background-color: rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  padding: 3px;
  border-radius: 30px !important;
}

.scrollbar__horizontal {
  height: 20px !important;
  width: 100% !important;
  background-color: rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  padding: 3px;
  border-radius: 30px !important;
  display: flex;
  align-items: center;
}

.booking-schedule .scrollbar__thumb {
  height: 10px !important;
}

.scrollbar__thumb {
  background-color: #C1C1C1 !important;
  border-radius: 30px !important;
}

#tawk_64b542d694cf5d49dc641931 {
  border-radius: 20px;
  overflow: hidden;
  max-width: 350px;
  border: 2px solid #ebebeb;
}

.Dropdown-root {
  margin-right: 10px;
}
.Dropdown-root .Dropdown-control {
  background-color: #D2DBE2;
  border-radius: 20px;
  height: 56px;
  padding: 9.25px 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Dropdown-root .Dropdown-control .Dropdown-placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Dropdown-root .Dropdown-option {
  white-space: nowrap;
  padding: 10px 22px !important;
}
.Dropdown-root .Dropdown-menu {
  background-color: #D2DBE2;
  border-radius: 20px;
  width: 100%;
  max-height: 150px;
  overflow-y: auto;
  margin-top: 5px;
}
.Dropdown-root .Dropdown-arrow {
  top: unset;
  right: unset;
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Inter;
}

.website {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.website__content {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #EFF2F4;
  display: flex;
  flex-direction: column;
}

.checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.checkbox input {
  margin-right: 10px;
  width: 25px;
  height: 25px;
}

.website-topbar__settings {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #D2DBE2;
  font-size: 16px;
}
.website-topbar__settings img {
  margin-right: 15.5px;
}

.website-topbar__filter {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.website-topbar__filter p {
  margin-right: 30px;
}
.website-topbar__filter .checkbox {
  margin-right: 22px;
}
.website-topbar__filter .checkbox:last-child {
  margin-right: 0px;
}

.website__topbar {
  width: 100%;
  display: flex;
  align-items: start;
  flex-direction: column;
}
@media (min-width: 992px) {
  .website__topbar {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}
.website__topbar a {
  text-decoration: none;
  color: black;
}
.website__topbar .website-row {
  width: unset;
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 992px) {
  .website__topbar .website-row {
    margin-top: 0px;
  }
}
.website__topbar .website-row button {
  margin-top: 0px;
  margin-right: 10px;
}
.website__topbar .website-row button:last-child {
  margin-bottom: 0px;
  margin-right: 0px;
}

.inner {
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: 60px;
  display: flex;
  flex-direction: row;
}

.content {
  width: 100%;
  height: calc(100vh - 120px);
  padding: 36px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow-y: auto;
}
.content h1 {
  font-size: 30px;
  font-weight: 300;
}
.content--normal {
  width: 100% !important;
  margin-left: 0px !important;
}
@media (min-width: 992px) {
  .content {
    width: calc(100% - 183px);
    margin-left: 183px;
    height: calc(100vh - 60px);
  }
}

.grant-cards {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(302px, 1fr));
}

.grant-card {
  border-radius: 20px;
  background-color: white;
  padding: 20px;
  box-sizing: border-box;
}

.grant-card__top {
  display: flex;
  justify-content: space-between;
}
.grant-card__top p {
  font-size: 12px;
}

.grant-card__header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 13px;
  word-break: break-all;
}
.grant-card__header h4 {
  font-size: 16px;
  font-weight: 400;
}
.grant-card__header p {
  font-size: 12px;
  color: #354859;
}

.grant-card__content {
  margin-top: 25px;
}
.grant-card__content p {
  font-size: 12px;
  color: #61707F;
}

.grant-card__buttons {
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.grant-card__buttons .utils__row {
  gap: 31px;
}

.color--blue {
  color: #1577EA;
}
.color--green {
  color: #00C8C3;
}
.color--red {
  color: #ED2855;
}

.color-background--blue {
  background-color: #1577EA;
}
.color-background--green {
  background-color: #00C8C3;
}

.sessions {
  padding: 0px !important;
  gap: 20px !important;
}

.manage-capacity .checkbox-round label {
  background-color: white;
}

.addon-main {
  grid-template-columns: repeat(1, minmax(0px, 1fr)) !important;
}
@media (min-width: 1500px) {
  .addon-main {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}

.responsive-4 {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(1, minmax(0px, 1fr)) !important;
}
@media (min-width: 768px) {
  .responsive-4 {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}
@media (min-width: 992px) {
  .responsive-4 {
    grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;
  }
}
@media (min-width: 1200px) {
  .responsive-4 {
    grid-template-columns: repeat(4, minmax(0px, 1fr)) !important;
  }
}

.receipt-view__info, .receipt-view__item {
  grid-template-columns: repeat(1, minmax(0px, 1fr)) !important;
  display: grid;
  gap: 20px;
}
@media (min-width: 400px) {
  .receipt-view__info, .receipt-view__item {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}
@media (min-width: 576px) {
  .receipt-view__info, .receipt-view__item {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}
@media (min-width: 992px) {
  .receipt-view__info, .receipt-view__item {
    grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;
  }
}
@media (min-width: 1200px) {
  .receipt-view__info, .receipt-view__item {
    grid-template-columns: repeat(4, minmax(0px, 1fr)) !important;
  }
}

.new-booking-columns {
  grid-template-columns: repeat(1, minmax(0px, 1fr)) !important;
  display: grid;
  gap: 20px;
}
@media (min-width: 768px) {
  .new-booking-columns {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}

.html-table {
  position: relative;
  overflow: auto;
  white-space: nowrap;
  border-radius: 20px;
}

.html-table__header .html-table__complete, .html-table__header .html-table__sticky {
  display: table-cell;
}

.html-table__sticky {
  position: sticky;
  left: 0px;
  min-width: unset !important;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f1f1f1;
  min-width: 40px !important;
  max-width: 40px !important;
  justify-content: center;
  align-items: center;
  display: flex;
}
.html-table__sticky button {
  width: 30px !important;
  height: 30px !important;
}

.html-table__sticky2 {
  position: sticky;
  left: 61.25px;
  min-width: unset !important;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f1f1f1;
}

.html-table__complete {
  position: sticky;
  left: 61.25px;
  min-width: 81px !important;
  max-width: 81px !important;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f1f1f1;
}
.html-table__complete button {
  width: 30px !important;
  height: 30px !important;
}

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

.html-table__unprocess {
  outline: none;
  border: none;
  border-radius: 20px;
  color: white;
  font-size: 13px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  text-decoration: none;
  cursor: pointer;
  gap: 15px;
  background-color: #D2DBE2;
  padding: 7px 10px;
  width: -moz-fit-content !important;
  width: fit-content !important;
  background-color: #00C8C3 !important;
  width: 40px !important;
  justify-content: center !important;
}
.html-table__unprocess div {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.html-table__unprocess .button__icon {
  margin-right: 13px;
}
.html-table__unprocess .button__icon img {
  width: 20px;
  height: 20px;
  filter: grayscale(1) invert(1);
}
.html-table__unprocess:hover {
  background-color: #151515;
}
.html-table__unprocess--can-be-mobile {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0px;
  justify-content: center;
}
.html-table__unprocess--can-be-mobile p {
  display: none;
}
.html-table__unprocess--can-be-mobile div, .html-table__unprocess--can-be-mobile .button__icon {
  margin-right: 0px;
}
.html-table__unprocess--can-be-mobile svg {
  display: none;
  width: 20px;
}
.html-table__unprocess--can-be-mobile .button__icon svg {
  display: block;
}
@media (min-width: 576px) {
  .html-table__unprocess--can-be-mobile {
    border-radius: 20px;
    justify-content: space-between;
    padding: 7px 10px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .html-table__unprocess--can-be-mobile p {
    display: block;
  }
  .html-table__unprocess--can-be-mobile svg {
    display: block;
  }
  .html-table__unprocess--can-be-mobile .button__icon {
    margin-right: 13px;
  }
}
.html-table__unprocess--mobile {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0px;
  justify-content: center;
}
.html-table__unprocess--mobile .button__icon {
  margin-right: 0px;
}
.html-table__unprocess--mobile p {
  display: none;
}
.html-table__unprocess--mobile div, .html-table__unprocess--mobile img {
  margin-right: 0px;
}
.html-table__unprocess--mobile svg {
  display: none;
  width: 20px;
  height: 20px;
}
.html-table__unprocess div {
  display: none !important;
}
.html-table__unprocess:hover {
  background-color: #ED2855 !important;
}
.html-table__unprocess:hover:before {
  content: "✖";
}
.html-table__unprocess:before {
  content: "✔";
}

.html-table__selected {
  background-color: #00C8C3;
}

.receipt-index .select-dropdown__content {
  z-index: 2 !important;
}

.html-table__header--sticky {
  position: absolute;
  top: 0px;
  background-color: #f1f1f1 !important;
  z-index: 1;
  font-weight: 600;
}
.html-table__header--sticky .html-table__complete {
  display: table-cell !important;
}

.html-table__header tr td {
  font-weight: 500 !important;
}

.html-table__table {
  font-family: arial, sans-serif;
  width: 100%;
  background-color: white;
  border-radius: 20px;
  border-spacing: 0;
  border-collapse: inherit;
}
.html-table__table th,
.html-table__table td {
  border: 1px solid #C6C7D1;
}
.html-table__table tr + tr th,
.html-table__table tr + tr td {
  border-top: 0;
}
.html-table__table th + th,
.html-table__table th + td,
.html-table__table td + th,
.html-table__table td + td {
  border-left: 0;
}
.html-table__table th:last-child,
.html-table__table td:last-child {
  border-right: 0;
}
.html-table__table tr:last-child th,
.html-table__table tr:last-child td {
  border-bottom: 0;
}
.html-table__table td, .html-table__table th {
  border: 1px solid #C6C7D1;
  text-align: left;
  padding: 10px;
  color: #354859;
}
.html-table__table tr {
  background-color: white;
}
.html-table__table tr:first-child {
  left: 0px;
}
.html-table__table tr td:last-child {
  font-weight: 600;
}
.html-table__table tr:first-child td {
  font-weight: 600;
  color: black;
  background-color: #f1f1f1;
  cursor: pointer;
}
.html-table__table tr:first-child th:last-child {
  border-top-right-radius: 20px;
}
.html-table__table tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}

.content-container {
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 30px;
  background-color: #F5F8FA;
}
.content-container--clear {
  background-color: unset;
}
.content-container--clear .content-container__icon {
  display: none;
}
.content-container--nopadding {
  padding: 0px;
}

.content-container__head {
  display: flex;
  justify-content: space-between;
}

.content-container__filters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}
.content-container__icon img {
  width: 20px;
  height: 20px;
}

.content-container__navigation {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 52px;
}

.content-container-navigation__mobile {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 700px) {
  .content-container-navigation__mobile {
    display: none !important;
  }
}

.content-container-navigation__desktop {
  display: none;
}
@media (min-width: 700px) {
  .content-container-navigation__desktop {
    display: flex !important;
  }
}

.row-gap {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}

.content-container__child {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.content-container__top {
  padding: 20px 0px;
  border-bottom: 1px solid #D2DBE2;
}

.content-container__child-split {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  border: none;
}

.content-container__title {
  font-size: 18px;
}

.content-container__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.content-container__row span {
  width: 30px;
  height: 30px;
  background-color: #1577EA;
  font-size: 12px;
  color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mobile-section-handler__desktop {
  display: none;
}
@media (min-width: 576px) {
  .mobile-section-handler__desktop {
    display: grid;
  }
}

.layout {
  margin-top: 30px;
}

.layout-container {
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
}

.layout__topbar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  z-index: 2;
  border-bottom: 1px solid #EFF2F4;
}
@media (min-width: 1250px) {
  .layout__topbar {
    flex-direction: row;
    gap: 0px;
  }
}
.layout__topbar--fm {
  padding: 20px 36px;
  background-color: white;
  border-bottom: 1px solid #D7E2F0;
  margin-left: -36px;
  margin-right: -36px;
  margin-top: -36px;
  position: sticky;
  top: -36px;
}

.layout__middle {
  width: 100%;
  margin-top: 30px;
}

.layout__inner {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .layout__inner {
    display: grid;
  }
}
.layout__inner:last-child {
  margin-bottom: 0px;
}

.mobile-section-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .mobile-section-buttons {
    display: none;
  }
}

.mobile-section-buttons__button {
  border-radius: 20px;
  background-color: #1577EA;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  cursor: pointer;
}

.layout__seventy-thirty {
  grid-template-columns: calc(70% - 35px) 30%;
  grid-gap: 35px;
}

.layout__sixty-fourty {
  grid-template-columns: calc(60% - 35px) 40%;
  grid-gap: 35px;
}

.layout__fifty-fifty {
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.layout__fifty-fifty .layout__main-container {
  width: 100%;
}

.layout__min-max {
  grid-template-columns: 1fr;
}
.layout__min-max .layout__main-container {
  width: 100%;
}

.layout__main-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 20px;
}

.layout__inner-container {
  width: 100%;
  box-sizing: border-box;
  border-radius: 20px;
  margin-bottom: 20px;
}
.layout__inner-container:last-child {
  margin-bottom: 0px;
}

.mobile-section-handler__desktop {
  display: none;
}
.mobile-section-handler__desktop--toggled {
  display: none;
}
@media (min-width: 576px) {
  .mobile-section-handler__desktop {
    display: block;
  }
}

.mobile-section-handler__mobile {
  display: none;
  overflow-y: auto;
  height: 100%;
}
.mobile-section-handler__mobile--toggled {
  display: block;
}

.mobile-section-handler__preview {
  display: none;
}
.mobile-section-handler__preview--toggled {
  display: block;
}

.layout__outer-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 35px;
}
@media (min-width: 968px) {
  .layout__outer-container {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .layout__outer-container {
    display: flex;
    flex-direction: column;
  }
}

.mobile-section-handler__screen--toggled {
  display: block;
  width: calc(100% - 72px);
  height: 100vh;
  position: absolute;
  top: 0px;
  padding-top: 36px;
}
@media (min-width: 576px) {
  .mobile-section-handler__screen--toggled {
    display: none;
  }
}

.mobile-section-handler__screen__head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 20px;
}

.mobile-section-handler__screen__close {
  text-decoration: underline;
  cursor: pointer;
}

.container-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  grid-gap: 30px;
}
.container-grid .card {
  min-width: unset;
  min-height: unset;
  max-width: unset;
}
.container-grid .card__buttons {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}
@media (min-width: 905px) {
  .container-grid {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
}

.rich-text * {
  font-family: Inter !important;
}

.container-index {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.container-index__filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.container-index__content {
  margin-bottom: 30px;
}

.container-index__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.container-index__pagination p {
  font-size: 14px;
  color: #929BA8;
}

.state-pages__navgiation {
  color: #1577EA;
  font-size: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.state-pages__navgiation svg {
  margin-left: 10px;
}
.state-pages__navgiation--hidden {
  opacity: 0 !important;
  cursor: unset;
}
.state-pages__navgiation--background {
  background-color: #1577EA;
  height: 37px;
  padding: 0px 15px;
  border-radius: 20px;
  color: white !important;
}
.state-pages__navgiation--background svg path {
  fill: white;
}
.state-pages__navgiation--backgroundDisabled {
  background-color: #C6C7D2;
  height: 37px;
  padding: 0px 15px;
  border-radius: 20px;
  color: white !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  cursor: unset !important;
  opacity: 0.4;
}
.state-pages__navgiation--backgroundDisabled svg path {
  fill: white !important;
}
.state-pages__navgiation--disabled {
  color: #C6C7D2 !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  cursor: unset !important;
}
.state-pages__navgiation--disabled svg path {
  fill: #C6C7D2;
}

.state-pages__back {
  flex-direction: row-reverse;
}
.state-pages__back svg {
  margin-left: 0px;
  margin-right: 10px;
  transform: rotate(180deg);
}

.container-table {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px;
  gap: 10px;
}

.container-table__headers {
  display: flex;
  gap: 50px;
}

.container-table__header {
  font-size: 12px;
  color: #979CA0;
}

.container-table-column__name {
  color: #C6C7D2;
}

.container-table__rows {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.container-table__row {
  display: flex;
  align-items: center;
  gap: 50px;
  font-size: 15px !important;
}

.container-table-row__cell {
  display: flex;
}

.container__header {
  margin-bottom: 20px;
}

.container__content {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.container__title {
  font-size: 18px !important;
}

.breadcrumb {
  font-size: 20px !important;
  display: flex;
  align-items: center;
  gap: 6px;
}
.breadcrumb a {
  text-decoration: none !important;
  color: black !important;
}
.breadcrumb a:hover {
  color: #1577EA !important;
}
.breadcrumb a:last-child {
  color: #1577EA !important;
  font-weight: 500;
}
.breadcrumb svg {
  color: rgba(0, 0, 0, 0.6);
}

.breadcrumb__home {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  width: 25px;
  height: 25px;
}
.breadcrumb__home img {
  width: 18px;
  height: 18px;
}

.section__title {
  font-size: 24px;
  font-weight: 500;
}

.section__description {
  font-size: 14px;
  font-weight: 400;
}

.reusable-dropdown {
  border: 1px solid #D2DBE2;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.reusable-dropdown--nostyles {
  padding: 0px !important;
  border: none !important;
  gap: 0px !important;
}

.reusable-dropdown__title {
  font-size: 18px;
}

.resusable-dropdown__head {
  display: flex;
  flex: 1;
  min-height: 50.51px;
  align-items: center;
  justify-content: space-between;
}

.chatbox, .tasks {
  padding: 20px;
  box-sizing: border-box;
  background-color: white;
  width: 516px;
}

.chatbox__head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.chatbox__chat {
  border-radius: 20px;
  background-color: #F5F8FA;
  padding: 10px;
  box-sizing: border-box;
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 90px);
  gap: 15px;
}

.chatbox__messages {
  height: 100%;
  overflow: auto;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-right: 20px;
}

.chatbox-message__outer {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.chatbox-message__outer--sent {
  align-items: flex-end;
}
.chatbox-message__outer--received {
  align-items: flex-start;
}

.chatbox-message, .chatbox-message-full {
  border-radius: 10px;
  padding: 13px;
  box-sizing: border-box;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  max-width: 80% !important;
  min-width: 200px;
  gap: 10px;
}
.chatbox-message--sent {
  background-color: #929BA8;
}
.chatbox-message--received {
  background-color: #FF7612;
}
@media (min-width: 968px) {
  .chatbox-message, .chatbox-message-full {
    min-width: 350px;
  }
}

.chatbox-message-task .chatbox-message__sender, .chatbox-message-task .chatbox-message__date {
  align-self: end;
}

.chatbox-message-full {
  min-height: 100px;
  max-width: 100%;
  width: 100%;
  justify-content: space-between;
  background-color: #FF7612;
}

.chatbox-message__fileName {
  font-size: 12px;
  text-align: center;
  color: white;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chatbox-message__date {
  color: #C6C7D2;
  font-size: 12px;
}

.chatbox-message__message {
  color: white;
  word-break: break-all;
}

.chatbox-message__sender {
  font-size: 12px;
  color: #354859;
}

.chatbox-message__icon {
  display: flex;
  align-self: center;
  width: 50px;
}
.chatbox-message__icon img {
  width: 100%;
}

.chatbox__close {
  width: 50px;
  height: 50px;
  background-color: #61707F;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 50%;
  transition: 0.2s;
}
.chatbox__close:hover {
  background-color: #353d45;
  cursor: pointer;
}

.chatbox-head__text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: calc(100% - 100px);
}

.chatbox-head-text__title {
  font-size: 14px;
}

.chatbox-head-text__logged {
  font-size: 12px;
  color: #354859;
}

.chatbox__input {
  border: 1px solid #BEC0CB;
  border-radius: 10px;
  background-color: white;
  padding: 10px;
  box-sizing: border-box;
  gap: 20px;
  display: flex;
  justify-content: space-between;
}
.chatbox__input textarea {
  width: 100%;
  border: none;
  outline: none;
  font-family: Inter;
}

.chatbox-input__buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tasks .chatbox__chat {
  margin-top: 0px !important;
}

.activity-item-new {
  border-radius: 20px;
  background: white;
  margin-bottom: 20px;
  padding: 20px;
  gap: 20px;
  display: flex;
  flex-direction: row;
}
.activity-item-new svg {
  width: 30px;
  height: 28px;
}

.activity-item-new--red {
  background-color: #EA1557;
}
.activity-item-new--red .activity-item-new__title, .activity-item-new--red .activity-item-new__top, .activity-item-new--red .activity-item-new__body {
  color: white;
}
.activity-item-new--red .activity-item-new__button-wrapper .blue-arrow-button {
  color: #1577EA;
  background-color: white;
}
.activity-item-new--red svg path {
  fill: white;
}

.activity-item-new--orange {
  background-color: #FF7612;
}
.activity-item-new--orange .activity-item-new__title, .activity-item-new--orange .activity-item-new__top, .activity-item-new--orange .activity-item-new__body {
  color: white;
}
.activity-item-new--orange .activity-item-new__button-wrapper .blue-arrow-button {
  color: #1577EA;
  background-color: white;
}
.activity-item-new--orange svg path {
  fill: white;
}

.activity-item-new--green {
  background-color: #00C8C3;
}
.activity-item-new--green .activity-item-new__title, .activity-item-new--green .activity-item-new__top, .activity-item-new--green .activity-item-new__body {
  color: white;
}
.activity-item-new--green .activity-item-new__button-wrapper .blue-arrow-button {
  color: #1577EA;
  background-color: white;
}
.activity-item-new--green svg path {
  fill: white;
}

.activity-item-new--blue {
  background-color: #1577EA;
}
.activity-item-new--blue .activity-item-new__title, .activity-item-new--blue .activity-item-new__top, .activity-item-new--blue .activity-item-new__body {
  color: white;
}
.activity-item-new--blue .activity-item-new__button-wrapper .blue-arrow-button {
  color: #1577EA;
  background-color: white;
}
.activity-item-new--blue svg path {
  fill: white;
}

.activity-item-new__content {
  display: flex;
  flex-direction: column;
  width: calc(100% - 100px);
}

.activity-item-new__button-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 30px;
}

.activity-item-new__top {
  color: #1577EA;
  margin-bottom: 10px;
  font-size: 10px;
  text-transform: capitalize;
}

.activity-item-new__title {
  font-size: 13px;
  margin-bottom: 10px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 330px;
}

.activity-item-new__body {
  font-size: 12px;
}

.date-time-picker {
  border: 1px solid #EDEDED;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
}
.date-time-picker--readonly {
  cursor: unset !important;
}

.date-time-picker__date, .date-time-picker__time {
  padding: 20px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1976F8;
  font-size: 16px;
  white-space: nowrap;
  flex: 1;
}

.date-time-picker__date {
  border-right: 1px solid #EDEDED;
}

.date-time-popup__outer {
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.date-time-popup {
  display: flex;
  flex-direction: column;
  gap: 0px;
  background: white;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .date-time-popup {
    width: 70%;
    height: auto;
    max-width: 1300px;
    width: auto;
    margin: auto 50px;
    border-radius: 10px;
  }
}

.popup-new {
  width: 100% !important;
}

.popup-new__content {
  background-color: #F5F8FA;
  padding: 30px;
  box-sizing: border-box;
  margin-bottom: 70px;
}

.date-time-popup__head {
  border-bottom: 1px solid #D2DBE2;
  padding: 30px;
  margin-bottom: 0px;
}

.date-time-popup__content {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1200px) {
  .date-time-popup__content {
    grid-template-columns: 1fr 1fr;
  }
}

.date-time-popup__calender {
  padding: 30px;
  box-sizing: border-box;
  border-right: 1px solid #D2DBE2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media (min-width: 560px) {
  .date-time-popup__calender {
    gap: 0px;
  }
}
@media (min-width: 1200px) {
  .date-time-popup__calender {
    padding: 30px 50px;
  }
}
.date-time-popup__calender .numbered-label {
  width: 100%;
}
.date-time-popup__calender .react-calendar__month-view__weekdays__weekday {
  color: #00C8C3 !important;
  font-size: 9px !important;
}
.date-time-popup__calender .react-calendar__tile--active {
  background-color: #1976F8 !important;
  color: white !important;
}
.date-time-popup__calender .react-calendar__tile--active .appointment-cal__day {
  color: white !important;
}

.date-time-popup__times {
  padding: 30px 50px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.date-time-popup-times__time {
  flex-direction: column;
}
@media (min-width: 520px) {
  .date-time-popup-times__time {
    flex-direction: row;
  }
}

.date-time-popup__information {
  padding: 30px 50px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 40px;
  border-top: 1px solid #D2DBE2;
}

.date-time-popup-information__details {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 520px) {
  .date-time-popup-information__details {
    grid-template-columns: 1fr 1fr;
  }
}

.numbered-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  font-size: 16px;
  color: #354859;
}

.numbered-label__number {
  width: 30px;
  height: 30px;
  background-color: #FCF7FF;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1577EA;
  font-size: 12px;
  border-radius: 50%;
}

.booking-note {
  width: 100%;
  border: 1px solid #C6C7D1;
  border-radius: 20px;
  background-color: white;
  padding: 20px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  position: relative;
}
.booking-note--deleted {
  opacity: 0.3;
}

.booking-note__delete {
  color: #ff4e4e;
  cursor: pointer;
  font-size: 16px;
  background-color: #dedee2;
  border: 1px solid #C6C7D1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  width: 30px;
  height: 30px;
  font-weight: 600;
}

.booking-note__content {
  font-size: 14px;
  color: black;
}

.booking-note__alt {
  font-size: 12px;
  color: #1577EA;
}

.status-bar {
  border-radius: 0px 0px 20px 20px;
  display: flex;
}

.status-bar__head {
  padding: 30px 20px;
  font-size: 20px;
  color: white;
  box-sizing: border-box;
  text-wrap: nowrap;
  border-right: 1px solid white;
}

.status-bar__content {
  width: -webkit-fill-available;
  padding: 30px;
  color: white;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.status-bar--error {
  background-color: #EA1557;
}

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

.divider {
  width: 100%;
  height: 1px;
  background-color: #D7E2F0;
}
.divider--vertical {
  width: 1px;
  height: auto;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.pill {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 26px;
  color: white;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #61707F;
}
.pill svg {
  width: 20px;
  height: 20px;
}

.pill--small {
  height: -moz-fit-content;
  height: fit-content;
  padding: 7px 10px;
  font-size: 12px;
}

.pill--big {
  padding: 0px 24px;
  height: 56px;
  font-size: 16px;
  background-color: #354859;
}

.pill--untoggled {
  background-color: #d8d8d8;
}

.nav-button {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-color: white;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: white;
  background-color: #929BA8;
  font-size: 12px;
}
.nav-button:hover {
  background-color: #929BA8;
  color: white;
}
.nav-button:hover svg path {
  stroke: white;
}
@media (min-width: 576px) {
  .nav-button svg {
    margin-left: 9px;
  }
}
.nav-button .nav-button__text {
  display: none;
}
@media (min-width: 576px) {
  .nav-button .nav-button__text {
    display: block;
  }
}
@media (min-width: 576px) {
  .nav-button {
    width: unset;
    border-radius: 20px;
    padding: 0px 20px;
  }
}
.nav-button--mobile {
  width: 35px;
  padding: 0px;
}
.nav-button--mobile .nav-button__text {
  display: none;
}
.nav-button--mobile svg {
  margin-left: 2px;
}
.nav-button--mobile svg path {
  stroke: white;
}

.nav-button__off {
  background-color: white !important;
  color: #61707F !important;
  cursor: unset !important;
}
.nav-button__off svg path {
  stroke: #61707F !important;
}

.nav-button__on {
  color: white;
  background-color: #929BA8;
}

@media (min-width: 576px) {
  .nav-button__next svg {
    margin-left: 9px;
  }
}

.nav-button__previous {
  flex-direction: row-reverse;
}
.nav-button__previous svg {
  transform: rotate(180deg);
  margin-left: 0px;
}
@media (min-width: 576px) {
  .nav-button__previous svg {
    margin-right: 9px;
  }
}

.nav-button__next, .nav-button__previous {
  background-color: #1577EA;
  color: white;
}
.nav-button__next svg path, .nav-button__previous svg path {
  stroke: white;
}
.nav-button__next:hover, .nav-button__previous:hover {
  background-color: #115fbb;
}
.nav-button__next:active, .nav-button__previous:active {
  background-color: #2c85ec;
}

.tasks .chatbox__chat {
  margin-top: 0px !important;
}

.error-container__errors {
  margin-top: 15px;
}
.error-container__errors p {
  color: #ff3556;
  font-size: 12px;
  margin-bottom: 0px;
}

.label-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.label-container label {
  font-size: 12px !important;
  margin: 0px;
  color: #979CA0 !important;
}

.results-list-item {
  width: 100%;
  border: 1px solid #C6C7D1;
  border-radius: 20px;
  background-color: white;
  padding: 13px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}
@media (min-width: 576px) {
  .results-list-item {
    align-items: center;
    flex-direction: row;
    height: 80px;
    padding: 0px 13px;
  }
}

.results-list-item__icon {
  margin-right: 13px;
}

.results-list-item__title {
  font-size: 14px !important;
  color: black !important;
}

.results-list-item__id {
  color: #1577EA !important;
  max-height: 14px;
  overflow: hidden;
}

.results-list-item__footer {
  color: #929BA8 !important;
  max-height: 11px;
}

.results-list-item__info {
  align-items: flex-end;
}

.results-list-item__text {
  display: flex;
  flex-direction: column;
  gap: 6.25px;
}
.results-list-item__text p {
  color: #929BA8;
  font-size: 12px;
}

.results-list-item__main {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.results-list-item__main svg {
  width: 30px;
}
.results-list-item__main svg path {
  fill: #d4d4d4;
  stroke: #d4d4d4 !important;
}

.results-list-item__metas {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top: 1px solid #C6C7D2;
  border-bottom: 1px solid #C6C7D2;
  padding: 10px 0px;
  margin-top: 10px;
  text-transform: capitalize;
}
@media (min-width: 576px) {
  .results-list-item__metas {
    border: unset;
    padding: 0px;
    margin-top: 0px;
    width: initial;
  }
}

.results-list-item__metas.results-list-item__metas--with-one.results-list-item__metas--with-two {
  max-width: 600px;
  margin-left: auto;
  width: 100%;
}

.results-list-item__meta {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 300px;
}
.results-list-item__meta:last-child {
  border-left: 1px solid #C6C7D2;
}
.results-list-item__meta p {
  color: #BEC0CB;
  font-size: 12px;
}
@media (min-width: 576px) {
  .results-list-item__meta {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    border-left: 1px solid #C6C7D2;
  }
}

.results-list-item__actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 13px;
}
@media (min-width: 576px) {
  .results-list-item__actions {
    margin-top: 0px;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}

.results-list-item-meta-info {
  max-width: 300px;
  width: 100%;
  min-width: 100px;
  text-align: right;
}
.results-list-item-meta-info p {
  font-style: italic;
  color: #BEC0CB;
  font-size: 12px;
}

.results-list {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.results-list__head {
  display: none;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  padding-right: 53px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .results-list__head {
    display: flex;
  }
}

.results-list__header-secondary {
  width: 100%;
  max-width: 600px;
  display: flex;
}

.results-list__title {
  padding-left: 13px;
  font-size: 12px;
  color: #929BA8;
  width: 100%;
  max-width: 300px;
}
.results-list__title:first-child {
  width: 100%;
  max-width: initial;
}

.results-list__items {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}

.attendee-search {
  position: relative;
}

.attendee-search__results {
  width: 100%;
  position: absolute;
  margin-top: 10px;
  padding: 20px;
  background-color: white;
  box-sizing: border-box;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.attendee-search__result {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.attendee-search__result .label-container label {
  text-decoration: underline;
}

.attendee-search-result__meetings {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.attendee-search-result-item__name {
  font-size: 15px;
  color: #a5a5a5;
  font-weight: 400;
  text-decoration: none !important;
}

.topbar-responsive {
  width: 100%;
  height: 60px;
  padding: 0px 36px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 992px) {
  .topbar-responsive {
    display: none !important;
  }
}

.topbar-responsive__icon {
  width: 30px;
  height: 30px;
  border-radius: 20px;
}
.topbar-responsive__icon:last-child {
  margin-left: 20px;
}

.topbar-responsive__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.topbar {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #EFF2F4;
  position: fixed;
  background-color: #ffffff;
  z-index: 100;
}

.topbar__content {
  width: 100%;
  visibility: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .topbar__content {
    visibility: visible;
  }
}

.topbar__head {
  max-width: 183px;
  min-width: 183px;
  height: 60px;
  border-right: 1px solid #EFF2F4;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}
.topbar__head h1 {
  font-size: 24px;
  font-weight: 500;
  font-family: Seam;
}
.topbar__left {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0px 36px;
  box-sizing: border-box;
}

.topbar__right {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 55px;
}
@media (min-width: 960px) {
  .topbar__right {
    width: 100%;
    justify-content: flex-end;
  }
}

.topbar__inner {
  width: 337px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 960px) {
  .topbar__inner {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 968px) {
  .topbar__inner {
    position: none;
  }
}

.topbar-menu__icon {
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0px 0px 5px #A4C9F4;
  transition: 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.topbar-menu__icon img {
  transform: rotate(90deg);
}
.topbar-menu__icon--toggled {
  transform: rotate(180deg);
}
.topbar-menu__icon:hover {
  cursor: pointer;
}
@media (min-width: 960px) {
  .topbar-menu__icon {
    margin-left: 0px;
  }
}

.notifications__menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}

.user-info {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-right: 47px;
}
.user-info img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-left: 20px;
}

.user-info__inner {
  margin-left: 10px;
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-info__inner h4 {
  font-size: 16px;
  font-weight: 500;
  max-width: 200px;
}
.user-info__inner p {
  font-size: 12px;
  color: #707070;
}
@media (min-width: 960px) {
  .user-info__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

.sidebar {
  border-right: 1px solid #EFF2F4;
  display: block;
  background-color: #ffffff;
  position: absolute;
  transform: translateX(-100%);
  width: 100%;
  height: 100%;
  padding: 20px 0px;
  z-index: 9;
  overflow-x: hidden;
}
@media (min-width: 576px) {
  .sidebar {
    width: 183px;
    min-width: 183px;
  }
}
@media (min-width: 992px) {
  .sidebar {
    width: 183px !important;
    min-width: 183px;
    position: fixed;
    transform: translateX(0%) !important;
    height: 100%;
  }
}
.sidebar.open .sidebar__inner {
  margin-left: -100%;
}

.sidebar__col {
  width: 100%;
}

.sidebar__inner {
  width: 200%;
  position: relative;
  margin-left: 0%;
  transition: 0.4s;
  display: flex;
  justify-content: space-between;
}

.sidebar__links {
  height: 100%;
  width: 200%;
  display: flex;
  flex-direction: column;
  padding-left: 28px;
  padding-right: 17px;
  overflow: auto;
}
.sidebar__links a {
  text-decoration: none;
  color: #000000;
}

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

.sidebar-notification {
  width: 50%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-notification p {
  font-size: 17px;
}
.sidebar-notification span {
  width: 30px;
  height: 30px;
  background-color: #1577EA;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: white;
}
.sidebar-notification--toggled {
  background-color: #EFF2F4;
  border-radius: 0px 0px 0px 20px;
}

.notification-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  padding: 0px 18px 0px 28px;
  border-left: 1px solid #EFF2F4;
  border-right: 1px solid #EFF2F4;
  cursor: pointer;
  transition: 0.6s;
}
.notification-item .notification-item__icon {
  transition: 0.4s;
}
.notification-item.scale .notification-item__icon {
  transform: scale(1.2);
}
.notification-item--toggled {
  background-color: #FF7612 !important;
}
.notification-item--read {
  background-color: #ebebeb !important;
}
.notification-item--read .notifications-item__date, .notification-item--read .notifications-item__type {
  color: #1577EA;
}
.notification-item--read .notifications-item__button {
  background-color: #1577EA;
  color: #FFFFFF;
}
.notification-item--read .notifications-item__name, .notification-item--read .notifications-item__description {
  color: #000000;
}

.notification-item__icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #1577EA;
  margin-left: -15px;
  margin-top: -15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: white;
}

.icon__notication {
  width: 23.68px;
  height: 29.32px;
}

.icon__messages {
  width: 31.64px;
  height: 23.82px;
}

.notifications-responsive {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #ffffff;
  border-top: 1px solid #EFF2F4;
  width: 100%;
  height: 60px;
  position: fixed;
  bottom: 0px;
  display: flex;
  z-index: 100;
}
.notifications-responsive .notification-item {
  width: 100%;
  justify-content: center;
}
@media (min-width: 992px) {
  .notifications-responsive {
    display: none;
  }
}

.search-bar {
  width: calc(100% - 147px);
  height: 100%;
  border-radius: 20px;
  box-sizing: border-box;
  outline: none;
  padding: 0px 10px;
  border: none;
  font-size: 12px;
  background-color: transparent;
}

.search {
  position: relative;
  height: 100%;
  background-color: white;
  width: 100%;
  border-radius: 20px;
  border: 1px solid #BEC0CB;
  background-color: #F5F8FA;
}
.search .search-bar__inner button {
  border-radius: 0px 20px 20px 0px;
}
.search--toggled {
  border-radius: 20px 20px 0px 0px;
}
.search--toggled .search-bar__inner button {
  border-radius: 0px 20px 0px 0px;
}
.search .search-bar__results {
  padding: 10px;
  box-sizing: border-box;
  position: absolute;
  top: 35px;
  display: flex;
  flex-direction: column;
  border: 1px solid #BEC0CB;
  gap: 30px;
  background-color: #F5F8FA;
  border-radius: 0px 0px 20px 20px;
  z-index: 1;
  max-height: 250px;
  overflow: auto;
}
.search .search-bar__results .button {
  background-color: #1577EA;
  height: 25px;
}

.search-bar--white {
  background-color: white !important;
}

.search-bar--toggled {
  border-radius: 20px 20px 0px 0px;
}

.search-bar__outer {
  max-width: 569px;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.search-bar__icon {
  width: 24px;
  height: 24px;
  margin-left: 10px;
}

.search-bar__inner {
  width: 100%;
  height: 35px;
  border-radius: 20px;
  outline: none;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.search-bar__inner--toggled {
  border-radius: 20px 20px 0px 0px;
}
.search-bar__inner button {
  width: 112.59px;
  height: 100%;
  border-radius: 20px;
  outline: none;
  border: none;
  background: #1577EA;
  color: white;
  font-size: 12px;
  padding: 0px 20px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search-bar__results {
  width: 100%;
  top: 36px;
  position: absolute;
  box-sizing: border-box;
  outline: none;
  background-color: #FFFFFF;
  border: 1px solid #EFF2F4;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 20px;
}

.search-bar__results-head {
  box-sizing: border-box;
  padding: 16px;
  color: #707070;
  font-size: 12px;
  background-color: #EFF2F4;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.search-bar__results-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #EFF2F4;
  box-sizing: border-box;
  padding: 20px 0px;
  font-size: 12px;
  color: #1577EA;
  cursor: pointer;
}

.results-head__refine {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 12px;
  color: #1577EA;
  cursor: pointer;
}
.results-head__refine img {
  margin-left: 20px;
  filter: invert(29%) sepia(62%) saturate(3827%) hue-rotate(203deg) brightness(102%) contrast(84%);
}

.search-bar__results-body {
  max-height: 180px;
  box-sizing: border-box;
  padding: 9px;
  overflow: auto;
  overflow-y: none;
}

.search-result {
  padding: 5px 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  margin-bottom: 7px;
}
.search-result p, .search-result b {
  font-size: 14px;
}
.search-result b {
  font-weight: 500;
}
.search-result:hover {
  background-color: #1577EA;
  cursor: pointer;
}
.search-result:hover p {
  color: white;
}
.search-result:last-child {
  margin-bottom: 0px;
}

.user-dropdown {
  position: absolute;
  top: 61px;
  left: 0px;
  width: 100%;
  flex-direction: column;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 12px;
  border-radius: 0px 0px 20px 20px;
  padding: 30px 0px;
  z-index: 10;
  overflow: hidden;
}
.user-dropdown a {
  text-decoration: none;
  color: black;
  font-size: 14px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .user-dropdown {
    width: 337px;
    top: 61px;
    right: 55px;
    left: unset;
  }
}

.user-dropdown__item {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px 29px;
  cursor: pointer;
}
@media (min-width: 992px) {
  .user-dropdown__item:first-child {
    display: none !important;
  }
}
.user-dropdown__item h3 {
  font-size: 20px;
  font-weight: 400;
}
.user-dropdown__item p {
  font-size: 12px;
}
.user-dropdown__item:last-child {
  margin-bottom: 0px;
}
.user-dropdown__item:active {
  background-color: #e6e6e6 !important;
}
.user-dropdown__item:hover {
  background-color: #f0f0f0;
}
.user-dropdown__item:first-child:hover {
  background-color: transparent;
}
.user-dropdown__item:first-child:active {
  background-color: transparent !important;
}

.search-outer {
  width: 100%;
  position: absolute;
  display: none;
  z-index: 10;
  padding: 18px;
  top: 61px;
  border-bottom: 1px solid #EFF2F4;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 12px;
  border-radius: 0px 0px 20px 20px;
  background-color: white;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.search-outer input {
  margin: 0px !important;
  max-width: none !important;
}

.input-outer {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.input-outer label {
  font-size: 12px;
}
.input-outer input {
  height: 45px;
  border: 1px solid #D2DBE2;
  outline: none;
  border-radius: 20px;
  font-size: 14px;
  background-color: #F5F8FA;
  box-sizing: border-box;
  padding: 0px 15px;
}
.input-outer input:-moz-read-only {
  background-color: #FFFFFF !important;
  border: none;
  padding-left: 0px;
}
.input-outer input:read-only {
  background-color: #FFFFFF !important;
  border: none;
  padding-left: 0px;
}
.input-outer textarea {
  resize: none;
  min-height: 200px;
  padding: 20px;
}
.input-outer .Dropdown-root {
  width: 100%;
}
.input-outer .Dropdown-root .ucfirst, .input-outer .Dropdown-root .Dropdown-placeholder {
  text-transform: capitalize;
}
.input-outer--full {
  width: 100%;
}
.input-outer:last-child {
  margin-bottom: 0px;
}

.input-outer__select {
  display: flex;
  flex-direction: row;
}
.input-outer__select input {
  width: 70%;
  border-radius: 20px 0px 0px 20px;
}
.input-outer__select button {
  width: 30%;
  height: auto;
  outline: none;
  border: none;
  color: white;
  background-color: #1577EA;
  border-radius: 0px 20px 20px 0px;
  padding: 0px 10px;
}
.input-outer__select button:hover {
  cursor: pointer;
  background-color: #000000;
}

.input-outer__error {
  border: 1px solid #ff3556 !important;
}

.input-outer__small input {
  height: 30px;
}

.input-outer__row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.input-outer__errors p {
  color: #ff3556;
  font-size: 12px;
  margin-bottom: 0px;
}

textarea {
  resize: none;
  min-height: 200px;
  padding: 20px;
  border: 1px solid #D2DBE2;
  outline: none;
  border-radius: 20px;
  font-size: 14px;
  background-color: #F5F8FA;
  box-sizing: border-box;
}
textarea:-moz-read-only {
  background-color: #FFFFFF !important;
  border: none;
  padding-left: 0px;
}
textarea:read-only {
  background-color: #FFFFFF !important;
  border: none;
  padding-left: 0px;
}

.react-select__input {
  height: 42px !important;
}

.inputs-text {
  width: 100%;
  height: 38px;
  border: 1px solid #D2DBE2;
  outline: none;
  border-radius: 20px;
  font-size: 15px;
  background-color: #F5F8FA;
  box-sizing: border-box;
  padding: 0px 15px;
}
.inputs-text:-moz-read-only {
  background-color: #FFFFFF !important;
  border: none;
  padding-left: 0px;
}
.inputs-text:read-only {
  background-color: #FFFFFF !important;
  border: none;
  padding-left: 0px;
}

.tags-input__control {
  min-height: 45px !important;
  font-size: 14px !important;
  background-color: #F5F8FA !important;
  border: 1px solid #D2DBE2 !important;
  outline: none !important;
}

.tags-input__menu {
  background-color: #F5F8FA !important;
}

.inputs-text__select {
  display: flex;
  flex-direction: row;
}
.inputs-text__select input {
  width: 70%;
  border-radius: 20px 0px 0px 20px;
}
.inputs-text__select button {
  width: 30%;
  height: auto;
  outline: none;
  border: none;
  color: white;
  background-color: #1577EA;
  border-radius: 0px 20px 20px 0px;
  padding: 0px 10px;
}
.inputs-text__select button:hover {
  cursor: pointer;
  background-color: #000000;
}

.inputs-textarea {
  width: 100%;
  height: 120px;
  border: 1px solid #D2DBE2;
  outline: none;
  border-radius: 20px;
  font-size: 14px;
  background-color: #F5F8FA;
  box-sizing: border-box;
  padding: 15px;
}
.inputs-textarea:-moz-read-only {
  background-color: #FFFFFF !important;
  border: none;
  padding-left: 0px;
}
.inputs-textarea:read-only {
  background-color: #FFFFFF !important;
  border: none;
  padding-left: 0px;
}

.MuiInputLabel-root[data-shrink=true] {
  display: none !important;
}

fieldset {
  display: none;
}

.MuiFormControl-root {
  width: 100%;
}

.input-date__outer {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.MuiInputBase-Input, .MuiInputBase-input, .MuiFormLabel-root {
  font-size: 17px !important;
  color: #929BA8 !important;
  text-transform: uppercase !important;
  font-family: Inter !important;
}

.input-date__container {
  font-size: 17px;
  color: #929BA8;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Inter;
  align-items: center;
  display: flex;
  width: 100%;
  height: 38px;
  border: 1px solid #C6C7D1;
  outline: none;
  border-radius: 20px;
  font-size: 15px;
  background-color: white;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.input-date__container--double {
  height: unset !important;
  flex-wrap: unset !important;
  padding: 10px;
}
.input-date__container .MuiInputBase-input {
  height: unset;
  padding: 0px 14px;
  font-size: 15px !important;
  color: black;
}
.input-date__container .input-date {
  border-radius: 0px;
  border: 0px;
  padding: 0px;
  padding-left: 24px;
}
.input-date__container img {
  margin-right: 5px;
}
.input-date__container img:last-child {
  margin-right: 0px;
}
.MuiInput-underline:before, .MuiInput-underline::after {
  display: none;
}

.MuiSvgIcon-root path {
  fill: #C6C7D2;
}

.input-date {
  border: 1px solid #EFEDED;
  border-radius: 10px;
  padding: 0px 24px;
  height: 58px;
  background-color: transparent;
  box-sizing: border-box;
  position: relative;
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
}
.input-date::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
}

.input-date__label {
  font-size: 12px;
  color: #929BA8;
}

.inputs-number-toggle {
  outline: none;
  border: none;
  cursor: pointer;
  padding: 0px 10px;
  text-align: center;
}
.inputs-number-toggle--toggled {
  width: 50px;
}

.button {
  outline: none;
  border: none;
  border-radius: 20px;
  color: white;
  font-size: 13px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  text-decoration: none;
  cursor: pointer;
  gap: 15px;
  background-color: #D2DBE2;
  padding: 7px 10px;
}
.button div {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.button .button__icon {
  margin-right: 13px;
}
.button .button__icon img {
  width: 20px;
  height: 20px;
  filter: grayscale(1) invert(1);
}
.button:hover {
  background-color: #151515;
}
.button--can-be-mobile {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0px;
  justify-content: center;
}
.button--can-be-mobile p {
  display: none;
}
.button--can-be-mobile div, .button--can-be-mobile .button__icon {
  margin-right: 2px;
  margin-left: 1px !important;
}
.button--can-be-mobile svg {
  display: none;
  width: 20px;
}
.button--can-be-mobile .button__icon svg {
  display: block;
}
@media (min-width: 576px) {
  .button--can-be-mobile {
    border-radius: 20px;
    justify-content: space-between;
    padding: 7px 10px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .button--can-be-mobile p {
    display: block;
  }
  .button--can-be-mobile svg {
    display: block;
  }
  .button--can-be-mobile .button__icon {
    margin-right: 13px;
  }
}
.button--mobile {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0px;
  justify-content: center;
}
.button--mobile .button__icon {
  margin-right: 0px;
}
.button--mobile p {
  display: none;
}
.button--mobile div, .button--mobile img {
  margin-right: 0px;
}
.button--mobile svg {
  display: none;
  width: 20px;
  height: 20px;
}

.button__small {
  height: -moz-fit-content;
  height: fit-content;
  padding: 7px 10px;
  font-size: 13px !important;
}

.button--nowrap {
  text-wrap: nowrap;
}

.button__arrow {
  margin-top: unset !important;
  margin-bottom: unset !important;
}

.button__fit {
  width: -moz-fit-content;
  width: fit-content;
}

.button--white {
  background-color: white;
  color: black;
}
.button--white:hover {
  background-color: #e6e6e6 !important;
}

.button--add, .button--restore {
  background-color: #00C8C3;
}
.button--add:hover, .button--restore:hover {
  color: #FFFFFF;
  background-color: #009591;
}

.button--process {
  background-color: #FF7612;
}
.button--process:hover {
  color: #FFFFFF;
  background-color: #b54500;
}

.button--create, .button--proceed, .button--upload, .button--modify, .button--send, .button--blue, .button--export, .button--view {
  background-color: #1577EA;
}
.button--create:hover, .button--proceed:hover, .button--upload:hover, .button--modify:hover, .button--send:hover, .button--blue:hover, .button--export:hover, .button--view:hover {
  color: #FFFFFF;
  background-color: #0C3B99;
}
.button--create--transparent, .button--proceed--transparent, .button--upload--transparent, .button--modify--transparent, .button--send--transparent, .button--blue--transparent, .button--export--transparent, .button--view--transparent {
  color: #1577EA;
}
.button--create--transparent .button__icon svg path, .button--proceed--transparent .button__icon svg path, .button--upload--transparent .button__icon svg path, .button--modify--transparent .button__icon svg path, .button--send--transparent .button__icon svg path, .button--blue--transparent .button__icon svg path, .button--export--transparent .button__icon svg path, .button--view--transparent .button__icon svg path {
  fill: #1577EA !important;
}

.button--view--transparent {
  color: #1577EA;
  background-color: transparent !important;
}
.button--view--transparent .button__icon svg path {
  fill: #1577EA !important;
}

.button--cancel {
  background-color: #61707F;
}
.button--cancel:hover {
  background-color: #354859;
}

.button--image, .button--score {
  background-color: #354859;
}
.button--image:hover, .button--score:hover {
  background-color: #0C2435;
}

.button--password {
  background-color: #C6C7D1;
  color: #354859;
}
.button--password .button__arrow path {
  fill: #354859;
}
.button--password:hover {
  background-color: #61707F;
  color: white;
}
.button--password:hover svg, .button--password:hover img {
  filter: grayscale(1) invert(1) brightness(1);
}

.button--message, .button--print {
  background-color: #61707F;
}
.button--message:hover, .button--print:hover {
  background-color: #354859;
}
.button--message--transparent, .button--print--transparent {
  color: #61707F;
}
.button--message--transparent .button__icon svg path, .button--print--transparent .button__icon svg path {
  fill: #61707F !important;
}

.button--save {
  background-color: #00C8C3;
}
.button--save:hover {
  background-color: #00A6A2;
}
.button--save--transparent {
  color: #00C8C3;
}
.button--save--transparent .button__icon svg path {
  fill: #00C8C3 !important;
}

.button--idle {
  background-color: #D2DBE2;
  color: black;
}
.button--idle:hover {
  color: white;
}
.button--idle--transparent {
  color: black;
}
.button--idle--transparent .button__icon svg path {
  fill: black !important;
}

.button--delete {
  background-color: #ED2855;
}
.button--delete:hover {
  background-color: #D00D3A;
}
.button--delete--transparent {
  color: #ED2855;
}
.button--delete--transparent .button__icon svg path {
  fill: #ED2855 !important;
}

.button--inactive {
  background-color: #FF7612;
}

.button--confirm {
  background-color: #00C8C3;
}

.button--orange, .button--archive {
  background-color: #FF7612;
}
.button--orange:hover, .button--archive:hover {
  background-color: #E85900;
}
.button--orange--transparent, .button--archive--transparent {
  color: #FF7612;
}
.button--orange--transparent .button__icon svg path, .button--archive--transparent .button__icon svg path {
  fill: #FF7612 !important;
}

.button__icon {
  margin-left: 9px;
  margin-right: -10px;
}

.button p {
  margin-left: 10px;
}

.checkmark-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 179px;
  font-size: 12px;
}
.checkmark-box .round {
  margin-right: 30px;
  margin-top: -14px;
}
@media (min-width: 968px) {
  .checkmark-box {
    max-width: unset;
  }
}

.round {
  position: relative;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}

.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type=checkbox] {
  visibility: hidden;
}

.round input[type=checkbox]:checked + label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}

.round input[type=checkbox]:checked + label:after {
  opacity: 1;
}

#forgot-password {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tags-input__control {
  border-radius: 20px !important;
  border: none !important;
}
.tags-input__indicator {
  cursor: pointer;
  padding: 0px;
  padding-right: 8px;
}

.tags-input__multi-value__remove {
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}
.tags-input__multi-value__remove:hover {
  cursor: pointer;
}

.editor-dropdown {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin-bottom: 10px;
  transition: 0.2s;
}
.editor-dropdown .editor-dropdown {
  box-shadow: none;
}
.editor-dropdown .editor-dropdown .editor-dropdown__inner {
  background-color: white;
  padding: 9px;
}
.editor-dropdown:last-child {
  margin-bottom: 0px;
}
.editor-dropdown--highlighted {
  box-shadow: 0 0 10px #1577EA;
}
.editor-dropdown .editor-dropdown--highlighted {
  box-shadow: 0 0 2px #1577EA;
}

.editor-dropdown__items {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.editable-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.editable-title span {
  cursor: pointer;
}

.editor-dropdown__arrow {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.editor-dropdown__arrow img {
  margin-right: 0px !important;
}

.editor-dropdown__title {
  margin-bottom: 10px;
  font-size: 10px;
}

.editor-dropdown__delete, .editor-dropdown__draghandle {
  cursor: pointer;
}
.editor-dropdown__delete:active, .editor-dropdown__draghandle:active {
  cursor: pointer !important;
}

.editor-dropdown__bar {
  width: 100%;
  height: 46px;
  padding: 15px 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.editor-dropdown__bar img {
  width: 15px;
  height: 15px;
}
.editor-dropdown__bar .editor-dropdown__draghandle {
  width: 16px;
  height: 16px;
}
.editor-dropdown__bar:hover {
  background-color: #bebebe;
}
.editor-dropdown__bar p {
  text-transform: capitalize;
}
.editor-dropdown__bar div:first-child {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.editor-dropdown__bar div:first-child img {
  margin-right: 17px;
}
.editor-dropdown__bar div:last-child {
  margin-right: 0px;
}

.editor-dropdown__delete {
  width: 40px;
  height: 40px;
}
.editor-dropdown__delete:active {
  filter: invert(50%);
}

.editor-dropdown__inner {
  background-color: #F7F7F7;
  padding: 9px;
  box-sizing: border-box;
}
.editor-dropdown__inner--noPadding {
  padding: 0px !important;
}
.editor-dropdown__inner .cm-editor, .editor-dropdown__inner .tox-tinymce {
  height: 300px !important;
}

.displayable {
  padding: 10px 14px;
  border-radius: 20px;
  background-color: #00C8C3;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.displayable img, .displayable b {
  margin-left: 8.8px;
}
.displayable--not {
  background-color: #D2DBE2;
}

.editor-image {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1600px) {
  .editor-image {
    flex-direction: row;
  }
}

.editor-image__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 56px;
  margin-bottom: 19.5px;
  margin-top: 20px;
}
.editor-image__row button {
  max-width: 250px;
  height: 30px;
}
.editor-image__row a {
  color: #D2DBE2;
  white-space: nowrap;
  margin-left: 20px;
}
@media (min-width: 1200px) {
  .editor-image__row {
    margin-top: 0px;
  }
  .editor-image__row button {
    margin-right: 20px;
  }
}

@media (min-width: 992px) {
  .editor-image__content {
    box-sizing: border-box;
  }
}
.editor-image__content .input-outer {
  margin-bottom: 14px;
}
.editor-image__content input {
  height: 30px;
}

.editor-image__img {
  width: 100%;
  height: 200px;
  position: relative;
  margin-right: 25px;
  margin-bottom: 20px;
}
.editor-image__img div {
  width: 100%;
  height: 26.2px;
  position: absolute;
  bottom: 0px;
  color: #ffffff;
  font-size: 12px;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.editor-image__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.editor-image__img--empty {
  background: #f7f7f7;
}
@media (min-width: 1600px) {
  .editor-image__img {
    max-width: 300px;
    margin-top: 0px;
  }
}

.popup {
  width: 100%;
  height: 100vh;
  position: fixed !important;
  display: flex;
  top: 0px;
  left: 0px;
  z-index: 200;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  overflow-y: auto;
  padding: 50px 0px;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .popup {
    height: 100vh;
  }
}
.popup .tab-bar__bar {
  margin-top: 0px;
}

.popup__overlay {
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 150vh;
}

.popup__inner {
  width: 100%;
  max-width: 758px;
  padding: 50px 36px;
  background: white;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: auto;
}
.popup__inner h1 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 20px;
}
.popup__inner .input-outer {
  margin-bottom: 0px !important;
}
.popup__inner .popup__inner {
  width: unset;
  max-width: unset;
  padding: unset;
  background: unset;
  border-radius: unset;
  position: relative;
  margin: unset;
}

.popup__content {
  font-size: 20px;
  margin-bottom: 50px;
  font-weight: 400;
}

.popup__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.popup__buttons button {
  width: 100%;
  margin-top: 0px !important;
}
.popup__buttons button:last-child {
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .popup__buttons button {
    margin-right: 10px;
    margin-bottom: 0px;
  }
  .popup__buttons button:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 992px) {
  .popup__buttons {
    flex-direction: row;
  }
}

.new-version .Dropdown-root, .new-content .Dropdown-root {
  width: 100%;
}
.new-version .Dropdown-root .Dropdown-control, .new-content .Dropdown-root .Dropdown-control {
  height: 60px;
  border: 1px solid #D2DBE2;
  background-color: white;
  outline: none;
  border-radius: 20px;
  font-size: 16px;
  padding: 0px 17px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.new-version .Dropdown-root .Dropdown-control .Dropdown-placeholder, .new-content .Dropdown-root .Dropdown-control .Dropdown-placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-version .Dropdown-root .Dropdown-option, .new-content .Dropdown-root .Dropdown-option {
  white-space: nowrap;
}
.new-version .Dropdown-root .Dropdown-menu, .new-content .Dropdown-root .Dropdown-menu {
  width: 100%;
  background-color: white;
  border-radius: 20px;
  margin-top: 0px;
  max-height: 150px;
}
.new-version .Dropdown-root .Dropdown-arrow, .new-content .Dropdown-root .Dropdown-arrow {
  top: unset;
  right: unset;
}
.new-version .input-outer, .new-content .input-outer {
  margin-bottom: 30px !important;
}

.popup {
  width: 100%;
  height: 100vh;
  position: fixed !important;
  display: flex;
  top: 0px;
  left: 0px;
  z-index: 200;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  overflow-y: auto;
  padding: 50px 0px;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .popup {
    height: 100vh;
  }
}
.popup .tab-bar__bar {
  margin-top: 0px;
}

.popup__overlay {
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 150vh;
}

.popup__inner {
  width: 100%;
  max-width: 758px;
  padding: 50px 36px;
  background: white;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: auto;
}
.popup__inner h1 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 20px;
}
.popup__inner .input-outer {
  margin-bottom: 0px !important;
}
.popup__inner .popup__inner {
  width: unset;
  max-width: unset;
  padding: unset;
  background: unset;
  border-radius: unset;
  position: relative;
  margin: unset;
}

.popup__content {
  font-size: 20px;
  margin-bottom: 50px;
  font-weight: 400;
}

.popup__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.popup__buttons button {
  width: 100%;
  margin-top: 0px !important;
}
.popup__buttons button:last-child {
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .popup__buttons button {
    margin-right: 10px;
    margin-bottom: 0px;
  }
  .popup__buttons button:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 992px) {
  .popup__buttons {
    flex-direction: row;
  }
}

.team-member {
  min-width: 100%;
  padding: 37px 28px;
  box-sizing: border-box;
  background-color: #ebebeb;
  border-radius: 20px;
}
.team-member button {
  width: 100%;
}
@media (min-width: 992px) {
  .team-member {
    min-width: 300px;
  }
}

.team-member__header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.team-member__header img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin-right: 32px;
}

.team-member__buttons {
  margin-top: 14px;
  display: flex;
  flex-direction: row;
}
.team-member__buttons button {
  margin-right: 24px;
}
.team-member__buttons button:last-child {
  margin-right: 0px;
}

.team-member__info {
  margin-top: 36px;
  margin-bottom: 33px;
}
.team-member__info p {
  font-size: 12px;
  margin-top: 5px;
}

.user-info__role {
  margin-bottom: 14px;
  color: #1577EA;
}

.user-info__jobrole {
  margin-bottom: 17px;
  font-size: 16px !important;
}

.myteam__members {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 32px;
}
@media (max-width: 1900px) {
  .myteam__members {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1575px) {
  .myteam__members {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1240px) {
  .myteam__members {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 736px) {
  .myteam__members {
    grid-template-columns: repeat(1, 1fr);
  }
}

.content .side-popup {
  top: 61px;
}
.content .side-popup__outer {
  top: 0px;
}

.side-popup__section {
  border-bottom: 1px solid #D2DBE2;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.side-popup__section label {
  font-size: 12px;
}
.side-popup__section:last-child {
  border: none;
}

.side-popup-section__title {
  color: #929BA8;
}

.side-popup {
  position: fixed;
  width: 100%;
  height: calc(100% - 60px);
  border-left: 1px solid #EFF2F4;
  z-index: 1;
  background-color: #F5F8FA;
  overflow-y: auto;
  visibility: visible;
  top: 61px;
  right: 0px;
}
@media (min-width: 576px) {
  .side-popup {
    width: 75%;
  }
}
@media (min-width: 992px) {
  .side-popup {
    width: 800px;
    height: calc(100% - 60px);
  }
}

.side-popup__title {
  font-size: 30px !important;
  font-weight: 400;
}

.side-popup__close {
  font-size: 16px;
  color: #151515;
  cursor: pointer;
  text-decoration: underline;
  width: -moz-fit-content;
  width: fit-content;
}

.side-popup__outer {
  position: absolute;
  top: 61px;
  left: 0px;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background-color: rgba(146, 155, 168, 0.7);
}

.side-popup__head {
  width: 100%;
  box-sizing: border-box;
  padding: 35px 52px;
  background-color: white;
}

.side-popup__content {
  box-sizing: border-box;
  padding: 35px 52px;
  display: flex;
  flex-direction: column;
  gap: 29px;
}
.side-popup__content .utils__row {
  align-items: unset;
}

.side-popup-section__title {
  color: #929BA8;
}

.side-popup-head__text {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}

.side-popup__back {
  margin-bottom: 36px;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.side-popup__back img {
  filter: invert(100%);
  transform: rotate(180deg);
  margin-right: 13.4px;
}

.side-popup-content__section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.side-popup-content__section p {
  font-size: 12px;
  color: #929BA8;
}

.modify-member__info {
  margin-top: 55.2px;
  font-size: 16px !important;
}
.modify-member__info p {
  margin-bottom: 5px;
}
.modify-member__info p:last-child {
  margin-bottom: 0px;
}

.modify-member__job-role {
  margin-bottom: 14px !important;
  margin-top: 0px !important;
}

.modify-member__checkboxes-outer {
  display: flex;
  flex-direction: column;
  margin-top: 58px;
}

.modify-member__buttons-outer {
  display: flex;
  flex-direction: column;
  margin-top: 53px;
}
.modify-member__buttons-outer button {
  width: 100%;
}

.modify-member__buttons {
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.modify-member__buttons button {
  margin-right: 31px;
}
.modify-member__buttons button:last-child {
  margin-right: 0px;
}

.modify-member__checkboxes {
  margin-top: 40px;
  max-width: 500px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.modify-member__checkboxes .checkbox {
  font-size: 13px !important;
}

.user-roles__outer {
  margin-top: 50px;
  margin-bottom: 50px;
}

.user-roles {
  margin-top: 46px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.user-roles .checkbox {
  margin-right: 46px;
}
.user-roles .checkbox:last-child {
  margin-right: 0px;
}

.team-members-error {
  width: 100%;
  margin-top: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notifications-popup {
  position: fixed;
  border-right: 1px solid #EFF2F4;
}
.notifications-popup__head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 700px) {
  .notifications-popup__head {
    flex-direction: row;
  }
}

.notifications-popup__start {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.notifications-popup__icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #1577EA;
  font-size: 12px;
  color: white;
  margin-left: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notifications-popup__links {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.notifications-popup__links p {
  text-decoration: underline;
}
.notifications-popup__links p:first-child {
  color: #1577EA;
  margin-bottom: 9px;
}
@media (min-width: 700px) {
  .notifications-popup__links {
    align-items: flex-end;
    margin-top: 0px;
  }
}

.notifications-popup__content {
  margin-top: 32px;
  overflow-y: auto;
}

.notifications-popup__link:hover {
  cursor: pointer;
}

.notifications-item {
  background-color: #1577EA;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.notifications-item img {
  width: 40px;
  height: 40px;
  filter: invert(100%) sepia(0%) saturate(7481%) hue-rotate(120deg) brightness(105%) contrast(104%);
}
.notifications-item--messages {
  background-color: #FF7612;
}
.notifications-item:last-child {
  margin-bottom: 0px;
}

.notifications-item__info {
  width: 100%;
  margin-left: 24px;
}
.notifications-item__info p {
  color: white;
}

.notifications-item__date, .notifications-item__type, .notifications-item__description {
  font-size: 12px;
}

.notifications-item__name {
  font-size: 16px;
  margin-top: 9px;
}

.notifications-item__type {
  color: #D2DBE2;
  white-space: nowrap;
}

.notifications-item__button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ffffff;
  color: #1577EA;
  outline: none;
  border: none;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 576px) {
  .notifications-item__button {
    margin-top: 0px;
  }
}

.notifications-item__bar {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .notifications-item__bar {
    flex-direction: row;
    align-items: center;
  }
}
.notifications-item__bar:last-child {
  margin-top: 12px;
}

.messages-popup .notifications-popup__head {
  align-items: center;
}
.messages-popup .notifications-popup__icon {
  background-color: #FF7612;
}
.messages-popup .notifications-popup__links p {
  margin-bottom: 0px;
  color: black;
}

#alert-container {
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
}
@media (min-width: 992px) {
  #alert-container {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}

.alert-item {
  width: 100%;
  background-color: red;
  border-radius: 20px 20px 0px 0px;
  display: flex;
  flex-direction: row;
  animation-duration: 0.4s;
}

.alert-item__head {
  padding: 0px 56px;
  font-size: 20px;
  color: #FFFFFF;
  border-right: 1px solid #FFFFFF;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alert-item__inner {
  width: 100%;
  position: relative;
  padding: 32px 50px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.alert-item__inner b {
  color: #FFFFFF;
}
.alert-item__inner p {
  margin-top: 9px;
}
.alert-item__inner span {
  color: #FFFFFF;
  font-weight: 600;
}
@media (min-width: 992px) {
  .alert-item__inner {
    white-space: nowrap;
  }
}

#alert-item__exit {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.alert-item--success {
  background-color: #00C8C3;
}

.alert-item--error {
  background-color: #EA1557;
}

.free-content-buttons {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 32px;
  padding: 16px;
  margin-bottom: 17px;
  background-color: white;
}
@media (max-width: 1900px) {
  .free-content-buttons {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1575px) {
  .free-content-buttons {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1240px) {
  .free-content-buttons {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 736px) {
  .free-content-buttons {
    grid-template-columns: repeat(1, 1fr);
  }
}

.free-content-button {
  height: 113px;
  border-radius: 10px;
  background-color: #EFF2F4;
  flex-direction: column;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.free-content-button img {
  width: 36px;
  height: 36px;
  margin-bottom: 18px;
  filter: invert(44%) sepia(1%) saturate(1956%) hue-rotate(50deg) brightness(99%) contrast(94%);
}
.free-content-button p {
  color: #707070;
  font-size: 12px;
}
.free-content-button:hover {
  background-color: #D2DBE2;
}

.results-error {
  color: #979CA0;
  text-align: center;
}
.results-error h1 {
  font-size: 20px;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .results-error h1 {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .results-error h1 {
    font-size: 50px;
  }
}
.results-error b {
  font-size: 16px;
  font-weight: 300;
}
@media (min-width: 576px) {
  .results-error b {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .results-error b {
    font-size: 20px;
  }
}
.results-error p {
  font-size: 12px;
  font-weight: 300;
  margin: 20px 0px;
}
@media (min-width: 576px) {
  .results-error p {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .results-error p {
    font-size: 16px;
  }
}

.search-box__outer {
  display: flex;
  flex-direction: column;
}

.search-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: white;
  box-sizing: border-box;
  height: 56px;
  padding: 0px 15px;
  border-radius: 20px;
}
.search-box input {
  width: calc(100% - 30px);
  outline: none;
  border: none;
}
.search-box--toggled {
  border-radius: 20px 20px 0px 0px;
}

.search-box__content {
  box-sizing: border-box;
  padding: 15px;
  background-color: white;
  border-radius: 0px 0px 20px 20px;
}

.company-item {
  min-width: 100%;
  padding: 66px 28px;
  box-sizing: border-box;
  background-color: #ebebeb;
  border-radius: 20px;
}
@media (min-width: 992px) {
  .company-item {
    min-width: 300px;
  }
}

.company-item__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 14px;
}
.company-item__row p {
  color: #1577EA;
}
.company-item__row p:last-child {
  color: #FF7612;
}

.company-item__name {
  font-size: 16px;
}

.company-item__info {
  margin-top: 36px;
  margin-bottom: 33px;
}
.company-item__info p {
  font-size: 12px;
  margin-top: 5px;
}

.company-item__buttons {
  width: 100%;
}
.company-item__buttons button {
  width: 100%;
  margin-bottom: 15px;
}
.company-item__buttons button:last-child {
  margin-bottom: 0px;
}

.images-popup {
  padding: 0px;
}
.images-popup .Dropdown-root {
  width: 300px;
  margin-right: 0px;
  margin: 0px 10px;
}
.images-popup .Dropdown-control {
  height: 30px !important;
}
.images-popup .content-searcher__bottom {
  justify-content: left;
}
.images-popup .content-searcher__bottom button {
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.images-popup .popup__inner {
  max-width: 100%;
  padding: 0px !important;
  margin: 0px;
  background-color: white;
  border-radius: 20px;
}
@media (min-width: 968px) {
  .images-popup .popup__inner {
    max-width: 1246px !important;
    margin: auto !important;
  }
}
@media (min-width: 968px) {
  .images-popup {
    padding: 50px 0px;
  }
}

.images-popup__head {
  height: 76px;
  background-color: white;
  border-radius: 20px 20px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0px 20px;
  box-sizing: border-box;
}
.images-popup__head h2 {
  font-size: 21px;
  font-weight: 500;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.images-popup__close {
  color: #1577EA;
  font-size: 16px;
}
.images-popup__close img {
  margin-right: 10px;
  transform: rotateY(180deg);
  filter: invert(43%) sepia(46%) saturate(6600%) hue-rotate(200deg) brightness(95%) contrast(93%);
}
.images-popup__close:hover {
  cursor: pointer;
}

.images-browse {
  width: 100%;
  height: 621px;
  border-radius: 20px 20px 0px 0px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media (min-width: 968px) {
  .images-browse {
    flex-direction: row;
    justify-content: space-between;
  }
}

.images-browse__section {
  width: 100%;
  margin-right: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
  padding-bottom: 0px;
  box-sizing: border-box;
}
@media (min-width: 968px) {
  .images-browse__section {
    width: calc(100% - 418px);
    margin-right: 46px;
    padding: 18px;
  }
}

.images-browse__row {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 40px;
}
.images-browse__row .search-box__outer {
  width: 100%;
  border: 1px solid #EFF2F4;
  border-radius: 40px;
}
.images-browse__row .search-box__outer .search-box {
  margin-top: 0px;
  border-radius: 40px;
}
.images-browse__row .Dropdown-root {
  height: 60px;
}
.images-browse__row .Dropdown-control {
  height: 56px !important;
  background-color: #ebebeb !important;
  border: 1px solid #EFF2F4;
}
.images-browse__row .Dropdown-menu {
  background-color: #ebebeb !important;
  border: 1px solid #EFF2F4;
}

.images-browse__outer {
  width: 100%;
}

.images-browse__display-head {
  display: flex;
  flex-direction: column;
}
.images-browse__display-head button {
  width: 100%;
  padding: 27.5px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-bottom: 1px solid #D2DBE2;
  outline: none;
  color: white;
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 10px;
}
.images-browse__display-head button:first-child {
  background-color: #1577EA;
}
.images-browse__display-head button:first-child:hover {
  background-color: #0C3B99;
}
.images-browse__display-head button:nth-child(2) {
  background-color: #00C8C3;
}
.images-browse__display-head button:nth-child(2):hover {
  background-color: #00A6A2;
}
.images-browse__display-head button:last-child {
  margin-bottom: 0px;
  background-color: #ED2855;
}
.images-browse__display-head button:last-child:hover {
  background-color: #D00D3A;
}

.images-browse__display-text {
  box-sizing: border-box;
  padding: 30px;
}
.images-browse__display-text p:first-child {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.3);
  margin-bottom: 5px;
}
.images-browse__display-text p:last-child {
  font-size: 20px;
  font-weight: 300;
  color: black;
}

.images-browse__list {
  width: 100%;
  min-height: 396px;
  max-height: 396px;
  overflow: auto;
  overflow-y: auto;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

.images-browse__box {
  width: 100%;
  height: 100%;
  background-color: #F7F7F7;
  border-radius: 20px;
  margin-top: 20px;
  padding-top: 30px;
  box-sizing: border-box;
}
@media (min-width: 968px) {
  .images-browse__box {
    margin-top: 0px;
    width: 371px;
    display: flex;
    justify-content: center;
  }
}

.images-browse__display, .images-browse__filter {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 968px) {
  .images-browse__display, .images-browse__filter {
    width: 296px;
  }
}

.images-browse__display-image {
  width: 100%;
  height: 233px;
  border-radius: 20px 20px 0px 0px;
  background-color: black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px solid black;
  display: flex;
  justify-content: center;
  align-items: center;
}
.images-browse__display-image div {
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center top;
  border-radius: 20px 20px 0px 0px;
}

.images-browse__filter {
  padding: 16px;
}

.images-browse__filter-title {
  font-size: 14px;
}

.images-browse__filter-subtitle {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 300;
}

.images-item {
  background-color: #ebebeb;
  border-radius: 20px;
  width: 100%;
  height: 178px;
  max-width: 178px;
  margin: 10px;
  background-size: cover !important;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.images-item:hover .images-item__select {
  display: flex;
}

.images-item--selected {
  border: 3px solid #1577EA;
}
.images-item--selected .images-item__select {
  display: flex;
  background-color: #1577EA;
}

.images-item__select {
  width: 100%;
  height: 35px;
  bottom: 0px;
  display: none;
  position: absolute;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 12px;
  border-radius: 0px 0px 16px 16px;
}

.images-upload {
  border-left: 1px solid #EFF2F4;
  border-right: 1px solid #EFF2F4;
  border-bottom: 1px solid #EFF2F4;
  border-radius: 0px 0px 20px 20px;
  background-color: white;
}
.images-upload #uppy-upload {
  width: 100%;
  padding: 18px;
  box-sizing: border-box;
}
.images-upload #uppy-upload .uppy-Dashboard-inner {
  width: 100% !important;
  background-color: white;
}
.images-upload #uppy-upload .uppy-Dashboard-inner, .images-upload #uppy-upload .uppy-Dashboard-innerWrap, .images-upload #uppy-upload .uppy-StatusBar-actions {
  border-radius: 0px 0px 20px 20px;
}
.images-upload #uppy-upload .uppy-Dashboard-AddFiles-title {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.images-upload #uppy-upload .uppy-Dashboard-AddFiles-title button {
  margin-top: 20px;
}

.tab-item {
  margin: 0px 5px;
  padding: 5px 10px;
  background-color: #f0f0f0;
  cursor: pointer;
}
.tab-item:hover {
  background-color: #e6e6e6;
}

.popup__tabs {
  width: 100%;
  border: 1px solid #EFF2F4;
  border-radius: 20px 20px 0px 0px;
  background-color: white;
  padding: 30px;
  box-sizing: border-box;
  justify-content: center;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.images-browse__viewDetails {
  width: 100%;
  height: 100%;
  background-color: black;
  border-radius: 20px;
  position: relative;
}

.viewDetails__back {
  width: 119px !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.viewDetails__back img {
  transform: rotateY(180deg);
  filter: invert(100%);
  margin-left: 0px;
}

.viewDetails__top {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.viewDetails__top div {
  width: 100%;
  height: 100%;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
}

.viewDetails__bar {
  width: calc(100% - 60px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 20px;
  padding: 0px 30px;
}
.viewDetails__bar button {
  width: 200px;
}
.viewDetails__bar .images-popup__close {
  color: white;
}
.viewDetails__bar .images-popup__close img {
  filter: none;
}
.viewDetails__bar:hover {
  cursor: pointer;
}

.viewDetails__bottom {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  bottom: 0px;
  background-color: gray;
  border-radius: 0px 0px 20px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 30px;
}
.viewDetails__bottom .input-outer {
  width: 100%;
  margin-right: 50px;
}
@media (min-width: 968px) {
  .viewDetails__bottom {
    height: 168px;
  }
}

.viewDetails__info {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 968px) {
  .viewDetails__info {
    flex-direction: row;
  }
}

.viewDetails__info-item {
  margin-bottom: 12px;
  max-width: 100%;
}
.viewDetails__info-item p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.viewDetails__info-item p:first-child {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 5px;
}
.viewDetails__info-item p:last-child {
  font-size: 20px;
  font-weight: 300;
  color: white;
}
.viewDetails__info-item:last-child {
  margin-bottom: 0px;
}

.viewDetails__info-section {
  margin-right: 56px;
  max-width: 150px;
  margin-bottom: 10px;
}
.viewDetails__info-section:last-child {
  margin-right: 0px;
}
@media (min-width: 992px) {
  .viewDetails__info-section {
    margin-bottom: 0px;
  }
}

.viewDetails__buttons button {
  width: 200px;
  justify-content: center;
  background-color: #00C8C3;
}
.viewDetails__buttons button:last-child {
  background-color: transparent;
  color: #FF7612;
}

.tab-bar__bar {
  width: 100%;
  background-color: #D2DBE2;
  justify-content: center;
  border-radius: 0px 0px 20px 20px;
  flex-direction: column;
  display: flex;
  align-items: center;
}
.tab-bar__bar button {
  margin: 10px;
  height: 30px;
}
@media (min-width: 968px) {
  .tab-bar__bar {
    height: 70px;
    flex-direction: row;
  }
}

.no-data-error {
  color: #979CA0;
  text-align: center;
}
.no-data-error h1 {
  font-size: 50px;
  margin-bottom: 20px;
}
.no-data-error b {
  font-size: 20px;
  font-weight: 300;
}
.no-data-error p {
  font-size: 14px;
  font-weight: 300;
  margin: 20px 0px;
}

.custom-switch .react-switch-bg {
  background: #fff !important;
  border: 3px solid #EFF2F4;
  box-sizing: border-box;
}

.editor-preview-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.editor-preview-top__actions {
  display: flex;
  justify-content: flex-end;
}
.editor-preview-top__actions div {
  margin-left: 20px;
}
.editor-preview-top__actions div:hover {
  cursor: pointer;
}

.editor-preview {
  width: 100%;
  height: 700px;
  background: #FFFFFF;
  overflow-x: scroll;
  border-radius: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.editor-preview iframe {
  border: none;
  border-radius: 20px;
  width: 133%;
  height: 100%;
  min-height: 1800px;
  zoom: 0.7;
  -moz-transform: scale(0.75);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.75);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.75);
  -webkit-transform-origin: 0 0;
}
.editor-preview--mobile {
  width: 30%;
  margin: auto;
}
.editor-preview--tablet {
  width: 50%;
  margin: auto;
}

.pagination {
  width: 100%;
  align-items: center;
  max-width: 800px;
  margin: auto;
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.pagination .Dropdown-root {
  width: 181px;
}
.pagination .Dropdown-root .Dropdown-control {
  height: 56px;
  background-color: white;
}
.pagination .Dropdown-root .Dropdown-menu {
  background-color: white;
  border-radius: 20px;
}

.blue-arrow-button {
  background-color: #1577EA;
  color: #FFFFFF;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border: none;
  transition: 0.4s;
}
.blue-arrow-button:hover {
  cursor: pointer;
  background: #0d478c;
}

.list-card {
  border-radius: 20px;
  background: #ebebeb;
  margin-bottom: 20px;
  padding: 20px 40px 20px 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.list-card--cancelled {
  background-color: #ED2855;
}
.list-card--cancelled .list-card__top, .list-card--cancelled .list-card__title, .list-card--cancelled .list-card__body {
  color: white !important;
}
.list-card--created {
  background-color: #00C8C3;
}
.list-card--created .list-card__top, .list-card--created .list-card__title, .list-card--created .list-card__body {
  color: white !important;
}

.list-card__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.list-card__button-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 30px;
  margin-left: 40px;
}

.list-card__top {
  color: #1577EA;
  margin-bottom: 10px;
  font-size: 12px;
  text-transform: capitalize;
}

.list-card__title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  word-break: break-word;
}

.list-card__body {
  font-size: 12px;
}

.image-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background: #ebebeb;
  padding: 12px 30px 12px 30px;
  border-radius: 20px;
  transition: 0.4s;
}
.image-button img {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}
.image-button:hover {
  cursor: pointer;
  background: #D2DBE2;
}

.activity-list {
  position: relative;
}

.activity-list__inner {
  max-height: 600px;
  height: 100% !important;
  overflow-y: auto;
}

.activity-list__overflow {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(0deg, white, rgba(255, 255, 255, 0));
}

.video-full-width {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
}

.video-full-width__video {
  width: 100vw;
  height: 56.25vw;
  /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh;
  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-full-width__overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
}

.editor-gallery {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 32px;
  padding: 16px;
  background-color: white;
}
@media (max-width: 1900px) {
  .editor-gallery {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1575px) {
  .editor-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1240px) {
  .editor-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 736px) {
  .editor-gallery {
    grid-template-columns: repeat(1, 1fr);
  }
}

.gallery-item {
  height: 113px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #EFF2F4;
  flex-direction: column;
  background-size: cover !important;
  cursor: pointer;
  border: 1px solid #c1c1c1;
}
.gallery-item img {
  width: 36px;
  height: 36px;
  margin-bottom: 18px;
  filter: invert(44%) sepia(1%) saturate(1956%) hue-rotate(50deg) brightness(99%) contrast(94%);
}
.gallery-item p {
  color: #707070;
  font-size: 12px;
}
.gallery-item:hover {
  background-color: #D2DBE2;
}
.gallery-item:hover .gallery-item__hover {
  opacity: 1;
}
.gallery-item:hover .gallery-item__content {
  display: none;
}

.gallery-item__content {
  width: 100%;
  height: 100%;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-item__hover {
  display: flex;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.2s;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ff3556;
}

.gallery-item--dotted {
  background-color: transparent;
  border: 3px dotted #c1c1c1;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-item--dotted img {
  width: 25px;
  height: 25px;
}

.nav-button {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-color: white;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: white;
  background-color: #929BA8;
  font-size: 12px;
}
.nav-button:hover {
  background-color: #929BA8;
  color: white;
}
.nav-button:hover svg path {
  stroke: white;
}
@media (min-width: 576px) {
  .nav-button svg {
    margin-left: 9px;
  }
}
.nav-button .nav-button__text {
  display: none;
}
@media (min-width: 576px) {
  .nav-button .nav-button__text {
    display: block;
  }
}
@media (min-width: 576px) {
  .nav-button {
    width: unset;
    border-radius: 20px;
    padding: 0px 20px;
  }
}
.nav-button--mobile {
  width: 35px;
  padding: 0px;
}
.nav-button--mobile .nav-button__text {
  display: none;
}
.nav-button--mobile svg {
  margin-left: 2px;
}
.nav-button--mobile svg path {
  stroke: white;
}

.nav-button__off {
  background-color: white !important;
  color: #61707F !important;
  cursor: unset !important;
}
.nav-button__off svg path {
  stroke: #61707F !important;
}

.nav-button__on {
  color: white;
  background-color: #929BA8;
}

@media (min-width: 576px) {
  .nav-button__next svg {
    margin-left: 9px;
  }
}

.nav-button__previous {
  flex-direction: row-reverse;
}
.nav-button__previous svg {
  transform: rotate(180deg);
  margin-left: 0px;
}
@media (min-width: 576px) {
  .nav-button__previous svg {
    margin-right: 9px;
  }
}

.nav-button__next, .nav-button__previous {
  background-color: #1577EA;
  color: white;
}
.nav-button__next svg path, .nav-button__previous svg path {
  stroke: white;
}
.nav-button__next:hover, .nav-button__previous:hover {
  background-color: #115fbb;
}
.nav-button__next:active, .nav-button__previous:active {
  background-color: #2c85ec;
}

.select-dropdown {
  border: 1px solid #C6C7D1;
  width: 267px;
  height: 38px;
  transition: 0.5s height linear;
  background-color: white;
  font-weight: 300;
  border-radius: 20px;
  cursor: pointer;
}

.select-dropdown--toggled {
  border-radius: 20px 20px 0px 0px;
}

.select-dropdown--fit {
  width: 100%;
}

.select-dropdown--push .select-dropdown__select {
  border-bottom: 1px solid #C6C7D1;
}
.select-dropdown--push .select-dropdown__content {
  position: unset;
  border: none;
}

.select-dropdown__outer {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.select-dropdown-outer__label {
  font-size: 14px;
  color: #354859;
}

.select-dropdown-outer__error {
  font-size: 14px;
  color: #ff3556;
}

.select-dropdown__text {
  height: 100%;
  box-sizing: border-box;
  font-size: 15px;
  color: #354859;
  max-width: calc(100% - 57px);
  padding: 0px 16px;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select-dropdown__icon {
  height: 100%;
  padding: 0px 8px;
  border-left: 1px solid #C6C7D1;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
}

.select-dropdown__content {
  position: absolute;
  z-index: 1;
  background-color: white;
  border: 1px solid #C6C7D1;
  border-radius: 0px 0px 20px 20px;
  left: 0px;
  width: inherit;
  max-height: 240px;
  overflow: auto;
}

.select-dropdown__select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.select-dropdown__select--toggled {
  border-bottom: 1px solid #C6C7D1;
}

.select-dropdown__arrow {
  transition: transform 0.3s linear;
}

.select-dropdown__arrow--toggled {
  transform: rotateX(180deg);
}

.select-dropdown__item {
  font-size: 16px;
  text-transform: capitalize;
  padding: 14px 24px;
  border-bottom: 1px solid #C6C7D1;
  display: flex;
  align-items: center;
  color: #354859;
  text-transform: capitalize;
  cursor: pointer;
  transition: 0.3s;
}
.select-dropdown__item img {
  margin-right: 10px;
}
.select-dropdown__item:last-child {
  border-bottom: none;
  border-radius: 0px 0px 20px 20px;
}
.select-dropdown__item:hover {
  background-color: #dedede;
}
.select-dropdown__item--selected {
  background-color: #FCF7FF;
}
.select-dropdown__item--disabled {
  background-color: white !important;
  cursor: unset;
  color: #D7DADE;
}

.information-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  padding: 0px 18px 0px 28px;
  border-left: 1px solid #EFF2F4;
  border-right: 1px solid #EFF2F4;
  cursor: pointer;
  transition: 0.6s;
}
.information-container .notification-item__icon {
  transition: 0.4s;
}
.information-container.scale .notification-item__icon {
  transform: scale(1.2);
}

.information-container__icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #1577EA;
  margin-left: -15px;
  margin-top: -15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: white;
}

.icon__notication {
  width: 23.68px;
  height: 29.32px;
}

.icon__messages {
  width: 31.64px;
  height: 23.82px;
}

.notifications-responsive {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #ffffff;
  border-top: 1px solid #EFF2F4;
  width: 100%;
  height: 60px;
  position: fixed;
  bottom: 0px;
  display: flex;
  z-index: 100;
}
.notifications-responsive .notification-item {
  width: 100%;
  justify-content: center;
}
@media (min-width: 992px) {
  .notifications-responsive {
    display: none;
  }
}

.sidebar-menu__item {
  display: flex;
  border-bottom: 1px solid #EFF2F4;
  padding: 10px 20px 10px 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  color: #61707F;
  gap: 10px;
}
@media (min-width: 576px) {
  .sidebar-menu__item {
    width: 183px;
  }
}
.sidebar-menu__item .default-icon {
  margin-right: 12px;
  width: 100%;
}
.sidebar-menu__item:hover, .sidebar-menu__item.active {
  cursor: pointer;
}
.sidebar-menu__item:hover .sidebar-menu__text, .sidebar-menu__item.active .sidebar-menu__text {
  color: #61707F;
}
.sidebar-menu__item:hover .default-icon, .sidebar-menu__item.active .default-icon {
  width: 100%;
}
.sidebar-menu__item:hover .default-icon path, .sidebar-menu__item.active .default-icon path {
  fill: #FF7612 !important;
}

.sidebar-menu__icon img {
  height: 24px;
}

.sidebar__col .nav-button__previous {
  margin: 10px 20px 10px 20px;
}

.sidebar-menu__chevron {
  margin-left: auto;
}

.sidebar-menu__text {
  color: #61707F;
}

.nav-button {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-color: white;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: white;
  background-color: #929BA8;
  font-size: 12px;
}
.nav-button:hover {
  background-color: #929BA8;
  color: white;
}
.nav-button:hover svg path {
  stroke: white;
}
@media (min-width: 576px) {
  .nav-button svg {
    margin-left: 9px;
  }
}
.nav-button .nav-button__text {
  display: none;
}
@media (min-width: 576px) {
  .nav-button .nav-button__text {
    display: block;
  }
}
@media (min-width: 576px) {
  .nav-button {
    width: unset;
    border-radius: 20px;
    padding: 0px 20px;
  }
}
.nav-button--mobile {
  width: 35px;
  padding: 0px;
}
.nav-button--mobile .nav-button__text {
  display: none;
}
.nav-button--mobile svg {
  margin-left: 2px;
}
.nav-button--mobile svg path {
  stroke: white;
}

.nav-button__off {
  background-color: white !important;
  color: #61707F !important;
  cursor: unset !important;
}
.nav-button__off svg path {
  stroke: #61707F !important;
}

.nav-button__on {
  color: white;
  background-color: #929BA8;
}

@media (min-width: 576px) {
  .nav-button__next svg {
    margin-left: 9px;
  }
}

.nav-button__previous {
  flex-direction: row-reverse;
}
.nav-button__previous svg {
  transform: rotate(180deg);
  margin-left: 0px;
}
@media (min-width: 576px) {
  .nav-button__previous svg {
    margin-right: 9px;
  }
}

.nav-button__next, .nav-button__previous {
  background-color: #1577EA;
  color: white;
}
.nav-button__next svg path, .nav-button__previous svg path {
  stroke: white;
}
.nav-button__next:hover, .nav-button__previous:hover {
  background-color: #115fbb;
}
.nav-button__next:active, .nav-button__previous:active {
  background-color: #2c85ec;
}

.card {
  min-width: 383px;
  max-width: 383px;
  height: 100%;
  background: white;
  border-radius: 10px;
}

.card__title {
  font-size: 18px;
  color: #354859;
  margin-bottom: 15px;
}

.card__provider {
  font-size: 16px;
  color: #1577EA;
}

.card__information {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 23px;
  margin-top: 23px;
}
@media (min-width: 800px) {
  .card__information {
    grid-template-columns: repeat(2, 1fr);
  }
}

.card__buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 23px;
  margin-top: 23px;
}
.card__buttons .button {
  height: unset;
}

.card-information-item__title {
  font-size: 12px;
  color: #929BA8;
}

.card-information-item__date {
  font-size: 16px;
  color: #00C8C3;
  margin-top: 11px;
}

.card-information__item:last-child .card-information-item__date {
  color: #ED2855;
}

.card__top {
  width: 100%;
  min-height: 79px;
  border-radius: 10px 10px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 25px;
  box-sizing: border-box;
}
.card__top p {
  font-size: 18px;
  color: white;
}
.card__top p:last-child {
  font-size: 14px;
  margin-top: 6px;
}

.card-top__icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-top__icon svg {
  transform: rotate(270deg);
}
.card-top__icon:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}

.card__content {
  padding: 27px 25px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card__content .button {
  background-color: transparent;
  padding: 0px;
  width: -moz-fit-content;
  width: fit-content;
}
.card__content .button img {
  filter: invert(40%) sepia(48%) saturate(5949%) hue-rotate(200deg) brightness(96%) contrast(91%);
}
.card__content .button svg path {
  fill: #929BA8;
}
.card__type--accepted {
  border: 1px solid #00C8C3;
  box-sizing: border-box;
}
.card__type--accepted .card__top {
  background-color: #00C8C3;
}
.card__type--accepted .card__content {
  height: calc(100% - 79px);
}
.card__type--accepted .card-top__icon svg path {
  fill: #00C8C3;
}

.card__type--awaiting {
  border: 1px solid #FF7612;
  box-sizing: border-box;
}
.card__type--awaiting .card__top {
  background-color: #FF7612;
}
.card__type--awaiting .card__content {
  height: calc(100% - 79px);
}
.card__type--awaiting .card-top__icon svg path {
  fill: #FF7612;
}

.card__type--declined {
  border: 1px solid #ED2855;
  box-sizing: border-box;
}
.card__type--declined .card__top {
  background-color: #ED2855;
}
.card__type--declined .card__content {
  height: calc(100% - 79px);
}
.card__type--declined .card-top__icon svg path {
  fill: #ED2855;
}

.card__image {
  width: 100%;
  height: 200px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  border-radius: 10px 10px 0px 0px;
}

.plain-card {
  padding: 30px;
}
.plain-card--green {
  background-color: #00C8C3;
}
.plain-card--red {
  background-color: #DA3E58;
}

.appointment-cal {
  border: none !important;
  width: 406px !important;
  min-height: 406.65px !important;
}
.appointment-cal .react-calendar__navigation {
  height: initial;
}
.appointment-cal .react-calendar__navigation__label__labelText {
  color: #61707F;
}
.appointment-cal .react-calendar__navigation__arrow {
  color: #1577EA;
}
.appointment-cal .react-calendar__month-view__weekdays__weekday {
  text-transform: capitalize;
  font-weight: normal;
  text-decoration: none;
  color: #61707F;
}
.appointment-cal .react-calendar__month-view__weekdays__weekday abbr {
  text-decoration: none;
}
.appointment-cal .react-calendar__tile {
  background: #FFFFFF;
  border: 1px solid #C6C7D1;
  margin: 4px;
  border-radius: 10px;
  min-height: 50px;
  max-width: 50px;
  position: relative;
}
.appointment-cal .react-calendar__tile:hover {
  background: #C6C7D1;
}
.appointment-cal .react-calendar__tile--now .appointment-cal__day, .appointment-cal .react-calendar__tile--active .appointment-cal__day {
  color: white !important;
}
.appointment-cal .react-calendar__tile--now {
  background-color: #00C8C3 !important;
}
.appointment-cal .react-calendar__tile--active {
  background: #1577EA !important;
}
.appointment-cal .react-calendar__tile--active .appointment-cal__meeting, .appointment-cal .react-calendar__tile--active .appointment-cal__pip {
  background-color: white !important;
}
.appointment-cal .react-calendar__tile--active:hover {
  background: #C6C7D1;
}
.appointment-cal .react-calendar__month-view__days__day--neighboringMonth {
  background: #C6C7D1;
}
.appointment-cal .react-calendar__month-view__days__day--neighboringMonth .appointment-cal__day {
  color: white;
}

.appointment-cal__day {
  position: absolute;
  color: #1577EA;
  font-size: 10px;
  top: 5px;
  left: 5px;
}

.appointment-cal__pips {
  position: absolute;
  left: 0px;
  bottom: -20px;
  display: flex;
  gap: 3px;
}

.appointment-cal__meeting, .appointment-cal__pip {
  border-radius: 50%;
  height: 10px;
  width: 10px;
  background: #1577EA;
}

.appointment-cal__event {
  border-radius: 50%;
  height: 10px;
  width: 10px;
  background: #FF7612;
}

.states-empty {
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}

.states-empty__title {
  font-size: 20px !important;
}

.states-empty__description {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}

.states-empty__head {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.checkbox__outer {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.checkbox__error {
  color: #ED2855 !important;
  font-size: 14px !important;
}

.checkbox__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.checkbox__inner p {
  font-size: 14px;
  color: #61707F;
}

.checkbox-square label {
  border-radius: 6px !important;
  margin-left: 10px;
}

.checkbox--disabled {
  opacity: 0.2;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.checkbox--disabled label {
  cursor: unset !important;
}

.checkbox-round {
  position: relative;
  height: 28px;
  width: 28px;
  margin-right: 20px;
}

.checkbox-round label {
  background-color: transparent;
  border: 1px solid #C6C7D1;
  border-radius: 50%;
  cursor: pointer;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
  height: 28px;
}

.checkbox-round label:after {
  border: 0.15em solid white;
  border-top: none;
  border-right: none;
  content: "";
  height: 0.3em;
  left: 8.5px;
  position: absolute;
  top: 9.5px;
  transform: rotate(-45deg);
  width: 0.8em;
  opacity: 0;
}

.checkbox-round input[type=checkbox] {
  visibility: hidden;
}
.checkbox-round input[type=checkbox]:checked {
  background-color: red;
}

.checkbox-round input[type=checkbox]:checked + label {
  background-color: #929BA8;
  border: none;
  border: 8px solid #354859;
  box-sizing: border-box;
}
.checkbox-round input[type=checkbox]:checked + label:after {
  border: none;
}

.checkbox-square input[type=checkbox]:checked + label {
  background-color: #61707F;
  border: none;
}
.checkbox-square input[type=checkbox]:checked + label:after {
  border: 0.15em solid white;
  border-top: none;
  border-right: none;
}

.checkbox-round input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.month-selector {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 780px) {
  .month-selector {
    min-width: 350px;
  }
}

.month-selector__arrow {
  color: #1577EA;
  width: -moz-fit-content;
  width: fit-content;
  outline: none;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 18px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.booking-schedule {
  background-color: #F5F8FA;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 780px) {
  .booking-schedule {
    gap: 40px;
  }
}
.booking-schedule .rc-scrollbars-view {
  max-height: unset !important;
  padding-bottom: 40px;
}

.booking-schedule__outer {
  min-width: 1000px;
}
@media (min-width: 968px) {
  .booking-schedule__outer {
    min-width: 1000px;
  }
}
@media (min-width: 992px) {
  .booking-schedule__outer {
    min-width: 2000px;
  }
}
@media (min-width: 1200px) {
  .booking-schedule__outer {
    min-width: 1000px !important;
  }
}
@media (min-width: 1500px) {
  .booking-schedule__outer {
    min-width: 2000px;
  }
}

.booking-schedule__info {
  z-index: 99999;
}
.booking-schedule__info p {
  display: inline-block;
  color: #d2d2d2;
}

.booking-schedule-info__text {
  color: white;
}

.booking-schedule__head {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
@media (min-width: 760px) {
  .booking-schedule__head {
    flex-direction: row;
  }
}

.booking-schedule-component {
  overflow: auto;
}

.booking-schedule__button {
  background-color: #EFF2F4;
  color: #1577EA;
  font-size: 16px;
  border-radius: 20px;
  padding: 10px 15px;
  outline: none;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.booking-schedule__button--toggled {
  background-color: #1577EA;
  color: white;
}

.booking-schedule__rows {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
.booking-schedule__rows .booking-schedule__row {
  flex-direction: column;
  gap: 20px;
  align-items: unset !important;
}
@media (min-width: 780px) {
  .booking-schedule__rows .booking-schedule__row {
    flex-direction: row;
    gap: 0px;
    align-items: center;
  }
}

.booking-schedule__row {
  width: 100%;
  display: flex;
  flex-direction: row;
  min-height: 50px;
  align-items: center;
  position: relative;
}
.booking-schedule__row--sticky {
  position: absolute;
  top: 0px;
  background-color: #707070;
  z-index: 9;
}
.booking-schedule__row--sticky .booking-schedule-time-header-time__text {
  color: white !important;
}

.booking-schedule__row-details {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 20%;
  max-width: 150px;
}
.booking-schedule__row-details .booking-schedule__row-name {
  width: unset;
  max-width: unset;
}

.booking-schedule__row-day {
  color: #707070;
  font-size: 12px;
  font-weight: 600;
}

.booking-schedule__row-name {
  width: 20%;
  max-width: 150px;
  word-break: break-word;
  color: #707070;
  font-size: 12px;
}

.booking-schedule__row-content {
  background: #EFF2F4;
  padding: 10px;
  display: block;
  position: relative;
  min-height: 20px;
  border-radius: 20px;
  overflow-x: hidden;
}
@media (min-width: 780px) {
  .booking-schedule__row-content {
    width: 100%;
  }
}

.booking-schedule__row-content-inner {
  height: 50px;
  width: -moz-fit-content;
  width: fit-content;
}

.booking-schedule__row-content-inner--rooms {
  display: none;
}
@media (min-width: 780px) {
  .booking-schedule__row-content-inner--rooms {
    display: block;
  }
}

.booking-schedule-booking {
  color: white;
  font-size: 10px;
  position: absolute;
  overflow: hidden;
  cursor: pointer;
  border-radius: 10px;
}

.booking-schedule-booking--statuses {
  border-radius: 10px 10px 10px 0px;
}
.booking-schedule-booking--statuses .booking-schedule-booking__item {
  border-radius: 10px 10px 10px 0px;
}

.booking-schedule-booking__item {
  display: flex;
  align-items: center;
  height: 30px;
  background: white;
  border-radius: 10px;
  position: relative;
}

.booking-schedule-booking__statuses {
  padding: 5px;
  border-radius: 0px 0px 10px 10px;
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: white;
  width: -moz-fit-content;
  width: fit-content;
}

.booking-schedule-booking__status {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.booking-schedule-booking--event .booking-schedule-booking__type {
  background-color: #FF7612;
}

.booking-schedule-booking__content {
  white-space: nowrap;
  color: #354859;
}

.booking-schedule-booking__type {
  background-color: #1577EA;
  height: 100%;
  min-width: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.booking-schedule-booking__buffer {
  background: #D2DBE2;
  height: 100%;
  right: 0;
  position: absolute;
  border-radius: 0px 0px 10px 0px;
}

.booking-schedule-time-header {
  position: relative;
}
.booking-schedule-time-header .booking-schedule__row {
  align-items: unset;
  flex-direction: column;
}
@media (min-width: 780px) {
  .booking-schedule-time-header .booking-schedule__row {
    align-items: center;
    flex-direction: row;
  }
}

.booking-schedule-time-header-time__text {
  rotate: 90deg;
  transform-origin: top;
  color: #707070;
  position: relative;
  top: 20px;
}
@media (min-width: 760px) {
  .booking-schedule-time-header-time__text {
    rotate: 0deg;
    transform-origin: unset;
    top: 0px;
  }
}
@media (min-width: 780px) {
  .booking-schedule-time-header-time__text {
    rotate: 90deg;
    transform-origin: top;
    top: 20px;
  }
}
@media (min-width: 1100px) {
  .booking-schedule-time-header-time__text {
    rotate: 0deg;
    transform-origin: unset;
    top: 0px;
    left: 5px;
  }
}

.booking-schedule-booking__inner {
  display: flex;
  align-items: center;
  padding: 5px 10px 5px 10px;
  gap: 10px;
}

.booking-schedule-time-header__times {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 30px;
  position: absolute;
  top: 0px;
  z-index: 10;
  pointer-events: none;
}
@media (min-width: 760px) {
  .booking-schedule-time-header__times {
    margin-top: 40px;
    margin-top: 0px;
    margin-bottom: 10px;
    position: relative;
    top: unset;
    z-index: 1;
  }
}

.booking-schedule-time-header__time {
  display: flex;
  flex-direction: row;
  position: relative;
  height: 100vh;
  border-left: 1px solid #b4b4b478;
  pointer-events: none;
}
.booking-schedule-time-header__time:first-child {
  border-left: none;
}
@media (min-width: 760px) {
  .booking-schedule-time-header__time {
    border-left: unset;
  }
}
@media (min-width: 780px) {
  .booking-schedule-time-header__time {
    height: 40px;
    border-left: 1px solid black;
  }
  .booking-schedule-time-header__time:first-child {
    border-left: 1px solid black;
  }
}
@media (min-width: 1100px) {
  .booking-schedule-time-header__time {
    align-items: center;
    border-left: unset !important;
  }
}

.grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 992px) {
  .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1400px) {
  .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1920px) {
  .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.statuses {
  max-width: 500px;
}

.statuses__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.action-notification--read {
  background-color: #1577EA !important;
}
.action-notification--read .action-item-content__subtitle, .action-notification--read .action-item-content__title, .action-notification--read .action-item-content__body, .action-notification--read .action-item-content__type {
  color: white !important;
}
.action-notification--read img {
  filter: invert(1);
}
.action-notification--read .button svg path {
  fill: #FF7612 !important;
}

.action-item {
  border-radius: 20px;
  background: white;
  margin-bottom: 20px;
  border: 1px solid #BEC0CB;
}
.action-item:hover {
  background-color: #EFF2F4;
}

.action-item__main {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  justify-content: space-between;
}

.action-item__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: calc(100% - 30px);
}

.action-item__icon svg, .action-item__icon img {
  width: 30px;
}

.action-item__side {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.action-item__group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: calc(100% - 80px);
}

.action-item-content__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.action-item-content__subtitle, .action-item-content__type {
  color: #1577EA;
  font-size: 10px;
  text-transform: capitalize;
}

.action-item-content__type {
  white-space: nowrap;
}

.action-item-content__title {
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 330px;
  color: #354859;
}

.action-item-content__body {
  font-size: 12px !important;
  color: #61707F;
}

.action-item__task {
  border-radius: 0px 0px 20px 20px;
  padding: 15px 20px;
  box-sizing: border-box;
  background-color: #FF7612;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #BEC0CB;
  min-height: 66px;
}
.action-item__task--complete {
  background-color: #00C8C3;
}
.action-item__task--complete .action-item-task__button {
  background-color: transparent;
  color: white;
}
.action-item__task--complete .action-item-task__button svg path {
  stroke: white;
}

.action-item-responsive__main .action-item-content__subtitle {
  width: 100%;
}

.action-item-responsive__main .action-item-task__due {
  justify-content: space-between;
  width: 100% !important;
}

.action-item-responsive__text {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start !important;
}

.action-item-note__text {
  --max-lines: 5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--max-lines);
}

.action-item-note__content {
  background-color: #EFF2F4;
  padding: 15px 20px;
  box-sizing: border-box;
}

.action-item-note__footer {
  border-radius: 0px 0px 20px 20px;
  padding: 15px 20px;
  box-sizing: border-box;
  background-color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #BEC0CB;
}

.action-item-task__label {
  font-size: 12px;
  font-weight: 500;
  color: white;
}

.action-item-task__button {
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 8px 15px;
  background-color: white;
  color: #FF7612;
  font-size: 16px;
  cursor: pointer;
}
.action-item-task__button--complete {
  background-color: #354859;
  color: white;
}
.action-item-task__button--complete svg {
  filter: brightness(2);
}

.action-item-task__revert {
  cursor: pointer;
}

.action-item-task__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  gap: 20px;
}

.action-item__responsive .action-item__action {
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
}
.action-item__responsive .action-item__task {
  flex-direction: column;
  gap: 10px;
}

.action-item-responsive__main {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.action-item-responsive__top {
  display: flex;
  justify-content: space-between;
}

.action-item-responsive__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.action-item-responsive__text {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-end;
}

.attendee-details .popup__content {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  margin-bottom: 0px;
}

.fm {
  background-color: #D2DBE2;
}

.authentication {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: row;
}
.authentication .input-outer {
  margin-bottom: 20px;
}
.authentication .input-outer p {
  margin-top: 20px;
  color: #ff3556;
}
.authentication .input-outer:last-child {
  margin-bottom: 0px;
}

.authentication__login .authentication__image {
  background-image: url("/assets/login-screen/DMC-login-screen.jpg") !important;
}

.authentication__register .authentication__image {
  background-image: url("/assets/registration-screen/DMC-registration.jpg") !important;
}

.authentication__image {
  width: 50%;
  height: 100%;
  background-image: url("https://cdn.dribbble.com/users/1869172/screenshots/15264630/media/d38b8f4afce15c2c9e4226df84ea849a.png?compress=1&resize=1200x900&vertical=top");
  background-size: cover;
  background-color: #EFF2F4;
  display: none;
}
@media (min-width: 992px) {
  .authentication__image {
    display: block;
  }
}

.authentication__inner {
  display: flex;
  flex-direction: column;
  margin: auto;
  overflow-y: auto;
}
.authentication__inner .barnsley {
  text-align: center;
  margin-top: 55px;
}
@media (min-width: 576px) {
  .authentication__inner {
    padding-bottom: 36px;
  }
}

.authentication__title {
  font-size: 60px;
  font-weight: 400;
  margin-bottom: 91px;
  text-align: center;
  font-size: 38px;
}
@media (min-width: 992px) {
  .authentication__title {
    font-size: 50px;
  }
}

.authentication__content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 80px;
  padding: 36px;
}
.authentication__content h2 {
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 51px;
}
@media (min-width: 992px) {
  .authentication__content {
    width: 50%;
    justify-content: center;
  }
}

.authentication__bottom {
  display: flex;
  flex-direction: column-reverse;
  align-items: unset;
}
.authentication__bottom button {
  width: 100%;
  margin-top: 30px;
}
.authentication__bottom #forgot-password {
  margin-bottom: 33px;
}
@media (min-width: 1250px) {
  .authentication__bottom {
    flex-direction: column-reverse;
    align-items: unset;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .authentication__bottom button {
    width: 276px;
    margin-top: 0px;
  }
}

.register {
  width: 100%;
  background-image: url("/assets/registration-screen/DMC-registration.jpg");
  background-size: cover;
}
.register .website-row {
  width: 100%;
  margin-bottom: 33px;
}
.register .website-row:last-child {
  margin-bottom: 0px;
}
.register .website-row .input-outer {
  margin-bottom: 33px;
}
.register .website-row .input-outer:last-child {
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .register .website-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
  }
  .register .website-row:last-child {
    margin-bottom: 0px;
  }
  .register .website-row .input-outer {
    width: 100%;
    margin-right: 10px;
    margin-bottom: 0px;
  }
  .register .website-row .input-outer:last-child {
    margin-right: 0px;
  }
}

.register-desktop {
  width: 100%;
  margin-bottom: 20px;
  display: none;
  flex-direction: column;
  align-items: center;
}
.register-desktop .bottom {
  flex-direction: column;
  justify-content: unset;
  margin-top: 22px;
}
.register-desktop .bottom button {
  margin-top: 20px;
}
.register-desktop .checkmark-box {
  align-items: unset;
}
.register-desktop .checkmark-box .round {
  margin-top: -7px;
}
.register-desktop .website-row p {
  padding-right: 20px;
}
@media (min-width: 1400px) {
  .register-desktop .bottom {
    flex-direction: row;
    justify-content: space-between;
  }
  .register-desktop .bottom .checkmark-box {
    max-width: 200px;
  }
  .register-desktop .bottom button {
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  .register-desktop {
    display: flex;
  }
}

.register-mobile {
  width: 100%;
  display: block;
}
.register-mobile .checkmark-box {
  max-width: 100%;
}
.register-mobile .bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.register-mobile .bottom .website-row__item {
  width: 100%;
}
.register-mobile .bottom .website-row__item button {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .register-mobile {
    display: none;
  }
}

.unset {
  align-items: unset !important;
}

.register__inner {
  max-width: 100%;
  padding: 50px 36px;
  margin-bottom: 80px;
  justify-content: unset;
  margin: auto;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 50px;
}
.register__inner h1, .register__inner h2 {
  font-weight: 400;
}
.register__inner h1 {
  font-size: 38px;
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  .register__inner h1 {
    text-align: center;
    font-size: 60px;
    margin-bottom: 91px;
  }
}
.register__inner h2 {
  font-size: 30px;
  margin-bottom: 53px;
}
@media (min-width: 968px) {
  .register__inner h2 {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .register__inner {
    width: 100%;
    max-width: 1550px;
    min-height: 100vh;
    padding: 0px 201px;
    justify-content: center;
  }
}

.link {
  color: #D2DBE2;
}

.reset-password .authentication__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.reset-password .authentication__bottom button {
  margin-right: 10px;
}
.reset-password .authentication__bottom button:last-child {
  margin-right: 0px;
}
@media (max-width: 1250px) {
  .reset-password .authentication__bottom {
    flex-direction: column;
  }
  .reset-password .authentication__bottom button {
    width: 100%;
    margin-bottom: 20px;
  }
  .reset-password .authentication__bottom button:last-child {
    margin-bottom: 0px;
  }
  .reset-password .authentication__bottom #forgot-password {
    margin-bottom: 33px;
  }
}

.your-password {
  font-size: 12px;
  margin-bottom: 33px;
}

.content-editor .website__topbar {
  flex-direction: column;
  align-items: start;
}
.content-editor .website__topbar h1 {
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content-editor .website__topbar button {
  width: unset;
}
.content-editor .website__topbar .website-row {
  margin-top: 20px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  width: 100%;
}
.content-editor .website__topbar .website-row .Dropdown-root {
  width: 100%;
}
@media (min-width: 780px) {
  .content-editor .website__topbar .website-row .Dropdown-root {
    width: 372.09px;
  }
}
.content-editor .website__topbar .website-row button {
  margin-top: 20px;
  width: 100%;
}
@media (min-width: 780px) {
  .content-editor .website__topbar .website-row button {
    width: unset;
    margin-top: 0px;
  }
}
@media (min-width: 780px) {
  .content-editor .website__topbar .website-row {
    flex-direction: row;
    align-items: center;
    width: unset;
  }
}
@media (min-width: 1400px) {
  .content-editor .website__topbar .website-row {
    margin-top: 0px;
  }
}
@media (min-width: 1400px) {
  .content-editor .website__topbar {
    flex-direction: row;
  }
}

.slug__content-type {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.slug__content-type p {
  white-space: nowrap;
  margin-right: 15px;
}
.slug__content-type strong {
  font-weight: 400;
  color: #00C8C3;
}
.slug__content-type .custom-switch {
  display: flex;
}

.details-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.content-editor__lock-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  border-radius: 20px;
  background: #e6e6e6;
  opacity: 0.8;
}

.details-item__bottom {
  display: flex;
  align-items: end;
}
.details-item__bottom button {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 20px;
}

.details-version {
  display: flex;
  flex-direction: row;
  align-items: center;
}

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

.content-editor__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.content-editor__container {
  display: flex;
  flex-direction: row;
  position: relative;
  border-radius: 20px;
  background-color: #ebebeb;
  padding: 23.5px 28px;
  box-sizing: border-box;
  margin-bottom: 30.5px;
}
.content-editor__container:last-child {
  margin-bottom: 30.5px;
}

.content-editor__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #EFF2F4;
}
@media (min-width: 1580px) {
  .content-editor__inner {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}

.content-editor__items {
  display: grid;
  grid-gap: 20px;
}
@media (min-width: 780px) {
  .content-editor__items {
    grid-template-rows: repeat(3, 1fr);
  }
}

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

.content-editor__item-divider {
  min-width: 526px;
  border-left: 1px solid #EFF2F4;
  display: flex;
  flex-direction: column;
}
.content-editor__item-divider label {
  margin-bottom: 0px;
  font-size: 14px;
  white-space: nowrap;
}
.content-editor__item-divider input {
  width: 100%;
  height: 56px;
  margin-left: 49px;
}
.content-editor__item-divider .input-outer {
  justify-content: space-between;
  margin-top: 17px;
  margin-bottom: 26px;
}
.content-editor__item-divider .input-outer input {
  margin-top: 13px;
}
.content-editor__item-divider .input-outer .Dropdown-root {
  width: 190px;
  margin-right: 0px;
}
.content-editor__item-divider .input-outer .Dropdown-control, .content-editor__item-divider .input-outer .Dropdown-menu {
  background-color: white;
}
.content-editor__item-divider .input-outer .Dropdown-control {
  height: 56px;
}
.content-editor__item-divider .input-outer .Dropdown-menu {
  margin-top: 0px;
}
.content-editor__item-divider .input-outer .Dropdown-option, .content-editor__item-divider .input-outer .Dropdown-control {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content-editor__item-divider .input-outer:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1580px) {
  .content-editor__item-divider {
    margin-left: 30px;
    padding-left: 30px;
  }
  .content-editor__item-divider .input-outer input {
    margin-top: 0px;
  }
}

.content-editor__title {
  margin-bottom: 11px;
  font-size: 14px;
}

.content-editor__subtitle {
  margin-bottom: 11px;
}

.content-editor__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.content-editor__item p {
  font-size: 14px;
}
.content-editor__item:nth-child(4) .input-outer:first-child {
  width: 100%;
}
@media (min-width: 780px) {
  .content-editor__item:nth-child(4) .input-outer:first-child {
    width: 66%;
  }
}
.content-editor__item:nth-child(4) .input-outer:last-child {
  width: 100%;
}
@media (min-width: 780px) {
  .content-editor__item:nth-child(4) .input-outer:last-child {
    width: 34%;
  }
}
.content-editor__item .input-outer {
  width: 100%;
  margin-bottom: 20px;
}
.content-editor__item .input-outer:last-child {
  margin-right: 0px;
}
.content-editor__item .input-outer input {
  width: 100%;
  height: 30px;
  border: none;
  background-color: white !important;
}
.content-editor__item .input-outer button {
  height: 30px;
}
@media (min-width: 780px) {
  .content-editor__item .input-outer {
    margin-bottom: 13px;
    margin-right: 15px;
  }
}
@media (min-width: 780px) {
  .content-editor__item {
    flex-direction: row;
  }
}

.content-editor__details {
  width: 100%;
  min-height: 302.5px;
  flex-direction: column;
}
@media (min-width: 1580px) {
  .content-editor__details {
    flex-direction: row;
  }
}

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

.editor-tab {
  flex-direction: column;
}
@media (min-width: 968px) {
  .editor-tab {
    flex-direction: row;
  }
}

@media (min-width: 968px) {
  .content-editor__preview {
    margin-left: 54px;
  }
}

.tab-selector {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-selector button {
  margin-right: 10px;
}
.tab-selector button:last-child {
  margin-right: 0px;
}

.content-search__inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1400px) {
  .content-search__inner {
    flex-direction: row;
  }
}

.content-box {
  box-sizing: border-box;
  padding: 18px;
  background-color: #ebebeb;
  border-radius: 20px;
  height: 100%;
}

.content-searcher__search {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #D2DBE2;
}

.content-searcher__results {
  font-size: 14px;
  color: #00C8C3;
}

.content-search__button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #EFF2F4;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-box__title {
  font-size: 14px;
}

.content-searcher {
  width: 100%;
}
@media (min-width: 1400px) {
  .content-searcher {
    width: 55.8%;
  }
}

.content-filter {
  width: 100%;
  margin-top: 20px;
}
@media (min-width: 1400px) {
  .content-filter {
    margin-top: 0px;
    width: 43.5%;
  }
}

.content-searcher__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.content-searcher__bottom .Dropdown-root {
  width: 181px;
}
.content-searcher__bottom .Dropdown-root .Dropdown-control {
  height: 56px;
  background-color: white;
}
.content-searcher__bottom .Dropdown-root .Dropdown-menu {
  background-color: white;
  border-radius: 20px;
}

.results-outer {
  margin-top: 20px;
  max-height: 526px;
  padding-top: 3px;
  padding-bottom: 5px;
  overflow-y: auto;
}

.result-item {
  width: calc(100% - 6px);
  height: 50px;
  border-radius: 20px;
  background-color: white;
  margin-bottom: 18px;
  margin-left: 3px;
  margin-right: 3px;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.result-item:hover {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;
}
.result-item:hover button {
  background-color: #00C8C3;
}
.result-item:last-child {
  margin-bottom: 0px;
}

.result-item__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 15px;
  font-size: 12px;
  height: 100%;
}
.result-item__item p {
  color: #1577EA;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.result-item__item:nth-child(2) {
  border-left: 1px solid #D2DBE2;
  border-right: 1px solid #D2DBE2;
  width: 120px;
  max-width: 120px;
}
.result-item__item a {
  height: 30px;
  font-size: 12px;
}

.result-item__left {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
}

.result-item__right {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}

.result-item__ball {
  width: 25px;
  height: 25px;
  border-radius: 20px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;
}

.result-item__title {
  margin-left: 10px;
  font-size: 14px;
}

.content-filter__section {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #D2DBE2;
}
.content-filter__section:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.content-filter__title {
  font-size: 20px;
  font-weight: 300;
}

.distributions-outer {
  display: grid;
  grid-gap: 20px 30px;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 20px;
}
.distributions-outer button {
  font-size: 14px;
  width: unset;
  color: black;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .distributions-outer {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1400px) {
  .distributions-outer {
    grid-template-columns: repeat(3, 1fr);
  }
}

.content-types {
  display: grid;
  grid-gap: 20px 30px;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .content-types {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1400px) {
  .content-types {
    grid-template-columns: repeat(3, 1fr);
  }
}

.content-type {
  padding: 0px 20px;
  box-sizing: border-box;
  font-size: 14px;
  height: 40px;
  border-radius: 20px;
  background-color: #EFF2F4;
  align-items: center;
  min-width: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.content-type p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content-type:hover {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;
}

.content-type--selected {
  background-color: #00C8C3;
  color: white;
}

.account {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1638px;
  margin: auto;
}
.account .website-row {
  flex-direction: column;
}
.account .website-row input {
  background-color: #ebebeb;
}
@media (min-width: 1200px) {
  .account .website-row {
    display: flex;
    flex-direction: row;
  }
  .account .website-row .input-outer {
    width: 100%;
    margin-right: 10px;
    margin-bottom: 0px;
  }
  .account .website-row .input-outer:last-child {
    margin-right: 0px;
  }
}

.account__block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1200px) {
  .account__block {
    flex-direction: row;
  }
}
.account__block--full-width {
  width: 100%;
}

.account__user {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 968px) {
  .account__user {
    flex-direction: row;
    margin-bottom: 57px;
  }
}

.account__information {
  height: -moz-fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding: 33px 28px;
  background-color: #ebebeb;
  border-radius: 20px;
  border: 1px solid #EFF2F4;
  width: 100%;
  margin-left: 0px;
  margin-top: 33px;
}
@media (min-width: 1200px) {
  .account__information {
    width: 520px;
    min-width: 520px;
    margin-left: 50px;
  }
  .account__information--full-width {
    width: 100% !important;
    min-width: 0px !important;
    margin-left: 0px !important;
  }
  .account__information--centered {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}

.account__information-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 100%;
}

.information__date {
  margin-top: 20px;
}

.account__inputs {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.account__section {
  padding-top: 36px;
  border-bottom: 1px solid #EFF2F4;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.account__section p {
  font-size: 16px;
  margin-bottom: 36px;
}
.account__section:first-child {
  padding-top: 0px;
}
.account__section:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
@media (min-width: 1200px) {
  .account__section {
    padding-bottom: 36px;
  }
}
.account__section--full-width {
  width: 100%;
}

.account__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.account__column a {
  color: #D2DBE2;
  font-size: 14px;
  margin-top: 23px;
}

.account__roles {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 20px;
  gap: 20px;
  margin-bottom: 40px;
}

.account-role {
  background-color: #00C8C3;
  word-break: break-word;
  padding: 22px;
  border-radius: 20px;
}
.account-role h2 {
  color: white;
  font-size: 20px;
}
.account-role p {
  color: #1577EA;
  font-size: 12px;
  margin-top: 10px;
}
.account-role b {
  color: #ffffff;
  margin-top: 7px;
  font-size: 12px;
}
.account-role:last-child {
  background-color: #000000;
  margin-right: 0px;
}

.account-user {
  display: flex;
  gap: 20px;
  align-items: center;
}

.account-user__icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #F5F8FA;
}

.account-user__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.account-user__content h1 {
  font-size: 24px;
  font-weight: 400;
}
.account-user__content p {
  font-size: 14px;
}
.account-user__content a {
  font-size: 14px;
  color: #1577EA;
}

.myteam .website__topbar {
  flex-direction: column;
  align-items: flex-start;
}
.myteam .website__topbar .website-topbar__filter {
  font-size: 10px;
  margin: 20px 0px;
}
.myteam .website__topbar button {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .myteam .website__topbar {
    flex-direction: row;
    align-items: center;
  }
  .myteam .website__topbar .website-topbar__filter {
    font-size: 16px;
    margin: 0px;
  }
  .myteam .website__topbar button {
    margin-top: 0px;
  }
}

.website-topbar__settings {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .website-topbar__settings {
    margin-top: 0px;
  }
}

.distributions-outer {
  display: grid;
  grid-template-columns: repeat(5, 300px);
  grid-gap: 32px;
}
@media (max-width: 1900px) {
  .distributions-outer {
    grid-template-columns: repeat(4, 300px);
  }
}
@media (max-width: 1575px) {
  .distributions-outer {
    grid-template-columns: repeat(3, 300px);
  }
}
@media (max-width: 1240px) {
  .distributions-outer {
    grid-template-columns: repeat(2, 300px);
  }
}
@media (max-width: 736px) {
  .distributions-outer {
    grid-template-columns: repeat(1, 300px);
  }
}

.distribution-item {
  max-width: 300px;
  height: 370px;
  border-radius: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.distribution-item__img {
  width: 100%;
  height: 165px;
  background-color: #D2DBE2;
  border-radius: 20px 20px 0px 0px;
  background-size: cover !important;
  background-position: center center !important;
}

.distribution-item__content {
  height: calc(100% - 165px);
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.distribution-item__content p {
  font-size: 12px;
}
.distribution-item__content p:first-child {
  color: #1577EA;
}
.distribution-item__content p, .distribution-item__content b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.distribution-item__content button {
  width: 100%;
}

.distribution-item__type {
  text-transform: capitalize;
}

.distribution-item__name {
  text-transform: capitalize;
}

.distributions-settings {
  margin-top: 40px !important;
  width: 100%;
  max-width: 1700px;
  margin: auto;
}

.distribution-settings__row {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.distribution-settings__row .input-outer {
  width: 100%;
  margin-right: 26px;
  margin-bottom: 24px;
}
.distribution-settings__row .input-outer input {
  background-color: #ebebeb;
}
.distribution-settings__row .input-outer:last-child {
  margin-right: 0px;
}
@media (min-width: 968px) {
  .distribution-settings__row .input-outer {
    margin-bottom: 0px;
  }
}
.distribution-settings__row:last-child {
  margin-bottom: 0px;
}
@media (min-width: 968px) {
  .distribution-settings__row {
    flex-direction: row;
  }
}

.distributions-settings__title {
  font-size: 16px;
  margin-bottom: 23.5px;
}

.distributions-settings__section {
  padding-bottom: 40px;
  margin-top: 40px;
  border-bottom: 1px solid #D2DBE2;
}
.distributions-settings__section:first-child {
  margin-top: 0px;
}
.distributions-settings__section:last-child {
  border-bottom: 0px;
}

.error {
  display: flex;
  flex-direction: row;
  height: 100vh;
}

.error__inner {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 36px;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 576px) {
  .error__inner {
    width: 50%;
  }
}

.error__content {
  display: flex;
  flex-direction: column;
  max-width: 374px;
  width: 100%;
  margin: auto;
  overflow-y: auto;
}
.error__content h1 {
  font-size: 50px;
}
.error__content b {
  margin: 31px 0px;
  font-size: 20px;
  color: #EA1557;
}
.error__content .button {
  min-height: 56px;
}

.error__title {
  font-weight: 400;
  font-size: 40px !important;
  margin-bottom: 100px;
}
@media (min-width: 968px) {
  .error__title {
    font-size: 60px !important;
  }
}

.error__primary {
  font-size: 20px;
  font-weight: 300;
}

.error__secondary {
  margin: 30px 0px;
  font-size: 14px;
}

.error__additional {
  color: #00C8C3;
  font-size: 12px;
  margin-bottom: 40px;
}

.error__image {
  height: 100%;
  display: none;
  background-color: #EFF2F4;
  background-image: url("/assets/error-screen/DMC-Error-Screen.jpg");
  background-size: cover;
}
@media (min-width: 576px) {
  .error__image {
    width: 50%;
    display: block;
  }
}

.error__links {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 30px;
}
.error__links a {
  font-size: 14px;
  color: #FF7612;
}

.companies__content {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 32px;
  position: relative;
}
@media (max-width: 1900px) {
  .companies__content {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1575px) {
  .companies__content {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1240px) {
  .companies__content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 736px) {
  .companies__content {
    grid-template-columns: repeat(1, 1fr);
  }
}
.companies__content .no-data-error {
  width: 100%;
  position: absolute;
  top: 100px;
}
.companies-settings__section {
  padding-bottom: 40px;
  margin-top: 40px;
  border-bottom: 1px solid #D2DBE2;
}
.companies-settings__section:first-child {
  margin-top: 0px;
}
.companies-settings__section:last-child {
  border-bottom: 0px;
}

.companies-settings__section-name {
  margin-bottom: 20px;
}

.companies-settings {
  width: 100%;
  max-width: 1700px;
  margin: auto;
  margin-top: 40px !important;
}

.companies-settings__profile {
  margin-top: 25px;
}

.companies-settings__row {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.companies-settings__row .input-outer {
  width: 100%;
  margin-right: 26px;
  margin-bottom: 24px;
}
.companies-settings__row .input-outer input {
  background-color: #ebebeb;
}
.companies-settings__row .input-outer:last-child {
  margin-right: 0px;
}
@media (min-width: 968px) {
  .companies-settings__row .input-outer {
    margin-bottom: 0px;
  }
}
.companies-settings__row:last-child {
  margin-bottom: 0px;
}
@media (min-width: 968px) {
  .companies-settings__row {
    flex-direction: row;
  }
}
.companies-settings__row .tox-tinymce {
  width: 100%;
}

.search-result__outer .website__topbar .Dropdown-root {
  width: 215px !important;
}

.search-results .result-item__right .result-item__item {
  border: none;
}
.search-results .result-item__right .result-item__item:first-child {
  border-left: 1px solid #D2DBE2;
  border-right: 1px solid #D2DBE2;
}
.search-results .result-item__right .result-item__item:last-child {
  width: unset;
}
.search-results .result-item__right .result-item__item button {
  width: 111px;
  justify-content: center;
}

.search-results__outer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 35px;
}

.search-results__results-text {
  font-size: 21px;
  color: #BABABA;
}

.search-results__preview {
  width: 100%;
  max-height: 673px;
  height: 100%;
}

.search-results__bottom {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 50px;
}
.search-results__bottom button {
  height: 30px;
}

.search-results__filter {
  width: 337px;
  height: 456px;
  max-height: 456px;
  border-radius: 20px;
  background-color: #ebebeb;
  box-sizing: border-box;
  padding: 20px;
}

.search-filter__title {
  font-size: 14px;
}

.search-filter__subtitle {
  font-size: 20px;
  margin-top: 23.5px;
}

.search-filter__filters {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  overflow: auto;
  overflow-y: auto;
}

.search-filter {
  height: 40px;
  padding: 0px 20px;
  border-radius: 20px;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #00C8C3;
  margin-bottom: 20px;
  font-size: 14px;
}
.search-filter span {
  color: white;
  font-size: 14px;
}
.search-filter:last-child {
  margin-bottom: 0px;
}

.result-item {
  background-color: #EFF2F4;
}

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

.dashboard__main {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.dashboard__top-bar {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 75px;
  flex-wrap: wrap;
  justify-content: center;
}
.dashboard__top-bar .image-button {
  margin-left: 20px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .dashboard__top-bar {
    justify-content: flex-start;
  }
}

.dashboard__title {
  margin-bottom: 40px;
}

.dashboard__row-title {
  color: #D2DBE2;
  margin-right: 20px;
  display: none;
}
@media (min-width: 992px) {
  .dashboard__row-title {
    display: block;
  }
}

.dashboard__col {
  width: 100%;
  padding-right: 40px;
  box-sizing: border-box;
}
@media (min-width: 968px) {
  .dashboard__col {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .dashboard__col {
    width: 50%;
  }
}
@media (min-width: 1400px) {
  .dashboard__col {
    width: 33.3%;
  }
}

.dashboard__col-title {
  font-size: 24px;
}

.dashboard__col-action {
  font-size: 16px;
  color: #1577EA;
}

.dashboard__col-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
  align-items: center;
}

.dashboard__col-body {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}

.request-reset form {
  width: 400px;
}
.request-reset .button {
  width: 100%;
}
.request-reset .register__inner h1 {
  margin-bottom: 30px;
}

.request-reset__error {
  margin-top: 20px;
  color: #ff3556;
}

#contact-messages {
  height: 100%;
}

#contact-conversations .account {
  height: 100%;
  display: flex;
}

.office-buildings__add {
  padding: 12px;
  border-radius: 20px;
  outline: none;
  border: none;
  background-color: #00C8C3;
  color: white;
  font-size: 12px;
}

.office-type-results {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 383px));
  gap: 20px;
}
.office-type-results .card {
  min-width: unset;
  max-width: unset;
}

.office-dashboard-calendar {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}
@media (min-width: 1000px) {
  .office-dashboard-calendar {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .office-dashboard-calendar {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 1700px) {
  .office-dashboard-calendar {
    grid-template-columns: repeat(2, 1fr);
  }
}
.office-dashboard-calendar .react-calendar {
  background-color: transparent;
}

.office-dashboard-enquiries__content {
  max-height: 1170px;
  overflow: auto;
}
@media (min-width: 1700px) {
  .office-dashboard-enquiries__content {
    max-height: 780px;
  }
}

.feature--toggled .feature__head {
  border-radius: 20px 20px 0px 0px;
}
.feature--toggled .feature__content {
  border-radius: 0px 0px 20px 20px;
}

.feature__head {
  border: 1px solid #D2DBE2;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.feature__head p {
  color: #354859;
}

.feature__content {
  border: 1px solid #D2DBE2;
  padding: 20px;
}

.reusable-dropdown {
  border: 1px solid #D2DBE2;
  border-radius: 20px;
  padding: 20px;
  min-height: 92px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: -moz-fit-content;
  height: fit-content;
}

.addon {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
}
@media (min-width: 1400px) {
  .addon {
    grid-template-columns: 1fr 1fr;
  }
}

#meetings-hub .appointment-cal {
  min-height: 0px !important;
}
#meetings-hub .booking-schedule {
  padding: 0px;
}

.events-view .container-table, .events-booking .container-table {
  padding: 0px;
}
.events-view .container-table-row__cell, .events-booking .container-table-row__cell {
  color: #1577EA;
}

.events-view .events-view__feature {
  height: 15vw;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ebebeb;
}

.events-booking__summary {
  padding: 20px;
}

.event__details {
  display: grid;
  grid-template-columns: repeat(1, minmax(0px, 1fr));
  gap: 20px;
}
@media (min-width: 576px) {
  .event__details {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}

.event__tickets {
  display: grid;
  grid-template-columns: repeat(1, minmax(0px, 1fr));
  gap: 20px;
}
@media (min-width: 992px) {
  .event__tickets {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}

.events-setup__main {
  display: grid;
  grid-template-columns: repeat(1, minmax(0px, 1fr));
  gap: 40px;
}
@media (min-width: 1200px) {
  .events-setup__main {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}
@media (min-width: 1600px) {
  .events-setup__main {
    grid-template-columns: repeat(4, minmax(0px, 1fr)) !important;
  }
}

.events-setup__rich-text {
  display: grid;
  grid-template-columns: repeat(1, minmax(0px, 1fr));
  gap: 20px;
}
@media (min-width: 1200px) {
  .events-setup__rich-text {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}

.events-setup__tickets {
  display: grid;
  grid-template-columns: repeat(1, minmax(0px, 1fr));
  gap: 20px;
}
@media (min-width: 1200px) {
  .events-setup__tickets {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}

.room__features {
  display: grid;
  grid-template-columns: repeat(1, minmax(0px, 1fr));
  gap: 20px;
}
@media (min-width: 1200px) {
  .room__features {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}
@media (min-width: 1600px) {
  .room__features {
    grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;
  }
}

.room__three {
  display: grid;
  grid-template-columns: repeat(1, minmax(0px, 1fr));
  gap: 20px;
}
@media (min-width: 1200px) {
  .room__three {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}
@media (min-width: 1600px) {
  .room__three {
    grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;
  }
}

.room__main {
  display: grid;
  grid-template-columns: repeat(1, minmax(0px, 1fr));
  gap: 20px;
}
@media (min-width: 992px) {
  .room__main {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}
@media (min-width: 1200px) {
  .room__main {
    grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;
  }
}
@media (min-width: 1600px) {
  .room__main {
    grid-template-columns: repeat(4, minmax(0px, 1fr)) !important;
  }
}

.marketing-report__tables .container__content {
  overflow: auto;
}

.marketing-report__table {
  padding: 0px;
  gap: 0px;
  min-width: 1100px;
}
.marketing-report__table .container-table__headers {
  gap: 0px;
}
.marketing-report__table .container-table__rows, .marketing-report__table .container-table__row {
  gap: 0px;
}
.marketing-report__table .container-table__row:last-child .container-table-row__cell {
  border: none;
}
.marketing-report__table .container-table__row:last-child .container-table-row__cell:last-child {
  border: 1px solid #C6C7D1;
  border-top: none;
}
.marketing-report__table .container-table-row__cell {
  padding: 10px;
  font-weight: 500;
  border: 1px solid #C6C7D1;
  color: #354859;
}
.marketing-report__table .container-table__header {
  background-color: #f1f1f1;
  padding: 10px;
  font-weight: 600;
  border: 1px solid #C6C7D1;
  color: #354859;
  font-size: 16px;
}

.weekly-report {
  gap: 0px;
  overflow: auto;
  padding: 0px;
  border-radius: 0px;
}
.weekly-report--print .container-table__headers, .weekly-report--print .container-table__rows {
  gap: 0px;
}
.weekly-report--minWidth .container-table__headers, .weekly-report--minWidth .container-table__rows {
  gap: 0px;
  min-width: 1600px;
}
.weekly-report .container-table__rows, .weekly-report .container-table__row {
  gap: 0px;
}
.weekly-report .container-table__row {
  align-items: stretch;
}
.weekly-report .container-table__row .container-table-row__cell:first-child {
  padding: 10px;
  box-sizing: border-box;
}
.weekly-report .container-table__row .container-table-row__cell:nth-child(2) .weekly-report__item, .weekly-report .container-table__row .container-table-row__cell:nth-child(3) .weekly-report__item {
  background-color: #ffd1af;
}
.weekly-report .container-table__row .container-table-row__cell:nth-child(4) .weekly-report__item, .weekly-report .container-table__row .container-table-row__cell:nth-child(5) .weekly-report__item, .weekly-report .container-table__row .container-table-row__cell:nth-child(6) .weekly-report__item, .weekly-report .container-table__row .container-table-row__cell:nth-child(7) .weekly-report__item {
  background-color: #b3d6ff;
}
.weekly-report .container-table__row .container-table-row__cell:nth-child(8) .weekly-report__item, .weekly-report .container-table__row .container-table-row__cell:nth-child(9) .weekly-report__item {
  background-color: #ffa6b5;
}
.weekly-report .container-table__row .container-table-row__cell:nth-child(10) .weekly-report__item {
  background-color: #e8e8e8;
}
.weekly-report .container-table-row__cell {
  padding: 0px;
  font-weight: 500;
  border: 1px solid #494949;
  box-sizing: border-box;
  color: #354859;
}
.weekly-report .container-table__header {
  background-color: #f1f1f1;
  padding: 10px;
  font-weight: 600;
  border: 1px solid #494949;
  color: #354859;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
}
.weekly-report .container-table__header:first-child, .weekly-report .container-table__header:nth-child(2), .weekly-report .container-table__header:nth-child(3) {
  background-color: #FF7612;
  color: white;
}
.weekly-report .container-table__header:first-child .weekly-report__item, .weekly-report .container-table__header:nth-child(2) .weekly-report__item, .weekly-report .container-table__header:nth-child(3) .weekly-report__item {
  background-color: #ffd1af;
}
.weekly-report .container-table__header:nth-child(4), .weekly-report .container-table__header:nth-child(5), .weekly-report .container-table__header:nth-child(6), .weekly-report .container-table__header:nth-child(7) {
  background-color: #1577EA;
  color: white;
}
.weekly-report .container-table__header:nth-child(4) .weekly-report__item, .weekly-report .container-table__header:nth-child(5) .weekly-report__item, .weekly-report .container-table__header:nth-child(6) .weekly-report__item, .weekly-report .container-table__header:nth-child(7) .weekly-report__item {
  background-color: #b3d6ff;
}
.weekly-report .container-table__header:nth-child(8), .weekly-report .container-table__header:nth-child(9) {
  background-color: #ff3556;
  color: white;
}
.weekly-report .container-table__header:nth-child(8) .weekly-report__item, .weekly-report .container-table__header:nth-child(9) .weekly-report__item {
  background-color: #ffa6b5;
}
.weekly-report .container-table__header:nth-child(10) {
  background-color: #61707F;
  color: white;
}
.weekly-report .container-table__header:nth-child(10) .weekly-report__item {
  background-color: #ffa6b5;
}

.weekly-report__item {
  width: 100%;
  background-color: gray;
}

.attendees-search .attendee-search__result {
  background-color: #eee;
  padding: 20px;
  border-radius: 20px;
  box-sizing: border-box;
  gap: 30px;
}
.attendees-search .attendee-search-result__inner .label-container label {
  font-size: 14px !important;
  color: #606264 !important;
}
.attendees-search .attendee-search-result-item__name {
  font-size: 14px;
}
.attendees-search .attendee-search-result__meetings {
  padding: 20px;
  border-radius: 20px;
  background-color: #F5F8FA;
  border: 1px solid #BEC0CB;
}
.attendees-search .attendee-arrived {
  border-radius: 10px !important;
  margin: 0px !important;
  width: 40px !important;
  height: 40px !important;
}
.attendees-search .attendee-arrived div {
  width: 25px;
  height: 25px;
}