.domain > .librarySpinner {
  height: 100vh !important;
  z-index: 999999;
  position: relative;
}

.builder .librarySpinner {
  height: 100vh !important;
  background: rgba(235, 235, 235, 0.4274509804) !important;
  z-index: 999999;
  position: relative;
}

.viewer .librarySpinner {
  height: 100vh !important;
  background: #e8eaed !important;
  z-index: 999999;
  position: relative;
}

.dashboard .librarySpinner {
  height: 100vh !important;
  background: rgba(235, 235, 235, 0.4274509804) !important;
  z-index: 999999;
  position: relative;
}

.minutes .librarySpinner {
  height: 100vh !important;
  background: rgba(235, 235, 235, 0.4274509804) !important;
  z-index: 999999;
  position: relative;
}

.tasks .librarySpinner {
  height: 100vh !important;
  background: rgba(235, 235, 235, 0.4274509804) !important;
  z-index: 999999;
  position: relative;
}

.domain .librarySpinner {
  height: 100vh !important;
  background: rgba(235, 235, 235, 0.4274509804) !important;
  z-index: 999999;
  position: relative;
}

.librarySpinner,
.webViewerSpinner {
  width: 100%;
  height: 100%;
  background: #ebebeb;
  z-index: 1;
  border-radius: 8px;
  min-height: 256px;
  display: block;
}
.librarySpinner .ant-spin-nested-loading,
.webViewerSpinner .ant-spin-nested-loading {
  height: 100% !important;
  overflow: hidden;
}
.librarySpinner .ant-spin-nested-loading .ant-spin-container,
.webViewerSpinner .ant-spin-nested-loading .ant-spin-container {
  display: none;
}
.librarySpinner .ant-spin-nested-loading .loadingSpinner.ant-spin,
.webViewerSpinner .ant-spin-nested-loading .loadingSpinner.ant-spin {
  transform: scale(2);
  height: 100% !important;
  z-index: 1000 !important;
  max-height: none !important;
}
.librarySpinner .ant-spin-nested-loading .loadingSpinner.ant-spin .ant-spin-text,
.webViewerSpinner .ant-spin-nested-loading .loadingSpinner.ant-spin .ant-spin-text {
  position: absolute;
  background-color: transparent !important;
  box-shadow: none !important;
}
.librarySpinner .ant-spin-nested-loading .loadingSpinner.ant-spin .ant-spin-dot-spin .ant-spin-dot-item,
.webViewerSpinner .ant-spin-nested-loading .loadingSpinner.ant-spin .ant-spin-dot-spin .ant-spin-dot-item {
  background-color: #18385d;
}
.librarySpinner.dark .ant-spin-nested-loading .loadingSpinner.ant-spin .ant-spin-dot-spin .ant-spin-dot-item,
.webViewerSpinner.dark .ant-spin-nested-loading .loadingSpinner.ant-spin .ant-spin-dot-spin .ant-spin-dot-item {
  background-color: #fff;
}

.modalSpinner {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3294117647);
  z-index: 999;
}
.modalSpinner.savingAnnotation {
  background: none;
}
.modalSpinner .ant-spin-nested-loading {
  height: 100vh;
}
.modalSpinner .ant-spin-nested-loading .ant-spin-container {
  display: none;
}
.modalSpinner .ant-spin-nested-loading .loadingSpinner.ant-spin {
  transform: scale(2);
  height: 100%;
  z-index: 1000 !important;
  max-height: none !important;
}
.modalSpinner .ant-spin-nested-loading .loadingSpinner.ant-spin.solid {
  background: #f0f2f5;
  background-image: linear-gradient(155deg, hsl(216, 10%, 90%) 2%, hsl(216, 10%, 90%) 19%, hsl(216, 10%, 90%) 26%, hsl(216, 11%, 91%) 30%, hsl(216, 11%, 91%) 33%, hsl(216, 11%, 91%) 36%, hsl(216, 11%, 91%) 38%, hsl(216, 12%, 92%) 40%, hsl(216, 12%, 92%) 42%, hsl(216, 13%, 92%) 44%, hsl(216, 13%, 92%) 45%, hsl(216, 13%, 93%) 47%, hsl(216, 14%, 93%) 49%, hsl(216, 14%, 93%) 51%, hsl(216, 15%, 93%) 53%, hsl(216, 15%, 94%) 56%, hsl(216, 16%, 94%) 58%, hsl(216, 17%, 94%) 62%, hsl(216, 17%, 94%) 65%, hsl(216, 18%, 95%) 71%, hsl(216, 19%, 95%) 78%, hsl(216, 20%, 95%) 99%);
}
.modalSpinner .ant-spin-nested-loading .loadingSpinner.ant-spin .ant-spin-text {
  position: absolute;
  background-color: #ffffff !important;
  box-shadow: none !important;
}
.modalSpinner .ant-spin-nested-loading .loadingSpinner.ant-spin .ant-spin-dot-spin .ant-spin-dot-item {
  background-color: #18385d;
}
.modalSpinner.dark .ant-spin-nested-loading .loadingSpinner.ant-spin .ant-spin-dot-spin .ant-spin-dot-item {
  background-color: #fff;
}

.ant-spin-nested-loading.progress {
  position: absolute;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  z-index: 99999;
  top: 0;
  background: transparent;
}
.ant-spin-nested-loading.progress .ant-spin-container {
  display: none;
}
.ant-spin-nested-loading.progress .ant-spin {
  transform: scale(2);
  height: calc(100vh - 76px) !important;
  z-index: 1000 !important;
  max-height: none !important;
}
.ant-spin-nested-loading.progress .ant-spin .ant-spin-text {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8352941176) !important;
  box-shadow: none !important;
}
.ant-spin-nested-loading.progress .ant-spin .ant-spin-dot-spin .ant-spin-dot-item {
  background-color: #18385d;
}

.ant-spin-nested-loading > div > .ant-spin {
  display: grid;
  justify-items: center;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  padding-top: 0 !important;
  background-color: rgba(255, 255, 255, 0.8352941176) !important;
  box-shadow: 0px 0px 2px 0px #fff;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  color: #73727c;
  text-shadow: none;
  border-radius: 8px;
  padding: 15px 25px 15px 25px !important;
  display: inline-block;
  font-size: 12px;
  top: 56% !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: 50vw;
  text-shadow: none !important;
  transform: scale(0.6);
}

.ant-spin-dot-spin .ant-spin-dot-item {
  background-color: #18385d !important;
}

.ant-picker-calendar-date-content {
  width: 100%;
  height: 100%;
  display: grid;
  align-items: center;
  justify-items: center;
}
.ant-picker-calendar-date-content .ant-spin {
  transform: translate(2px, -11px);
}

#body.viewer .ant-spin-nested-loading {
  top: 0;
}
#body.viewer .ant-spin-nested-loading > div > .ant-spin {
  background: transparent;
}
#body.viewer .ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  color: #fff !important;
  background-color: #333 !important;
}
#body.viewer.loading .ant-spin-nested-loading {
  background: #f0f2f5;
  background-image: linear-gradient(155deg, hsl(216, 10%, 90%) 2%, hsl(216, 10%, 90%) 19%, hsl(216, 10%, 90%) 26%, hsl(216, 11%, 91%) 30%, hsl(216, 11%, 91%) 33%, hsl(216, 11%, 91%) 36%, hsl(216, 11%, 91%) 38%, hsl(216, 12%, 92%) 40%, hsl(216, 12%, 92%) 42%, hsl(216, 13%, 92%) 44%, hsl(216, 13%, 92%) 45%, hsl(216, 13%, 93%) 47%, hsl(216, 14%, 93%) 49%, hsl(216, 14%, 93%) 51%, hsl(216, 15%, 93%) 53%, hsl(216, 15%, 94%) 56%, hsl(216, 16%, 94%) 58%, hsl(216, 17%, 94%) 62%, hsl(216, 17%, 94%) 65%, hsl(216, 18%, 95%) 71%, hsl(216, 19%, 95%) 78%, hsl(216, 20%, 95%) 99%);
}
#body.viewer .collectionViewerContainer .ant-spin-nested-loading {
  left: 275px;
  width: calc(100vw - 275px);
}
#body.viewer .ant-table-wrapper .ant-spin-nested-loading {
  top: auto;
}
#body.viewer .modalSpinner {
  z-index: 1000;
}
#body.viewer .modalSpinner .ant-spin-nested-loading .loadingSpinner.ant-spin .ant-spin-text {
  color: #fff !important;
  background-color: #333 !important;
}.offline .emptyDirectory,
.offline .loadingComponent {
  margin: 79px 30px 60px;
}

.offline .bookshelf-container {
  margin: 53px 10px 0;
}

.bookshelf-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  grid-auto-rows: 194px;
  grid-gap: 25px 50px;
  align-items: center;
  justify-items: center;
  background: url(/images/fsw-shelf.png) repeat-y 0 15px;
  background-size: 100% 219px;
  padding: 19px 25px 37px;
  margin: 0 10px 38px 10px;
  transition: all 300ms, background 300ms ease-in;
}
.bookshelf-container::before {
  pointer-events: none;
  content: "";
  width: 100%;
  height: 200px;
  background: linear-gradient(to top, transparent 0%, #f0f2f5 50%);
  position: absolute;
  top: 0;
  left: 0;
}
.bookshelf-container .itemContainer {
  background-size: cover;
  width: 120px;
  height: 162px;
  padding: 0;
  cursor: pointer;
  position: relative;
  transition: all 300ms;
  display: grid;
  align-items: center;
  justify-items: center;
}
.bookshelf-container .itemContainer > div {
  display: grid;
  align-items: center;
  justify-items: center;
  width: 100%;
  height: 100%;
}
.bookshelf-container .itemContainer .itemIsProcessingSpinner {
  position: absolute;
  bottom: 30px;
  left: 46px;
}
.bookshelf-container .itemContainer:hover .thumbnailContainer.folderIcons img.collectionAndFolderImage {
  box-shadow: 0px 0px 2px 0px #212121, 0px 0px 1px 1px var(--highlight);
}
.bookshelf-container .itemContainer .thumbnailContainer {
  position: absolute;
  width: 120px;
  height: 162px;
  display: grid;
  align-items: end;
  pointer-events: none;
}
.bookshelf-container .itemContainer .thumbnailContainer .newFileIndicator {
  position: absolute;
  top: 112px;
  left: 70px;
  font-size: 18px;
  z-index: 50;
  width: 50px;
  opacity: 0.9;
  filter: grayscale(20%);
}
.bookshelf-container .itemContainer .thumbnailContainer .collectionAndFolderImage {
  width: 120px;
  height: 162px;
  object-fit: contain;
  object-position: bottom;
}
.bookshelf-container .itemContainer .thumbnailContainer.folderIcons img.collectionAndFolderImage {
  box-shadow: 0px 0px 2px 0px #212121;
}
.bookshelf-container .itemContainer .thumbnailContainer .bookshelfCustomIcon {
  max-width: 80px;
  transform: translate(5px, -152px);
  max-height: 80px;
  margin: 0 auto;
}
.bookshelf-container .itemContainer .thumbnailContainer .defaultStellarIcon {
  width: 92px;
  transform: translate(5px, -133px);
}
.bookshelf-container .itemContainer .stellar-bookshelf-item-text-container {
  position: relative;
  max-width: 84px;
  display: grid;
  align-content: center;
  height: 100%;
  pointer-events: none;
  margin-left: 10px;
  padding-top: 80px;
}
.bookshelf-container .itemContainer .stellar-bookshelf-item-text-container .stellar-ellipsis {
  font-size: 12px;
  line-height: 1.4;
  overflow: hidden;
  color: white;
  word-break: break-word;
  max-height: 85px;
  margin-bottom: 10px;
  margin-left: -2px;
  border-radius: 3px;
  padding: 4px 6px 3px;
  text-align: center;
}
.bookshelf-container .itemContainer .bookshelf-item {
  position: absolute;
  top: 15px;
  left: 9px;
}
.bookshelf-container .itemContainer .bookshelf-item .bookshelf-item-icon {
  height: 25px;
}
.bookshelf-container .itemContainer .bookshelf-item .bookshelf-item-icon.starIcon {
  display: grid;
  align-items: center;
  justify-items: center;
  color: rgba(118, 136, 151, 0.6549019608);
}
.bookshelf-container .itemContainer .bookshelf-item .bookshelf-item-icon.starIcon .anticon-star {
  grid-row: 1;
  grid-column: 1;
  font-size: 26px;
}
.bookshelf-container .itemContainer .bookshelf-item .bookshelf-item-icon.starIcon .starDocCount {
  grid-row: 1;
  grid-column: 1;
  font-size: 9px;
  color: #fff;
}
.bookshelf-container .itemContainer .bookshelf-item .bookshelf-item-icon.isTaskOrCollection {
  color: var(--highlight);
  font-size: 22px;
  margin: -5px 0 5px 1px;
}
.bookshelf-container .itemContainer .bookshelf-item .bookshelf-item-icon.isTaskOrCollection.noSectionsIcon .anticon-diff {
  color: #c9c8c4 !important;
}

.bookshelf.ant-layout-content,
.recent.ant-layout-content,
.favourite.ant-layout-content {
  display: grid;
  transition: all 300ms;
}
.bookshelf.ant-layout-content::before,
.recent.ant-layout-content::before,
.favourite.ant-layout-content::before {
  content: "";
  width: 100%;
  height: 200px;
  background: linear-gradient(to top, transparent 0%, #f0f2f5 50%);
  position: absolute;
  top: 0;
  left: 0;
}
.bookshelf.ant-layout-content .anticon-diff,
.recent.ant-layout-content .anticon-diff,
.favourite.ant-layout-content .anticon-diff {
  color: #c1ff72;
}
.bookshelf.ant-layout-content .anticon-star,
.recent.ant-layout-content .anticon-star,
.favourite.ant-layout-content .anticon-star {
  color: rgba(118, 136, 151, 0.6549019608);
}
.bookshelf.ant-layout-content .starIcon,
.recent.ant-layout-content .starIcon,
.favourite.ant-layout-content .starIcon {
  display: grid;
  align-items: center;
  justify-items: center;
  color: rgba(118, 136, 151, 0.6549019608);
}
.bookshelf.ant-layout-content .starIcon .anticon-star,
.recent.ant-layout-content .starIcon .anticon-star,
.favourite.ant-layout-content .starIcon .anticon-star {
  grid-row: 1;
  grid-column: 1;
  font-size: 26px;
}
.bookshelf.ant-layout-content .starIcon .starDocCount,
.recent.ant-layout-content .starIcon .starDocCount,
.favourite.ant-layout-content .starIcon .starDocCount {
  grid-row: 1;
  grid-column: 1;
  font-size: 9px;
  color: #fff;
}

.domain.ant-layout-content {
  display: grid;
  transition: all 300ms;
}
.domain.ant-layout-content::before {
  content: "";
  width: 100%;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
}

.loadingComponent {
  position: absolute;
  font-size: 18px;
  font-style: italic;
  color: rgba(118, 136, 151, 0.6549019608);
  margin: 26px 30px 60px;
}
.loadingComponent small {
  color: rgba(118, 136, 151, 0.3607843137);
}
.loadingComponent i {
  animation: flickerAnimation 2s infinite;
}
.loadingComponent i:nth-child(1) {
  margin-left: -7px;
  animation-delay: 0ms;
}
.loadingComponent i:nth-child(2) {
  animation-delay: 500ms;
}
.loadingComponent i:nth-child(3) {
  animation-delay: 1000ms;
}

.emptyDirectory {
  position: absolute;
  opacity: 0.4;
  font-size: 16px;
  font-style: italic;
  color: rgba(118, 136, 151, 0.6549019608);
  margin: 26px 30px 60px;
}

.customIconModalPreview {
  transform: translateY(10px);
}

.duplicateModalContainer {
  display: grid;
  justify-items: center;
  gap: 12px;
}
.duplicateModalContainer img {
  width: 50%;
}
.duplicateModalContainer h4 {
  justify-self: left;
  margin-bottom: -12px;
}
.duplicateModalContainer.folderIcons img.collectionAndFolderImage {
  box-shadow: 0px 0px 2px 0px #212121;
}
.duplicateModalContainer .bookshelfCustomIcon {
  width: 90px;
  position: absolute;
  transform: translate(5px, 13px);
}
.duplicateModalContainer .defaultStellarIcon {
  width: 95px;
  position: absolute;
  transform: translate(5px, 23px);
}

.unsetBookshelf {
  background: none !important;
}.accounts .directory-list,
.library .directory-list {
  padding: 19px 20px 25px;
}

.accounts .directory-list .stellar-list-item.domain {
  border-bottom: none;
}

.directory-list .library-list-view {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 0px;
}
.directory-list .library-list-view .list-item-container {
  cursor: pointer;
}
.directory-list .library-list-view .list-item-container:hover .ant-avatar {
  transform: scale(1.05);
}
.directory-list .library-list-view .stellar-list-item {
  transition: all 0.3s ease;
  border-radius: 6px;
  padding: 18px 16px;
  border-bottom: 1px solid hsl(0, 0%, 87%);
}
.directory-list .library-list-view .stellar-list-item:last-child {
  border-bottom: none;
}
.directory-list .library-list-view .stellar-list-item:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.directory-list .library-list-view .stellar-list-item.active {
  background-color: #f5f5f5;
  border: 1px solid #cfcfcf;
}
.directory-list .library-list-view .stellar-list-item.active .ant-typography {
  font-weight: bold;
}
.directory-list .library-list-view .stellar-list-item.active .ant-list-item-meta-description {
  font-weight: bold;
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-meta {
  pointer-events: none;
  align-items: center;
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-meta .ant-list-item-meta-avatar {
  margin-right: 16px;
  position: relative;
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar {
  transition: transform 0.2s ease;
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar.icon {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  background-color: rgb(27, 55, 82);
  border-radius: 13px;
  overflow: hidden;
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar.preview {
  border-radius: 0;
  box-shadow: none;
  border: none;
  overflow: visible;
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar.stellar-bookshelf-item-not-cached {
  opacity: 0.6;
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-meta .ant-list-item-meta-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-meta .ant-list-item-meta-description {
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.45);
  font-size: 13px;
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-meta .ant-list-item-meta-description .meeting-time-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: flex;
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-meta .ant-list-item-meta-description .meeting-time-container .meeting-time-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-action {
  margin-left: 5px;
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-action .ant-list-item-action-split {
  display: none;
}
@media (max-width: 600px) {
  .directory-list .library-list-view .stellar-list-item .ant-list-item-action .button-edit-collection {
    position: relative;
    display: block;
    margin-top: 0;
    width: auto;
    float: left;
  }
}
@media (max-width: 600px) and (max-width: 480px) {
  .directory-list .library-list-view .stellar-list-item .ant-list-item-action .button-edit-collection {
    display: none;
  }
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-action li {
  padding: 0 2px 0 6px;
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-action li:last-child {
  padding-right: 0;
}
@media (max-width: 715px) {
  .directory-list .library-list-view .stellar-list-item .ant-list-item-action li {
    padding: 0 8px 0 0;
  }
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-action .anticon-heart {
  transform: translateY(2px);
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-action .context-menu-button {
  color: rgba(0, 0, 0, 0.45);
  font-size: 18px;
  padding: 0;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 8px;
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-action .context-menu-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.85);
}
.directory-list .library-list-view .stellar-list-item .ant-list-item-action .context-menu-button .anticon {
  font-size: 18px;
}
.directory-list .library-list-view .stellar-list-item.folder .ant-avatar, .directory-list .library-list-view .stellar-list-item.domain .ant-avatar {
  background-color: var(--highlight, #3c52bd);
}
.directory-list .library-list-view .stellar-list-item.document_collection .ant-avatar {
  background-color: var(--highlight-secondary, #61cfdf);
}
.directory-list .library-list-view .stellar-list-item.file .ant-avatar {
  background-color: #fff;
  border: 1px solid #f0f0f0;
}
.directory-list .library-list-view .board_pack {
  position: relative;
  overflow: hidden;
}
.directory-list .library-list-view .board_pack::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 0;
  border-color: transparent #f5c454 transparent transparent;
}

.ant-avatar-string {
  transform: scale(1) !important;
}
.ant-avatar-string .anticon-loading {
  color: var(--red) !important;
}

.ant-tooltip .ant-space {
  align-items: center;
}

.newFileIndicator {
  position: absolute;
  top: -2px;
  right: -2px;
  color: var(--red);
  font-size: 18px;
  z-index: 2;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2));
}

.libraryContextMenu {
  z-index: 1000;
}
.libraryContextMenu.ant-menu {
  border-radius: 8px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.contextMenuBackdrop {
  z-index: 999;
}.dashboardContainer {
  display: grid;
  margin: 4px 25px 25px 25px;
  padding: 0;
  user-select: none;
  outline: 0px solid transparent;
}
@media (max-width: 868px) {
  .dashboardContainer {
    margin: 4px 10px 25px 10px;
  }
}
.dashboardContainer .ant-badge {
  scale: 0.95;
}
.dashboardContainer .dashboardOverview {
  display: grid;
  grid-template-columns: 1fr;
  user-select: none;
  outline: 0px solid transparent;
}
.dashboardContainer .dashboardOverview h2 {
  margin: 10px 0 10px;
  color: var(--blue);
  font-weight: 600;
}
.dashboardContainer .dashboardOverview .dashboardItems {
  position: relative;
  display: grid;
  gap: 5px;
}
.dashboardContainer .dashboardOverview .bookshelf-container {
  background: hsl(0, 0%, 97%) !important;
  border-radius: 10px;
  margin: 12px 0;
  grid-gap: 15px 43px;
  position: relative;
  padding: 22px 25px 22px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-auto-rows: 128px;
  box-shadow: none !important;
  border: 1px solid hsl(0, 0%, 87%);
}
.dashboardContainer .dashboardOverview .bookshelf-container::before {
  content: "";
  background: none;
}
.dashboardContainer .dashboardOverview .rbc-off-range-bg {
  background: hsl(0, 0%, 97%) !important;
}
.dashboardContainer .dashboardOverview .rbc-time-view,
.dashboardContainer .dashboardOverview .rbc-month-view {
  border-radius: 10px;
  overflow: hidden;
}
.dashboardContainer .dashboardOverview .rbc-month-header,
.dashboardContainer .dashboardOverview .rbc-time-header-cell {
  background: hsl(0, 0%, 95%) !important;
}
.dashboardContainer .dashboardOverview .directoryNodeItem {
  position: relative;
  background: white;
  display: grid;
  grid-template-columns: 35px 1fr max-content max-content;
  align-content: center;
  grid-gap: 8px;
  height: 34px;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
  padding: 3px 9px 3px 4px;
  border-radius: 6px;
  box-shadow: 1px 1px 4px 1px hsl(0, 0%, 90%);
}
.dashboardContainer .dashboardOverview .directoryNodeItem.meeting {
  height: 52px;
}
.dashboardContainer .dashboardOverview .directoryNodeItem.meeting .thumbnailContainer {
  transform: translate(4px, 4px);
  height: 42px;
}
.dashboardContainer .dashboardOverview .directoryNodeItem.meeting .thumbnailContainer .bookshelfCustomIcon {
  height: 36px;
}
.dashboardContainer .dashboardOverview .directoryNodeItem.meeting .thumbnailContainer .collectionAndFolderImage {
  height: 42px;
}
.dashboardContainer .dashboardOverview .directoryNodeItem.meeting .stellar-ellipsis {
  transform: translate(0px, 4px);
}
.dashboardContainer .dashboardOverview .directoryNodeItem.meeting small {
  font-size: 11px;
}
.dashboardContainer .dashboardOverview .directoryNodeItem .actions {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 6px;
}
.dashboardContainer .dashboardOverview .directoryNodeItem .thumbnailContainer {
  position: relative;
  aspect-ratio: 3/4;
  height: 34px;
  display: grid;
  align-items: end;
  pointer-events: none;
  overflow: hidden;
  opacity: 1;
  filter: none;
}
.dashboardContainer .dashboardOverview .directoryNodeItem .thumbnailContainer .bookshelfCustomIcon {
  grid-column: 1;
  grid-row: 1;
  aspect-ratio: 3/4;
  height: 28px;
  padding-left: 3px;
  display: grid;
  align-items: end;
  pointer-events: none;
  object-fit: contain;
  object-position: middle;
}
.dashboardContainer .dashboardOverview .directoryNodeItem .thumbnailContainer .collectionAndFolderImage {
  grid-column: 1;
  grid-row: 1;
  aspect-ratio: 3/4;
  height: 34px;
  object-fit: contain;
  object-position: middle;
  opacity: 1;
  filter: none;
}
.dashboardContainer .dashboardOverview .directoryNodeItem .stellar-bookshelf-item-text-container {
  font-size: 16px;
  align-content: center;
}
.dashboardContainer .dashboardOverview .directoryNodeItem .bookshelf-item {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  padding: 4px 0 0 0;
  gap: 6px;
}
.dashboardContainer .dashboardOverviewContainer {
  user-select: none;
  outline: 0px solid transparent;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.dashboardContainer .dashboardOverviewContainer .row1,
.dashboardContainer .dashboardOverviewContainer .row2 {
  height: 556px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 1200px) {
  .dashboardContainer .dashboardOverviewContainer .row1,
  .dashboardContainer .dashboardOverviewContainer .row2 {
    height: unset;
    grid-template-columns: 1fr;
  }
}
.dashboardContainer .stellarSupport2Fa {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
}
@media (max-width: 868px) {
  .dashboardContainer .stellarSupport2Fa {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .dashboardContainer .stellarSupport2Fa .ant-card-head-title span {
    display: none;
  }
}
.dashboardContainer .currentTasks .tasks {
  border: 1px solid hsl(0, 0%, 87%);
  border-radius: 10px;
}
.dashboardContainer .currentTasks .tasks .currentTask {
  padding: 8px 16px 14px;
  font-size: 12px;
  border-bottom: 1px solid #e3e3e3;
  border-radius: 6px;
}
.dashboardContainer .currentTasks .tasks .currentTask .title {
  display: grid;
  grid-template-columns: 1fr max-content;
  column-gap: 6px;
  align-items: center;
  justify-items: start;
  padding: 0;
}
.dashboardContainer .currentTasks .tasks .currentTask .title b {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}
.dashboardContainer .currentTasks .tasks .currentTask .title .nodeTitleData {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  justify-items: end;
  width: 100%;
  padding: 3px 0;
}
@media (max-width: 868px) {
  .dashboardContainer .currentTasks .tasks .currentTask .title .nodeTitleData {
    justify-items: start;
  }
}
.dashboardContainer .currentTasks .tasks .currentTask .title .nodeTitleData .nodeTitle {
  font-weight: 600;
}
.dashboardContainer .currentTasks .tasks .currentTask .title .nodeTitleData .nodeName {
  font-size: 14px;
  font-weight: 300;
}
.dashboardContainer .currentTasks .tasks .currentTask .title .nodeTitleData .nodeType {
  font-size: 14px;
  font-weight: 300;
}
@media (max-width: 868px) {
  .dashboardContainer .currentTasks .tasks .currentTask .title .nodeTitleData .nodeType {
    grid-row: 2;
    font-size: 10px;
  }
}
.dashboardContainer .currentTasks .tasks .currentTask .metaData {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 6px;
  align-items: center;
  justify-items: center;
  padding: 2px 12px;
  background-color: #f0f0f0;
  border-radius: 6px;
}
@media (max-width: 650px) {
  .dashboardContainer .currentTasks .tasks .currentTask .metaData {
    grid-template-columns: 1fr;
  }
}
.dashboardContainer .currentTasks .tasks .currentTask .metaData p {
  margin: 0;
}
.dashboardContainer .currentTasks .tasks .currentTask .metaData section {
  display: grid;
  grid-template-columns: 1fr max-content;
  column-gap: 6px;
  align-items: center;
  justify-items: start;
}
.dashboardContainer .currentTasks .tasks .currentTask .metaData .progress {
  display: grid;
  grid-template-columns: 1fr max-content;
  column-gap: 6px;
  align-items: center;
  justify-items: end;
}
.dashboardContainer .currentTasks .tasks .currentTask .metaData .progress div div .progressIcon {
  font-size: 16px !important;
}
.dashboardContainer .currentTasks .tasks .currentTask h3 {
  font-size: 18px;
  margin: 0;
  font-weight: 600;
}
.dashboardContainer .currentTasks .tasks .currentTask .options {
  display: grid;
  gap: 6px;
  justify-content: end;
  align-items: center;
  position: relative;
  top: 2px;
}
.dashboardContainer .currentTasks .tasks .currentTask:last-child {
  margin: 0;
  border: none;
}
.dashboardContainer .licenses-users .users {
  grid-template-columns: 1fr;
}
.dashboardContainer .dashboardAddButton {
  position: absolute;
  right: 6px;
  top: 0px;
  padding: 10px 20px;
  margin-top: 8px;
  height: 44px;
  font-size: 16px;
}
.dashboardContainer .rbc-agenda-table tr {
  background-color: #fff !important;
}
.dashboardContainer .users {
  display: grid;
  grid-template-columns: 1fr 0.5fr;
  grid-template-rows: max-content max-content;
  column-gap: 16px;
  overflow-y: scroll;
}
.dashboardContainer .users b {
  grid-row: 1;
  grid-column: 1/-1;
}
.dashboardContainer .users h3 {
  grid-column: 1/3;
}
@media (max-width: 868px) {
  .dashboardContainer .users {
    grid-template-columns: 1fr;
  }
  .dashboardContainer .users h3 {
    grid-column: unset;
  }
}
@media (max-width: 868px) {
  .dashboardContainer .users .ant-table-wrapper {
    transform: unset;
  }
}
.dashboardContainer .users .ant-card-body {
  padding: 0 0 10px 0;
}
.dashboardContainer .accessUsers {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content max-content;
  column-gap: 16px;
  overflow-y: scroll;
}
.dashboardContainer .accessUsers b {
  grid-row: 1;
  grid-column: 1/-1;
}
.dashboardContainer .accessUsers h3 {
  grid-column: 1/3;
}
@media (max-width: 868px) {
  .dashboardContainer .accessUsers h3 {
    grid-column: unset;
  }
}
@media (max-width: 868px) {
  .dashboardContainer .accessUsers .ant-table-wrapper {
    transform: unset;
  }
}
.dashboardContainer .accessUsers .ant-card-body {
  padding: 0 0 10px 0;
}
.dashboardContainer .documents,
.dashboardContainer .tasks,
.dashboardContainer .meetings {
  display: grid;
}
.dashboardContainer .documents .ant-table-wrapper,
.dashboardContainer .tasks .ant-table-wrapper,
.dashboardContainer .meetings .ant-table-wrapper {
  width: 100%;
  overflow-x: auto;
}
@media (max-width: 868px) {
  .dashboardContainer .documents .ant-table-wrapper,
  .dashboardContainer .tasks .ant-table-wrapper,
  .dashboardContainer .meetings .ant-table-wrapper {
    transform: unset;
  }
}
.dashboardContainer .documents .ant-table-container,
.dashboardContainer .tasks .ant-table-container,
.dashboardContainer .meetings .ant-table-container {
  margin: 0 20px;
}
.dashboardContainer .documents .ant-table-pagination,
.dashboardContainer .tasks .ant-table-pagination,
.dashboardContainer .meetings .ant-table-pagination {
  margin: 0 20px;
}
.dashboardContainer .licenses {
  display: grid;
  grid-template-columns: 400px;
  grid-template-rows: max-content max-content;
  column-gap: 16px;
  overflow-y: scroll;
}
@media (max-width: 600px) {
  .dashboardContainer .licenses {
    grid-template-columns: 1fr;
  }
}

.interestsContainer {
  padding: 20px 30px;
}
.interestsContainer .dashboardHeader {
  display: grid;
  grid-template-columns: max-content max-content 1fr max-content;
  align-items: center;
  gap: 16px;
}
.interestsContainer .dashboardHeader p {
  margin: 0;
  color: #979797;
}
.interestsContainer .userInterestsCollapse {
  width: 100%;
  background: white;
  border-radius: 6px;
  overflow: hidden;
}
.interestsContainer .userInterestsCollapse .ant-collapse-header {
  padding: 20px 16px;
}
.interestsContainer .userInterestsCollapse .ant-collapse-item-active > .ant-collapse-header {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.interestsContainer .userInterestsCollapse .ant-collapse-item-active > .ant-collapse-content {
  border-top: none;
}
.interestsContainer .userInterestsCollapse .ant-collapse-content-box {
  padding-top: 0;
}
.interestsContainer .userInterestsCollapse .userPanelHeader {
  display: grid;
  grid-template-columns: max-content max-content 1fr max-content;
  align-items: center;
  justify-items: end;
  gap: 10px;
}
@media (max-width: 1200px) {
  .interestsContainer .userInterestsCollapse .userPanelHeader {
    grid-template-columns: max-content 1fr;
  }
}
@media (max-width: 1200px) {
  .interestsContainer .userInterestsCollapse .userPanelHeader .name {
    justify-self: start;
  }
  .interestsContainer .userInterestsCollapse .userPanelHeader .email {
    grid-row: 2;
  }
  .interestsContainer .userInterestsCollapse .userPanelHeader .ant-tag {
    grid-row: 2;
  }
}
.interestsContainer .userInterestsCollapse .userPanelHeader .ant-tag {
  margin-right: 0;
}
.interestsContainer .userInterestsCollapse .userPanelHeader .email {
  color: #979797;
}
.interestsContainer .userInterestsCollapse .userDetailsCard {
  margin-top: 10px;
}
.interestsContainer .userInterestsCollapse .userDetailsCard .userInterests h4 {
  margin-bottom: 12px;
  color: var(--blue);
}
.interestsContainer .userInterestsCollapse .userDetailsCard .userInterests .interestCardsList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}
.interestsContainer .userInterestsCollapse .userDetailsCard .userInterests .interestCardsList .interestCard {
  border-radius: 6px;
}
.interestsContainer .userInterestsCollapse .userDetailsCard .userInterests .interestCardsList .interestCard .interestCardHeader {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-bottom: 8px;
}
.interestsContainer .userInterestsCollapse .userDetailsCard .userInterests .interestCardsList .interestCard .interestCardHeader .interestCompany {
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}
.interestsContainer .userInterestsCollapse .userDetailsCard .userInterests .interestCardsList .interestCard .interestCardHeader .interestCompany .sectionLabel {
  font-weight: 600;
  color: #555;
  margin-right: 4px;
}
.interestsContainer .userInterestsCollapse .userDetailsCard .userInterests .interestCardsList .interestCard .interestCardHeader .interestPosition {
  color: #666;
  display: flex;
  align-items: center;
  gap: 6px;
}
.interestsContainer .userInterestsCollapse .userDetailsCard .userInterests .interestCardsList .interestCard .interestCardHeader .interestPosition .sectionLabel {
  font-weight: 600;
  color: #555;
  margin-right: 4px;
}
.interestsContainer .userInterestsCollapse .userDetailsCard .userInterests .interestCardsList .interestCard .interestDescription {
  margin: 8px 0;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.interestsContainer .userInterestsCollapse .userDetailsCard .userInterests .interestCardsList .interestCard .interestDescription .sectionLabel {
  font-weight: 600;
  color: #555;
  margin-right: 4px;
}
.interestsContainer .userInterestsCollapse .userDetailsCard .userInterests .interestCardsList .interestCard .interestDescription .anticon {
  margin-top: 3px;
}
.interestsContainer .userInterestsCollapse .userDetailsCard .userInterests .interestCardsList .interestCard .interestDivider {
  margin: 12px 0;
}
.interestsContainer .userInterestsCollapse .userDetailsCard .userInterests .interestCardsList .interestCard .interestDates {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.interestsContainer .userInterestsCollapse .userDetailsCard .userInterests .interestCardsList .interestCard .interestDates .interestDate {
  color: #666;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.interestsContainer .userInterestsCollapse .userDetailsCard .userInterests .interestCardsList .interestCard .interestDates .interestDate .sectionLabel {
  font-weight: 600;
  color: #555;
  margin-right: 4px;
}
.interestsContainer .paginationContainer {
  display: grid;
  justify-content: center;
  margin-top: 16px;
}

.nodeUserAccess .ant-card-head {
  padding: 0 16px;
}

.card-container > .ant-tabs-card > .ant-tabs-content {
  height: 120px;
  margin-top: -16px;
}

.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
  background: #fff;
  padding: 16px;
}

.card-container > .ant-tabs-card > .ant-tabs-bar {
  border-color: #fff;
}

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  border-color: transparent;
  background: transparent;
}

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  border-color: #fff;
  background: #fff;
}

.antd-pro-pages-list-basic-list-standardList .antd-pro-pages-list-basic-list-headerInfo {
  position: relative;
  text-align: center;
}

.antd-pro-pages-list-basic-list-standardList .antd-pro-pages-list-basic-list-headerInfo > span {
  color: rgba(0, 0, 0, 0.45);
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px;
}

.antd-pro-pages-list-basic-list-standardList .antd-pro-pages-list-basic-list-headerInfo > p {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  line-height: 32px;
  margin: 0;
}

.antd-pro-pages-list-basic-list-standardList .antd-pro-pages-list-basic-list-headerInfo > em {
  background-color: #e8e8e8;
  position: absolute;
  height: 56px;
  width: 1px;
  top: 0;
  right: 0;
}

@media screen and (max-width: 576px) {
  .antd-pro-pages-list-basic-list-standardList .antd-pro-pages-list-basic-list-headerInfo {
    margin-bottom: 16px;
  }
  .antd-pro-pages-list-basic-list-standardList .antd-pro-pages-list-basic-list-headerInfo > em {
    display: none;
  }
}
.fixedTabs .ant-tabs-nav {
  position: relative;
  top: 0;
  z-index: 3;
  background: transparent;
  height: 50px;
}
.fixedTabs .ant-tabs-nav .ant-tabs-nav-wrap {
  position: absolute;
  width: 100%;
  overflow: auto;
}
.fixedTabs .ant-tabs-nav .ant-tabs-nav-operations button {
  transform: translateY(5px);
}
.fixedTabs .ant-tabs-nav::before {
  border-bottom: none;
}

.taskListCalendar {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content;
}

.meetingsContainer .dashboardHeader,
.nodesContainer .dashboardHeader,
.tasksContainer .dashboardHeader {
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  gap: 12px;
  align-items: center;
  justify-items: start;
}
@media (max-width: 600px) {
  .meetingsContainer .dashboardHeader,
  .nodesContainer .dashboardHeader,
  .tasksContainer .dashboardHeader {
    grid-template-columns: 1fr;
    gap: 0;
    margin-bottom: 8px;
  }
  .meetingsContainer .dashboardHeader h2,
  .nodesContainer .dashboardHeader h2,
  .tasksContainer .dashboardHeader h2 {
    margin: 0;
  }
  .meetingsContainer .dashboardHeader div,
  .nodesContainer .dashboardHeader div,
  .tasksContainer .dashboardHeader div {
    grid-row: 2;
    gap: 0 !important;
  }
  .meetingsContainer .dashboardHeader button,
  .nodesContainer .dashboardHeader button,
  .tasksContainer .dashboardHeader button {
    justify-self: end;
  }
}
@media (max-width: 520px) {
  .meetingsContainer button,
  .nodesContainer button,
  .tasksContainer button {
    grid-row: 3;
    justify-self: start !important;
    margin-top: 8px;
  }
  .meetingsContainer .bookshelfToggle,
  .nodesContainer .bookshelfToggle,
  .tasksContainer .bookshelfToggle {
    grid-row: 4;
  }
}
.meetingsContainer b,
.nodesContainer b,
.tasksContainer b {
  padding: 20px;
}
@media (max-width: 868px) {
  .meetingsContainer b,
  .nodesContainer b,
  .tasksContainer b {
    padding: 20px 6px 20px 6px;
  }
}
.meetingsContainer b b label.ant-radio-button-wrapper-checked,
.nodesContainer b b label.ant-radio-button-wrapper-checked,
.tasksContainer b b label.ant-radio-button-wrapper-checked {
  background: #203853 !important;
  border-color: #203853 !important;
}
@media (max-width: 480px) {
  .meetingsContainer b b h2,
  .nodesContainer b b h2,
  .tasksContainer b b h2 {
    font-size: 16px;
  }
}
.meetingsContainer .dashboardItems,
.nodesContainer .dashboardItems,
.tasksContainer .dashboardItems {
  overflow-y: auto;
  max-height: 423px;
  padding: 0px;
}
.meetingsContainer .dashboardItems::-webkit-scrollbar,
.nodesContainer .dashboardItems::-webkit-scrollbar,
.tasksContainer .dashboardItems::-webkit-scrollbar {
  width: 6px;
}
.meetingsContainer .dashboardItems::-webkit-scrollbar-track,
.nodesContainer .dashboardItems::-webkit-scrollbar-track,
.tasksContainer .dashboardItems::-webkit-scrollbar-track {
  background: #f7f7f7;
}
.meetingsContainer .dashboardItems::-webkit-scrollbar-thumb,
.nodesContainer .dashboardItems::-webkit-scrollbar-thumb,
.tasksContainer .dashboardItems::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 4px;
}
.meetingsContainer .dashboardItems::-webkit-scrollbar-thumb:hover,
.nodesContainer .dashboardItems::-webkit-scrollbar-thumb:hover,
.tasksContainer .dashboardItems::-webkit-scrollbar-thumb:hover {
  background: #b6b6b6;
}

.meetingsContainer .dashboardItems {
  padding: 0;
}
.meetingsContainer .dashboardItems .ant-list-item {
  padding: 0 16px 12px 16px;
}

.taskModal .taskType {
  padding: 12px;
  border-radius: 6px;
  background: #ebedef;
  margin-bottom: 16px;
}
.taskModal .taskType .ant-form-item {
  margin-bottom: 0px;
}
.taskModal .taskType .boardPackSearch .listContainer {
  position: relative;
  max-height: 120px;
  overflow-y: scroll;
}
.taskModal .taskType .boardPackSearch .listContainer::-webkit-scrollbar {
  width: 6px;
}
.taskModal .taskType .boardPackSearch .listContainer::-webkit-scrollbar-track {
  background: #f7f7f7;
}
.taskModal .taskType .boardPackSearch .listContainer::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 4px;
}
.taskModal .taskType .boardPackSearch .listContainer::-webkit-scrollbar-thumb:hover {
  background: #b6b6b6;
}
.taskModal .taskType .boardPackSearch .listContainer div {
  border-bottom: 1px solid #d7d7d7;
  border-radius: 6px;
}.calendar {
  display: block;
  position: relative;
  background: var(--white);
  user-select: none;
  padding: 20px;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .calendar {
    width: 100%;
  }
}
.calendar .dateSelect {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 6px;
  margin-top: -6px;
}
.calendar .dateSelect span {
  display: inline-block;
  font-size: 20px;
  color: var(--blue90);
}
.calendar .dateSelect .lucide-chevron-down {
  padding: 3px;
  cursor: pointer;
  font-size: 28px;
  border-radius: 4px;
  transition: 0.25s ease-out;
}
.calendar .dateSelect .lucide-chevron-down:hover {
  background-color: var(--lightGrey);
  transition: 0.25s ease-out;
}
.calendar .meetings {
  padding: 24px 5px 6px 4px;
}
.calendar .meetings .meeting {
  background-color: var(--blue);
  color: var(--white);
  border-radius: 4px;
  padding: 0px 6px;
  margin: 1px 0px;
  font-size: 12px;
  display: inline-block;
  white-space: nowrap;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar .meetings .meeting svg {
  transform: translateY(2px);
}
.calendar .meetings .meeting:hover {
  background-color: var(--blue70);
}
.calendar .row {
  margin: 2px 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  gap: 2px;
  width: 100%;
}
.calendar .col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  border-radius: 4px;
}
.calendar .col-start {
  justify-content: flex-start;
  text-align: left;
}
.calendar .col-center {
  justify-content: center;
  text-align: center;
}
.calendar .col-end {
  justify-content: flex-end;
  text-align: right;
}
.calendar .header {
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 115%;
  padding: 0;
  cursor: default;
}
.calendar .header .col {
  cursor: pointer;
  padding: 14px 0 8px 0;
}
.calendar .header .icon {
  cursor: pointer;
  transition: 0.15s ease-out;
}
.calendar .header .icon:hover {
  transform: scale(1.75);
  transition: 0.25s ease-out;
  color: var(--blue);
}
.calendar .header .icon:first-of-type {
  margin-left: 1em;
}
.calendar .header .icon:last-of-type {
  margin-right: 1em;
}
.calendar .days {
  text-transform: uppercase;
  font-weight: 400;
  color: var(--lightGrey);
  font-size: 70%;
  padding: 0em 0 0.75em;
}
.calendar .body {
  border-radius: 6px 6px;
}
.calendar .body .cell {
  position: relative;
  height: 5em;
  border: 1px solid var(--lightGrey);
  overflow: hidden;
  cursor: pointer;
  background: var(--white);
  transition: 0.25s ease-out;
}
.calendar .body .cell.col {
  flex-grow: 0;
  flex-basis: 14.2857142857%;
  width: 14.2857142857%;
}
.calendar .body .cell.today::before {
  pointer-events: none;
  user-select: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(83, 203, 241, 0.5647058824);
  border-right: 1px solid rgba(83, 203, 241, 0.5647058824);
  background: radial-gradient(at 65% -21%, transparent 69%, rgba(83, 203, 241, 0.5647058824) 139%);
  border-radius: 6px 6px;
  left: 0;
  top: 0;
}
.calendar .body .cell .number {
  pointer-events: none;
  position: absolute;
  font-size: 82.5%;
  line-height: 1;
  top: 0.75em;
  right: 0.75em;
  font-weight: 700;
}
.calendar .body .cell .bg {
  pointer-events: none;
  font-weight: 700;
  line-height: 1;
  color: var(--blue);
  opacity: 0;
  font-size: 8em;
  position: absolute;
  top: -0.2em;
  right: -0.05em;
  transition: 0.25s ease-out;
  letter-spacing: -0.07em;
}
.calendar .body .cell .bg:hover {
  pointer-events: none;
  font-weight: 700;
  line-height: 1;
  color: var(--blue);
  opacity: 0;
  font-size: 8em;
  position: absolute;
  top: -0.2em;
  right: -0.05em;
  transition: 0.25s ease-out;
  letter-spacing: -0.07em;
}
.calendar .body .cell.today .bg {
  opacity: 0.03;
}
.calendar .body .cell:hover {
  background: var(--bg-color);
  transition: 0.5s ease-out;
}
.calendar .body .cell:hover .bg {
  opacity: 0.07;
  transition: 0.15s ease-in;
}
.calendar .body .cell.weekend {
  background-color: rgba(118, 136, 151, 0.062745098);
}
.calendar .body .cell.outOfMonth {
  color: var(--lightGrey);
  background-color: rgba(118, 136, 151, 0.1882352941);
  border-bottom: 1px solid rgba(118, 136, 151, 0.2509803922);
  border-right: 1px solid rgba(118, 136, 151, 0.2509803922);
}
.calendar .body .cell.outOfMonth .bg {
  font-weight: 700;
  line-height: 1;
  color: var(--blue);
  opacity: 0;
  font-size: 8em;
  position: absolute;
  top: -0.2em;
  right: -0.05em;
  transition: 0.25s ease-out;
  letter-spacing: -0.07em;
}
.calendar .body .cell.outOfMonth:hover .bg,
.calendar .body .cell.outOfMonth .today .bg {
  opacity: 0.05;
  transition: 0.5s ease-in;
}

.popover {
  display: none;
  position: absolute;
  top: 70px;
  left: 30px;
  width: calc(100% - 60px);
  height: calc(100% - 90px);
  background-color: white;
  border: 1px solid var(--grey);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 4px;
  z-index: 1;
  padding: 24px;
}
.popover .stellar-list-item {
  padding: 0 16px 12px 16px !important;
}
.popover h2 {
  margin: 5px 0 0 !important;
}
.popover small {
  font-size: 14px;
  color: var(--lightGrey);
  font-weight: 200;
}
.popover.open {
  display: block;
}
.popover .options {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: end;
  gap: 6px;
  float: right;
}
.popover .options .lucide-x {
  padding: 3px;
  cursor: pointer;
  font-size: 28px;
  border-radius: 4px;
  transition: 0.25s ease-out;
}
.popover .options .lucide-x:hover {
  background-color: var(--lightGrey);
  transition: 0.25s ease-out;
}
.popover .meetings {
  display: grid;
  grid-auto-rows: max-content;
  gap: 6px;
  margin: 6px 0;
  height: calc(100% - 50px);
  overflow-y: scroll;
  padding: 0 0 12px;
}
.popover .meetings .meeting {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-auto-flow: column;
  align-items: center;
  gap: 6px;
  background-color: var(--white);
  color: var(--blue);
  border-radius: 4px;
  padding: 6px 8px 6px 12px;
  font-size: 16px;
  border: 1px solid var(--blue);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  transition: 0.25s ease-out;
  height: 59px;
  cursor: pointer;
}
.popover .meetings .meeting small {
  font-size: 12px;
}
.popover .meetings .meeting:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.popover .meetings .meeting .actions {
  display: grid;
  grid-auto-flow: column;
  gap: 6px;
}

.dateSelector {
  position: absolute;
  top: 70px;
  left: 30px;
  width: calc(100% - 60px);
  height: calc(100% - 90px);
  background-color: white;
  border: 1px solid var(--grey);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19), inset 0 -200px 50px -200px rgba(0, 0, 0, 0.2), inset 0 200px 50px -200px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 1;
  padding: 0;
}
.dateSelector .lucide-x {
  position: absolute;
  right: 5px;
  top: 4px;
  padding: 3px;
  cursor: pointer;
  font-size: 28px;
  border-radius: 4px;
  transition: 0.25s ease-out;
}
.dateSelector .lucide-x:hover {
  background-color: var(--lightGrey);
  transition: 0.25s ease-out;
}
.dateSelector .container {
  display: grid;
  grid-auto-flow: column;
  align-items: start;
  gap: 6px;
  justify-content: stretch;
  justify-items: center;
  height: 100%;
}
.dateSelector .container .months {
  border-right: 1px solid var(--grey);
}
.dateSelector .container .months,
.dateSelector .container .years {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  padding: 100px 0;
  color: #777;
  font-size: 19.4px;
  text-align: center;
}
.dateSelector .container .months div,
.dateSelector .container .years div {
  margin: 0 auto;
  width: fit-content;
  padding: 6px 12px;
  cursor: pointer;
  transition: 0.25s ease-out;
  border-radius: 4px;
}
.dateSelector .container .months div:hover,
.dateSelector .container .years div:hover {
  background-color: var(--lightGrey);
  transition: 0.25s ease-out;
}
.dateSelector .container .months div.selected,
.dateSelector .container .years div.selected {
  color: var(--white);
  background-color: #999;
}

.stellar-list-item {
  transition: all 0.3s ease;
  border-radius: 6px;
  border-bottom: 1px solid hsl(0, 0%, 87%);
}
.stellar-list-item:last-child {
  border-bottom: none;
}
.stellar-list-item:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.stellar-list-item.active {
  background-color: #f5f5f5;
  border: 1px solid #cfcfcf;
}
.stellar-list-item.active .ant-typography {
  font-weight: bold;
}
.stellar-list-item.active .ant-list-item-meta-description {
  font-weight: bold;
}
.stellar-list-item .ant-list-item-meta {
  pointer-events: none;
  align-items: center;
}
.stellar-list-item .ant-list-item-meta .ant-list-item-meta-avatar {
  margin-right: 16px;
}
.stellar-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar {
  transition: transform 0.2s ease;
}
.stellar-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar.icon {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  background-color: rgb(27, 55, 82);
  border-radius: 13px;
  overflow: hidden;
}
.stellar-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar.preview {
  border-radius: 0;
  box-shadow: none;
  border: none;
  overflow: visible;
}
.stellar-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar.stellar-bookshelf-item-not-cached {
  opacity: 0.6;
}
.stellar-list-item .ant-list-item-meta .ant-list-item-meta-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.stellar-list-item .ant-list-item-meta .ant-list-item-meta-description {
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.45);
  font-size: 13px;
}
.stellar-list-item .ant-list-item-meta .ant-list-item-meta-description .meeting-time-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: flex;
}
.stellar-list-item .ant-list-item-meta .ant-list-item-meta-description .meeting-time-container .meeting-time-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
@media (max-width: 715px) {
  .stellar-list-item .ant-list-item-meta .ant-list-item-meta-description .meeting-time-container {
    max-width: 100%;
  }
}
.stellar-list-item .ant-list-item-action {
  margin-left: 5px;
}
.stellar-list-item .ant-list-item-action .ant-list-item-action-split {
  display: none;
}
@media (max-width: 715px) {
  .stellar-list-item .ant-list-item-action .button-edit-collection {
    position: relative;
    display: block;
    margin-top: 5px;
    width: auto;
  }
}
@media (max-width: 715px) and (max-width: 480px) {
  .stellar-list-item .ant-list-item-action .button-edit-collection {
    display: none;
  }
}
.stellar-list-item .ant-list-item-action li {
  padding: 0 2px 0 6px;
}
.stellar-list-item .ant-list-item-action li:last-child {
  padding-right: 0;
}
@media (max-width: 715px) {
  .stellar-list-item .ant-list-item-action li {
    padding: 0 8px 0 0;
  }
}
.stellar-list-item .ant-list-item-action .anticon-heart {
  transform: translateY(2px);
}
.stellar-list-item .ant-list-item-action .context-menu-button {
  color: rgba(0, 0, 0, 0.45);
  font-size: 18px;
  padding: 0;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 8px;
}
.stellar-list-item .ant-list-item-action .context-menu-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.85);
}
.stellar-list-item .ant-list-item-action .context-menu-button .anticon {
  font-size: 18px;
}
.stellar-list-item.folder .ant-avatar, .stellar-list-item.domain .ant-avatar {
  background-color: var(--highlight, #3c52bd);
}
.stellar-list-item.document_collection .ant-avatar, .stellar-list-item.Meeting .ant-avatar {
  background-color: var(--highlight-secondary, #61cfdf);
}
@media (max-width: 480px) {
  .stellar-list-item.document_collection, .stellar-list-item.Meeting {
    display: list-item;
  }
}
.stellar-list-item.file .ant-avatar {
  background-color: #fff;
  border: 1px solid #f0f0f0;
}

.board_pack {
  position: relative;
  overflow: hidden;
}
.board_pack::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 0;
  border-color: transparent #f5c454 transparent transparent;
}
.board_pack .ant-avatar {
  background-color: var(--highlight-secondary, #61cfdf);
}

.ant-list-item-meta {
  align-items: center !important;
}

.calendarTasksContainer .tasks {
  border: 1px solid hsl(0, 0%, 87%);
  border-radius: 10px;
}
.calendarTasksContainer .tasks .currentTask {
  padding: 8px 16px 14px;
  font-size: 12px;
  border-bottom: 1px solid #e3e3e3;
  border-radius: 6px;
}
.calendarTasksContainer .tasks .currentTask .title {
  display: grid;
  grid-template-columns: 1fr max-content;
  column-gap: 6px;
  align-items: center;
  justify-items: start;
  padding: 0;
}
.calendarTasksContainer .tasks .currentTask .title .nodeTitleData {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  justify-items: end;
  width: 100%;
  padding: 3px 0;
}
.calendarTasksContainer .tasks .currentTask .title .nodeTitleData .nodeTitle {
  font-weight: 600;
}
.calendarTasksContainer .tasks .currentTask .title .nodeTitleData .nodeName {
  font-size: 14px;
  font-weight: 300;
}
.calendarTasksContainer .tasks .currentTask .title .nodeTitleData .nodeType {
  font-size: 14px;
  font-weight: 300;
}
.calendarTasksContainer .tasks .currentTask .metaData {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 6px;
  align-items: center;
  justify-items: center;
  padding: 2px 12px;
  background-color: #f0f0f0;
  border-radius: 6px;
}
.calendarTasksContainer .tasks .currentTask .metaData section {
  display: grid;
  grid-template-columns: 1fr max-content;
  column-gap: 6px;
  align-items: center;
  justify-items: start;
}
@media (max-width: 484px) {
  .calendarTasksContainer .tasks .currentTask .metaData {
    grid-template-columns: 1fr;
  }
}
.calendarTasksContainer .tasks .currentTask .metaData .bold {
  font-weight: 600;
}
.calendarTasksContainer .tasks .currentTask .metaData p {
  margin: 0;
}
.calendarTasksContainer .tasks .currentTask .metaData .progress {
  display: grid;
  grid-template-columns: 1fr max-content;
  column-gap: 6px;
  align-items: center;
  justify-items: end;
  grid-auto-flow: column;
}
.calendarTasksContainer .tasks .currentTask .metaData .progress div div .progressIcon {
  font-size: 16px !important;
}
.calendarTasksContainer .tasks .currentTask h3 {
  font-size: 18px;
  margin: 0;
  font-weight: 600;
}
.calendarTasksContainer .tasks .currentTask .options {
  display: grid;
  gap: 6px;
  justify-content: end;
  align-items: center;
  position: relative;
  top: 2px;
}
.calendarTasksContainer .tasks .currentTask:last-child {
  margin: 0;
  border: none;
}.custom-filter-dropdown {
  padding: 8px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.custom-filter-dropdown input {
  width: 130px;
  margin-right: 8px;
}

.custom-filter-dropdown button {
  margin-right: 8px;
}

.highlight {
  color: #f50; /* #2E5178; */
}.createUserGroupContainer .ant-modal-body {
  height: 400px;
}

.userGroupContainer .ant-form-item .ant-row {
  display: grid;
  grid-template-columns: 0.3fr 1fr;
  justify-content: end;
  align-items: center;
}
.userGroupContainer .ant-form-item .ant-row .ant-form-item-control {
  grid-column: 2;
}
.userGroupContainer .ant-modal-body {
  overflow: scroll;
  max-height: 600px;
  display: grid;
  grid-template-columns: 0.9fr 0.9fr 1.1fr;
  grid-template-rows: max-content;
}
@media (max-width: 1200px) {
  .userGroupContainer .ant-modal-body {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .userGroupContainer .ant-modal-body {
    max-height: 450px;
  }
}
.userGroupContainer .attendanceContainer,
.userGroupContainer .apologyContainer {
  grid-template-columns: 1fr;
  column-gap: 14px;
}
@media (max-width: 1200px) {
  .userGroupContainer .attendanceContainer,
  .userGroupContainer .apologyContainer {
    margin-top: 30px;
  }
}
.userGroupContainer .attendanceContainer .users .attendanceTableSelectedUsers .stellar-card,
.userGroupContainer .attendanceContainer .users .groupsTableSelectGroups .stellar-card,
.userGroupContainer .attendanceContainer .groups .attendanceTableSelectedUsers .stellar-card,
.userGroupContainer .attendanceContainer .groups .groupsTableSelectGroups .stellar-card,
.userGroupContainer .apologyContainer .users .attendanceTableSelectedUsers .stellar-card,
.userGroupContainer .apologyContainer .users .groupsTableSelectGroups .stellar-card,
.userGroupContainer .apologyContainer .groups .attendanceTableSelectedUsers .stellar-card,
.userGroupContainer .apologyContainer .groups .groupsTableSelectGroups .stellar-card {
  border-radius: 6px;
  border: 1px solid var(--blue40);
  box-shadow: 1px 1px 4px 1px var(--blue20);
  padding: 0;
  margin: 0 10px 0;
  height: 362px;
}
.userGroupContainer .attendanceContainer .users .attendanceTableSelectedUsers .stellar-card .header,
.userGroupContainer .attendanceContainer .users .groupsTableSelectGroups .stellar-card .header,
.userGroupContainer .attendanceContainer .groups .attendanceTableSelectedUsers .stellar-card .header,
.userGroupContainer .attendanceContainer .groups .groupsTableSelectGroups .stellar-card .header,
.userGroupContainer .apologyContainer .users .attendanceTableSelectedUsers .stellar-card .header,
.userGroupContainer .apologyContainer .users .groupsTableSelectGroups .stellar-card .header,
.userGroupContainer .apologyContainer .groups .attendanceTableSelectedUsers .stellar-card .header,
.userGroupContainer .apologyContainer .groups .groupsTableSelectGroups .stellar-card .header {
  padding: 12px 0;
}
.userGroupContainer .attendanceContainer .users .attendanceTableSelectedUsers .stellar-card .header h4,
.userGroupContainer .attendanceContainer .users .groupsTableSelectGroups .stellar-card .header h4,
.userGroupContainer .attendanceContainer .groups .attendanceTableSelectedUsers .stellar-card .header h4,
.userGroupContainer .attendanceContainer .groups .groupsTableSelectGroups .stellar-card .header h4,
.userGroupContainer .apologyContainer .users .attendanceTableSelectedUsers .stellar-card .header h4,
.userGroupContainer .apologyContainer .users .groupsTableSelectGroups .stellar-card .header h4,
.userGroupContainer .apologyContainer .groups .attendanceTableSelectedUsers .stellar-card .header h4,
.userGroupContainer .apologyContainer .groups .groupsTableSelectGroups .stellar-card .header h4 {
  text-align: center;
}
.userGroupContainer .attendanceContainer .users .attendanceTableSelectedUsers .stellar-card .body,
.userGroupContainer .attendanceContainer .users .groupsTableSelectGroups .stellar-card .body,
.userGroupContainer .attendanceContainer .groups .attendanceTableSelectedUsers .stellar-card .body,
.userGroupContainer .attendanceContainer .groups .groupsTableSelectGroups .stellar-card .body,
.userGroupContainer .apologyContainer .users .attendanceTableSelectedUsers .stellar-card .body,
.userGroupContainer .apologyContainer .users .groupsTableSelectGroups .stellar-card .body,
.userGroupContainer .apologyContainer .groups .attendanceTableSelectedUsers .stellar-card .body,
.userGroupContainer .apologyContainer .groups .groupsTableSelectGroups .stellar-card .body {
  overflow: scroll;
  height: 300px;
}
.userGroupContainer .attendanceContainer .users .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar,
.userGroupContainer .attendanceContainer .users .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar,
.userGroupContainer .attendanceContainer .groups .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar,
.userGroupContainer .attendanceContainer .groups .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar,
.userGroupContainer .apologyContainer .users .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar,
.userGroupContainer .apologyContainer .users .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar,
.userGroupContainer .apologyContainer .groups .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar,
.userGroupContainer .apologyContainer .groups .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar {
  width: 8px;
  transform: translateX(10px);
}
.userGroupContainer .attendanceContainer .users .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar-track,
.userGroupContainer .attendanceContainer .users .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar-track,
.userGroupContainer .attendanceContainer .groups .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar-track,
.userGroupContainer .attendanceContainer .groups .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar-track,
.userGroupContainer .apologyContainer .users .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar-track,
.userGroupContainer .apologyContainer .users .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar-track,
.userGroupContainer .apologyContainer .groups .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar-track,
.userGroupContainer .apologyContainer .groups .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar-track {
  background: transparent;
}
.userGroupContainer .attendanceContainer .users .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar-thumb,
.userGroupContainer .attendanceContainer .users .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar-thumb,
.userGroupContainer .attendanceContainer .groups .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar-thumb,
.userGroupContainer .attendanceContainer .groups .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar-thumb,
.userGroupContainer .apologyContainer .users .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar-thumb,
.userGroupContainer .apologyContainer .users .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar-thumb,
.userGroupContainer .apologyContainer .groups .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar-thumb,
.userGroupContainer .apologyContainer .groups .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.userGroupContainer .attendanceContainer .users .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar-thumb:hover,
.userGroupContainer .attendanceContainer .users .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar-thumb:hover,
.userGroupContainer .attendanceContainer .groups .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar-thumb:hover,
.userGroupContainer .attendanceContainer .groups .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar-thumb:hover,
.userGroupContainer .apologyContainer .users .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar-thumb:hover,
.userGroupContainer .apologyContainer .users .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar-thumb:hover,
.userGroupContainer .apologyContainer .groups .attendanceTableSelectedUsers .stellar-card .body::-webkit-scrollbar-thumb:hover,
.userGroupContainer .apologyContainer .groups .groupsTableSelectGroups .stellar-card .body::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}
.userGroupContainer .attendanceContainer .users .attendanceTableSelectedUsers .stellar-card .body .content,
.userGroupContainer .attendanceContainer .users .groupsTableSelectGroups .stellar-card .body .content,
.userGroupContainer .attendanceContainer .groups .attendanceTableSelectedUsers .stellar-card .body .content,
.userGroupContainer .attendanceContainer .groups .groupsTableSelectGroups .stellar-card .body .content,
.userGroupContainer .apologyContainer .users .attendanceTableSelectedUsers .stellar-card .body .content,
.userGroupContainer .apologyContainer .users .groupsTableSelectGroups .stellar-card .body .content,
.userGroupContainer .apologyContainer .groups .attendanceTableSelectedUsers .stellar-card .body .content,
.userGroupContainer .apologyContainer .groups .groupsTableSelectGroups .stellar-card .body .content {
  padding: 0 12px;
}
.userGroupContainer .attendanceContainer .users .attendanceTableSelectedUsers .stellar-card .body .content .remove,
.userGroupContainer .attendanceContainer .users .groupsTableSelectGroups .stellar-card .body .content .remove,
.userGroupContainer .attendanceContainer .groups .attendanceTableSelectedUsers .stellar-card .body .content .remove,
.userGroupContainer .attendanceContainer .groups .groupsTableSelectGroups .stellar-card .body .content .remove,
.userGroupContainer .apologyContainer .users .attendanceTableSelectedUsers .stellar-card .body .content .remove,
.userGroupContainer .apologyContainer .users .groupsTableSelectGroups .stellar-card .body .content .remove,
.userGroupContainer .apologyContainer .groups .attendanceTableSelectedUsers .stellar-card .body .content .remove,
.userGroupContainer .apologyContainer .groups .groupsTableSelectGroups .stellar-card .body .content .remove {
  color: #acacac;
}
.userGroupContainer .attendanceContainer .users .attendanceTableSelectedUsers .stellar-card .body .content .remove .anticon,
.userGroupContainer .attendanceContainer .users .groupsTableSelectGroups .stellar-card .body .content .remove .anticon,
.userGroupContainer .attendanceContainer .groups .attendanceTableSelectedUsers .stellar-card .body .content .remove .anticon,
.userGroupContainer .attendanceContainer .groups .groupsTableSelectGroups .stellar-card .body .content .remove .anticon,
.userGroupContainer .apologyContainer .users .attendanceTableSelectedUsers .stellar-card .body .content .remove .anticon,
.userGroupContainer .apologyContainer .users .groupsTableSelectGroups .stellar-card .body .content .remove .anticon,
.userGroupContainer .apologyContainer .groups .attendanceTableSelectedUsers .stellar-card .body .content .remove .anticon,
.userGroupContainer .apologyContainer .groups .groupsTableSelectGroups .stellar-card .body .content .remove .anticon {
  font-size: 12px;
  transform: translateY(0.5px);
}
.userGroupContainer .attendanceContainer .users .attendanceTableSelectedUsers .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table,
.userGroupContainer .attendanceContainer .users .groupsTableSelectGroups .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table,
.userGroupContainer .attendanceContainer .groups .attendanceTableSelectedUsers .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table,
.userGroupContainer .attendanceContainer .groups .groupsTableSelectGroups .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table,
.userGroupContainer .apologyContainer .users .attendanceTableSelectedUsers .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table,
.userGroupContainer .apologyContainer .users .groupsTableSelectGroups .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table,
.userGroupContainer .apologyContainer .groups .attendanceTableSelectedUsers .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table,
.userGroupContainer .apologyContainer .groups .groupsTableSelectGroups .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table {
  height: 345px;
}
@media (min-width: 1200px) {
  .userGroupContainer .attendanceContainer .users .attendanceTableSelectedUsers .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination,
  .userGroupContainer .attendanceContainer .users .groupsTableSelectGroups .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination,
  .userGroupContainer .attendanceContainer .groups .attendanceTableSelectedUsers .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination,
  .userGroupContainer .attendanceContainer .groups .groupsTableSelectGroups .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination,
  .userGroupContainer .apologyContainer .users .attendanceTableSelectedUsers .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination,
  .userGroupContainer .apologyContainer .users .groupsTableSelectGroups .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination,
  .userGroupContainer .apologyContainer .groups .attendanceTableSelectedUsers .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination,
  .userGroupContainer .apologyContainer .groups .groupsTableSelectGroups .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination {
    position: fixed;
    z-index: 999999999;
    transform: translateY(60px);
    width: 300px;
  }
}
@media (max-width: 1200px) {
  .userGroupContainer .attendanceContainer .users .attendanceTableSelectedUsers .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination,
  .userGroupContainer .attendanceContainer .users .groupsTableSelectGroups .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination,
  .userGroupContainer .attendanceContainer .groups .attendanceTableSelectedUsers .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination,
  .userGroupContainer .attendanceContainer .groups .groupsTableSelectGroups .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination,
  .userGroupContainer .apologyContainer .users .attendanceTableSelectedUsers .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination,
  .userGroupContainer .apologyContainer .users .groupsTableSelectGroups .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination,
  .userGroupContainer .apologyContainer .groups .attendanceTableSelectedUsers .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination,
  .userGroupContainer .apologyContainer .groups .groupsTableSelectGroups .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-pagination {
    z-index: 999999999;
    transform: translateY(60px);
  }
}
.userGroupContainer .attendanceContainer .users .ant-spin-nested-loading .ant-spin,
.userGroupContainer .attendanceContainer .groups .ant-spin-nested-loading .ant-spin,
.userGroupContainer .apologyContainer .users .ant-spin-nested-loading .ant-spin,
.userGroupContainer .apologyContainer .groups .ant-spin-nested-loading .ant-spin {
  top: 100px;
}
.userGroupContainer .attendanceContainer .ant-collapse-content,
.userGroupContainer .apologyContainer .ant-collapse-content {
  background: white;
}
.userGroupContainer .attendanceContainer .ant-table-content,
.userGroupContainer .apologyContainer .ant-table-content {
  overflow: scroll;
}
.userGroupContainer .fullSelectedList {
  grid-column: 3;
  grid-row: 1/5;
}
@media (max-width: 1200px) {
  .userGroupContainer .fullSelectedList {
    grid-column: unset;
    grid-row: 1;
  }
}
.userGroupContainer .fullSelectedList.stellar-card {
  border-radius: 8px;
  margin: 0;
  padding: 12px 20px;
  border: 1px solid var(--blue40);
  box-shadow: 1px 1px 4px 1px var(--blue20);
  height: 100%;
}
@media (max-width: 1200px) {
  .userGroupContainer .fullSelectedList.stellar-card {
    padding: 0 12px 12px 12px;
  }
}
.userGroupContainer .fullSelectedList.stellar-card .header {
  display: grid;
  grid-template-columns: 1fr min-content;
  padding: 12px 0 24px 0;
}
.userGroupContainer .fullSelectedList.stellar-card .header .info {
  grid-column: 1/-1;
  text-align: center;
}
@media (max-width: 1200px) {
  .userGroupContainer .fullSelectedList.stellar-card .header .info {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 868px) {
  .userGroupContainer .fullSelectedList.stellar-card .header .info {
    display: unset;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.userGroupContainer .fullSelectedList.stellar-card .header .info div {
  display: grid;
  grid-template-columns: min-content max-content;
  column-gap: 4px;
  justify-content: center;
}
.userGroupContainer .fullSelectedList.stellar-card .header .info div span {
  font-size: 16px;
}
.userGroupContainer .fullSelectedList.stellar-card .header .info b {
  font-size: 12px;
}
.userGroupContainer .fullSelectedList.stellar-card .header h4 {
  text-align: center;
  margin-bottom: 0;
}
.userGroupContainer .fullSelectedList.stellar-card .header h6 {
  position: static;
  grid-row: 2;
  text-align: center;
  margin-left: 16px;
  color: #ccc;
  margin: 0;
}
.userGroupContainer .fullSelectedList.stellar-card .body {
  overflow: scroll;
}
.userGroupContainer .fullSelectedList.stellar-card .body .table {
  display: grid;
  grid-template-columns: 1fr 100px 100px 30px;
  justify-items: center;
}
@media (max-width: 480px) {
  .userGroupContainer .fullSelectedList.stellar-card .body .table {
    grid-template-columns: 1fr 0.5fr 0.3fr max-content;
  }
}
.userGroupContainer .fullSelectedList.stellar-card .body .table span {
  font-weight: bold;
}
.userGroupContainer .fullSelectedList.stellar-card .body .table ul {
  list-style-type: none;
  margin: 0;
  grid-column: 1/-1;
  width: 100%;
}
.userGroupContainer .fullSelectedList.stellar-card .body .table ul li {
  display: grid;
  grid-template-columns: 1fr 100px 100px 30px;
  justify-items: center;
  border-left: 1px solid #dddddd;
}
@media (max-width: 480px) {
  .userGroupContainer .fullSelectedList.stellar-card .body .table ul li {
    grid-template-columns: 1fr 0.5fr 0.3fr max-content;
    border-left: unset;
  }
}
.userGroupContainer .fullSelectedList.stellar-card .body .table ul li .name {
  width: 100%;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.userGroupContainer .fullSelectedList.stellar-card .body .table ul li .name,
.userGroupContainer .fullSelectedList.stellar-card .body .table ul li .addedVia,
.userGroupContainer .fullSelectedList.stellar-card .body .table ul li .checkbox {
  text-align: center;
  width: 100%;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  font-weight: normal;
}
@media (max-width: 480px) {
  .userGroupContainer .fullSelectedList.stellar-card .body .table ul li .name,
  .userGroupContainer .fullSelectedList.stellar-card .body .table ul li .addedVia,
  .userGroupContainer .fullSelectedList.stellar-card .body .table ul li .checkbox {
    border-right: unset;
    border-top: unset;
  }
}
.userGroupContainer .fullSelectedList.stellar-card .body .table ul li .checkbox {
  justify-content: center;
}
.userGroupContainer .fullSelectedList.stellar-card .body .table ul li:last-child .name,
.userGroupContainer .fullSelectedList.stellar-card .body .table ul li:last-child .addedVia,
.userGroupContainer .fullSelectedList.stellar-card .body .table ul li:last-child .checkbox {
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 480px) {
  .userGroupContainer .fullSelectedList.stellar-card .body .table ul li:last-child .name,
  .userGroupContainer .fullSelectedList.stellar-card .body .table ul li:last-child .addedVia,
  .userGroupContainer .fullSelectedList.stellar-card .body .table ul li:last-child .checkbox {
    border-bottom: unset;
  }
}
.userGroupContainer .fullSelectedList.stellar-card .body .table::-webkit-scrollbar {
  width: 8px;
  transform: translateX(10px);
}
.userGroupContainer .fullSelectedList.stellar-card .body .table::-webkit-scrollbar-track {
  background: transparent;
}
.userGroupContainer .fullSelectedList.stellar-card .body .table::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.userGroupContainer .fullSelectedList.stellar-card .body .table::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}
.userGroupContainer .fullSelectedList.stellar-card .body .table .content {
  padding: 0 12px;
}
.userGroupContainer .fullSelectedList.stellar-card .body .table .content .remove {
  color: #acacac;
}
.userGroupContainer .fullSelectedList.stellar-card .body .table .content .remove .anticon {
  font-size: 12px;
  transform: translateY(0.5px);
}

.nestedTable .ant-table {
  margin-inline: unset !important;
}
.nestedTable .ant-table .ant-table-container {
  margin: 0;
}

.actionButtons {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 26px;
}

.restoreButton {
  margin-left: 24px;
}@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
    transform: translate(-50%, -90%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -100%);
  }
}
.popupOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  justify-items: center !important;
  z-index: 1000;
  touch-action: none;
  animation: fadeIn 0.2s ease-out;
}
.popupOverlay .popupContent {
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 250px;
  max-width: 90%;
  animation: slideIn 0.2s ease-out;
}
.popupOverlay .popupContent .popupTitle {
  margin-bottom: 16px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
}
.popupOverlay .popupContent .popupTitle b {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 8px;
}
.popupOverlay .popupContent .popupButtons {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}
.popupOverlay .popupContent .popupButtons .popupButton {
  padding: 4px 15px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background: white;
  cursor: pointer;
  font-size: 14px;
  height: 32px;
  transition: all 0.3s;
}
.popupOverlay .popupContent .popupButtons .popupButton:hover {
  border-color: var(--blue);
  color: var(--blue);
}
.popupOverlay .popupContent .popupButtons .popupButton.primary {
  background: var(--blue);
  border-color: var(--blue);
  color: white;
}
.popupOverlay .popupContent .popupButtons .popupButton.primary:hover {
  opacity: 0.85;
}.dashboardContainer .offline .offlineDashboard {
  display: grid;
  background: #dedede;
  gap: 1px;
  padding: 1px;
  border-radius: 2px;
}
.dashboardContainer .offline .offlineDashboard .offlineRow {
  background: white;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  grid-template-columns: 1fr max-content;
  grid-template-rows: 1fr;
  align-items: center;
  gap: 6px;
  padding: 6px 6px 6px 8px;
  border-radius: 2px;
}
@media (max-width: 576px) {
  .dashboardContainer .offline .offlineDashboard .offlineRow {
    grid-template-rows: 1fr 1fr;
  }
  .dashboardContainer .offline .offlineDashboard .offlineRow button {
    grid-row: 2;
  }
}
@media (max-width: 480px) {
  .dashboardContainer .offline .offlineDashboard .offlineRow {
    grid-template-rows: 1fr 1fr 1fr;
  }
  .dashboardContainer .offline .offlineDashboard .offlineRow button {
    grid-row: unset;
  }
}
.dashboardContainer .offline .offlineDashboard .offlineRow h4 {
  margin: 0;
}.selectable-list-rows .ant-table-tbody > tr.ant-table-row:hover > td,
.selectable-list-rows .ant-table-tbody > tr > td.ant-table-cell-row-hover {
  cursor: pointer;
}.card-container > .ant-tabs-card > .ant-tabs-content {
  height: 120px;
  margin-top: -16px;
}

.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
  background: #fff;
  padding: 16px;
}

.card-container > .ant-tabs-card > .ant-tabs-bar {
  border-color: #fff;
}

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  border-color: transparent;
  background: transparent;
}

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  border-color: #fff;
  background: #fff;
}.accountContainer {
  display: grid;
  margin: 4px 25px 25px 25px;
  padding: 0;
}
.accountContainer .ant-badge {
  scale: 0.95;
}
.accountContainer .stellarUsersStorage {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 480px) {
  .accountContainer .stellarUsersStorage {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 868px) {
  .accountContainer .stellarUsersStorage em {
    display: block !important;
  }
}
@media (max-width: 480px) {
  .accountContainer .stellarUsersStorage em {
    display: none !important;
  }
}
.accountContainer .stellarSupport2Fa {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
}
@media (max-width: 868px) {
  .accountContainer .stellarSupport2Fa {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .accountContainer .stellarSupport2Fa .ant-card-head-title span {
    display: none;
  }
}
.accountContainer .licenses-users .users {
  grid-template-columns: 1fr;
}
.accountContainer .users {
  display: grid;
  grid-template-columns: 1fr 0.5fr;
  grid-template-rows: max-content max-content;
  column-gap: 16px;
  overflow-y: scroll;
}
.accountContainer .users b {
  grid-row: 1;
  grid-column: 1/-1;
}
.accountContainer .users h3 {
  grid-column: 1/3;
}
@media (max-width: 868px) {
  .accountContainer .users {
    grid-template-columns: 1fr;
  }
  .accountContainer .users h3 {
    grid-column: unset;
  }
}
@media (max-width: 868px) {
  .accountContainer .users .ant-table-wrapper {
    transform: unset;
  }
}
.accountContainer .users .ant-card-body {
  padding: 0 0 10px 0;
}
.accountContainer .support_wrapper {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: 1fr 1fr;
}
.accountContainer .box {
  display: grid;
}
.accountContainer .help {
  grid-column: 1/3;
  grid-row: 1;
}
.accountContainer .user_role_allocation.is_not_head,
.accountContainer .account_licensing {
  grid-column: 1;
  grid-row: 2;
}
.accountContainer .user_role_allocation.is_head {
  grid-column: 2;
  grid-row: 2;
}
.accountContainer .accessUsers {
  display: grid;
  grid-template-columns: 1fr 0.5fr;
  grid-template-rows: max-content max-content;
  column-gap: 16px;
  overflow-y: scroll;
}
.accountContainer .accessUsers b {
  grid-row: 1;
  grid-column: 1/-1;
}
.accountContainer .accessUsers h3 {
  grid-column: 1/3;
}
@media (max-width: 868px) {
  .accountContainer .accessUsers h3 {
    grid-column: unset;
  }
}
@media (max-width: 868px) {
  .accountContainer .accessUsers .ant-table-wrapper {
    transform: unset;
  }
}
.accountContainer .accessUsers .ant-card-body {
  padding: 0 0 10px 0;
}
.accountContainer .documents,
.accountContainer .tasks,
.accountContainer .meetings {
  display: grid;
}
.accountContainer .documents .ant-table-wrapper,
.accountContainer .tasks .ant-table-wrapper,
.accountContainer .meetings .ant-table-wrapper {
  width: 100%;
  overflow-x: auto;
}
@media (max-width: 868px) {
  .accountContainer .documents .ant-table-wrapper,
  .accountContainer .tasks .ant-table-wrapper,
  .accountContainer .meetings .ant-table-wrapper {
    transform: unset;
  }
}
.accountContainer .documents .ant-table-container,
.accountContainer .tasks .ant-table-container,
.accountContainer .meetings .ant-table-container {
  margin: 0 20px;
}
.accountContainer .documents .ant-table-pagination,
.accountContainer .tasks .ant-table-pagination,
.accountContainer .meetings .ant-table-pagination {
  margin: 0 20px;
}
.accountContainer .licenses {
  display: grid;
  grid-template-columns: 400px;
  grid-template-rows: max-content max-content;
  column-gap: 16px;
  overflow-y: scroll;
}
@media (max-width: 600px) {
  .accountContainer .licenses {
    grid-template-columns: 1fr;
  }
}

.nodeUserAccess .ant-card-head {
  padding: 0 16px;
}

.card-container > .ant-tabs-card > .ant-tabs-content {
  height: 120px;
  margin-top: -16px;
}

.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
  background: #fff;
  padding: 16px;
}

.card-container > .ant-tabs-card > .ant-tabs-bar {
  border-color: #fff;
}

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  border-color: transparent;
  background: transparent;
}

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  border-color: #fff;
  background: #fff;
}

.antd-pro-pages-list-basic-list-standardList .antd-pro-pages-list-basic-list-headerInfo {
  position: relative;
  text-align: center;
}

.antd-pro-pages-list-basic-list-standardList .antd-pro-pages-list-basic-list-headerInfo > span {
  color: rgba(0, 0, 0, 0.45);
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px;
}

.antd-pro-pages-list-basic-list-standardList .antd-pro-pages-list-basic-list-headerInfo > p {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  line-height: 32px;
  margin: 0;
}

.antd-pro-pages-list-basic-list-standardList .antd-pro-pages-list-basic-list-headerInfo > em {
  background-color: #e8e8e8;
  position: absolute;
  height: 56px;
  width: 1px;
  top: 0;
  right: 0;
}

@media screen and (max-width: 576px) {
  .antd-pro-pages-list-basic-list-standardList .antd-pro-pages-list-basic-list-headerInfo {
    margin-bottom: 16px;
  }
  .antd-pro-pages-list-basic-list-standardList .antd-pro-pages-list-basic-list-headerInfo > em {
    display: none;
  }
}
.fixedTabs .ant-tabs-nav {
  position: relative;
  top: 0;
  z-index: 3;
  background: transparent;
  height: 50px;
}
.fixedTabs .ant-tabs-nav .ant-tabs-nav-wrap {
  position: absolute;
  width: 100%;
  overflow: auto;
}
.fixedTabs .ant-tabs-nav .ant-tabs-nav-operations button {
  transform: translateY(5px);
}
.fixedTabs .ant-tabs-nav::before {
  border-bottom: none;
}

.taskListCalendar {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content;
}.documentViewerContainer .webViewerSidebar,
.collectionViewerContainer .webViewerSidebar {
  position: relative;
  display: block;
  grid-row: 1/3;
  grid-column: 1;
  width: 275px;
  height: 100%;
  background-color: #ffffff;
  overflow-y: scroll;
  border-right: 1px solid #c5c5c5;
}
.documentViewerContainer .webViewerSidebar .close,
.collectionViewerContainer .webViewerSidebar .close {
  display: grid;
  justify-items: center;
  position: absolute;
  top: 17px;
  left: 17px;
  color: #3183c8;
  font-size: 28px;
  cursor: pointer;
  z-index: 999999;
}
.documentViewerContainer .webViewerSidebar .close p,
.collectionViewerContainer .webViewerSidebar .close p {
  margin-top: 2px;
  font-size: 8px;
}
.documentViewerContainer .webViewerSidebar .fileHeader,
.collectionViewerContainer .webViewerSidebar .fileHeader {
  text-align: center;
}
@media (max-width: 480px) {
  .documentViewerContainer .webViewerSidebar .fileHeader,
  .collectionViewerContainer .webViewerSidebar .fileHeader {
    scale: 0.7;
    height: 210px;
  }
}
.documentViewerContainer .webViewerSidebar .fileHeader .colType,
.collectionViewerContainer .webViewerSidebar .fileHeader .colType {
  position: absolute;
  top: 145px;
  width: 108px;
  left: calc(50% - 48px);
  color: white;
  font-family: "bariol_regular";
  line-height: 22px;
  font-size: 19px;
  letter-spacing: 0.8px;
  word-break: break-word;
}
.documentViewerContainer .webViewerSidebar .fileHeader img:first-of-type,
.collectionViewerContainer .webViewerSidebar .fileHeader img:first-of-type {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}
.documentViewerContainer .webViewerSidebar .fileHeader img,
.collectionViewerContainer .webViewerSidebar .fileHeader img {
  padding: 0px;
  margin: 23px 0px 0;
  width: 150px;
}
.documentViewerContainer .webViewerSidebar .fileHeader .title,
.collectionViewerContainer .webViewerSidebar .fileHeader .title {
  font-size: 22px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  color: var(--blue);
  padding: 12px 15px 0;
}
.documentViewerContainer .webViewerSidebar .fileHeader .customIconWebViewer,
.collectionViewerContainer .webViewerSidebar .fileHeader .customIconWebViewer {
  position: absolute;
  transform: translate(-124px);
  width: 110px;
}
.documentViewerContainer .webViewerSidebar .fileHeader .defaultStellarIconWebViewer,
.collectionViewerContainer .webViewerSidebar .fileHeader .defaultStellarIconWebViewer {
  position: absolute;
  transform: translate(-124px, 20px);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar {
  color: rgba(0, 0, 0, 0.6509803922);
  padding-bottom: 100px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location {
  display: grid;
  grid-template-columns: max-content max-content 1fr;
  grid-template-rows: auto;
  grid-gap: 8px;
  align-items: center;
  padding-top: 17px;
  margin: 0 16px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .attachment,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .attachment {
  color: var(--blue);
  margin-top: -2px;
  display: block;
  font-weight: 500;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  cursor: pointer;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .locationString,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .locationString {
  color: var(--blue);
  cursor: pointer;
  display: block;
  font-size: 17px;
  font-family: "bariol_regular";
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .locationContainer,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .locationContainer {
  display: grid;
  grid-template-rows: auto auto;
  grid-gap: 8px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .locationContainer .physicalLocation,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .locationContainer .physicalLocation {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 7px;
  align-items: center;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .locationContainer .meetingLink a,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .locationContainer .meetingLink a {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 7px;
  align-items: center;
  color: var(--blue);
  margin-left: 2px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .locationContainer .meetingLink a svg,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .locationContainer .meetingLink a svg {
  font-size: 18px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .locationContainer .meetingLink a:hover,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .locationContainer .meetingLink a:hover {
  color: var(--blue-hover);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .anticon-environment,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .anticon-environment {
  font-size: 20px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .linkButton,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .location .linkButton {
  margin: auto;
  grid-column: 1/-1;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.location,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.location {
  border-top: none;
  border-radius: unset;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.generalVotingSection,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.generalVotingSection {
  border-top: none;
  border-radius: unset;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.generalVotingSection .attachmentContainer,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.generalVotingSection .attachmentContainer {
  padding: 0px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.interestRegisterSection,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.interestRegisterSection {
  border-top: none;
  border-radius: unset;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.interestRegisterSection .section-title,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.interestRegisterSection .section-title {
  padding: 14px 0 0px 18px;
  color: var(--blue);
  font-weight: 100;
  font-size: 17px;
  letter-spacing: 0.3px;
  font-family: "bariol_regular";
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.interestRegisterSection .section-title span,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.interestRegisterSection .section-title span {
  transform: translateY(2px);
  padding-right: 4px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.interestRegisterSection .section-title .toggleSection,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.interestRegisterSection .section-title .toggleSection {
  display: none;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.interestRegisterSection .noAttachments,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.interestRegisterSection .noAttachments {
  display: none;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.selected,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.selected {
  border-top: 1px solid var(--blue60) !important;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.previousMinutes,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.previousMinutes {
  border-top: none;
  border-radius: unset;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.previousMinutes .section-title,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.previousMinutes .section-title {
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-auto-flow: column;
  justify-content: space-between;
  padding: 13px 18px 0px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.previousMinutes .section-title .toggleSection,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.previousMinutes .section-title .toggleSection {
  display: none;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.publishedMinutes,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.publishedMinutes {
  border-top: none;
  border-radius: unset;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.publishedMinutes .section-title,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.publishedMinutes .section-title {
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-auto-flow: column;
  justify-content: space-between;
  padding: 13px 18px 0px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.publishedMinutes .section-title .toggleSection,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .sections.publishedMinutes .section-title .toggleSection {
  display: none;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionOverview,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionOverview {
  background: #14283b;
  color: #8d8d8d;
  margin: 0 23px 1px 22px;
  border-radius: 4px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: center;
  justify-content: space-between;
  padding: 10px 11px 10px 13px;
  box-shadow: 2px 1px 10px -3px #000;
  border: 1px solid #525252;
  cursor: pointer;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar span,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar span {
  word-break: break-word;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections {
  border: 0 solid var(--highlight);
  border-top: 1px solid var(--blue40);
  margin: 19px 0 0;
  border-radius: 9px;
  box-shadow: 0 -5px 5px -8px #000;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.interestRegisterSidebarViewer,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.interestRegisterSidebarViewer {
  border-radius: unset;
  border-top: 1px solid var(--blue10);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.open > .section-title > .toggleSection,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.open > .section-title > .toggleSection {
  transform: scale(0.7);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.open > .section-title > .toggleSection .left-bar:after,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.open > .section-title > .toggleSection .left-bar:after {
  transform-origin: center center !important;
  transform: rotate(-70deg) !important;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.open > .section-title > .toggleSection .right-bar:after,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.open > .section-title > .toggleSection .right-bar:after {
  transform-origin: center center !important;
  transform: rotate(70deg) !important;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.selected,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.selected {
  border-top: 1px solid var(--blue);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.selected > .section-title,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.selected > .section-title {
  font-weight: bold;
  color: var(--blue);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.selected > .section-title .toggleSection,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.selected > .section-title .toggleSection {
  opacity: 0.8;
  transform: scale(0.7);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.selected > .section-title .toggleSection .left-bar:after,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.selected > .section-title .toggleSection .left-bar:after {
  background: #4397c4;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.selected > .section-title .toggleSection .right-bar:after,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.selected > .section-title .toggleSection .right-bar:after {
  background: #4397c4;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.selected div.sections,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections.selected div.sections {
  margin: 19px 0 0;
  padding: 0 0 0;
  box-shadow: none;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title {
  position: relative;
  color: var(--blue);
  font-weight: light;
  font-size: 17px;
  cursor: pointer;
  padding: 27px 18px 20px;
  margin: 0 0;
  box-shadow: 0 -2px 10px -10px #000;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .toggleSection,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .toggleSection {
  transform: scale(0.7);
  top: -23px;
  left: calc(50% - 25px);
  height: 35px;
  position: relative;
  width: 50px;
  margin: 0 0 -19px;
  opacity: 0.16;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .toggleSection .left-bar,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .toggleSection .left-bar {
  position: absolute;
  background: transparent;
  top: 10px;
  left: 0;
  width: 30px;
  height: 10px;
  display: block;
  transform: rotate(35deg);
  float: right;
  pointer-events: none;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .toggleSection .left-bar:after,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .toggleSection .left-bar:after {
  content: "";
  background: #abb5be;
  width: 30px;
  height: 10px;
  display: block;
  float: right;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  z-index: -1;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .toggleSection .right-bar,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .toggleSection .right-bar {
  position: absolute;
  background: transparent;
  top: 10px;
  left: 18px;
  width: 30px;
  height: 10px;
  display: block;
  transform: rotate(-35deg);
  float: right;
  pointer-events: none;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .toggleSection .right-bar:after,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .toggleSection .right-bar:after {
  content: "";
  background: #abb5be;
  width: 30px;
  height: 10px;
  display: block;
  float: right;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  z-index: -1;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title strong,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title strong {
  font-weight: bold;
  padding-right: 6px;
  font-size: 16px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .meta,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .meta {
  padding: 20px 0px 0px;
  display: grid;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .meta span,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .meta span {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr max-content;
  overflow: hidden;
  grid-gap: 5px;
  white-space: nowrap;
  color: #000000;
  font-size: 13px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .meta span small,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .section-title .meta span small {
  color: rgba(0, 0, 0, 0.7333333333);
  line-height: 18px;
  transform: translateY(1px);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer {
  padding: 2px 18px 8px;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: max-content 1fr;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  /* More specific selector for .attachment inside .selected when also .mediaattachment */
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer:hover,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer:hover {
  color: var(--linkHover);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer:hover .anticon,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer:hover .anticon {
  color: #000000;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer .anticon,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer .anticon {
  font-size: 18px;
  transform: translate(2px, -1px);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer .attachment,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer .attachment {
  color: var(--blue);
  cursor: pointer;
  padding: 8px 3px 6px 11px;
  display: block;
  font-weight: 100;
  font-size: 16px;
  letter-spacing: 0.3px;
  font-family: "bariol_regular";
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer.selected,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer.selected {
  background: rgba(141, 158, 176, 0.2078431373);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer.selected .anticon,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer.selected .anticon {
  font-size: 20px;
  color: #000000;
  transform: translate(1px, -1px);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer.selected .attachment,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer.selected .attachment {
  cursor: default;
  font-family: "bariol_bold";
  letter-spacing: 0.4px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer.selected:hover,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer.selected:hover {
  color: var(--lightBlue);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer.selected:hover .anticon,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer.selected:hover .anticon {
  color: #000000;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer.selected.mediaattachment .attachment,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .attachmentContainer.selected.mediaattachment .attachment {
  cursor: pointer; /* Override cursor to pointer */
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .noAttachments,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar div.sections .noAttachments {
  padding: 16px 22px 15px;
  color: rgba(141, 141, 141, 0.4196078431);
  font-style: italic;
  display: block;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .andCopyR,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .andCopyR {
  margin: 50px 0;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions {
  position: fixed;
  display: grid;
  grid-auto-rows: max-content;
  grid-gap: 6px;
  bottom: 0;
  left: 0;
  width: 275px;
  background: #1f5588;
  border-top: 1px solid #000;
  padding: 0 12px 12px 12px;
  align-items: center;
  box-shadow: inset -5px 0px 17px -10px #000000, inset -5px 0px 17px -10px var(--purple), 2px 0px 20px -12px #000000;
  border-right: 1px solid #000;
  border-radius: 9px 9px 0 0;
  z-index: 99999;
  transition: all 200ms;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .sidebarToggleOptions,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .sidebarToggleOptions {
  left: calc(50% - 25px);
  height: 30px;
  cursor: pointer;
  display: grid;
  justify-content: center;
  align-items: start;
  border-bottom: 0;
  line-height: 16px;
  font-size: 30px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta {
  grid-template-columns: 1fr;
  grid-auto-columns: max-content;
  justify-content: stretch;
  margin: 16px 0;
  width: 100%;
  gap: 6px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta .nextPrevMeta,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta .nextPrevMeta {
  display: grid;
  justify-content: space-between;
  grid-auto-columns: max-content;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  align-items: start;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta .nextPrevMeta h3,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta .nextPrevMeta h3 {
  height: 24px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta .nextPrevMeta span,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta .nextPrevMeta span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 130px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta .meetingButtons,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta .meetingButtons {
  width: 100%;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 39px;
  height: 32px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta .meetingButtons button,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta .meetingButtons button {
  width: 100%;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta .meetingButtons button span,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta .meetingButtons button span {
  padding: 0 !important;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta button,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta button {
  text-align: left;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta i:last-of-type,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta i:last-of-type {
  margin-bottom: 13px !important;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta i,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta i {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 0px;
  line-height: 16px;
  margin-top: 3px;
  justify-items: center;
  justify-self: center;
  text-align: center;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta i strong,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta i strong {
  text-align: center;
  padding: 0 6px;
  color: var(--blue90);
  white-space: nowrap;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta i span,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions i.meetingSidebarMeta i span {
  white-space: nowrap;
  padding: 6px 12px 0;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.show,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.show {
  padding-bottom: 81px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.show .sidebarToggleOptions,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.show .sidebarToggleOptions {
  color: white;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.show .sidebarToggleOptions:hover,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.show .sidebarToggleOptions:hover {
  color: var(--highlight);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.hide,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.hide {
  padding-bottom: 60px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.hide .sidebarToggleOptions,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.hide .sidebarToggleOptions {
  color: var(--highlight);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.hide .sidebarToggleOptions:hover,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.hide .sidebarToggleOptions:hover {
  color: white;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.hide div .optionButtons,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.hide div .optionButtons {
  display: none;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.hide .meetingSidebarMeta,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions.hide .meetingSidebarMeta {
  display: none !important;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions button,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions button {
  font-size: 18px;
  height: 38px;
  white-space: normal;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
  grid-gap: 8px;
  grid-template-columns: max-content 1fr;
  text-align: left;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions button .anticon,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions button .anticon {
  cursor: pointer;
  color: #1f5588;
  margin: 0;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions button:active,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions button:active {
  box-shadow: 0px 0px 2px 0px #000000;
  transform: translate(1px, 1px);
  color: #14283b;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions div,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions div {
  display: grid;
  grid-gap: 6px;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions div .optionButtons,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions div .optionButtons {
  display: grid;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .meetingSidebarMeta,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .meetingSidebarMeta {
  display: grid;
  grid-gap: 6px;
  padding: 6px 12px 14px;
  background: var(--white05);
  margin: 0 -12px -14px;
  width: calc(100% + 24px);
  color: var(--white);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .meetingSidebarMeta .nextPrevMeta h4,
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .meetingSidebarMeta .nextPrevMeta span,
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .meetingSidebarMeta .nextPrevMeta strong,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .meetingSidebarMeta .nextPrevMeta h4,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .meetingSidebarMeta .nextPrevMeta span,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .meetingSidebarMeta .nextPrevMeta strong {
  color: var(--white);
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .meetingSidebarMeta .meetingButtons button,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .meetingSidebarMeta .meetingButtons button {
  background: var(--white) !important;
  text-align: center;
  grid-template-columns: 1fr;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .documentNavigation,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .documentNavigation {
  position: absolute;
  bottom: 0;
  display: grid;
  grid-gap: 6px;
  grid-auto-flow: column;
  padding: 0 12px 12px 12px;
  width: 273px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  text-align: center;
  color: #fff;
  align-items: end;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .documentNavigation button,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .documentNavigation button {
  display: grid;
  justify-content: space-between;
  grid-gap: 0;
  grid-template-columns: max-content;
  padding: 6px;
}
@media screen and (max-width: 480px) {
  .documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .documentNavigation button,
  .collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .documentNavigation button {
    padding: 10px;
  }
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .documentNavigation p,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .documentNavigation p {
  font-size: 14px;
  margin-bottom: 0;
}
.documentViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .documentNavigation .docNav,
.collectionViewerContainer .webViewerSidebar .doc-viewer-custom-sidebar .collectionSidebarOptions .documentNavigation .docNav {
  color: var(--white40);
}

body.iosApp.mobile .collectionSidebarOptions {
  bottom: 10px !important;
}

.mobile .show.collectionSidebarOptions {
  padding: 0 10px 60px 10px !important;
}#body.minutes .secondaryOptions {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  background: rgba(255, 255, 255, 0.9058823529);
  display: grid;
  padding: 12px;
  border-top: 1px solid var(--lightGrey);
  z-index: 998;
  grid-auto-flow: column;
  justify-content: end;
  gap: 14px;
}

.documentViewerContainer .processingSectionMinutes,
.collectionViewerContainer .processingSectionMinutes {
  grid-column: 1/3;
  grid-row: 3;
  align-items: center;
  justify-content: center;
  z-index: 2;
  width: 100%;
  height: 100%;
  font-size: 22px;
  font-style: italic;
  color: var(--white20);
  margin-top: -15px;
  border-radius: 6px;
}
.documentViewerContainer .editMinutes,
.collectionViewerContainer .editMinutes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: min-content max-content 1fr;
  height: 100%;
  overflow: hidden;
  padding: 20px 20px 0 20px;
  background: #1a413e;
  box-shadow: inset -4px 5px 30px -20px #000 !important;
}
.documentViewerContainer .editMinutes .sectionMinutes,
.collectionViewerContainer .editMinutes .sectionMinutes {
  position: absolute;
  font-size: 80px;
  color: rgba(255, 255, 255, 0.137254902);
  padding: 0;
  font-family: "bariol_bold";
  position: absolute;
  top: 35px;
  right: 80px;
  -webkit-user-select: none;
  user-select: none;
  z-index: -1;
  white-space: nowrap;
}
@media (max-width: 685px) {
  .documentViewerContainer .editMinutes .sectionMinutes,
  .collectionViewerContainer .editMinutes .sectionMinutes {
    display: none;
  }
}
.documentViewerContainer .editMinutes .sectionTitle,
.collectionViewerContainer .editMinutes .sectionTitle {
  left: 14px;
  top: 17px;
  color: #fff;
  font-weight: lighter;
  font-size: 14px;
}
@media (max-width: 480px) {
  .documentViewerContainer .editMinutes .sectionTitle,
  .collectionViewerContainer .editMinutes .sectionTitle {
    grid-column: 1/3;
  }
}
.documentViewerContainer .editMinutes .sectionTitle strong,
.collectionViewerContainer .editMinutes .sectionTitle strong {
  font-weight: bold;
  padding-left: 3px;
  font-size: 16px;
}
.documentViewerContainer .editMinutes button:active,
.collectionViewerContainer .editMinutes button:active {
  transform: translate(1px, 1px);
  color: #14283b;
}
.documentViewerContainer .editMinutes .actionButtons,
.collectionViewerContainer .editMinutes .actionButtons {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: end;
  grid-gap: 10px;
  z-index: 9999;
}
@media (max-width: 480px) {
  .documentViewerContainer .editMinutes .actionButtons,
  .collectionViewerContainer .editMinutes .actionButtons {
    transform: translateX(25px);
  }
}
.documentViewerContainer .editMinutes .actionButtons .closeButton,
.documentViewerContainer .editMinutes .actionButtons .reviewAllMinutes,
.documentViewerContainer .editMinutes .actionButtons .saveButton,
.collectionViewerContainer .editMinutes .actionButtons .closeButton,
.collectionViewerContainer .editMinutes .actionButtons .reviewAllMinutes,
.collectionViewerContainer .editMinutes .actionButtons .saveButton {
  cursor: pointer;
  z-index: 2;
  box-shadow: 1px 1px 2px 0px #000000;
}
.documentViewerContainer .editMinutes .actionButtons .closeButton:hover,
.documentViewerContainer .editMinutes .actionButtons .reviewAllMinutes:hover,
.documentViewerContainer .editMinutes .actionButtons .saveButton:hover,
.collectionViewerContainer .editMinutes .actionButtons .closeButton:hover,
.collectionViewerContainer .editMinutes .actionButtons .reviewAllMinutes:hover,
.collectionViewerContainer .editMinutes .actionButtons .saveButton:hover {
  background: #1f5588;
  box-shadow: 1px 1px 1px 0px #000000;
}
.documentViewerContainer .editMinutes .actionButtons .closeButton:active,
.documentViewerContainer .editMinutes .actionButtons .reviewAllMinutes:active,
.documentViewerContainer .editMinutes .actionButtons .saveButton:active,
.collectionViewerContainer .editMinutes .actionButtons .closeButton:active,
.collectionViewerContainer .editMinutes .actionButtons .reviewAllMinutes:active,
.collectionViewerContainer .editMinutes .actionButtons .saveButton:active {
  background: #1f5588;
  box-shadow: 0px 0px 1px 0px #000000;
  transform: translate(1px, 1px);
}
@media (max-width: 480px) {
  .documentViewerContainer .editMinutes .actionButtons .closeButton,
  .collectionViewerContainer .editMinutes .actionButtons .closeButton {
    background: transparent;
    box-shadow: none;
    border: none;
    transform: translate(-13px, -33px);
  }
}
.documentViewerContainer .editMinutes .actionButtons .reviewAllMinutes,
.collectionViewerContainer .editMinutes .actionButtons .reviewAllMinutes {
  color: var(--white);
  background: var(--lightGrey);
  border: none;
}
.documentViewerContainer .editMinutes .actionButtons .reviewAllMinutes:hover,
.collectionViewerContainer .editMinutes .actionButtons .reviewAllMinutes:hover {
  color: rgba(255, 255, 255, 0.7019607843);
  background: var(--lightGrey);
}
.documentViewerContainer .editMinutes div[role=textbox],
.collectionViewerContainer .editMinutes div[role=textbox] {
  font-size: 22px;
  background: rgba(255, 255, 255, 0.9019607843);
  border-radius: 3px !important;
  padding: 6px 8px;
  height: 330px;
  overflow-y: scroll;
}
.documentViewerContainer .editMinutes div[role=textbox] ul,
.documentViewerContainer .editMinutes div[role=textbox] ol,
.collectionViewerContainer .editMinutes div[role=textbox] ul,
.collectionViewerContainer .editMinutes div[role=textbox] ol {
  padding: 12px 24px;
  margin: 6px;
}
.documentViewerContainer .editMinutes div[data-test-id=menu],
.collectionViewerContainer .editMinutes div[data-test-id=menu] {
  border-bottom: 2px solid #20605a;
}
.documentViewerContainer .editMinutes .minutesContent,
.collectionViewerContainer .editMinutes .minutesContent {
  height: calc(100% - 49px);
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.88);
  line-height: 1.5714285714;
  list-style: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  background-color: #ffffff;
  background-image: none;
  border-width: 1px;
  border-style: solid;
  border-color: #d9d9d9;
  border-radius: 6px;
  transition: all 0.2s;
  padding: 12px 19px;
  margin: 39px 0 0 0;
  font-size: 18px;
  grid-column: 1/3;
  grid-row: 2/4;
  overflow: hidden;
  overflow-y: auto;
}
@media (max-width: 1024px) {
  .documentViewerContainer .editMinutes .minutesContent,
  .collectionViewerContainer .editMinutes .minutesContent {
    grid-column: 1/3;
  }
}
.documentViewerContainer .editMinutes .editorContainer,
.collectionViewerContainer .editMinutes .editorContainer {
  overflow: auto;
  margin-bottom: 6px;
  grid-template-rows: min-content max-content;
  grid-column: 1/3;
  grid-row: 2/4;
  gap: 8px;
}
@media (max-width: 868px) {
  .documentViewerContainer .editMinutes .editorContainer,
  .collectionViewerContainer .editMinutes .editorContainer {
    grid-row: 3/4;
  }
}
.documentViewerContainer .editMinutes .editorContainer h2,
.collectionViewerContainer .editMinutes .editorContainer h2 {
  color: #fff;
}
.documentViewerContainer .editMinutes .editorContainer h3,
.collectionViewerContainer .editMinutes .editorContainer h3 {
  color: rgba(255, 255, 255, 0.7764705882);
}
.documentViewerContainer .editMinutes .editorContainer .ck.ck-editor,
.collectionViewerContainer .editMinutes .editorContainer .ck.ck-editor {
  height: calc(100% - 44px);
}
.documentViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-toolbar,
.collectionViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-toolbar {
  background: none;
  margin: -10px 0 10px -13px;
  border: none;
}
@media (max-width: 480px) {
  .documentViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-toolbar,
  .collectionViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-toolbar {
    margin: 0px 0px 8px -8px;
  }
}
.documentViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-toolbar .ck-toolbar__separator,
.collectionViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-toolbar .ck-toolbar__separator {
  background: none !important;
}
.documentViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-toolbar button,
.collectionViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-toolbar button {
  background: #fff;
}
.documentViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-toolbar *,
.collectionViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-toolbar * {
  outline: none !important;
}
.documentViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-editor__main,
.collectionViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-editor__main {
  height: 100%;
}
.documentViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-editor__main .ck.ck-content,
.collectionViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-editor__main .ck.ck-content {
  height: 100%;
}
.documentViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-editor__main .ck.ck-content p,
.collectionViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-editor__main .ck.ck-content p {
  margin: 0 0 12px;
}
.documentViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-list__item,
.collectionViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-list__item {
  outline: none;
}
.documentViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-list__item *,
.collectionViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-list__item * {
  outline: none !important;
}
.documentViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-list__item .ck-button.ck-on,
.collectionViewerContainer .editMinutes .editorContainer .ck.ck-editor .ck.ck-list__item .ck-button.ck-on {
  background: var(--lightGrey);
  color: var(--ck-color-list-button-on-text);
}
.documentViewerContainer .editMinutes .editorContainer .noMinutes,
.collectionViewerContainer .editMinutes .editorContainer .noMinutes {
  display: grid;
  justify-content: center;
  align-content: center;
  align-items: center;
  grid-template-rows: 67px;
  height: 280px;
  color: rgba(0, 0, 0, 0.4196078431);
  font-size: 18px;
  font-style: italic;
  background: var(--white90);
  border-radius: 12px;
  margin: 6px 6px 6px;
  height: calc(100% - 56px);
  top: 32px;
  position: relative;
}
.documentViewerContainer .editMinutes .editorContainer .noMinutes button,
.collectionViewerContainer .editMinutes .editorContainer .noMinutes button {
  font-size: 26px;
  height: auto;
  width: auto;
}
.documentViewerContainer .editMinuteActions,
.collectionViewerContainer .editMinuteActions {
  color: #fff;
}
.documentViewerContainer .editMinuteActions .sectionTitle,
.collectionViewerContainer .editMinuteActions .sectionTitle {
  left: 14px;
  top: 17px;
  color: #fff;
  font-weight: lighter;
  font-size: 14px;
}
.documentViewerContainer .editMinuteActions .sectionTitle strong,
.collectionViewerContainer .editMinuteActions .sectionTitle strong {
  font-weight: bold;
  padding-left: 3px;
  font-size: 16px;
}
.documentViewerContainer .editMinuteActions .sectionMinutes,
.collectionViewerContainer .editMinuteActions .sectionMinutes {
  font-size: 80px;
  top: 34px;
  right: 80px;
}
.documentViewerContainer .editMinuteActions .actionButtons,
.collectionViewerContainer .editMinuteActions .actionButtons {
  grid-column: 2;
  justify-content: end;
}
@media (max-width: 868px) {
  .documentViewerContainer .editMinuteActions .actionButtons,
  .collectionViewerContainer .editMinuteActions .actionButtons {
    grid-row: 2;
    grid-column: 1/3;
  }
}
.documentViewerContainer .editMinuteApproval,
.collectionViewerContainer .editMinuteApproval {
  color: #fff;
  padding-top: 71px;
}
.documentViewerContainer .editMinuteApproval .sectionTitle,
.collectionViewerContainer .editMinuteApproval .sectionTitle {
  position: absolute;
  left: 14px;
  top: 17px;
  color: #fff;
  font-weight: lighter;
  font-size: 14px;
}
.documentViewerContainer .editMinuteApproval .sectionTitle strong,
.collectionViewerContainer .editMinuteApproval .sectionTitle strong {
  font-weight: bold;
  padding-left: 3px;
  font-size: 16px;
}
.documentViewerContainer .editMinuteApproval .sectionMinutes,
.collectionViewerContainer .editMinuteApproval .sectionMinutes {
  font-size: 80px;
  top: 10px;
  right: 80px;
}
.documentViewerContainer .editMinuteApproval form,
.collectionViewerContainer .editMinuteApproval form {
  display: grid;
}
.documentViewerContainer .editMinuteApproval form label,
.collectionViewerContainer .editMinuteApproval form label {
  color: #fff;
}
.documentViewerContainer .editMinuteApproval form button[type=submit],
.collectionViewerContainer .editMinuteApproval form button[type=submit] {
  width: max-content;
  justify-self: end;
}
.documentViewerContainer .finaliseMinutes,
.collectionViewerContainer .finaliseMinutes {
  color: #fff;
  padding-top: 38px;
  width: 100%;
  grid-column: 1/-1;
}
.documentViewerContainer .finaliseMinutes .sectionTitle,
.collectionViewerContainer .finaliseMinutes .sectionTitle {
  position: absolute;
  left: 14px;
  top: 17px;
  color: #fff;
  font-weight: lighter;
  font-size: 14px;
}
.documentViewerContainer .finaliseMinutes .sectionTitle strong,
.collectionViewerContainer .finaliseMinutes .sectionTitle strong {
  font-weight: bold;
  padding-left: 3px;
  font-size: 16px;
}
.documentViewerContainer .finaliseMinutes .sectionMinutes,
.collectionViewerContainer .finaliseMinutes .sectionMinutes {
  font-size: 80px;
  top: 10px;
  right: 80px;
}
.documentViewerContainer .finaliseMinutes form,
.collectionViewerContainer .finaliseMinutes form {
  display: grid;
  gap: 12px;
}
.documentViewerContainer .finaliseMinutes form label,
.collectionViewerContainer .finaliseMinutes form label {
  color: #fff;
}
.documentViewerContainer .finaliseMinutes form button[type=submit],
.collectionViewerContainer .finaliseMinutes form button[type=submit] {
  width: max-content;
  justify-self: end;
}
.documentViewerContainer .finaliseMinutes form div.ant-select-selector,
.collectionViewerContainer .finaliseMinutes form div.ant-select-selector {
  background: rgba(255, 255, 255, 0.8352941176);
}
.documentViewerContainer .finaliseMinutes form div.ant-select-selector:active, .documentViewerContainer .finaliseMinutes form div.ant-select-selector:focus, .documentViewerContainer .finaliseMinutes form div.ant-select-selector:hover,
.collectionViewerContainer .finaliseMinutes form div.ant-select-selector:active,
.collectionViewerContainer .finaliseMinutes form div.ant-select-selector:focus,
.collectionViewerContainer .finaliseMinutes form div.ant-select-selector:hover {
  background: #ffffff;
}
.documentViewerContainer .editMinuteSectionNotes,
.collectionViewerContainer .editMinuteSectionNotes {
  color: #fff;
}
.documentViewerContainer .editMinuteSectionNotes .sectionTitle,
.collectionViewerContainer .editMinuteSectionNotes .sectionTitle {
  left: 14px;
  top: 17px;
  color: #fff;
  font-weight: lighter;
  font-size: 14px;
}
.documentViewerContainer .editMinuteSectionNotes .sectionTitle strong,
.collectionViewerContainer .editMinuteSectionNotes .sectionTitle strong {
  font-weight: bold;
  padding-left: 3px;
  font-size: 16px;
}
.documentViewerContainer .editMinuteSectionNotes .sectionMinutes,
.collectionViewerContainer .editMinuteSectionNotes .sectionMinutes {
  font-size: 80px;
  top: 8px;
  right: 80px;
}
@media (max-width: 830px) {
  .documentViewerContainer .editMinuteSectionNotes .sectionMinutes,
  .collectionViewerContainer .editMinuteSectionNotes .sectionMinutes {
    display: none;
  }
}
.documentViewerContainer .editMinuteSectionNotes .note,
.collectionViewerContainer .editMinuteSectionNotes .note {
  height: calc(100% - 43px);
  margin-top: 33px;
  background: var(--white80);
  color: var(--blue);
  border-radius: 6px;
  padding: 22px 22px 0;
  font-size: 18px;
}
@media (max-width: 480px) {
  .documentViewerContainer .editMinuteSectionNotes .note,
  .collectionViewerContainer .editMinuteSectionNotes .note {
    height: 100%;
    margin-top: 0;
  }
}
.documentViewerContainer .editMinuteDecisions,
.collectionViewerContainer .editMinuteDecisions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: min-content max-content 1fr;
  padding: 20px 20px 0 20px;
  background: #1a413e;
  box-shadow: inset -4px 5px 30px -20px #000 !important;
}
.documentViewerContainer .editMinuteDecisions .sectionTitle,
.collectionViewerContainer .editMinuteDecisions .sectionTitle {
  left: 14px;
  top: 17px;
  color: #fff;
  font-weight: lighter;
  font-size: 14px;
}
.documentViewerContainer .editMinuteDecisions .sectionTitle strong,
.collectionViewerContainer .editMinuteDecisions .sectionTitle strong {
  font-weight: bold;
  padding-left: 3px;
  font-size: 16px;
}
.documentViewerContainer .editMinuteDecisions .sectionMinutes,
.collectionViewerContainer .editMinuteDecisions .sectionMinutes {
  position: absolute;
  font-size: 80px;
  color: rgba(255, 255, 255, 0.137254902);
  padding: 0;
  font-family: "bariol_bold";
  position: absolute;
  top: 35px;
  right: 80px;
  -webkit-user-select: none;
  user-select: none;
  z-index: -1;
  white-space: nowrap;
}
@media (max-width: 685px) {
  .documentViewerContainer .editMinuteDecisions .sectionMinutes,
  .collectionViewerContainer .editMinuteDecisions .sectionMinutes {
    display: none;
  }
}
.documentViewerContainer .editMinuteDecisions .actionButtons,
.collectionViewerContainer .editMinuteDecisions .actionButtons {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  justify-content: end;
  justify-items: end;
  row-gap: 16px;
}
@media (max-width: 868px) {
  .documentViewerContainer .editMinuteDecisions .actionButtons,
  .collectionViewerContainer .editMinuteDecisions .actionButtons {
    grid-row: 2;
    grid-column: 1/3;
  }
}
.documentViewerContainer .editMinuteDecisions .deletedDecisions,
.collectionViewerContainer .editMinuteDecisions .deletedDecisions {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-row: 2;
  grid-column: 1/-1;
  align-items: center;
}
.documentViewerContainer .editMinuteDecisions .closeButton,
.documentViewerContainer .editMinuteDecisions .reviewAllMinutes,
.documentViewerContainer .editMinuteDecisions .saveButton,
.collectionViewerContainer .editMinuteDecisions .closeButton,
.collectionViewerContainer .editMinuteDecisions .reviewAllMinutes,
.collectionViewerContainer .editMinuteDecisions .saveButton {
  grid-row: 1;
  cursor: pointer;
  z-index: 2;
  box-shadow: 1px 1px 2px 0px #000000;
}
.documentViewerContainer .editMinuteDecisions .closeButton:hover,
.documentViewerContainer .editMinuteDecisions .reviewAllMinutes:hover,
.documentViewerContainer .editMinuteDecisions .saveButton:hover,
.collectionViewerContainer .editMinuteDecisions .closeButton:hover,
.collectionViewerContainer .editMinuteDecisions .reviewAllMinutes:hover,
.collectionViewerContainer .editMinuteDecisions .saveButton:hover {
  background: #1f5588;
  box-shadow: 1px 1px 1px 0px #000000;
}
.documentViewerContainer .editMinuteDecisions .closeButton:active,
.documentViewerContainer .editMinuteDecisions .reviewAllMinutes:active,
.documentViewerContainer .editMinuteDecisions .saveButton:active,
.collectionViewerContainer .editMinuteDecisions .closeButton:active,
.collectionViewerContainer .editMinuteDecisions .reviewAllMinutes:active,
.collectionViewerContainer .editMinuteDecisions .saveButton:active {
  background: #1f5588;
  box-shadow: 0px 0px 1px 0px #000000;
  transform: translate(1px, 1px);
}.decisionListContainer {
  overflow: auto;
}
.decisionListContainer .sectionDecisionList {
  max-width: 1000px;
}
.decisionListContainer .sectionDecisionList .sectionDecisionContent {
  display: grid;
  grid-template-columns: 1fr;
}

.decisionEditor {
  overflow-y: scroll;
}
.decisionEditor .editorContainer {
  grid-template-rows: min-content max-content;
  grid-column: 1/3;
  grid-row: 2/4;
  grid-column: 1/3;
  gap: 8px;
}
@media (max-width: 868px) {
  .decisionEditor .editorContainer {
    grid-row: 3/4;
  }
}
.decisionEditor .editorContainer h2 {
  color: #fff;
}
.decisionEditor .editorContainer h3 {
  color: rgba(255, 255, 255, 0.7764705882);
}
.decisionEditor .editorContent {
  height: calc(100% + 20px);
  grid-column: 1/2;
}
.decisionEditor .editorContent h3 {
  position: absolute;
  margin: 1px 0 23px;
  z-index: -100;
  color: rgba(255, 255, 255, 0.7764705882);
}

.decisionItem {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 8px;
}
@media (max-width: 480px) {
  .decisionItem {
    grid-template-columns: 1fr;
  }
}

.decisionItemIcon {
  margin-right: 8px;
}
.decisionItemIcon .anticon {
  font-size: 20px;
  transform: translate(2px, -1px);
}

.decisionItemOptions {
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 6px;
  float: right;
}

@media (max-width: 868px) {
  .decision-list-container {
    transform: translateY(-100px);
  }
}
.decision-list-container .decision-list-table-btns {
  display: grid;
  grid-template-columns: max-content max-content 1fr;
  grid-template-rows: 1fr;
  justify-items: end;
  column-gap: 10px;
}
@media (max-width: 868px) {
  .decision-list-container .decision-list-table-btns {
    grid-template-columns: 1fr max-content;
    justify-items: start;
  }
  .decision-list-container .decision-list-table-btns button:last-child {
    grid-column: 1/3;
    justify-self: end;
  }
}
@media (max-width: 480px) {
  .decision-list-container .decision-list-table-btns {
    grid-template-columns: 1fr;
    justify-items: unset;
  }
  .decision-list-container .decision-list-table-btns button:last-child {
    grid-column: unset;
    justify-self: unset;
  }
}

.decisionItemDeleted {
  color: var(--red);
  font-size: 14px;
}.events {
  list-style: none;
  margin: 0;
  padding: 0;
}

.events .ant-badge-status {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  font-size: 12px;
}

.notes-month {
  text-align: center;
  font-size: 28px;
}

.notes-month section {
  font-size: 28px;
}

.documentViewerContainer .editMinutes .editorContainer.taskEditor .editorContent,
.collectionViewerContainer .editMinutes .editorContainer.taskEditor .editorContent {
  height: calc(100% + 20px);
  grid-column: 1/3;
}
.documentViewerContainer .editMinutes .editorContainer.taskEditor .editorContent h3,
.collectionViewerContainer .editMinutes .editorContainer.taskEditor .editorContent h3 {
  position: absolute;
  margin: 1px 0 23px;
  z-index: -100;
}
.documentViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList,
.collectionViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList {
  max-width: 1000px;
  margin-bottom: 8px;
}
.documentViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent,
.collectionViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent {
  display: grid;
  grid-template-columns: 1fr;
}
.documentViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .votingTopic,
.collectionViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .votingTopic {
  grid-column: 1/3;
}
.documentViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .votingOn,
.collectionViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .votingOn {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 6px;
  grid-column: 1/3;
  font-size: 14px;
}
@media (max-width: 480px) {
  .documentViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .votingOn,
  .collectionViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .votingOn {
    grid-template-columns: 1fr;
  }
}
.documentViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .progressBar,
.collectionViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .progressBar {
  margin-top: 12px;
  margin-bottom: 0;
  grid-column: 1/3;
}
.documentViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .options,
.collectionViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .options {
  display: grid;
  grid-template-columns: max-content max-content max-content;
  grid-gap: 6px;
  justify-content: end;
  grid-column: 1/3;
}
@media (max-width: 480px) {
  .documentViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .options,
  .collectionViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .options {
    grid-template-columns: 1fr;
  }
}
.documentViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .notes,
.collectionViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .notes {
  grid-column: 1;
}
@media (max-width: 480px) {
  .documentViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .voteStatus,
  .collectionViewerContainer .editMinutes .editorContainer.taskEditor .editorContent .taskListContainer .sectionTaskList .sectionTaskContent .voteStatus {
    grid-column: 1/3;
  }
}
.documentViewerContainer .editMinutes .editorOptions,
.collectionViewerContainer .editMinutes .editorOptions {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 12px;
  align-items: end;
}
@media (max-width: 480px) {
  .documentViewerContainer .editMinutes .editorOptions,
  .collectionViewerContainer .editMinutes .editorOptions {
    top: 87px;
    right: 37px;
  }
}

.taskListMinutesFeedbackContainer .noActionTasks {
  padding: 0 0 12px;
  font-size: 14px;
  display: block;
  font-style: italic;
  color: var(--blue20);
}
.taskListMinutesFeedbackContainer .taskList {
  display: grid;
  grid-gap: 22px;
  grid-template-columns: 1fr max-content;
  margin: 0 0 20px;
}
.taskListMinutesFeedbackContainer .taskList .content {
  grid-row: 1;
  grid-column: 1/-1;
  display: grid;
  grid-gap: 3px;
  color: var(--blue);
}
.taskListMinutesFeedbackContainer .taskList .content h2 {
  display: grid;
  color: var(--blue) !important;
  padding: 0 0 30px;
  max-width: calc(100% - 116px);
}
.taskListMinutesFeedbackContainer .taskList .content h2 small {
  font-size: 13px !important;
  line-height: 16px;
  color: var(--lightGrey);
  font-weight: 100;
  margin: -6px 3px -6px 0px !important;
}
.taskListMinutesFeedbackContainer .taskList .content span {
  font-size: 13px;
  line-height: 16px;
}
.taskListMinutesFeedbackContainer .taskList .content span strong {
  font-size: 11px;
  letter-spacing: -0.3px;
}
.taskListMinutesFeedbackContainer .taskList .content span small em {
  color: var(--lightGrey);
  margin: 0px 0 12px 12px;
  display: inline-block;
}
.taskListMinutesFeedbackContainer .taskList .content p {
  text-align: left;
  font-size: 18px;
  margin: 10px 0 10px;
}
.taskListMinutesFeedbackContainer .taskList .options {
  grid-row: 1;
  grid-column: 2;
  display: grid;
  grid-gap: 6px;
  grid-template-rows: max-content max-content;
  margin-right: 0;
}
.taskListMinutesFeedbackContainer .taskList .options button {
  width: 100%;
  justify-self: end;
  text-align: left;
  grid-column: 2 !important;
  grid-row: auto !important;
}

.generalVotingForm {
  display: grid;
  grid-gap: 8px;
  height: auto;
  max-height: 600px;
}
.generalVotingForm.stellar-card {
  padding: unset;
  box-shadow: unset;
}
.generalVotingForm.stellar-card:hover {
  box-shadow: unset;
}
.generalVotingForm .formTitle {
  display: grid;
  grid-template-columns: max-content min-content;
}
.generalVotingForm .formTitle h5 {
  margin-bottom: unset;
}
.generalVotingForm .taskListContainer {
  height: auto;
  overflow: scroll;
}
.generalVotingForm .taskListContainer .noActionTasks {
  padding: 0 6px 12px;
  font-size: 14px;
  display: block;
  font-style: italic;
  color: var(--blue20);
}
.generalVotingForm .taskListContainer .sectionTaskList .sectionTaskContent {
  display: grid;
  grid-template-columns: 1fr min-content;
  column-gap: 16px;
}
.generalVotingForm .taskListContainer .sectionTaskList .sectionTaskContent .votingTopic {
  grid-column: 1/3;
}
.generalVotingForm .taskListContainer .sectionTaskList .sectionTaskContent .votingOn {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 6px;
  grid-column: 1/3;
}
.generalVotingForm .taskListContainer .sectionTaskList .sectionTaskContent .voteStatus {
  grid-column: 1/3;
  margin-bottom: 12px;
  text-align: center;
}
.generalVotingForm .taskListContainer .sectionTaskList .sectionTaskContent .progressBar {
  grid-column: 1/3;
  margin-bottom: unset !important;
}
.generalVotingForm .taskListContainer .sectionTaskList .sectionTaskContent .options {
  display: grid;
  grid-template-columns: max-content max-content max-content;
  grid-gap: 6px;
  justify-content: center;
  grid-column: 1/3;
}
.generalVotingForm .taskListContainer .taskList {
  display: grid;
  grid-gap: 22px;
  grid-template-columns: 1fr max-content;
  margin: 0 0 20px;
}
.generalVotingForm .taskListContainer .taskList .content {
  grid-row: 1;
  grid-column: 1/-1;
  display: grid;
  grid-gap: 3px;
  color: var(--blue);
}
.generalVotingForm .taskListContainer .taskList .content h2 {
  display: grid;
  color: var(--blue) !important;
  padding: 0 0 30px;
  max-width: calc(100% - 116px);
}
.generalVotingForm .taskListContainer .taskList .content h2 small {
  font-size: 13px !important;
  line-height: 16px;
  color: var(--lightGrey);
  font-weight: 100;
  margin: -6px 3px -6px 0px !important;
}
.generalVotingForm .taskListContainer .taskList .content span {
  font-size: 13px;
  line-height: 16px;
}
.generalVotingForm .taskListContainer .taskList .content span strong {
  font-size: 11px;
  letter-spacing: -0.3px;
}
.generalVotingForm .taskListContainer .taskList .content span small em {
  color: var(--lightGrey);
  margin: 0px 0 12px 12px;
  display: inline-block;
}
.generalVotingForm .taskListContainer .taskList .content p {
  text-align: left;
  font-size: 18px;
  margin: 10px 0 10px;
}
.generalVotingForm .taskListContainer .taskList .options {
  grid-row: 1;
  grid-column: 2;
  display: grid;
  grid-gap: 6px;
  grid-template-rows: max-content max-content;
  margin-right: 0;
}
.generalVotingForm .taskListContainer .taskList .options button {
  width: 100%;
  justify-self: end;
  text-align: left;
  grid-column: 2 !important;
  grid-row: auto !important;
}

.task-list-container .task-list-table-btns {
  display: grid;
  grid-template-columns: max-content max-content 1fr;
  grid-template-rows: 1fr;
  justify-items: end;
  column-gap: 10px;
}
@media (max-width: 868px) {
  .task-list-container .task-list-table-btns {
    grid-template-columns: 1fr max-content;
    justify-items: start;
  }
  .task-list-container .task-list-table-btns button:last-child {
    grid-column: 1/3;
    justify-self: end;
  }
}
@media (max-width: 480px) {
  .task-list-container .task-list-table-btns {
    grid-template-columns: 1fr;
    justify-items: unset;
  }
  .task-list-container .task-list-table-btns button:last-child {
    grid-column: unset;
    justify-self: unset;
  }
}

.closeVotingForm {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.closeVotingForm .ant-card-bordered {
  border: unset;
}
.closeVotingForm .ant-card-bordered .ant-card-body {
  padding: unset;
}

.ant-input-disabled {
  color: unset !important;
  background-color: unset !important;
  border-color: white !important;
}

.actionTaskModal .ant-modal-body {
  position: relative;
  overflow: hidden;
}
.actionTaskModal .ant-modal-body .footer {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 12px;
  justify-content: end;
  margin-bottom: 12px;
}
.actionTaskModal .ant-modal-body .spinner {
  height: 100%;
  width: 100%;
  position: absolute;
}
.actionTaskModal .ant-modal-body .spinner .ant-spin-nested-loading {
  height: 100%;
}
.actionTaskModal .item {
  margin-left: 5.5px;
}
.actionTaskModal .item span {
  font-weight: 600;
}
.actionTaskModal .actionOption .ant-form-item-row {
  justify-content: center;
}
.actionTaskModal .ant-form-item-no-colon {
  font-weight: 600;
}
.actionTaskModal .ant-input-textarea-affix-wrapper {
  transform: translateY(6px);
}
.actionTaskModal h3 {
  text-align: center;
}.accordionContainer {
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  padding: 6px 10px;
  margin: 12px 0;
  background: white;
}

.header {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  column-gap: 10px;
  cursor: pointer;
}
.header h3 {
  margin: 0;
}

.icon {
  transition: transform 0.3s ease;
}

.rotate {
  animation: rotateIcon 0.3s forwards;
  transform: rotate(90deg);
}

@keyframes rotateIcon {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(90deg);
  }
}
.unrotate {
  animation: unrotateIcon 0.3s forwards;
  transform: rotate(0deg);
}

@keyframes unrotateIcon {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.children {
  display: none;
  transition: max-height 0.3s ease;
}

.children.show {
  max-height: 1000px; /* Arbitrary large value to ensure full expansion */
  opacity: 1;
}form#meeting .collectionBuilderMeetingTask {
  margin-top: 36px;
}
form#meeting .collectionBuilderMeetingTask,
form#meeting .collectionBuilderAttendance {
  display: grid;
  position: relative;
}
form#meeting .collectionBuilderMeetingTask > h4,
form#meeting .collectionBuilderAttendance > h4 {
  font-size: 115px;
  color: rgba(27, 55, 82, 0.062745098);
  padding: 0;
  font-family: "bariol_bold";
  position: absolute;
  top: -93px;
  left: 40px;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
@media (max-width: 1200px) {
  form#meeting .collectionBuilderMeetingTask > h4,
  form#meeting .collectionBuilderAttendance > h4 {
    font-size: 80px;
    top: -28px;
    left: 154px;
  }
}
@media (max-width: 685px) {
  form#meeting .collectionBuilderMeetingTask > h4,
  form#meeting .collectionBuilderAttendance > h4 {
    display: none;
  }
}
form#meeting .collectionBuilderMeetingTask button,
form#meeting .collectionBuilderAttendance button {
  justify-self: end;
  margin: 0 0 11px;
}
@media (max-width: 480px) {
  form#meeting .collectionBuilderMeetingTask button,
  form#meeting .collectionBuilderAttendance button {
    justify-self: unset;
  }
}
form#meeting .collectionBuilderMeetingTask button *,
form#meeting .collectionBuilderAttendance button * {
  animation-duration: 0.15s;
  animation-name: animate-slide;
  animation-timing-function: ease-out;
}
form#meeting .collectionBuilderMeetingTask button:hover .anticon,
form#meeting .collectionBuilderAttendance button:hover .anticon {
  color: red;
}
form#meeting .collectionBuilderMeetingTask .stellar-card,
form#meeting .collectionBuilderAttendance .stellar-card {
  background: rgba(255, 255, 255, 0.5215686275);
  z-index: 0;
}
form#meeting .collectionBuilderMeetingTask .stellar-card > h3,
form#meeting .collectionBuilderAttendance .stellar-card > h3 {
  color: rgba(27, 55, 82, 0.8156862745);
  padding: 0;
  margin: -1px 0 15px;
}
form#meeting .collectionBuilderMeetingTask .stellar-card .ant-form-item-row,
form#meeting .collectionBuilderAttendance .stellar-card .ant-form-item-row {
  padding: 3px 0;
  margin: 0;
}
form#meeting .collectionBuilderMeetingTask .stellar-card .ant-divider,
form#meeting .collectionBuilderAttendance .stellar-card .ant-divider {
  width: calc(100% - 20vw);
  min-width: 10vw;
  border: none;
  padding: 0;
  margin: 11px 10vw 13px;
}
@media (max-width: 868px) {
  form#meeting .collectionBuilderMeetingTask .stellar-card .nextMeetingTime,
  form#meeting .collectionBuilderAttendance .stellar-card .nextMeetingTime {
    grid-template-columns: 1fr max-content;
    grid-template-rows: max-content max-content;
  }
}
@media (max-width: 480px) {
  form#meeting .collectionBuilderMeetingTask .stellar-card .nextMeetingTime,
  form#meeting .collectionBuilderAttendance .stellar-card .nextMeetingTime {
    grid-template-columns: 1fr;
    grid-template-rows: max-content max-content max-content;
  }
}
@media (max-width: 868px) {
  form#meeting .collectionBuilderMeetingTask .stellar-card .nextMeetingTime .ant-form-item,
  form#meeting .collectionBuilderAttendance .stellar-card .nextMeetingTime .ant-form-item {
    grid-column: 1/3;
  }
}
@media (max-width: 480px) {
  form#meeting .collectionBuilderMeetingTask .stellar-card .nextMeetingTime i,
  form#meeting .collectionBuilderAttendance .stellar-card .nextMeetingTime i {
    grid-auto-flow: column;
  }
}
form#meeting .collectionBuilderMeetingTask .removeCollectionMeeting,
form#meeting .collectionBuilderMeetingTask .removeCollectionMeeting *,
form#meeting .collectionBuilderAttendance .removeCollectionMeeting,
form#meeting .collectionBuilderAttendance .removeCollectionMeeting * {
  animation: none;
}
form#meeting .collectionBuilderAttendance {
  margin-top: 11px;
}
form#meeting .collectionBuilderAttendance > h4 {
  top: -50px;
}
form#meeting .collectionBuilderAttendance .container {
  display: grid;
  column-gap: 16px;
}
form#meeting .collectionBuilderAttendance .container .users,
form#meeting .collectionBuilderAttendance .container .groups {
  grid-template-rows: max-content;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid var(--blue40);
  margin: 0 0 16px;
  box-shadow: 1px 1px 4px 1px var(--blue20);
  row-gap: 8px;
}
form#meeting .collectionBuilderAttendance .container .users h4,
form#meeting .collectionBuilderAttendance .container .groups h4 {
  margin-bottom: 0;
}
form#meeting .collectionBuilderAttendance .container .users .body,
form#meeting .collectionBuilderAttendance .container .groups .body {
  display: grid;
  grid-template-rows: max-content;
  row-gap: 12px;
  max-height: 150px;
  overflow: scroll;
  padding-right: 6px;
}
form#meeting .collectionBuilderAttendance .container .users .body::-webkit-scrollbar,
form#meeting .collectionBuilderAttendance .container .groups .body::-webkit-scrollbar {
  width: 8px;
  transform: translateX(10px);
}
form#meeting .collectionBuilderAttendance .container .users .body::-webkit-scrollbar-track,
form#meeting .collectionBuilderAttendance .container .groups .body::-webkit-scrollbar-track {
  background: transparent;
}
form#meeting .collectionBuilderAttendance .container .users .body::-webkit-scrollbar-thumb,
form#meeting .collectionBuilderAttendance .container .groups .body::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
form#meeting .collectionBuilderAttendance .container .users .body::-webkit-scrollbar-thumb:hover,
form#meeting .collectionBuilderAttendance .container .groups .body::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}
form#meeting .collectionBuilderAttendance .container .users .attendance,
form#meeting .collectionBuilderAttendance .container .groups .attendance {
  padding-top: 3px;
}
form#meeting .collectionBuilderAttendance .container .users .attendance label,
form#meeting .collectionBuilderAttendance .container .users .apology label,
form#meeting .collectionBuilderAttendance .container .groups .attendance label,
form#meeting .collectionBuilderAttendance .container .groups .apology label {
  color: var(--blue90);
}
form#meeting .collectionBuilderAttendance .container .users .ant-form-item-control,
form#meeting .collectionBuilderAttendance .container .groups .ant-form-item-control {
  line-height: 20px;
}
form#meeting .collectionBuilderAttendance .container .groups {
  grid-template-columns: 1fr 1fr;
}
form#meeting .collectionBuilderAttendance .container .groups .anticon {
  cursor: pointer;
  justify-content: flex-end;
  font-size: 16px;
  color: #545454;
}
form#meeting .collectionBuilderAttendance .container .groups .body {
  grid-column: 1/-1;
}.collectionHeadOptions {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: min-content;
  align-items: center;
  justify-content: space-between;
  grid-gap: 8px;
  background: #fff;
  border-radius: 3px;
  padding: 10px;
  margin: 0;
}

.collectionAddModal,
.fileUploadModal {
  position: relative;
}
.collectionAddModal .destination,
.fileUploadModal .destination {
  display: grid;
  align-items: center;
  background: #f3f3f3;
  border-radius: 4px;
  padding: 6px 12px 12px;
  margin: -6px 0 12px;
}
.collectionAddModal .destination span,
.fileUploadModal .destination span {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  gap: 6px;
  margin: 6px 0;
  white-space: nowrap;
}
.collectionAddModal .destination span small,
.fileUploadModal .destination span small {
  background: #d6d6d6;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 10px;
}
.collectionAddModal .destination span b,
.fileUploadModal .destination span b {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 480px) {
  .collectionAddModal .ant-modal-body,
  .fileUploadModal .ant-modal-body {
    overflow: scroll;
    max-height: 560px;
  }
}
.collectionAddModal .collectionModalImage,
.fileUploadModal .collectionModalImage {
  display: inline-block;
  height: 24px;
  width: 22px;
}
.collectionAddModal .collectionCreateThumb,
.fileUploadModal .collectionCreateThumb {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.collectionAddModal .collectionCreateThumb img,
.collectionAddModal .collectionCreateThumb h2,
.fileUploadModal .collectionCreateThumb img,
.fileUploadModal .collectionCreateThumb h2 {
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  align-self: center;
}
.collectionAddModal .collectionCreateThumb h2,
.fileUploadModal .collectionCreateThumb h2 {
  width: 128px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #f3f3f3;
  display: grid;
  align-content: center;
  margin-left: 8px;
}
@media (max-width: 868px) {
  .collectionAddModal .collectionCreateThumb h2,
  .fileUploadModal .collectionCreateThumb h2 {
    width: 78px;
    font-size: 10px;
    margin-left: 6px;
  }
}
@media (max-width: 480px) {
  .collectionAddModal .collectionCreateThumb h2,
  .fileUploadModal .collectionCreateThumb h2 {
    font-size: 10px;
    margin-left: 6px;
  }
}
.collectionAddModal .collectionCreateBoardPackDetails,
.fileUploadModal .collectionCreateBoardPackDetails {
  padding: 12px 6px;
}
.collectionAddModal .collectionCreateBoardPackDetails ul,
.fileUploadModal .collectionCreateBoardPackDetails ul {
  margin-left: 26px;
}
.collectionAddModal .collectionCreateDocumentCollectionDetails,
.fileUploadModal .collectionCreateDocumentCollectionDetails {
  padding: 12px 6px;
}
.collectionAddModal .collectionCreateDocumentCollectionDetails ul,
.fileUploadModal .collectionCreateDocumentCollectionDetails ul {
  margin-left: 26px;
}
@media (max-width: 480px) {
  .collectionAddModal .details .ant-form-item .ant-form-item-row,
  .fileUploadModal .details .ant-form-item .ant-form-item-row {
    display: grid;
    grid-template-columns: max-content 1fr;
  }
}
.collectionAddModal .ant-form-item,
.fileUploadModal .ant-form-item {
  margin-bottom: 6px !important;
}
.collectionAddModal .collectionTitle input,
.fileUploadModal .collectionTitle input {
  font-size: 20px;
  padding: 0 6px;
  margin: 0px;
}
.collectionAddModal .login-form-button,
.fileUploadModal .login-form-button {
  margin: 15px 0;
}
.collectionAddModal .ant-picker,
.fileUploadModal .ant-picker {
  width: 100%;
}
.collectionAddModal label,
.fileUploadModal label {
  color: var(--blue30) !important;
}

.collectionFileAdd .ant-modal-close {
  padding: 6px;
  margin-top: 5px;
  width: auto;
  height: auto;
}
.collectionFileAdd .ant-modal-close .ant-modal-close-x {
  font-size: 20px;
}
.collectionFileAdd .ant-modal-header .collectionFileAddTitleRow {
  display: grid;
  grid-template-columns: max-content 1fr max-content 0;
  grid-gap: 12px;
  align-items: center;
}
.collectionFileAdd .ant-modal-body {
  max-height: 80vh;
  overflow: scroll;
  width: 70vw;
  max-width: 1000px;
  padding: 0;
  margin: 0 0 -27px;
}
@media (max-width: 860px) {
  .collectionFileAdd .ant-modal-body {
    width: 90vw;
  }
}
@media (max-width: 560px) {
  .collectionFileAdd .ant-modal-body {
    width: 100%;
  }
}

.collectionContainer {
  display: grid;
  position: relative;
  grid-template-columns: 3fr minmax(297px, 1fr);
  margin-bottom: 86px !important;
}
@media (min-width: 1024px) {
  .collectionContainer {
    column-gap: 20px;
  }
}
@media (max-width: 1024px) {
  .collectionContainer {
    grid-template-columns: unset;
  }
}
@media (max-width: 480px) {
  .collectionContainer.stellar-card {
    padding: 16px 8px;
  }
}
.collectionContainer > h2 {
  grid-row: 1;
  grid-column: 1/-1;
  border-bottom: 1px solid rgba(27, 55, 82, 0.1803921569);
  padding: 0 18px 6px;
  margin: -7px -27px 14px;
  color: rgba(27, 55, 82, 0.7411764706);
  font-size: 18px;
}
@media (max-width: 868px) {
  .collectionContainer > h2 {
    margin: -7px -19px 14px;
  }
}
@media (max-width: 480px) {
  .collectionContainer > h2 {
    margin: -7px -6px 14px;
  }
}
.collectionContainer .collectionType {
  position: absolute;
  color: var(--blue10);
  top: 10px;
  right: 15px;
}
.collectionContainer .collectionContainerSidebar {
  display: grid;
  grid-template-rows: min-content min-content min-content min-content min-content 1fr max-content;
  justify-items: center;
  margin: 0;
  width: 100%;
}
@media (max-width: 1024px) {
  .collectionContainer .collectionContainerSidebar {
    order: -1;
  }
}
.collectionContainer .collectionContainerSidebar.editMode {
  background: grey;
  pointer-events: none;
  filter: blur(3px) grayscale(0.6) brightness(0.5) opacity(0.5);
  margin: 2px 0 0 -11px;
}
.collectionContainer .collectionContainerSidebar .stellar-logo-dark {
  width: 100%;
  align-self: end;
}
@media (max-width: 1024px) {
  .collectionContainer .collectionContainerSidebar .stellar-logo-dark {
    display: none;
  }
}
.collectionContainer .collectionContainerSidebar .title {
  text-align: center;
  width: 100%;
}
.collectionContainer .collectionContainerSidebar .convert-collection-type {
  padding: 0 0 20px;
  width: calc(100% - 20px);
}
.collectionContainer .collectionContainerSidebar .convert-collection-type span.label {
  padding: 0 1px;
  color: var(--blue90);
  font-size: 13px;
}
.collectionContainer .collectionContainerSidebar .convert-collection-type .ant-select {
  width: 100%;
}
.collectionContainer .collectionContainerSidebar p {
  text-align: center;
  padding: 0 16px 0;
  margin: 10px 0 30px;
  width: 100%;
}
.collectionContainer .collectionContainerSidebar .thumbnailContainer {
  display: grid;
}
.collectionContainer .collectionContainerSidebar .thumbnailContainer img {
  width: 100px;
}
.collectionContainer .collectionContainerSidebar .customIconCollectionBuilder {
  transform: translate(17px, -130px);
  width: 74px !important;
}
.collectionContainer .collectionContainerSidebar .defaultStellarIconCollectionBuilder {
  transform: translate(4px, -120px);
  width: 80px !important;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions {
  display: grid;
  grid-auto-rows: max-content;
  grid-gap: 10px;
  padding: 10px;
  width: 100%;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .meetingMetaContainerBuilder {
  padding: 18px 0 24px 0;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .meetingMetaContainerBuilder i.meetingSidebarMeta {
  grid-template-columns: 1fr;
  grid-auto-columns: max-content;
  justify-content: stretch;
  width: 100%;
  gap: 6px;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .meetingMetaContainerBuilder i.meetingSidebarMeta .nextPrevMeta {
  display: grid;
  justify-content: space-between;
  grid-auto-columns: max-content;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  align-items: start;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .meetingMetaContainerBuilder i.meetingSidebarMeta .nextPrevMeta h3 {
  height: 24px;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .meetingMetaContainerBuilder i.meetingSidebarMeta .nextPrevMeta span {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding: 0 8px;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .meetingMetaContainerBuilder i.meetingSidebarMeta .meetingButtons {
  width: 100%;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 39px;
  height: 32px;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .meetingMetaContainerBuilder i.meetingSidebarMeta .meetingButtons button {
  width: 100%;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .meetingMetaContainerBuilder i.meetingSidebarMeta .meetingButtons button span {
  padding: 0 !important;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .meetingMetaContainerBuilder i.meetingSidebarMeta button {
  text-align: left;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .meetingMetaContainerBuilder i.meetingSidebarMeta i:last-of-type {
  margin-bottom: 13px !important;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .meetingMetaContainerBuilder i.meetingSidebarMeta i {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 0px;
  line-height: 16px;
  margin-top: 3px;
  justify-items: center;
  justify-self: center;
  text-align: center;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .meetingMetaContainerBuilder i.meetingSidebarMeta i strong {
  text-align: center;
  color: var(--blue90);
  white-space: nowrap;
  overflow: hidden; /* Hides the overflowing text */
  text-overflow: ellipsis;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .meetingMetaContainerBuilder i.meetingSidebarMeta i span {
  white-space: nowrap;
  padding-top: 6px;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions button {
  text-align: left;
  height: auto;
  white-space: normal;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions > button {
  height: 40px;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .builderSettingsContainer {
  display: grid;
  row-gap: 16px;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .builderSettingsContainer .interestRegisterSwitch,
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .builderSettingsContainer .downloadableSwitch,
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .builderSettingsContainer .agendaSwitch,
.collectionContainer .collectionContainerSidebar .collectionBuilderOptions .builderSettingsContainer .minutesExternalSwitch {
  display: grid;
  grid-template-columns: max-content 1fr;
  justify-items: end;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks {
  width: 100%;
  display: grid;
  grid-auto-rows: max-content;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions {
  display: grid;
  grid-template-rows: min-content;
  grid-gap: 10px;
  padding: 8px 24px 0px 24px;
  background: var(--blue10);
  border-radius: 6px;
  margin: 16px 0;
  min-width: 225px;
  width: 100%;
}
@media (max-width: 868px) {
  .collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions {
    width: 100%;
  }
}
.collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions .ant-collapse-content-active .ant-collapse-content-box {
  padding-top: 20px;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions .taskListContainer {
  display: grid;
  overflow: scroll;
  height: auto;
  grid-gap: 16px;
}
@media (max-width: 1024px) {
  .collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions .taskListContainer {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 868px) {
  .collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions .taskListContainer {
    grid-template-columns: 1fr;
  }
}
.collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions .taskListContainer .sectionTaskList {
  margin: unset;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions .taskListContainer .sectionTaskList .sectionTaskContent {
  display: grid;
}
@media (max-width: 868px) {
  .collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions .taskListContainer .sectionTaskList .sectionTaskContent {
    grid-template-columns: 1fr min-content;
  }
}
@media (max-width: 480px) {
  .collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions .taskListContainer .sectionTaskList .sectionTaskContent {
    grid-template-columns: unset;
  }
}
.collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions .taskListContainer .sectionTaskList .sectionTaskContent div h4 span {
  margin-right: 2px !important;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions .taskListContainer .sectionTaskList .sectionTaskContent span p {
  text-align: left;
  margin: unset;
}
.collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions .taskListContainer .sectionTaskList .sectionTaskContent .progressBar {
  margin-top: 12px;
  margin-bottom: unset;
}
@media (max-width: 1024px) {
  .collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions .taskListContainer .sectionTaskList .sectionTaskContent .progressBar {
    grid-column: 1/3;
  }
}
.collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions .taskListContainer .sectionTaskList .options {
  display: grid;
  grid-gap: 6px;
  margin-top: 16px;
}
@media (max-width: 1024px) {
  .collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions .taskListContainer .sectionTaskList .options {
    grid-column: 2;
    grid-row: 1/4;
  }
}
@media (max-width: 480px) {
  .collectionContainer .collectionContainerSidebar .collectionBuilderSidebarBlocks .collectionVoteActions .taskListContainer .sectionTaskList .options {
    grid-template-columns: unset;
    grid-column: unset;
    grid-row: unset;
  }
}
@media (max-width: 1024px) {
  .collectionContainer .collectionContainerSidebar .oneChild {
    grid-template-columns: 1fr;
  }
}
.collectionContainer .collectionContainerSidebar h2 {
  color: var(--blue);
}

.collectionBuilderComponent {
  display: grid;
  grid-gap: 10px;
  grid-auto-rows: min-content;
}
.collectionBuilderComponent i {
  position: relative;
  display: grid;
  grid-gap: 10px;
  justify-content: end;
  align-items: center;
  grid-auto-flow: column;
}
.collectionBuilderComponent i.content {
  grid-template-columns: 1fr;
  grid-auto-columns: max-content;
  justify-content: stretch;
}
.collectionBuilderComponent i.content i {
  grid-auto-flow: row;
  grid-gap: 0px;
  line-height: 16px;
  margin-top: 1px;
  justify-items: center;
}
.collectionBuilderComponent i.content i strong {
  text-align: center;
  width: 150px;
}
.collectionBuilderComponent i.attendance {
  grid-template-columns: 1fr;
  grid-auto-columns: max-content;
  justify-content: stretch;
}
.collectionBuilderComponent i.attendance .ant-form-item {
  width: 100%;
}
.collectionBuilderComponent i.attendance .ant-form-item .ant-row .ant-form-item-control .ant-form-item-control-input-content {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr max-content;
  justify-content: stretch;
  align-items: center;
}
.collectionBuilderComponent i.attendance .ant-form-item .ant-row .ant-form-item-control .ant-form-item-control-input-content button {
  margin: 0 0 0.4px !important;
}
@media (max-width: 868px) {
  .collectionBuilderComponent .sectionOptionsMaster i.sectionOptions {
    grid-auto-flow: row;
    justify-content: stretch;
  }
}
@media (max-width: 480px) {
  .collectionBuilderComponent .sectionOptionsMaster i.sectionOptions {
    justify-content: center;
    grid-template-columns: max-content max-content;
  }
}
.collectionBuilderComponent i.secondaryOptions {
  margin: 3px 0 0;
}
.collectionBuilderComponent b.sectionOptionsMaster {
  margin: 1px 0 1px;
  z-index: 1;
}
.collectionBuilderComponent button span.anticon:not(.anticon-plus) {
  transform: translateY(1px);
}
.collectionBuilderComponent button:hover span.anticon {
  transition: color 0.2s ease;
  color: #5fac00;
}
.collectionBuilderComponent button.ant-btn-primary:hover span.anticon {
  transition: color 0.2s ease;
  color: #c0ff71;
}
.collectionBuilderComponent button.createCollectionMeeting:hover {
  color: #4096ff;
  background: #fff !important;
}
.collectionBuilderComponent form#controls {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  background: rgba(255, 255, 255, 0.9058823529);
  display: grid;
  padding: 12px;
  border-top: 1px solid var(--lightGrey);
  z-index: 998;
}
.collectionBuilderComponent span.anticon {
  transition: color 0.2s ease;
}
.collectionBuilderComponent .ant-form-item {
  margin: 0 !important;
}
.collectionBuilderComponent .ant-form-item .ant-form-item-row {
  display: grid;
  grid-template-rows: 20px min-content;
  grid-template-columns: 1fr;
  padding: 10px 0;
  align-items: center;
  justify-content: start;
  text-align: start;
}
.collectionBuilderComponent .ant-form-item .ant-form-item-row *:not(.ant-select *, .ant-picker-clear, .ant-picker-suffix) {
  align-self: center;
  width: 100%;
}
.collectionBuilderComponent .ant-form-item .ant-form-item-row .ant-form-item-control-input,
.collectionBuilderComponent .ant-form-item .ant-form-item-row .ant-form-item-control,
.collectionBuilderComponent .ant-form-item .ant-form-item-row .ant-form-item-label label {
  text-align: start;
  display: inline-block;
  vertical-align: text-bottom;
  color: rgba(15, 31, 45, 0.4352941176);
}
@media (max-width: 1200px) {
  .collectionBuilderComponent .ant-form-item .ant-form-item-row {
    grid-gap: 0px;
    text-align: start;
    justify-content: start;
    grid-template-columns: 1fr;
    grid-template-rows: 20px min-content;
  }
  .collectionBuilderComponent .ant-form-item .ant-form-item-row .ant-form-item-label {
    text-align: start;
  }
}
.collectionBuilderComponent .collectionBuilderMeta .collectionTitle input {
  color: rgba(27, 55, 82, 0.8588235294);
  border-color: var(--blue);
  font-size: 25px;
  font-size: 6px 20px;
  box-shadow: 1px 1px 1px 1px rgba(27, 55, 82, 0.2196078431);
  padding: 4px 13px;
}
.collectionBuilderComponent .collectionBuilderMeta .collectionTitle input:hover {
  border-color: var(--blue) !important;
  box-shadow: 1px 1px 1px 1px rgba(27, 55, 82, 0.2196078431), inset 5px 3px 8px -6px rgba(27, 55, 82, 0.2196078431), inset 0px 0px 4px -2px #a0dd55;
}
.collectionBuilderComponent .collectionBuilderSections {
  position: relative;
  display: grid;
  grid-gap: 20px;
  background: #fff;
}
.collectionBuilderComponent .collectionBuilderSections > h4 {
  font-size: 115px;
  color: rgba(27, 55, 82, 0.062745098);
  padding: 0;
  font-family: "bariol_bold";
  position: absolute;
  top: -93px;
  left: 40px;
  -webkit-user-select: none;
  user-select: none;
}
@media (max-width: 1200px) {
  .collectionBuilderComponent .collectionBuilderSections > h4 {
    font-size: 80px;
    top: -71px;
    left: 146px;
  }
}
@media (max-width: 868px) {
  .collectionBuilderComponent .collectionBuilderSections > h4 {
    display: none;
  }
}
.collectionBuilderComponent .collectionBuilderSections .noSections {
  display: grid;
  grid-gap: 16px;
  padding: 24px 19px 24px;
}
.collectionBuilderComponent .collectionBuilderSections .noSections .titleBlock {
  justify-content: start;
}
.collectionBuilderComponent .collectionBuilderSections .noSections .titleBlock h3 {
  color: rgba(27, 55, 82, 0.8156862745);
  margin: 3px 18px 4px;
}
.collectionBuilderComponent .collectionBuilderSections .noSections p {
  color: rgba(27, 55, 82, 0.6509803922);
  margin: 2px 18px 4px;
}
.collectionBuilderComponent .collectionBuilderSections .noSections .stellar-logo-dark {
  margin: 90px 0 130px;
}
.collectionBuilderComponent .collectionBuilderSections .noSections button {
  width: 100%;
}.collectionBuilderComponent .section {
  background: #fff;
  position: relative;
  display: grid;
  grid-gap: 0;
  border-radius: 5px;
  padding: 24px 19px 10px;
  margin: 0 0;
  border: 1px solid var(--blue);
  border-bottom: none;
  border-left: 7px solid var(--blue70);
  box-shadow: 1px 1px 1px 1px var(--blue20);
}
.collectionBuilderComponent .section.nonNumbered {
  background: #f9f9f9;
}
.collectionBuilderComponent .section:nth-child(2) {
  background: rgba(255, 255, 255, 0.5215686275);
}
.collectionBuilderComponent .section.nonNumbered {
  padding: 14px 19px 10px;
  border-left: 1px solid var(--blue);
}
.collectionBuilderComponent .section.nonNumbered::before {
  content: none;
}
.collectionBuilderComponent .section.nonNumbered .activateControlButton {
  top: -9px !important;
}
.collectionBuilderComponent .section.nonNumbered .numbered.section .activateControlButton {
  top: -19px !important;
}
.collectionBuilderComponent .section::before {
  content: "";
  background: var(--blue70);
  position: absolute;
  left: -7px;
  top: -1px;
  height: calc(100% + 3px);
  width: 7px;
  border-radius: 5px 0 0 5px;
}
.collectionBuilderComponent .section:hover, .collectionBuilderComponent .section:focus, .collectionBuilderComponent .section:active {
  border-left-color: #3a7bb8;
}
.collectionBuilderComponent .section:hover::before, .collectionBuilderComponent .section:focus::before, .collectionBuilderComponent .section:active::before {
  background: #3a7bb8;
}
.collectionBuilderComponent .section .section {
  margin: 14px -19px 7px -13px;
  border-right: none;
  box-shadow: 0px 3px 1px -1px var(--blue20);
  overflow: visible;
}
.collectionBuilderComponent .section .numberPath {
  position: absolute;
  top: 3px;
  left: 7px;
  color: rgba(27, 55, 82, 0.8156862745);
}
.collectionBuilderComponent .section .numberPath em {
  color: rgba(27, 55, 82, 0.3137254902);
}
.collectionBuilderComponent .section .ant-select-open .ant-select-selector {
  border: 1px dashed #d9d9d9 !important;
}
.collectionBuilderComponent .section input,
.collectionBuilderComponent .section textarea,
.collectionBuilderComponent .section .ant-select-selector,
.collectionBuilderComponent .section .ant-picker {
  border: 1px dashed #d9d9d9;
  color: var(--blue);
  box-shadow: none !important;
}
.collectionBuilderComponent .section input:active, .collectionBuilderComponent .section input:focus,
.collectionBuilderComponent .section textarea:active,
.collectionBuilderComponent .section textarea:focus,
.collectionBuilderComponent .section .ant-select-selector:active,
.collectionBuilderComponent .section .ant-select-selector:focus,
.collectionBuilderComponent .section .ant-picker:active,
.collectionBuilderComponent .section .ant-picker:focus {
  border: 1px dashed #3a7bb8 !important;
}
.collectionBuilderComponent .section .ant-picker-input input {
  border: none;
}
.collectionBuilderComponent .section .ant-picker-input input:active, .collectionBuilderComponent .section .ant-picker-input input:focus {
  border: none !important;
}
.collectionBuilderComponent .section .anticon,
.collectionBuilderComponent .section button {
  color: #8d8d8d;
}
.collectionBuilderComponent .section .anticon.ant-btn-primary,
.collectionBuilderComponent .section button.ant-btn-primary {
  color: #fff;
}
.collectionBuilderComponent .section .anticon.ant-btn-primary span,
.collectionBuilderComponent .section button.ant-btn-primary span {
  color: #fff;
}
.collectionBuilderComponent .section .titleBlock {
  position: relative;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr;
  grid-auto-columns: min-content;
  width: calc(100% + 7px);
  align-items: center;
  padding: 6px 0;
}
@media (max-width: 480px) {
  .collectionBuilderComponent .section .titleBlock {
    grid-template-rows: min-content min-content;
    grid-gap: unset;
  }
}
.collectionBuilderComponent .section .titleBlock b {
  display: grid;
  grid-template-columns: max-content min-content;
  align-items: center;
  color: #ccc;
}
.collectionBuilderComponent .section .titleBlock h3 {
  margin: 0 0 4px;
}
.collectionBuilderComponent .section .titleBlock .ant-form-item-control-input-content input {
  font-size: 18px;
  padding: 1px 8px;
  color: var(--blue);
  background: var(--lightBlue10);
  border: 2px solid var(--blue) !important;
  box-shadow: inset 1px 1px 5px -3px #000, 1px 1px 5px -3px #000 !important;
}
.collectionBuilderComponent .section .titleBlock .ant-form-item-control-input-content input:active, .collectionBuilderComponent .section .titleBlock .ant-form-item-control-input-content input:focus {
  border-color: var(--lightBlue) !important;
}
.collectionBuilderComponent .section .titleBlock i.sectionOptions {
  grid-gap: 6px;
  align-items: center;
  transform: translateY(0px);
}
@media (max-width: 480px) {
  .collectionBuilderComponent .section .titleBlock i.sectionOptions {
    width: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    margin: 16px 0;
  }
}
.collectionBuilderComponent .section .titleBlock i.sectionOptions > span {
  justify-self: start;
}
.collectionBuilderComponent .section .titleBlock i.sectionOptions button.addSection {
  background: #fff;
}
.collectionBuilderComponent .section .titleBlock i.sectionOptions button.addSection span {
  color: rgba(27, 55, 82, 0.7333333333);
}
.collectionBuilderComponent .section .titleBlock i.sectionOptions button.addSection:hover {
  color: rgba(27, 55, 82, 0.9333333333);
  background: #fff;
}
.collectionBuilderComponent .section .titleBlock i.sectionOptions button.addSection:hover span.anticon {
  color: #5fac00;
}
.collectionBuilderComponent .section .titleBlock i.sectionOptions span.anticon-delete {
  color: var(--red);
  padding: 9px 19px 9px 9px;
}
.collectionBuilderComponent .section .titleBlock i.sectionOptions button {
  color: var(--blue);
  background: #d3d8dd;
  padding: 4px 15px 4px 12px;
}
.collectionBuilderComponent .section .titleBlock i.sectionOptions button span.anticon:not(.anticon-plus) {
  transform: translateY(1px);
}
.collectionBuilderComponent .section .titleBlock i.sectionOptions button:hover {
  color: #fff;
  background: var(--blue);
}
.collectionBuilderComponent .section .titleBlock i.sectionOptions button:hover span.anticon {
  transition: color 0.2s ease;
  color: #c0ff71;
}
.collectionBuilderComponent .section .titleBlock.tasksAndFeedback {
  background: var(--blue05);
  padding: 16px;
  margin: 16px 0 6px;
  border-radius: 6px;
}
@media (max-width: 480px) {
  .collectionBuilderComponent .section .titleBlock.tasksAndFeedback {
    padding: 12px;
  }
}
.collectionBuilderComponent .section .titleBlock.tasksAndFeedback .sectionOptions {
  justify-self: start;
  grid-row: 2;
}
.collectionBuilderComponent .section .titleBlock .activateControlButton {
  position: absolute;
  right: -6px;
  top: -19px;
  padding: 6px;
  font-size: 16px;
  border-radius: 50%;
  color: var(--blue);
  z-index: 10;
}
.collectionBuilderComponent .section .titleBlock .activateControlButton:hover {
  color: #5fac00;
}
.collectionBuilderComponent .section .titleBlock .activateControlButton.open {
  right: -5px;
  top: -18px;
  background: rgba(31, 65, 97, 0.6235294118);
  color: #c0ff71;
  box-shadow: inset 1px 1px 5px -3px #000;
  border: 1px solid #e7ebef;
}
.collectionBuilderComponent .section .titleBlock .activateControlButton.open:hover {
  background: #1f4161;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions {
  position: absolute;
  right: -7px;
  top: -21px;
  z-index: 1;
  animation-duration: 0.15s;
  animation-name: animate-slide;
  animation-timing-function: ease-out;
  width: 150px;
  height: 196px;
  display: grid;
  grid-template-rows: repeat(3, min-content) 60px;
  grid-template-columns: repeat(3, min-content);
  grid-gap: 0;
  align-items: center;
  justify-items: center;
  background: #f3f5f7;
  color: var(--blue);
  padding: 10px;
  margin: 0 0 0px;
  border-radius: 15px 15px 15px 15px;
  box-shadow: inset 1px 1px 40px -44px #000, 1px 1px 4px -2px #000;
  border: 1px solid #e7ebef;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .deleteSection {
  position: absolute;
  top: 0px;
  left: 1px;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .deleteSection span {
  padding: 10px;
  font-size: 18px;
  color: #ff0000;
  border-radius: 50%;
  -webkit-transition: color 100ms linear;
  -ms-transition: color 100ms linear;
  transition: color 100ms linear;
  -webkit-transition: background 100ms linear;
  -ms-transition: background 100ms linear;
  transition: background 100ms linear;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .deleteSection span:hover {
  cursor: pointer;
  color: #fff;
  background: #ff0000;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .arrow {
  border-radius: 6px;
  background: var(--blue);
  color: rgba(191, 255, 113, 0.4274509804);
  box-shadow: 1px 1px 4px -2px #000, 0px 0px 8px 0px rgba(191, 255, 113, 0.4274509804);
  -webkit-transition: box-shadow 100ms linear;
  -ms-transition: box-shadow 100ms linear;
  transition: box-shadow 100ms linear;
  -webkit-transition: color 100ms linear;
  -ms-transition: color 100ms linear;
  transition: color 100ms linear;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .arrow.anticon {
  padding: 6px;
  font-size: 30px;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .arrow:not(.disabled) {
  cursor: pointer;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .arrow:not(.disabled):hover {
  background: #1f4161;
  color: #c0ff71;
  box-shadow: 0px 0px 4px 0px #c0ff71;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .arrow:not(.disabled):active {
  box-shadow: inset 0px 0px 4px -2px #ffffff;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .arrow.disabled {
  cursor: default;
  background: #efefef;
  color: rgba(31, 65, 97, 0.2745098039);
  box-shadow: none;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .arrow.up {
  grid-row: 1;
  grid-column: 2;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .arrow.right {
  grid-row: 2;
  grid-column: 3;
  transform: rotate(-45deg);
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .arrow.down {
  grid-row: 3;
  grid-column: 2;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .arrow.left {
  grid-row: 2;
  grid-column: 1;
  transform: rotate(-45deg);
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .positionSelector {
  grid-row: 4;
  grid-column: 1/-1;
  width: 128px !important;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .positionSelector .ant-select-selector {
  border-style: dashed;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23CCCCCC'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 16px;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .positionSelector .ant-select-arrow {
  display: none;
}
.collectionBuilderComponent .section .titleBlock i.controlOptions .positionSelector span {
  color: rgba(27, 55, 82, 0.4588235294);
}
.collectionBuilderComponent .section .sectionForm {
  justify-content: stretch;
  grid-auto-flow: row;
  padding: 6px 0;
}
.collectionBuilderComponent .section .sectionForm .taskListContainer {
  display: grid;
  grid-gap: 26px;
}
.collectionBuilderComponent .section .sectionForm .taskListContainer .sectionTaskList {
  display: grid;
  grid-template-columns: 1fr min-content;
  margin: 0 0 0 0;
  padding: 16px 20px 20px;
  border: 1px solid #ccc;
  box-shadow: none;
}
.collectionBuilderComponent .section .sectionForm .taskListContainer .sectionTaskList .sectionTaskContent {
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-template-rows: min-content min-content min-content;
  align-items: center;
  column-gap: 16px;
}
.collectionBuilderComponent .section .sectionForm .taskListContainer .sectionTaskList .sectionTaskContent .votingTopic,
.collectionBuilderComponent .section .sectionForm .taskListContainer .sectionTaskList .sectionTaskContent h4 {
  grid-column: 1/3;
}
.collectionBuilderComponent .section .sectionForm .taskListContainer .sectionTaskList .sectionTaskContent .votingOn {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 6px;
  grid-column: 1/3;
  font-size: 14px;
}
.collectionBuilderComponent .section .sectionForm .taskListContainer .sectionTaskList .sectionTaskContent .progressBar {
  grid-column: 1/3;
}
.collectionBuilderComponent .section .sectionForm .taskListContainer .sectionTaskList .sectionTaskContent .options {
  display: grid;
  grid-template-columns: min-content min-content min-content;
  grid-column: 2;
  grid-row: 1;
  justify-content: end;
  grid-gap: 6px;
}
@media (max-width: 868px) {
  .collectionBuilderComponent .section .sectionForm .taskListContainer .sectionTaskList .sectionTaskContent .options {
    grid-row: 5;
    grid-column: 1/3;
    grid-template-columns: 1fr;
  }
}
.collectionBuilderComponent .section .sectionForm .taskListContainer .sectionTaskList .sectionTaskContent h4 {
  margin-bottom: 0;
  font-size: 18px;
}
.collectionBuilderComponent .section .sectionForm .taskListContainer .sectionTaskList .sectionTaskContent .notes {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 6px;
  grid-row: 3;
  grid-column: 1/3;
}
.collectionBuilderComponent .section .sectionForm .ant-form-item-row {
  padding: 0;
}
.collectionBuilderComponent .section .sectionForm .sectionNote {
  padding: 16px 0 25px;
}
.collectionBuilderComponent .section .sectionForm .ant-form-item .ant-form-item-row {
  grid-template-columns: 1fr;
}
.collectionBuilderComponent .section .sectionForm .items {
  display: grid;
  grid-gap: 12px;
  grid-auto-flow: column;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 480px) {
  .collectionBuilderComponent .section .sectionForm .items {
    grid-auto-flow: unset;
    grid-template-columns: unset;
  }
}
.collectionBuilderComponent .section p {
  margin: 0 0 10px;
}
.collectionBuilderComponent .section ul.assets {
  display: grid;
  grid-gap: 6px;
  width: calc(100% + 2px);
  margin: 11px 0 0;
}
.collectionBuilderComponent .section ul.assets li {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: column;
  grid-template-columns: max-content 1fr min-content;
  grid-auto-columns: min-content;
  align-items: center;
  background: var(--blueHighlight);
  color: #fff;
  padding: 6px 14px;
  margin: 0 0 0px;
  border-radius: 6px;
  box-shadow: inset 1px 1px 1px 1px #000;
}
.collectionBuilderComponent .section ul.assets li span {
  word-break: break-word;
}
.collectionBuilderComponent .section ul.assets li .anticon,
.collectionBuilderComponent .section ul.assets li button {
  color: #dddddd;
}
.collectionBuilderComponent .section ul.assets li .fileMeta {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  grid-template-columns: 1fr;
  grid-auto-columns: min-content;
  grid-gap: 6px;
}
.collectionBuilderComponent .section ul.assets li .fileMeta input {
  transform: translateY(4px);
}
.collectionBuilderComponent .section ul.assets li .fileMeta .moveFile .ant-select-selector {
  background: var(--blue);
  color: #fff;
  appearance: none;
  background-position: right 6px center;
  background-size: 16px;
  border: none !important;
}
.collectionBuilderComponent .section ul.assets li .fileMeta .moveFile .ant-select-selector .ant-select-selection-item {
  padding: 0 !important;
}
.collectionBuilderComponent .section ul.assets li .fileMeta .moveFile .ant-select-arrow {
  display: none;
}
.collectionBuilderComponent .section ul.assets li .fileMeta .ant-select:hover .ant-select-selector,
.collectionBuilderComponent .section ul.assets li .fileMeta .ant-select.ant-select-open .ant-select-selector,
.collectionBuilderComponent .section ul.assets li .fileMeta .ant-select.ant-select-open:hover .ant-select-selector {
  border-color: #fff !important;
  background-color: rgba(255, 255, 255, 0.1176470588) !important;
}
.collectionBuilderComponent .section ul.assets li .fileMeta .ant-select:hover .ant-select-selector span,
.collectionBuilderComponent .section ul.assets li .fileMeta .ant-select.ant-select-open .ant-select-selector span,
.collectionBuilderComponent .section ul.assets li .fileMeta .ant-select.ant-select-open:hover .ant-select-selector span {
  color: #fff !important;
}
.collectionBuilderComponent .section ul.assets li .fileMeta button {
  padding: 3px 5px;
  color: #fff;
  background: rgba(58, 123, 184, 0.6980392157);
  border: 1px solid #858585;
  border-radius: 3px;
}
.collectionBuilderComponent .section ul.assets li .fileMeta .movingFiles {
  display: grid;
  width: 30px;
  justify-content: center;
}
.collectionBuilderComponent .section ul.assets li .fileMeta .movingFiles span.anticon-up {
  padding: 0 0 4px;
}
.collectionBuilderComponent .section ul.assets li .fileMeta .movingFiles span.anticon-down {
  padding: 4px 0 0;
}
.collectionBuilderComponent .section ul.assets li .anticon-delete {
  padding: 6px;
  margin: 0px -5px;
  border-radius: 50%;
  background: var(--white80);
  color: var(--red);
}
.collectionBuilderComponent .section ul.assets.noAssets li {
  box-shadow: inset 1px 1px 1px 1px var(--blue20);
  background: rgba(27, 55, 82, 0.0588235294);
}
.collectionBuilderComponent .section ul.assets.noAssets li em {
  color: rgba(27, 55, 82, 0.4980392157);
}.reviewMinutes {
  display: grid;
  position: relative;
  grid-template-columns: 3fr minmax(297px, 1fr);
  margin-bottom: 86px !important;
}
@media (min-width: 1024px) {
  .reviewMinutes {
    column-gap: 20px;
  }
}
@media (max-width: 1024px) {
  .reviewMinutes {
    grid-template-columns: unset;
  }
}
.reviewMinutes > h2 {
  grid-row: 1;
  grid-column: 1/-1;
  border-bottom: 1px solid rgba(27, 55, 82, 0.1803921569);
  padding: 0 18px 6px;
  margin: -7px -27px 14px;
  color: rgba(27, 55, 82, 0.7411764706);
  font-size: 18px;
}
@media (max-width: 868px) {
  .reviewMinutes > h2 {
    margin: -7px -19px 14px;
  }
}
.reviewMinutes .allMinutes {
  display: grid;
}
.reviewMinutes .allMinutes .allMinutes {
  grid-column: 1/-1;
}
.reviewMinutes .allMinutes .minute {
  display: grid;
  grid-auto-flow: row;
  align-items: start;
  grid-template-columns: 1fr max-content;
  grid-template-rows: max-content max-content;
  grid-column: 1/-1;
  overflow: hidden;
}
.reviewMinutes .allMinutes .minute.minuteBase {
  padding: 18px 18px 0 28px;
}
.reviewMinutes .allMinutes .minute.minuteChild {
  padding: 18px 18px 0 28px;
  margin: 0 -19px 12px -16px;
  border-bottom: 1px solid #eee;
}
.reviewMinutes .allMinutes .minute h2 {
  display: grid;
}
.reviewMinutes .allMinutes .minute h2 small {
  color: var(--lightGrey);
  font-weight: 100;
  font-size: 14px;
  margin: -13px 3px -6px -17px;
}
.reviewMinutes .allMinutes .minute button {
  grid-column: 2;
  grid-row: 1/-1;
}
@media (max-width: 480px) {
  .reviewMinutes .allMinutes .minute button i {
    display: none;
  }
}
.reviewMinutes .allMinutes .minute .editorContainer {
  grid-column: 1/3;
  background: var(--green);
  padding: 6px 12px 13px;
  border-radius: 6px;
  margin: 4px 0 16px -8px;
  position: relative;
}
.reviewMinutes .allMinutes .minute .editorContainer .title {
  position: absolute;
  font-size: 14px;
  left: 0;
  top: -29px;
  border-radius: 6px 6px 0 0;
  color: var(--white);
  padding: 8px 18px 5px 16px;
}
.reviewMinutes .allMinutes .minute .editorContainer .saveButton.ant-btn-primary {
  position: absolute;
  right: 13px;
  top: 11px;
  color: var(--blue);
  background: var(--white);
  z-index: 1;
}
.reviewMinutes .allMinutes .minute .editorContainer .saveButton.ant-btn-primary:hover {
  color: var(--blue) !important;
  background: var(--white90) !important;
}
.reviewMinutes .allMinutes .minute .editorContainer .ck.ck-editor {
  width: 100%;
}
.reviewMinutes .allMinutes .minute .editorContainer .ck.ck-editor .ck.ck-toolbar {
  background: none;
  margin: 0px 0 4px -2px;
  border: none;
}
.reviewMinutes .allMinutes .minute .editorContainer .ck.ck-editor .ck.ck-toolbar .ck-toolbar__separator {
  background: none !important;
}
.reviewMinutes .allMinutes .minute .editorContainer .ck.ck-editor .ck.ck-toolbar button {
  background: #fff;
}
.reviewMinutes .allMinutes .minute .editorContainer .ck.ck-editor .ck.ck-toolbar * {
  outline: none !important;
}
.reviewMinutes .allMinutes .minute .editorContainer .ck.ck-editor .ck.ck-editor__main {
  border: none;
}
.reviewMinutes .allMinutes .minute .editorContainer .ck.ck-editor .ck.ck-editor__main .ck.ck-content {
  font-size: 18px;
  height: 100%;
  min-height: 350px;
  padding: 7px 11px;
  border-radius: 6px;
}
.reviewMinutes .allMinutes .minute .editorContainer .ck.ck-editor .ck.ck-editor__main .ck.ck-content p {
  margin: 0 0 12px;
}
.reviewMinutes .allMinutes .minute .editorContainer .ck.ck-editor .ck.ck-list__item {
  outline: none;
}
.reviewMinutes .allMinutes .minute .editorContainer .ck.ck-editor .ck.ck-list__item * {
  outline: none !important;
}
.reviewMinutes .allMinutes .minute .editorContainer .ck.ck-editor .ck.ck-list__item .ck-button.ck-on {
  background: var(--lightGrey);
  color: var(--ck-color-list-button-on-text);
}
.reviewMinutes .allMinutes .minute .minutesContent {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.88);
  line-height: 1.5714285714;
  list-style: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  background-color: #ffffff;
  background-image: none;
  border-width: 1px;
  border-style: solid;
  border-color: #d9d9d9;
  border-radius: 6px;
  transition: all 0.2s;
  padding: 12px 19px;
  margin: 2px 0 26px -5px;
  font-size: 18px;
  grid-row: 2;
}
@media (max-width: 1024px) {
  .reviewMinutes .allMinutes .minute .minutesContent {
    grid-column: 1/3;
  }
}
.reviewMinutes .allMinutes .minute .noMinutes {
  display: block;
  font-style: italic;
  color: #9a8b80;
  margin: 6px 6px 6px;
}
@media (max-width: 480px) {
  .reviewMinutes .allMinutes .minute .noMinutes {
    grid-row: 2;
  }
}
.reviewMinutes .allMinutes .minute button.contentButton {
  background: var(--blue);
  color: #fff;
}
.reviewMinutes .allMinutes .minute button.noMinutesButton {
  background: var(--blue10);
}
.reviewMinutes .allMinutes .minute .sectionFeedback {
  position: relative;
  grid-column: 1/-1;
  padding: 6px 12px 0 12px;
  margin: 3px 0 14px -8px;
  background: var(--blue10);
  border-radius: 6px;
}
.reviewMinutes .allMinutes .minute .sectionFeedback h3 {
  color: var(--blue40);
  padding: 0;
  margin: 1px 3px 6px;
}
.reviewMinutes .allMinutes .minute .sectionFeedback .closeFeedback {
  position: absolute;
  top: 8px;
  right: 14px;
  background: var(--white40);
  color: var(--blue30);
  padding: 1px 7px 1px 8px;
  border-radius: 4px;
  cursor: pointer;
}
.reviewMinutes .allMinutes .minute .sectionFeedback .ant-form-item {
  margin-bottom: 8px !important;
}
.reviewMinutes .allMinutes .minute .sectionFeedback .provideFeedback {
  margin: 1px 0 24px;
  color: var(--blue70);
  background: var(--white);
  width: 100%;
}
.reviewMinutes .allMinutes .minute .sectionFeedback button[type=submit] {
  float: right;
  margin: 6px 0 13px;
  color: var(--black);
  background: var(--white);
  border: 1px solid #d9d9d9;
}
.reviewMinutes .allMinutes .minute .sectionFeedback .sectionFeedbackMessageContainer {
  display: grid;
  grid-gap: 12px;
  padding: 2px 0 11px;
  clear: both;
}
.reviewMinutes .allMinutes .minute .sectionFeedback .sectionFeedbackMessageContainer .sectionFeedbackMessage {
  display: grid;
  grid-gap: 12px;
  grid-template-rows: 1fr max-content;
  grid-template-columns: 1fr;
  align-items: center;
  background: var(--blue05);
  border-radius: 6px;
  padding: 6px 8px 6px 16px;
}
.reviewMinutes .allMinutes .minute .sectionFeedback .sectionFeedbackMessageContainer .sectionFeedbackMessage h4 {
  font-size: 22px;
  margin: 0;
}
.reviewMinutes .allMinutes .minute .sectionFeedback .sectionFeedbackMessageContainer .sectionFeedbackMessage span {
  margin: 0 8px;
  font-size: 14px;
}
.reviewMinutes .allMinutes .minute .actionTasks {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 6px;
  position: relative;
  grid-column: 1/-1;
  padding: 0 12px 12px 12px;
  margin: 6px 0 14px -8px;
  background: var(--blue05);
  border-radius: 6px;
  align-items: center;
}
.reviewMinutes .allMinutes .minute .actionTasks h3 {
  margin: 12px 0 4px !important;
}
@media (max-width: 480px) {
  .reviewMinutes .allMinutes .minute .actionTasks {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    justify-items: unset;
  }
}
.reviewMinutes .allMinutes .minute .actionTasks .taskListContainer {
  grid-column: 1/-1;
  width: 100%;
}
.reviewMinutes .allMinutes .minute .actionTasks .taskListContainer .stellar-card {
  padding: 16px 20px 20px;
}
.reviewMinutes .allMinutes .minute .actionTasks .taskListContainer .stellar-card .sectionTaskContent {
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-template-rows: min-content min-content min-content max-content;
  align-items: center;
  column-gap: 16px;
}
.reviewMinutes .allMinutes .minute .actionTasks .taskListContainer .stellar-card .sectionTaskContent .dueAt {
  color: var(--blue);
}
.reviewMinutes .allMinutes .minute .actionTasks .taskListContainer .stellar-card .sectionTaskContent .options {
  display: grid;
  grid-template-columns: min-content min-content;
  justify-content: end;
  grid-gap: 6px;
  grid-column: 2;
  grid-row: 1;
}
.reviewMinutes .allMinutes .minute .actionTasks .taskListContainer .stellar-card .sectionTaskContent .options button {
  grid-column: unset;
}
.reviewMinutes .allMinutes .minute .actionTasks .taskListContainer .stellar-card .sectionTaskContent h4 {
  grid-column: 1;
  margin-bottom: 0;
  font-size: 18px;
}
.reviewMinutes .allMinutes .minute .actionTasks .taskListContainer .stellar-card .sectionTaskContent .notes {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 6px;
  grid-column: 2;
  grid-row: 3;
  grid-column: 1/3;
}
.reviewMinutes .allMinutes .minute .actionTasks .taskListContainer .stellar-card .sectionTaskContent .votingTopic {
  display: grid;
  grid-column: 1;
}
.reviewMinutes .allMinutes .minute .actionTasks .taskListContainer .stellar-card .sectionTaskContent .votingTopic b .votingOn {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 6px;
  font-size: 14px;
}
.reviewMinutes .allMinutes .minute .actionTasks .taskListContainer .stellar-card .sectionTaskContent .votingTopic b .ant-progress {
  grid-column: 1/3;
}
.reviewMinutes .allMinutes .minute .actionTasks .ant-collapse {
  width: 100%;
  grid-column: 1/-1;
}
.reviewMinutes .allMinutes .minute .actionTasks h3 {
  color: var(--blue40);
  padding: 6px;
  margin: 12px 0;
}
.reviewMinutes .allMinutes .minute .actionTasks button.createAction {
  width: max-content;
  color: var(--blue70);
  grid-column: 1/-1;
  grid-row: 2;
}
.reviewMinutes .minutesHandledExternally {
  display: grid;
  align-content: center;
  justify-content: center;
  grid-auto-rows: max-content;
  color: var(--lightGrey);
}
.reviewMinutes .minutesNotYetCreated {
  display: grid;
  align-content: center;
  justify-content: center;
  grid-auto-rows: max-content;
}
.reviewMinutes .reviewMinutesSidebar {
  display: grid;
  grid-template-rows: min-content min-content min-content 1fr;
  justify-items: center;
  margin: 0 0 0 -16px;
  width: 100%;
  padding: 13px 18px 10px 10px;
  border-radius: 8px;
  box-sizing: content-box;
}
.reviewMinutes .reviewMinutesSidebar i.meetingSidebarMeta {
  grid-template-columns: 1fr;
  grid-auto-columns: max-content;
  justify-content: stretch;
  margin: 16px 0;
  width: 100%;
  gap: 6px;
}
.reviewMinutes .reviewMinutesSidebar i.meetingSidebarMeta .nextPrevMeta {
  display: grid;
  justify-content: space-between;
  grid-auto-columns: max-content;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  align-items: start;
}
.reviewMinutes .reviewMinutesSidebar i.meetingSidebarMeta .nextPrevMeta h3 {
  height: 24px;
}
.reviewMinutes .reviewMinutesSidebar i.meetingSidebarMeta .nextPrevMeta span {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding: 0 8px;
}
.reviewMinutes .reviewMinutesSidebar i.meetingSidebarMeta .meetingButtons {
  width: 100%;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 39px;
  height: 32px;
}
.reviewMinutes .reviewMinutesSidebar i.meetingSidebarMeta .meetingButtons button {
  width: 100%;
}
.reviewMinutes .reviewMinutesSidebar i.meetingSidebarMeta .meetingButtons button span {
  padding: 0 !important;
}
.reviewMinutes .reviewMinutesSidebar i.meetingSidebarMeta button {
  text-align: left;
}
.reviewMinutes .reviewMinutesSidebar i.meetingSidebarMeta i:last-of-type {
  margin-bottom: 13px !important;
}
.reviewMinutes .reviewMinutesSidebar i.meetingSidebarMeta i {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 0px;
  line-height: 16px;
  margin-top: 3px;
  justify-items: center;
  justify-self: center;
  text-align: center;
}
.reviewMinutes .reviewMinutesSidebar i.meetingSidebarMeta i strong {
  text-align: center;
  color: var(--blue90);
  white-space: nowrap;
  overflow: hidden; /* Hides the overflowing text */
  text-overflow: ellipsis;
}
.reviewMinutes .reviewMinutesSidebar i.meetingSidebarMeta i span {
  white-space: nowrap;
  padding-top: 6px;
}
.reviewMinutes .reviewMinutesSidebar.editMode {
  background: grey;
  pointer-events: none;
  filter: blur(3px) grayscale(0.6) brightness(0.5) opacity(0.5);
  margin: 2px 0 0 -11px;
}
@media (max-width: 1024px) {
  .reviewMinutes .reviewMinutesSidebar {
    order: -1;
    align-items: center;
    display: unset;
  }
}
@media (max-width: 480px) {
  .reviewMinutes .reviewMinutesSidebar {
    grid-template-columns: 1fr;
  }
}
.reviewMinutes .reviewMinutesSidebar .stellar-logo-dark {
  align-self: end;
  width: 100%;
}
@media (max-width: 1024px) {
  .reviewMinutes .reviewMinutesSidebar .stellar-logo-dark {
    display: none;
  }
}
.reviewMinutes .reviewMinutesSidebar .title {
  text-align: center;
  width: 100%;
}
@media (max-width: 1024px) {
  .reviewMinutes .reviewMinutesSidebar .title {
    grid-column: 1;
  }
}
.reviewMinutes .reviewMinutesSidebar p {
  text-align: center;
  padding: 0 16px 0;
  margin: 10px 0 30px;
  width: 100%;
}
.reviewMinutes .reviewMinutesSidebar img {
  width: 100px;
}
.reviewMinutes .reviewMinutesSidebar .reviewMinutesCollectionInfo {
  text-align: center;
}
.reviewMinutes .reviewMinutesSidebar .reviewMinutesCollectionInfo .date {
  width: 100%;
  text-align: center;
  display: block;
}
.reviewMinutes .reviewMinutesSidebar .reviewMinutesOptions {
  display: grid;
  grid-auto-rows: max-content;
  justify-self: start;
  grid-gap: 10px;
  padding: 10px 0;
  width: 100%;
}
.reviewMinutes .reviewMinutesSidebar .reviewMinutesOptions button {
  text-align: left;
  height: auto;
  white-space: normal;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
}
.reviewMinutes .reviewMinutesSidebar .reviewMinutesOptions > button {
  height: 40px;
}
.reviewMinutes .reviewMinutesSidebar .collectionBuilderSidebarBlocks {
  width: 100%;
  display: grid;
  grid-auto-rows: max-content;
}
.reviewMinutes .reviewMinutesSidebar .collectionBuilderSidebarBlocks .minutesApproval {
  width: 100%;
  height: max-content;
  display: grid;
  grid-auto-rows: max-content;
  justify-self: start;
  grid-gap: 10px;
  padding: 8px 12px 12px 12px;
  border-radius: 6px;
  margin: 16px 0 0;
}
.reviewMinutes .reviewMinutesSidebar .collectionBuilderSidebarBlocks .minutesApproval h2 {
  color: var(--blue);
}
.reviewMinutes .reviewMinutesSidebar .collectionBuilderSidebarBlocks .minutesActions {
  width: 100%;
  height: max-content;
  display: grid;
  grid-auto-rows: max-content;
  justify-self: start;
  grid-gap: 10px;
  padding: 8px 12px 12px 12px;
  background: var(--blue10);
  border-radius: 6px;
  margin: 16px 0 0;
}
.reviewMinutes .reviewMinutesSidebar .collectionBuilderSidebarBlocks .minutesActions h2 {
  color: var(--blue);
}
.reviewMinutes .reviewMinutesSidebar .collectionBuilderSidebarBlocks .minutesActions .taskListContainer {
  overflow: scroll;
  height: auto;
}
.reviewMinutes .reviewMinutesSidebar .collectionBuilderSidebarBlocks .minutesActions .taskListContainer .sectionTaskList {
  padding: 16px 20px 20px;
}
.reviewMinutes .reviewMinutesSidebar .collectionBuilderSidebarBlocks .minutesActions .taskListContainer .sectionTaskList .sectionTaskContent {
  display: grid;
  grid-template-rows: max-content min-content;
  row-gap: 12px;
}
@media (max-width: 1024px) {
  .reviewMinutes .reviewMinutesSidebar .collectionBuilderSidebarBlocks .minutesActions .taskListContainer .sectionTaskList .sectionTaskContent {
    grid-template-columns: 1fr max-content;
    grid-template-rows: unset;
    align-items: center;
    column-gap: 16px;
  }
}
@media (max-width: 1024px) {
  .reviewMinutes .reviewMinutesSidebar .collectionBuilderSidebarBlocks .minutesActions .taskListContainer .sectionTaskList .sectionTaskContent .votingTopic h4 {
    font-size: 18px;
  }
}
.reviewMinutes .reviewMinutesSidebar .collectionBuilderSidebarBlocks .minutesActions .taskListContainer .sectionTaskList .sectionTaskContent .options {
  margin: auto;
}
.reviewMinutes .reviewMinutesSidebar .defaultStellarIconReviewMinutes {
  transform: translate(4px, -155px);
  width: 70px;
}
.reviewMinutes .reviewMinutesSidebar .customIconReviewMinutes {
  transform: translate(3px, -165px);
  width: 70px;
}.viewAllTasksContainer {
  display: grid;
  position: relative;
  grid-template-columns: 3fr minmax(297px, 1fr);
  margin-bottom: 26px;
}
@media (min-width: 1024px) {
  .viewAllTasksContainer {
    column-gap: 20px;
  }
}
@media (max-width: 1024px) {
  .viewAllTasksContainer {
    grid-template-columns: unset;
  }
}
.viewAllTasksContainer > h2 {
  grid-row: 1;
  grid-column: 1/-1;
  border-bottom: 1px solid rgba(27, 55, 82, 0.1803921569);
  padding: 0 18px 6px;
  margin: -7px -27px 14px;
  color: rgba(27, 55, 82, 0.7411764706);
  font-size: 18px;
}
@media (max-width: 868px) {
  .viewAllTasksContainer > h2 {
    margin: -7px -19px 14px;
  }
}
.viewAllTasksContainer .generalVotes {
  display: grid;
  grid-template-rows: min-content;
  grid-gap: 10px;
  padding: 8px 24px 0px 24px;
  border-radius: 6px;
  margin: 16px 0;
  min-width: 225px;
  width: 100%;
}
.viewAllTasksContainer .generalVotes button {
  color: var(--blue70);
  width: max-content;
}
.viewAllTasksContainer section {
  grid-column: 1;
}
.viewAllTasksContainer .allTasks {
  display: grid;
}
.viewAllTasksContainer .allTasks .allTasks {
  grid-column: 1/-1;
}
.viewAllTasksContainer .allTasks .sectionTaskList {
  display: grid;
  grid-auto-flow: row;
  align-items: start;
  grid-template-columns: 1fr max-content;
  grid-template-rows: max-content max-content;
  grid-column: 1/-1;
  overflow: hidden;
}
.viewAllTasksContainer .allTasks .sectionTaskList h2 {
  display: grid;
}
.viewAllTasksContainer .allTasks .sectionTaskList h2 small {
  color: var(--lightGrey);
  font-weight: 100;
  font-size: 14px;
  margin: -13px 3px -6px -17px;
}
.viewAllTasksContainer .allTasks .sectionTaskList .actionTasks,
.viewAllTasksContainer .allTasks .sectionTaskList .voteTasks {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 6px;
  position: relative;
  grid-column: 1/-1;
  padding: 0 12px 12px 12px;
  margin: 6px 0 14px -8px;
  background: var(--blue05);
  border-radius: 6px;
  align-items: center;
}
.viewAllTasksContainer .allTasks .sectionTaskList .actionTasks h3,
.viewAllTasksContainer .allTasks .sectionTaskList .voteTasks h3 {
  margin: 12px 0 4px !important;
}
@media (max-width: 480px) {
  .viewAllTasksContainer .allTasks .sectionTaskList .actionTasks,
  .viewAllTasksContainer .allTasks .sectionTaskList .voteTasks {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    justify-items: unset;
  }
}
.viewAllTasksContainer .allTasks .sectionTaskList .actionTasks .taskListContainer,
.viewAllTasksContainer .allTasks .sectionTaskList .voteTasks .taskListContainer {
  grid-column: 1/-1;
  width: 100%;
}
.viewAllTasksContainer .allTasks .sectionTaskList .actionTasks .taskListContainer .stellar-card,
.viewAllTasksContainer .allTasks .sectionTaskList .voteTasks .taskListContainer .stellar-card {
  padding: 16px 20px 20px;
}
.viewAllTasksContainer .allTasks .sectionTaskList .actionTasks .taskListContainer .stellar-card .sectionTaskContent,
.viewAllTasksContainer .allTasks .sectionTaskList .voteTasks .taskListContainer .stellar-card .sectionTaskContent {
  display: grid;
}
@media (max-width: 868px) {
  .viewAllTasksContainer .allTasks .sectionTaskList .actionTasks .taskListContainer .stellar-card .sectionTaskContent,
  .viewAllTasksContainer .allTasks .sectionTaskList .voteTasks .taskListContainer .stellar-card .sectionTaskContent {
    grid-template-columns: 1fr min-content;
  }
}
@media (max-width: 480px) {
  .viewAllTasksContainer .allTasks .sectionTaskList .actionTasks .taskListContainer .stellar-card .sectionTaskContent,
  .viewAllTasksContainer .allTasks .sectionTaskList .voteTasks .taskListContainer .stellar-card .sectionTaskContent {
    grid-template-columns: unset;
  }
}
@media (max-width: 480px) {
  .viewAllTasksContainer .allTasks .sectionTaskList .actionTasks .taskListContainer .stellar-card .sectionTaskContent h4,
  .viewAllTasksContainer .allTasks .sectionTaskList .voteTasks .taskListContainer .stellar-card .sectionTaskContent h4 {
    grid-row: 2;
  }
}
@media (max-width: 480px) {
  .viewAllTasksContainer .allTasks .sectionTaskList .actionTasks .taskListContainer .stellar-card .sectionTaskContent .notes,
  .viewAllTasksContainer .allTasks .sectionTaskList .voteTasks .taskListContainer .stellar-card .sectionTaskContent .notes {
    grid-row: 3;
  }
}
.viewAllTasksContainer .allTasks .sectionTaskList .actionTasks .taskListContainer .stellar-card .sectionTaskContent div h4 span,
.viewAllTasksContainer .allTasks .sectionTaskList .voteTasks .taskListContainer .stellar-card .sectionTaskContent div h4 span {
  margin-right: 2px !important;
}
.viewAllTasksContainer .allTasks .sectionTaskList .actionTasks .taskListContainer .stellar-card .sectionTaskContent span p,
.viewAllTasksContainer .allTasks .sectionTaskList .voteTasks .taskListContainer .stellar-card .sectionTaskContent span p {
  text-align: left;
  margin: unset;
}
.viewAllTasksContainer .allTasks .sectionTaskList .actionTasks .taskListContainer .stellar-card .sectionTaskContent .progressBar,
.viewAllTasksContainer .allTasks .sectionTaskList .voteTasks .taskListContainer .stellar-card .sectionTaskContent .progressBar {
  margin-top: 12px;
  margin-bottom: unset;
}
@media (max-width: 1024px) {
  .viewAllTasksContainer .allTasks .sectionTaskList .actionTasks .taskListContainer .stellar-card .sectionTaskContent .progressBar,
  .viewAllTasksContainer .allTasks .sectionTaskList .voteTasks .taskListContainer .stellar-card .sectionTaskContent .progressBar {
    grid-column: 1/3;
  }
}
.viewAllTasksContainer .allTasks .sectionTaskList .actionTasks .taskListContainer .stellar-card .options,
.viewAllTasksContainer .allTasks .sectionTaskList .voteTasks .taskListContainer .stellar-card .options {
  display: grid;
  grid-gap: 6px;
  margin-top: 16px;
}
@media (max-width: 1024px) {
  .viewAllTasksContainer .allTasks .sectionTaskList .actionTasks .taskListContainer .stellar-card .options,
  .viewAllTasksContainer .allTasks .sectionTaskList .voteTasks .taskListContainer .stellar-card .options {
    grid-column: 2;
    grid-row: 1/4;
  }
}
@media (max-width: 480px) {
  .viewAllTasksContainer .allTasks .sectionTaskList .actionTasks .taskListContainer .stellar-card .options,
  .viewAllTasksContainer .allTasks .sectionTaskList .voteTasks .taskListContainer .stellar-card .options {
    grid-template-columns: unset;
    grid-column: unset;
    grid-row: unset;
  }
}
.viewAllTasksContainer .allTasks .sectionTaskList .actionTasks .ant-collapse,
.viewAllTasksContainer .allTasks .sectionTaskList .voteTasks .ant-collapse {
  width: 100%;
  grid-column: 1/-1;
}
.viewAllTasksContainer .allTasks .sectionTaskList .actionTasks h3,
.viewAllTasksContainer .allTasks .sectionTaskList .voteTasks h3 {
  color: var(--blue40);
  padding: 6px;
  margin: 12px 0;
}
.viewAllTasksContainer .allTasks .sectionTaskList .actionTasks button.createAction,
.viewAllTasksContainer .allTasks .sectionTaskList .voteTasks button.createAction {
  width: max-content;
  color: var(--blue70);
  grid-column: 1/-1;
  grid-row: 2;
}
.viewAllTasksContainer .reviewMinutesSidebar {
  display: grid;
  grid-template-rows: min-content min-content 1fr;
  justify-items: center;
  margin: 0 0 0 -16px;
  width: 100%;
  padding: 13px 18px 10px 10px;
  border-radius: 8px;
  box-sizing: content-box;
  grid-column: 2;
  grid-row: 2/4;
}
@media (max-width: 1024px) {
  .viewAllTasksContainer .reviewMinutesSidebar {
    order: -1;
    align-items: center;
    display: unset;
    grid-column: unset;
  }
}
@media (max-width: 480px) {
  .viewAllTasksContainer .reviewMinutesSidebar {
    grid-template-columns: 1fr;
  }
}
.viewAllTasksContainer .reviewMinutesSidebar .stellar-logo-dark {
  align-self: end;
  width: 100%;
}
@media (max-width: 1024px) {
  .viewAllTasksContainer .reviewMinutesSidebar .stellar-logo-dark {
    display: none;
  }
}
.viewAllTasksContainer .reviewMinutesSidebar .title {
  text-align: center;
  width: 100%;
}
@media (max-width: 1024px) {
  .viewAllTasksContainer .reviewMinutesSidebar .title {
    grid-column: 1;
  }
}
.viewAllTasksContainer .reviewMinutesSidebar p {
  text-align: center;
  padding: 0 16px 0;
  margin: 10px 0 30px;
  width: 100%;
}
.viewAllTasksContainer .reviewMinutesSidebar img {
  width: 100px;
}
.viewAllTasksContainer .reviewMinutesSidebar .reviewMinutesCollectionInfo {
  text-align: center;
}
.viewAllTasksContainer .reviewMinutesSidebar .reviewMinutesCollectionInfo .date {
  width: 100%;
  text-align: center;
  display: block;
}
.viewAllTasksContainer .reviewMinutesSidebar .reviewMinutesOptions {
  display: grid;
  grid-auto-rows: max-content;
  justify-self: start;
  grid-gap: 10px;
  padding: 10px 0;
  width: 100%;
}
.viewAllTasksContainer .reviewMinutesSidebar .reviewMinutesOptions button {
  text-align: left;
  height: auto;
  white-space: normal;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
}
.viewAllTasksContainer .reviewMinutesSidebar .reviewMinutesOptions > button {
  height: 40px;
}
.viewAllTasksContainer .reviewMinutesSidebar .defaultStellarIconReviewMinutes {
  transform: translate(4px, -155px);
  width: 70px;
}
.viewAllTasksContainer .reviewMinutesSidebar .customIconReviewMinutes {
  transform: translate(3px, -165px);
  width: 70px;
}

.secondaryOptions {
  position: fixed !important;
  bottom: 0;
  left: 0;
  width: 100vw;
  background: #fff;
  display: grid;
  padding: 12px;
  border-top: 1px solid var(--lightGrey);
  z-index: 998;
  grid-auto-flow: column;
  justify-content: end;
  gap: 14px;
}

body.iosApp.mobile .secondaryOptions {
  bottom: 10px !important;
}.preferences .userPreferences {
  margin: 0;
  padding: 26px;
}
.preferences .userPreferences .preferencesHeader {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-bottom: 24px;
}
.preferences .userPreferences .preferencesHeader h2 {
  margin: 0;
  color: var(--blue);
  font-weight: 600;
}
.preferences .userPreferences .preferencesCard {
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.preferences .userPreferences .preferencesCard .ant-card-body {
  padding: 0;
}
.preferences .userPreferences .preferencesCard .preferencesTabs .ant-tabs-nav {
  margin-bottom: 0;
  padding: 0 16px;
}
.preferences .userPreferences .preferencesCard .preferencesTabs .ant-tabs-nav .ant-tabs-tab {
  padding: 12px 16px;
}
.preferences .userPreferences .preferencesCard .preferencesTabs .ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px;
}
.preferences .userPreferences .preferencesCard .preferencesTabs .ant-tabs-nav .ant-tabs-tab-active {
  font-weight: 500;
}
.preferences .userPreferences .preferencesCard .preferencesTabs .ant-tabs-content-holder {
  padding: 0;
}
.preferences .userPreferences .preferencesCard .preferencesTabs .ant-tabs-content-holder .ant-tabs-content {
  min-height: 400px;
}
.preferences .userPreferences .preferencesCard .preferenceSection {
  padding: 24px;
}
.preferences .userPreferences .preferencesCard .preferenceSection .sectionHeader {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: center;
  margin-bottom: 24px;
  justify-content: center;
}
.preferences .userPreferences .preferencesCard .preferenceSection .sectionHeader h4 {
  margin: 0;
  font-weight: 500;
}
.preferences .userPreferences .preferencesCard .preferenceSection .sectionHeader .sectionIcon {
  font-size: 20px;
  color: var(--blue);
}
.preferences .userPreferences .preferencesCard .preferenceSection .sectionContent {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.preferences .userPreferences .preferencesCard .preferenceItem {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 16px;
  padding: 16px;
  border-radius: 8px;
  background-color: #f9f9f9;
  transition: background-color 0.2s ease;
}
.preferences .userPreferences .preferencesCard .preferenceItem:hover {
  background-color: #f0f0f0;
}
.preferences .userPreferences .preferencesCard .preferenceItem .preferenceInfo {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
}
.preferences .userPreferences .preferencesCard .preferenceItem .preferenceInfo h5 {
  margin: 0;
  font-weight: 500;
}
.preferences .userPreferences .preferencesCard .preferenceItem .preferenceInfo .ant-typography-secondary {
  font-size: 14px;
}
.preferences .userPreferences .preferencesCard .preferenceItem .preferenceAction {
  display: grid;
  align-items: center;
  justify-content: end;
}
.preferences .userPreferences .preferencesCard .preferenceItem .preferenceAction .ant-radio-group {
  display: grid;
  grid-auto-flow: column;
  gap: 0;
}
.preferences .userPreferences .preferencesCard .preferenceItem .preferenceAction .ant-radio-group .ant-radio-button-wrapper {
  min-width: 90px;
  text-align: center;
}
.preferences .userPreferences .preferencesCard .apiEndpointControls {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  width: 100%;
  max-width: 400px;
}
@media (max-width: 868px) {
  .preferences .userPreferences .preferenceItem {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .preferences .userPreferences .preferenceItem .preferenceAction {
    justify-content: start;
  }
  .preferences .userPreferences .apiEndpointControls {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 733px) {
  .preferences .userPreferences .ant-tabs-nav-list .ant-tabs-tab {
    margin: 0 !important;
  }
}
@media (max-width: 664px) {
  .preferences .userPreferences {
    padding: 16px;
  }
  .preferences .userPreferences .preferencesCard .preferencesTabs .ant-tabs-nav {
    display: none;
  }
  .preferences .userPreferences .preferencesCard .preferenceSection {
    padding: 16px;
  }
  .preferences .userPreferences .preferencesCard .preferenceSection .sectionHeader {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 8px;
    margin-bottom: 16px;
    justify-content: start;
  }
  .preferences .userPreferences .preferencesCard .preferenceSection .sectionHeader h4 {
    font-size: 18px;
    font-weight: 600;
  }
  .preferences .userPreferences .preferencesCard .preferenceItem {
    grid-template-columns: 1fr;
    padding: 12px;
    margin-bottom: 12px;
  }
  .preferences .userPreferences .preferencesCard .preferenceItem .preferenceInfo {
    margin-bottom: 8px;
  }
  .preferences .userPreferences .preferencesCard .preferenceItem .preferenceAction {
    justify-content: start;
  }
}
@media (prefers-color-scheme: dark) {
  .preferences .userPreferences .preferenceItem {
    background-color: rgba(255, 255, 255, 0.05);
  }
  .preferences .userPreferences .preferenceItem:hover {
    background-color: rgba(255, 255, 255, 0.08);
  }
}@media (max-width: 600px) {
  .userProfile .ant-row {
    display: grid;
  }
  .userProfile .ant-row .ant-col {
    max-width: 100%;
  }
}
.userProfile .ant-form-item-row {
  display: grid;
  grid-template-columns: 90px 1fr;
}
.userProfile .ant-form-item-row label {
  transform: translateY(5px);
}

.interestRegisterForm {
  display: grid;
}
.interestRegisterForm .ant-form-item-row {
  display: grid;
  grid-template-columns: 90px 1fr;
}
.interestRegisterForm .ant-form-item-row label {
  transform: translateY(5px);
}
.interestRegisterForm .ant-form-item-explain-error {
  transform: translate(-40px, -24px);
}

@media (max-width: 600px) {
  .userProfileContainer .ant-row {
    display: grid;
  }
  .userProfileContainer .ant-row .ant-col {
    max-width: 100%;
  }
}

.interestRegister {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 16px;
}
@media (max-width: 868px) {
  .interestRegister {
    grid-template-columns: 1fr;
  }
}
.interestRegister .ant-form-item-row {
  display: grid;
  grid-template-columns: 90px 1fr;
}
.interestRegister .ant-form-item-row label {
  transform: translateY(6px);
}
.interestRegister .ant-picker {
  width: 100%;
}

.ant-table-content {
  height: auto;
}

.ant-card-body {
  display: grid;
}

.ant-table-wrapper .ant-table-pagination-right {
  justify-content: center;
}

.ant-collapse {
  margin-bottom: 22px;
}

.ant-table-wrapper {
  padding-bottom: unset;
}

.ant-table-wrapper .ant-table-pagination.ant-pagination {
  margin: unset;
}

body #root .ant-layout-content input:hover,
body #root .ant-layout-content input:focus {
  width: 100%;
}.stellarDivider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  line-height: 1.5714285714;
  list-style: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  border-block-start: 1px solid rgba(5, 5, 5, 0.06);
}
.stellarDivider-horizontal {
  display: flex;
  clear: both;
  width: 100%;
  min-width: 100%;
  margin: 16px 0;
}
.stellarDivider-position-top {
  margin: 0 0 16px 0;
}
.stellarDivider-position-bottom {
  margin: 16px 0 0 0;
}
.stellarDivider-position-between {
  margin: 8px 0;
}
.stellarDivider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
  border-block-start: 0;
  border-inline-start: 1px solid rgba(5, 5, 5, 0.06);
}
.stellarDivider-with-text {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-block-start: 0;
  border-block-color: rgba(5, 5, 5, 0.06);
}
.stellarDivider-with-text::before, .stellarDivider-with-text::after {
  content: "";
  display: block;
  border-block-start: 1px solid transparent;
  border-block-color: inherit;
}
.stellarDivider-with-text-left::before {
  width: 5%;
}
.stellarDivider-with-text-right::after {
  width: 5%;
}
.stellarDivider-inner-text {
  display: inline-block;
  padding: 0 1em;
  white-space: nowrap;
}
.stellarDivider-dashed {
  border-style: dashed;
  border-block-color: rgba(5, 5, 5, 0.06);
}.stellarSelectContainer {
  position: relative;
  margin-bottom: 15px;
  overflow-y: unset !important;
}
.stellarSelectContainer .selectHeader {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 0 12px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.3);
  background: white;
}
.stellarSelectContainer .selectHeader .selectionsContainer {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 10px;
  line-height: 24px;
  padding: 6px 0;
}
.stellarSelectContainer .selectHeader .selectionsContainer .selections i span {
  display: grid;
  grid-template-columns: max-content max-content;
  background-color: #f1f1f1;
  border-radius: 6px;
  padding: 0 4px;
  margin: 2px;
}
.stellarSelectContainer .selectHeader.active {
  color: black; /* or any other text color you want */
}
.stellarSelectContainer .stellarSelectOptions {
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 12px 1px rgba(0, 0, 0, 0.1);
  background: white;
  max-height: 200px;
  overflow-y: scroll;
  width: 100%;
  z-index: 100000 !important;
  border-radius: 6px;
  margin: 4px 0;
  transform-origin: top;
  transition: max-height 0.3s ease-in-out;
}
.stellarSelectContainer .stellarSelectOptions::-webkit-scrollbar {
  width: 7px;
}
.stellarSelectContainer .stellarSelectOptions::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.stellarSelectContainer .stellarSelectOptions::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
.stellarSelectContainer .stellarSelectOptions.reminder {
  bottom: 100%;
  top: unset;
}
.stellarSelectContainer .animateOpen {
  animation: openAnimation 0.1s ease-in-out forwards;
}
.stellarSelectContainer .animateClose {
  animation: closeAnimation 0.1s ease-in-out forwards;
}
@keyframes openAnimation {
  0% {
    transform: scaleY(0);
    opacity: 0;
  }
  25% {
    transform: scaleY(0.25);
    opacity: 0.25;
  }
  50% {
    transform: scaleY(0.5);
    opacity: 0.5;
  }
  75% {
    transform: scaleY(0.75);
    opacity: 0.75;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes closeAnimation {
  0% {
    transform: scaleY(1);
    opacity: 1;
  }
  25% {
    transform: scaleY(0.75);
    opacity: 0.75;
  }
  50% {
    transform: scaleY(0.5);
    opacity: 0.5;
  }
  75% {
    transform: scaleY(0.25);
    opacity: 0.25;
  }
  100% {
    transform: scaleY(0);
    opacity: 0;
  }
}
.stellarSelectContainer .item {
  padding: 0 8px;
  border-radius: 4px;
  margin: 4px;
}
.stellarSelectContainer .item b {
  display: grid;
  grid-template-columns: max-content 1fr;
  justify-items: end;
  cursor: pointer;
}.messageBox {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3294117647);
  z-index: 999;
  top: 0;
  left: 0;
  display: grid;
  justify-content: center;
  align-items: center;
}
.messageBox .messageBoxContent {
  background: #ebebeb;
  z-index: 1;
  border-radius: 8px;
  min-height: 56px;
  max-width: 90%;
  padding: 4rem 6rem 3.5rem 3rem;
  position: relative;
}
.messageBox .messageBoxContent .close {
  position: absolute;
  top: 17px;
  right: 17px;
  color: #3183c8;
  font-size: 24px;
  cursor: pointer;
  float: right;
  z-index: 999999;
}html,
body,
#root {
  -webkit-overflow-scrolling: touch; /* Required for iOS momentum scrolling, else stops scrolling when finger lifted */
}

.mobileMessageModal .container {
  display: grid;
  row-gap: 6px;
  justify-items: center;
  text-align: center;
}
.mobileMessageModal .container svg {
  rotate: 90deg;
  font-size: 64px;
}.offlineWithoutFeature {
  background: var(--blue);
  top: 0;
  position: absolute;
  z-index: 999;
  height: 100vh;
  width: 100vw;
}.offlineWithoutPriorLogin {
  background: var(--blue);
  top: 0;
  position: absolute;
  z-index: 999;
  height: 100vh;
  width: 100vw;
}.webViewerContainer {
  position: absolute;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 998;
  background: #f0f2f5;
  background-image: linear-gradient(155deg, hsl(216, 10%, 90%) 2%, hsl(216, 10%, 90%) 19%, hsl(216, 10%, 90%) 26%, hsl(216, 11%, 91%) 30%, hsl(216, 11%, 91%) 33%, hsl(216, 11%, 91%) 36%, hsl(216, 11%, 91%) 38%, hsl(216, 12%, 92%) 40%, hsl(216, 12%, 92%) 42%, hsl(216, 13%, 92%) 44%, hsl(216, 13%, 92%) 45%, hsl(216, 13%, 93%) 47%, hsl(216, 14%, 93%) 49%, hsl(216, 14%, 93%) 51%, hsl(216, 15%, 93%) 53%, hsl(216, 15%, 94%) 56%, hsl(216, 16%, 94%) 58%, hsl(216, 17%, 94%) 62%, hsl(216, 17%, 94%) 65%, hsl(216, 18%, 95%) 71%, hsl(216, 19%, 95%) 78%, hsl(216, 20%, 95%) 99%);
}
.webViewerContainer .webViewerSpinner {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  z-index: 1;
}
.webViewerContainer .webViewerInstance {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  z-index: 2;
}

.documentViewerContainer,
.collectionViewerContainer {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 999;
  display: grid;
  grid-template-columns: 275px 1fr;
  grid-template-rows: 1fr 20vh;
  pointer-events: none;
}
.documentViewerContainer *,
.collectionViewerContainer * {
  pointer-events: all;
}
.documentViewerContainer .spinner,
.collectionViewerContainer .spinner {
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  z-index: 1;
  pointer-events: none;
}
.documentViewerContainer i.controlApplet,
.collectionViewerContainer i.controlApplet {
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-template-rows: 1fr;
  grid-row: 2;
  justify-content: center;
  position: relative;
  background: var(--green);
  min-height: 40px;
}
.documentViewerContainer i.controlApplet b.tab,
.collectionViewerContainer i.controlApplet b.tab {
  display: grid;
  align-items: center;
  grid-gap: 3px;
  background: var(--green);
  padding: 0 24px;
  margin: 0 auto;
  z-index: 9999;
  box-shadow: inset 0px 0px 8px -4px #000, inset 0px 0px 0px 0px #000;
}
.documentViewerContainer i.controlApplet b.tab span,
.collectionViewerContainer i.controlApplet b.tab span {
  padding: 6px;
  color: rgba(255, 255, 255, 0.7529411765);
  cursor: pointer;
  min-width: 80px;
  text-align: center;
}
.documentViewerContainer i.controlApplet b.tab span.selected,
.collectionViewerContainer i.controlApplet b.tab span.selected {
  color: #fff;
  font-weight: 900;
  background: var(--white10);
}
.documentViewerContainer i.controlApplet b.tab .anticon,
.collectionViewerContainer i.controlApplet b.tab .anticon {
  justify-content: center;
  font-size: 24px;
}
.documentViewerContainer i.controlApplet b.content,
.collectionViewerContainer i.controlApplet b.content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  height: 100%;
}
.documentViewerContainer i.controlApplet b.content > i,
.collectionViewerContainer i.controlApplet b.content > i {
  grid-row: 1 !important;
  grid-column: 1 !important;
  gap: 8px;
}
.documentViewerContainer i.controlApplet .dragger,
.collectionViewerContainer i.controlApplet .dragger {
  min-width: auto;
  position: absolute;
  background: var(--blue);
  color: white;
  border-radius: 12px 12px;
  width: 40px;
  height: 20px;
  text-align: left;
  padding: 0;
  z-index: 9999;
  left: 50%;
  top: -8px;
}
.documentViewerContainer i.controlApplet .dragger b,
.collectionViewerContainer i.controlApplet .dragger b {
  display: grid;
  grid-template-rows: max-content max-content;
  justify-items: center;
  cursor: grab;
  text-align: center;
  font-size: 10px;
}
.documentViewerContainer i.controlApplet .dragger b span,
.collectionViewerContainer i.controlApplet .dragger b span {
  padding: unset;
  min-width: unset;
  cursor: grab;
}
.documentViewerContainer i.controlApplet .dragger:active,
.collectionViewerContainer i.controlApplet .dragger:active {
  transition: background-color 0.25s;
  background: var(--lightBlue);
  cursor: none;
}
.documentViewerContainer i.controlApplet .dragger:active b,
.collectionViewerContainer i.controlApplet .dragger:active b {
  cursor: none;
}

.mobile i.controlApplet {
  display: none;
}.memoryMonitor {
  position: fixed;
  bottom: 20px;
  right: calc(50vw - 200px);
  z-index: 99999999999;
  background: white;
  padding: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  max-width: 400px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.memoryMonitor .metrics {
  display: grid;
  gap: 8px;
}
.memoryMonitor .metrics .warning {
  color: #ff4d4f;
}
.memoryMonitor .metrics .normal {
  color: inherit;
}
.memoryMonitor .memoryBar {
  height: 20px;
  background-color: #f0f0f0;
  border-radius: 10px;
  overflow: hidden;
}
.memoryMonitor .memoryBar-fill {
  height: 100%;
  transition: width 0.3s ease;
  background-color: #52c41a;
}
.memoryMonitor .memoryBar-fill.warning {
  background-color: #ff4d4f;
}
.memoryMonitor .memoryGraph {
  margin-top: 16px;
  padding: 8px;
  background: #fafafa;
  border-radius: 4px;
}
.memoryMonitor .memoryGraph .graph {
  width: 100%;
  height: 100px;
  background: white;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
}
.memoryMonitor .memoryGraph .graph .usedLine {
  fill: none;
  stroke: #52c41a;
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.memoryMonitor .memoryGraph .graph .totalLine {
  fill: none;
  stroke: #1890ff;
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-linecap: round;
  opacity: 0.5;
}
.memoryMonitor .memoryGraph .graph .limitLine {
  fill: none;
  stroke: #ff4d4f;
  stroke-width: 1;
  stroke-dasharray: 4 2;
  opacity: 0.7;
}
.memoryMonitor .memoryGraph .graphLabels {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 8px;
  font-size: 12px;
}
.memoryMonitor .memoryGraph .graphLabels .label {
  display: flex;
  align-items: center;
}
.memoryMonitor .memoryGraph .graphLabels .label::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border-radius: 50%;
}
.memoryMonitor .memoryGraph .graphLabels .label.used::before {
  background-color: #52c41a;
}
.memoryMonitor .memoryGraph .graphLabels .label.total::before {
  background-color: #1890ff;
  opacity: 0.5;
}
.memoryMonitor .memoryGraph .graphLabels .label.limit::before {
  background-color: #ff4d4f;
  opacity: 0.7;
}.installingStellarLibrary {
  position: relative;
  z-index: 999999;
  grid-column: 1/-1;
  grid-row: 1/-1;
  display: grid;
  justify-content: center;
  align-items: start;
  grid-template-rows: 0.85fr 1.15fr;
  grid-gap: 65px;
  height: 100vh;
  width: 100vw;
  background: var(--blue);
  background: linear-gradient(to top, var(--blue) 80%, #0f1f2d 100%), linear-gradient(to top left, var(--blue) 80%, #0f1f2d 100%);
}
@media (max-width: 868px) {
  .installingStellarLibrary {
    grid-gap: 0;
  }
}
.installingStellarLibrary .logo {
  position: absolute;
  height: 90px;
  width: 200px;
  bottom: 36px;
  right: 40px;
  margin: 0;
}
.installingStellarLibrary .progressBarContainer {
  display: grid;
  top: 0;
  position: absolute;
}
.installingStellarLibrary .progressBarSecondary,
.installingStellarLibrary .progressBarTertiary,
.installingStellarLibrary .progressBar {
  border-radius: 0;
  background: transparent;
  position: relative;
  left: 0px;
  height: 14px;
  width: calc(100vw + 5px);
  z-index: 1;
}
.installingStellarLibrary .progressBarSecondary span,
.installingStellarLibrary .progressBarTertiary span,
.installingStellarLibrary .progressBar span {
  border-radius: 0 5px 5px 0;
  background: var(--white40);
  height: 14px;
  width: 0%;
  position: absolute;
  top: 0;
  transition: width 3000ms;
}
.installingStellarLibrary .progressBar span {
  transition: width 7000ms;
}
.installingStellarLibrary .progressBarSecondary {
  height: 8px;
}
.installingStellarLibrary .progressBarSecondary span {
  border-radius: 0 3px 3px 0;
  height: 8px;
  transition: width 7000ms;
  background: rgba(115, 157, 255, 0.3333333333);
}
.installingStellarLibrary .progressBarTertiary {
  height: 8px;
}
.installingStellarLibrary .progressBarTertiary span {
  border-radius: 0 3px 3px 0;
  height: 8px;
  transition: width 400ms;
  background: rgba(121, 154, 255, 0.1137254902);
}
.installingStellarLibrary .installSpinner {
  transform: translateY(-12px);
}
.installingStellarLibrary .installSpinner .ant-spin-dot-spin .ant-spin-dot-item {
  background-color: rgba(255, 255, 255, 0.3921568627) !important;
}
.installingStellarLibrary p {
  color: #353535;
  background: rgba(255, 255, 255, 0.8470588235);
  border-radius: 8px;
  box-shadow: inset -1px -1px 2px -1px var(--highlight), inset 1px 1px 3px -3px red, 2px 2px 5px -7px blue, inset 1px 4px 34px -11px white;
  border: 1px solid rgba(0, 0, 0, 0.1882352941);
  font-weight: 500;
  font-size: 22px;
  letter-spacing: -0.3px;
  padding: 14px 33px 10px 18px;
  margin: 10px;
}
.installingStellarLibrary p strong {
  letter-spacing: 0.6px;
}
.installingStellarLibrary p b {
  padding: 8px 0 0;
}
.installingStellarLibrary p b small {
  margin-right: -1px;
  line-height: 26px;
  color: #343434;
  font-family: "bariol_regular";
  letter-spacing: 1px;
}
.installingStellarLibrary p b i {
  animation: pulse 2s infinite;
}
.installingStellarLibrary p b i:nth-of-type(1) {
  animation-delay: 0.75s;
}
.installingStellarLibrary p b i:nth-of-type(2) {
  animation-delay: 1.25s;
}.softwareReviewContainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  animation-duration: 1s;
}

.softwareReviewPrompt {
  background: rgb(144, 141, 141);
  color: white;
  border-radius: 30px 0 0 30px;
  position: absolute;
  z-index: 3999;
  bottom: 5px;
  right: 0;
  padding: 10px;
  transform: translateX(110px);
  transition: transform 0.3s ease;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  cursor: pointer;
}
.softwareReviewPrompt:hover {
  transform: translateX(0);
}
.softwareReviewPrompt.active {
  transform: translateX(0);
}

.disabledDiv {
  pointer-events: none;
  opacity: 0.4;
}

body.softwareReview .ant-modal {
  width: 100vw !important;
  top: 0;
  margin: 0;
  height: 100% !important;
  max-width: unset;
}
body.softwareReview .ant-modal .ant-modal-content {
  height: 100vh;
  border-radius: 0;
  background: white;
  padding-top: 20px !important;
}
body.softwareReview .ant-modal .ant-modal-content .ant-modal-close {
  top: 5px;
  right: 5px;
  height: 25px;
  width: 25px;
  font-size: 24px;
  color: red;
}#root.unauthenticated {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 0 1fr;
}
#root.unauthenticated:not(:has(aside.ant-layout-sider-collapsed)) {
  grid-template-columns: 0px 1fr;
}
#root.unauthenticated aside.ant-layout-sider {
  grid-row: 1;
  grid-column: 1;
}
#root.unauthenticated section.ant-layout {
  grid-row: 1;
  grid-column: 2;
}
#root.unauthenticated .ant-layout-header {
  width: max-content !important;
  background: transparent;
  text-align: right;
  padding-inline: 1.2rem;
  z-index: 9999 !important;
  margin-left: auto;
}
#root.unauthenticated .ant-layout-header a {
  color: white;
  padding: 1rem;
}
#root.unauthenticated h1:first-of-type {
  color: white;
}:root {
  --white: #ffffff;
  --black: #000000;
  --white90: hsla(0, 0%, 100%, 0.9);
  --white80: hsla(0, 0%, 100%, 0.8);
  --white70: hsla(0, 0%, 100%, 0.7);
  --white60: hsla(0, 0%, 100%, 0.6);
  --white50: hsla(0, 0%, 100%, 0.5);
  --white40: hsla(0, 0%, 100%, 0.4);
  --white30: hsla(0, 0%, 100%, 0.3);
  --white20: hsla(0, 0%, 100%, 0.2);
  --white10: hsla(0, 0%, 100%, 0.1);
  --white05: hsla(0, 0%, 100%, 0.05);
  --red: #ea2222d4;
  --red60: rgba(234, 34, 34, 0.6);
  --orange: #f2aa51;
  --yellow: #eddc69;
  --darkYellow: #c6b100;
  --highlight: #c1ff72;
  --darkHighlight: #8ab650;
  --highlight90: hsla(86, 100%, 72%, 0.9);
  --highlight10: hsla(86, 100%, 72%, 0.1);
  --highlight05: hsla(86, 100%, 72%, 0.05);
  --green: #225954;
  --blue: #1b3752;
  --blueHighlight: #1b3752e3;
  --lightBlue: #479ad1;
  --blueBlack: hsla(210, 50%, 15%, 0.9);
  --blue90: hsla(209, 50%, 21%, 0.9);
  --blue80: hsla(209, 50%, 21%, 0.8);
  --blue70: hsla(209, 50%, 21%, 0.7);
  --blue60: hsla(209, 50%, 21%, 0.6);
  --blue50: hsla(209, 50%, 21%, 0.5);
  --blue40: hsla(209, 50%, 21%, 0.4);
  --blue30: hsla(209, 50%, 21%, 0.3);
  --blue20: hsla(209, 50%, 21%, 0.2);
  --blue10: hsla(209, 50%, 21%, 0.1);
  --blue05: hsla(209, 50%, 21%, 0.05);
  --lightBlue10: hsla(204, 60%, 55%, 0.1);
  --purple: #7d5ece;
  --grey: #768897;
  --lightGrey: #768897a7;
  --darkGrey: #3d4750;
  --linkHover: #0099ff;
}

@keyframes animate-pop {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes animate-slide {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5) translate(50px, -50px);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1) translate(0, 0);
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes colorPulse {
  10% {
    color: var(--blue);
  }
  50% {
    color: var(--blue80);
  }
  90% {
    color: var(--blue);
  }
}
@keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes move-twink-back {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -10000px 5000px;
  }
}
@-webkit-keyframes move-twink-back {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -10000px 5000px;
  }
}
@-moz-keyframes move-twink-back {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -10000px 5000px;
  }
}
@-ms-keyframes move-twink-back {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -10000px 5000px;
  }
}
.installingStellarLibrary {
  position: relative;
  z-index: 999999;
  grid-column: 1/-1;
  grid-row: 1/-1;
  display: grid;
  justify-content: center;
  align-items: start;
  grid-template-rows: 0.85fr 1.15fr;
  grid-gap: 65px;
  height: 100vh;
  width: 100vw;
  background: var(--blue);
  background: linear-gradient(to top, var(--blue) 80%, #0f1f2d 100%), linear-gradient(to top left, var(--blue) 80%, #0f1f2d 100%);
}
@media (max-width: 868px) {
  .installingStellarLibrary {
    grid-gap: 0;
  }
}
.installingStellarLibrary .logo {
  position: absolute;
  height: 90px;
  width: 200px;
  bottom: 36px;
  right: 40px;
  margin: 0;
}
.installingStellarLibrary .progressBarContainer {
  display: grid;
  top: 0;
  position: absolute;
}
.installingStellarLibrary .progressBarSecondary,
.installingStellarLibrary .progressBarTertiary,
.installingStellarLibrary .progressBar {
  border-radius: 0;
  background: transparent;
  position: relative;
  left: 0px;
  height: 14px;
  width: calc(100vw + 5px);
  z-index: 1;
}
.installingStellarLibrary .progressBarSecondary span,
.installingStellarLibrary .progressBarTertiary span,
.installingStellarLibrary .progressBar span {
  border-radius: 0 5px 5px 0;
  background: var(--white40);
  height: 14px;
  width: 0%;
  position: absolute;
  top: 0;
  transition: width 3000ms;
}
.installingStellarLibrary .progressBar span {
  transition: width 7000ms;
}
.installingStellarLibrary .progressBarSecondary {
  height: 8px;
}
.installingStellarLibrary .progressBarSecondary span {
  border-radius: 0 3px 3px 0;
  height: 8px;
  transition: width 7000ms;
  background: rgba(115, 157, 255, 0.3333333333);
}
.installingStellarLibrary .progressBarTertiary {
  height: 8px;
}
.installingStellarLibrary .progressBarTertiary span {
  border-radius: 0 3px 3px 0;
  height: 8px;
  transition: width 400ms;
  background: rgba(121, 154, 255, 0.1137254902);
}
.installingStellarLibrary .installSpinner {
  transform: translateY(-12px);
}
.installingStellarLibrary .installSpinner .ant-spin-dot-spin .ant-spin-dot-item {
  background-color: rgba(255, 255, 255, 0.3921568627) !important;
}
.installingStellarLibrary p {
  color: #353535;
  background: rgba(255, 255, 255, 0.8470588235);
  border-radius: 8px;
  box-shadow: inset -1px -1px 2px -1px var(--highlight), inset 1px 1px 3px -3px red, 2px 2px 5px -7px blue, inset 1px 4px 34px -11px white;
  border: 1px solid rgba(0, 0, 0, 0.1882352941);
  font-weight: 500;
  font-size: 22px;
  letter-spacing: -0.3px;
  padding: 14px 33px 10px 18px;
  margin: 10px;
}
.installingStellarLibrary p strong {
  letter-spacing: 0.6px;
}
.installingStellarLibrary p b {
  padding: 8px 0 0;
}
.installingStellarLibrary p b small {
  margin-right: -1px;
  line-height: 26px;
  color: #343434;
  font-family: "bariol_regular";
  letter-spacing: 1px;
}
.installingStellarLibrary p b i {
  animation: pulse 2s infinite;
}
.installingStellarLibrary p b i:nth-of-type(1) {
  animation-delay: 0.75s;
}
.installingStellarLibrary p b i:nth-of-type(2) {
  animation-delay: 1.25s;
}

body {
  background-color: #fff;
}
body.accounts #root .ant-layout {
  grid-template-rows: 64px 1fr !important;
}
body.accounts #root .ant-layout-header {
  grid-template-columns: max-content 1fr max-content;
  grid-template-rows: 64px;
}
body div.ant-modal-content div.ant-modal-body {
  padding: 16px 16px 2px 16px;
}
body div.ant-modal-content div.ant-modal-body .ant-card-body {
  min-height: 156px;
}
body div.ant-modal-content div.ant-modal-body .ant-card-body table {
  max-height: 70vh;
  overflow: scroll;
  display: table;
}
body div.ant-modal-content div.ant-modal-body .ant-tree-list {
  margin-right: 16px;
  max-height: 75vh;
  overflow: scroll;
  white-space: nowrap;
}
body .ant-form-item .ant-form-item-explain {
  font-size: 12px;
  line-height: 1.1;
}
body #root .refresh {
  position: absolute;
  top: 11%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body #root .refresh .refreshIcon {
  font-size: 24px;
}
body #root .ant-layout-header .rightMenuItems {
  font-size: 16px !important;
}
@media (max-width: 386px) {
  body #root .ant-layout-header .rightMenuItems button {
    display: none;
  }
}
body #root .ant-layout-header .rightMenuItems .searchFunctions {
  font-size: 14px !important;
}
body #root .ant-layout-header .rightMenuItems .anticon.createCollectionMenuItem {
  font-size: 20px !important;
}
body #root .smallIcons .ant-layout-header {
  grid-row: 1;
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  grid-template-rows: 64px 39px;
  align-items: center;
}
body #root .smallIcons .ant-layout-header .antIcon.createCollectionMenuItem {
  font-size: 20px;
}
body #root .smallIcons .ant-layout-header .menuIcon {
  line-height: 69px;
  height: 27px;
  padding: 4px 12px 0 20px;
  font-size: 21px !important;
  transform: translateY(-2.5px);
  margin-left: 14px;
}
@media (max-width: 868px) {
  body #root .smallIcons .ant-layout-header .menuIcon {
    font-size: 28px !important;
    padding: 4px 9px 0 16px;
    transform: translateY(-2.5px);
  }
}
body #root .smallIcons .ant-layout-header .menuIcon[aria-label=menu-fold] {
  color: grey !important;
  font-size: 21px;
  padding: 5px 0 0;
}
body #root .smallIcons .ant-layout-header .menuIcon[aria-label=menu-unfold] {
  color: var(--blue) !important;
  font-size: 21px;
  padding: 5px 0 0;
}
body #root .smallIcons .ant-layout-header .titleItem {
  grid-column: 2;
  grid-row: 1;
  height: 64px;
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  max-width: auto;
  padding: 0 1rem 0 0;
}
body #root .smallIcons .ant-layout-header .titleItem span {
  display: inline-block;
  font-size: 17px;
  height: 64px;
  cursor: pointer;
  color: var(--blue);
  padding: 0;
}
body #root .smallIcons .ant-layout-header .titleItem span.title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body #root .smallIcons .ant-layout-header .titleItem span.spacer {
  display: block;
  padding: 6px;
  width: 0;
}
body #root .smallIcons .ant-layout-header .titleItem span.back {
  display: grid;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  padding: 0px 12px 0px 11px;
}
body #root .smallIcons .ant-layout-header .rightMenu-ellipsis {
  padding-right: 16px;
}
body #root .smallIcons .ant-layout-header .rightMenu-ellipsis svg {
  font-size: 28px;
  transform: translateY(6px);
}
body #root .smallIcons .ant-layout-header .anticon {
  font-size: 18px;
  cursor: pointer;
  transition: color 0.3s;
  line-height: 15px;
  color: var(--blue);
}
@media (min-width: 755px) {
  body #root .smallIcons .ant-layout-header .anticon:hover {
    color: var(--white);
  }
}
body #root .smallIcons .ant-layout-header .anticon.back {
  color: var(--blue) !important;
}
body #root .smallIcons .ant-layout-header .breadcrumbMenuItems {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 12px;
  top: 72px;
  z-index: 999;
}
body #root .smallIcons .ant-layout-header .breadcrumbMenuItems .anticon {
  color: #fff;
}
body #root .smallIcons .ant-layout-header .breadcrumbMenuItems .domainLink {
  background: var(--white);
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.88) !important;
  font-size: 14px;
  padding: 5px 8px;
  line-height: 11px;
  cursor: pointer;
  display: block;
  align-self: center;
  height: 22px;
  margin: 1px 0 0 6px;
}
body #root .smallIcons .ant-layout-header .breadcrumbMenuItems .domainLink:hover {
  background: var(--blue);
  color: var(--white) !important;
  box-shadow: inset 0px 0px 3px 1px #000, inset -1px -1px 2px -1px var(--highlight), inset 1px 1px 3px -3px red, 2px 2px 5px -7px blue;
}
body #root .smallIcons .ant-layout-header .breadcrumbMenuItems i {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-items: center;
  justify-content: center;
  grid-gap: 4px;
  padding: 0px 11px 0px 9px;
  cursor: pointer;
  border-radius: 12px;
  height: 21px;
  grid-template-rows: 21px;
  color: var(--white);
  overflow: hidden;
}
body #root .smallIcons .ant-layout-header .breadcrumbMenuItems i .anticon {
  font-size: 18px;
  cursor: pointer;
  transition: color 0.3s;
  line-height: 15px;
  color: var(--white) !important;
}
@media (min-width: 755px) {
  body #root .smallIcons .ant-layout-header .breadcrumbMenuItems i .anticon:hover {
    color: var(--white) !important;
  }
}
body #root .smallIcons .ant-layout-header .breadcrumbMenuItems i:hover {
  color: var(--white);
}
body #root .smallIcons .ant-layout-header .breadcrumbMenuItems i:hover span svg {
  color: var(--white);
}
body #root .smallIcons .ant-layout-header .rightMenuItems {
  grid-column: 3;
  grid-row: 1;
  height: 64px;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: end;
  display: grid;
  column-gap: 6px;
}
body #root .smallIcons .ant-layout-header .rightMenuItems i {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-items: center;
  justify-content: center;
  grid-gap: 4px;
  padding: 0px 11px 0px 9px;
  cursor: pointer;
  border-radius: 12px;
  height: 30px;
  grid-template-rows: 30px;
  overflow: hidden;
}
body #root .smallIcons .ant-layout-header .rightMenuItems i:last-child {
  border-radius: 12px 0 0 12px;
}
body #root .smallIcons .ant-layout-header .rightMenuItems i:hover {
  background: var(--blue);
  color: var(--white);
}
body #root .smallIcons .ant-layout-header .rightMenuItems i:hover span svg {
  color: var(--white);
}
body #root .smallIcons .ant-layout-header .rightMenuItems i.searchFunctions {
  background: var(--blue10);
  border: 1px solid var(--blue20);
  padding-top: 1px;
  margin-left: 7px;
  margin-right: 8px;
  height: 33px;
  transform: translateY(-0.5px);
}
body #root .smallIcons .ant-layout-header .rightMenuItems i.searchFunctions:hover {
  background: var(--blue80);
}
body #root .smallIcons .ant-layout-header .rightMenuItems span.cloudSync {
  padding-right: 3px;
  transform: translateY(-4.5px);
  font-size: 24px;
}
body #root .smallIcons .ant-layout-header .rightMenuItems span.cloudSync.syncing svg {
  color: var(--blue);
  animation-name: colorPulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
body #root .smallIcons .ant-layout-header .rightMenuItems span.cloudSync.offline svg {
  color: var(--red);
}
@media (min-width: 868px) {
  body #root .smallIcons .ant-layout-header .rightMenuItems span.cloudSync {
    transform: translateY(-3px);
  }
}
body #root .smallIcons .ant-layout-header .rightMenuItems span.anticon-ellipsis {
  font-size: 18px;
}
body #root .smallIcons .ant-layout-header .rightMenuItems span.anticon-bell {
  transform: translate(-1px, 0px);
  font-size: 18px;
}
body #root .smallIcons .ant-layout-header .rightMenuItems span.anticon-bars {
  font-size: 20px;
}
body #root .smallIcons .ant-layout-header .rightMenuItems span.anticon-cloud-upload {
  font-size: 20px;
}
body #root .smallIcons .ant-layout-header .rightMenuItems span.anticon-file-add {
  font-size: 18px;
  transform: translate(-1px, -0.5px);
}
body #root .smallIcons .ant-layout-header .rightMenuItems span.anticon-diff {
  font-size: 19px;
  transform: translate(-1px, -0.5px);
}
body #root .smallIcons .ant-layout-header .rightMenuItems span.anticon-folder-add {
  font-size: 21px;
  transform: translate(-1px, -1px);
}
body #root .smallIcons .ant-layout-header .rightMenuItems span.anticon-sort-ascending {
  font-size: 18px;
}
body #root .smallIcons .ant-layout-header .rightMenuItems span.anticon-tag {
  transform: translate(-1px, 0px);
}
@media (max-width: 868px) {
  body #root .smallIcons .ant-layout-header .rightMenuItems span.anticon-bell {
    font-size: 22px;
  }
  body #root .smallIcons .ant-layout-header .rightMenuItems span.cloudSync {
    font-size: 36px;
  }
  body #root .smallIcons .ant-layout-header .rightMenuItems span.anticon-tag {
    transform: translate(-2px, 3px);
    font-size: 27px;
  }
}
@media (max-width: 480px) {
  body #root .smallIcons .ant-layout-header .rightMenuItems span.goToLibraryButton span {
    font-size: 12px;
  }
}
body #root .largeIcons .ant-layout-header {
  grid-row: 1;
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  grid-template-rows: 64px 39px;
  box-shadow: 0px -30px 15px 20px #000;
  align-items: center;
}
body #root .largeIcons .ant-layout-header .menuIcon {
  line-height: 69px;
  height: 27px;
  padding: 4px 12px 0 20px;
  font-size: 28px !important;
  transform: translateY(-2.5px);
}
@media (max-width: 868px) {
  body #root .largeIcons .ant-layout-header .menuIcon {
    font-size: 28px !important;
    padding: 4px 9px 0 16px;
    transform: translateY(-2.5px);
  }
}
body #root .largeIcons .ant-layout-header .menuIcon[aria-label=menu-fold] {
  color: grey !important;
  font-size: 21px;
  padding: 5px 0 0;
}
body #root .largeIcons .ant-layout-header .menuIcon[aria-label=menu-unfold] {
  color: var(--blue) !important;
  font-size: 21px;
  padding: 5px 0 0;
}
body #root .largeIcons .ant-layout-header .titleItem {
  grid-column: 2;
  grid-row: 1;
  height: 64px;
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  max-width: auto;
  padding: 0 1rem 0 0;
}
body #root .largeIcons .ant-layout-header .titleItem span {
  display: inline-block;
  font-size: 17px;
  height: 64px;
  cursor: pointer;
  color: var(--blue);
  padding: 0;
}
body #root .largeIcons .ant-layout-header .titleItem span.title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body #root .largeIcons .ant-layout-header .titleItem span.spacer {
  display: block;
  padding: 6px;
  width: 0;
}
body #root .largeIcons .ant-layout-header .titleItem span.back {
  display: grid;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  padding: 0px 12px 0px 11px;
}
body #root .largeIcons .ant-layout-header .rightMenu-ellipsis {
  padding-right: 16px;
}
body #root .largeIcons .ant-layout-header .rightMenu-ellipsis svg {
  font-size: 28px;
  transform: translateY(6px);
}
body #root .largeIcons .ant-layout-header .anticon {
  font-size: 18px;
  cursor: pointer;
  transition: color 0.3s;
  line-height: 15px;
  color: var(--blue);
}
@media (min-width: 755px) {
  body #root .largeIcons .ant-layout-header .anticon:hover {
    color: var(--white);
  }
}
body #root .largeIcons .ant-layout-header .anticon.back {
  color: var(--blue) !important;
}
body #root .largeIcons .ant-layout-header .breadcrumbMenuItems {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 12px;
  top: 72px;
  z-index: 999;
}
body #root .largeIcons .ant-layout-header .breadcrumbMenuItems .anticon {
  color: #fff;
}
body #root .largeIcons .ant-layout-header .breadcrumbMenuItems .domainLink {
  background: var(--white);
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.88) !important;
  font-size: 14px;
  padding: 5px 8px;
  line-height: 11px;
  cursor: pointer;
  display: block;
  align-self: center;
  height: 22px;
  margin: 1px 0 0 6px;
}
body #root .largeIcons .ant-layout-header .breadcrumbMenuItems .domainLink:hover {
  background: var(--blue);
  color: var(--white) !important;
  box-shadow: inset 0px 0px 3px 1px #000, inset -1px -1px 2px -1px var(--highlight), inset 1px 1px 3px -3px red, 2px 2px 5px -7px blue;
}
body #root .largeIcons .ant-layout-header .breadcrumbMenuItems i {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-items: center;
  justify-content: center;
  grid-gap: 4px;
  padding: 0px 11px 0px 9px;
  cursor: pointer;
  border-radius: 12px;
  height: 21px;
  grid-template-rows: 21px;
  color: var(--white);
  overflow: hidden;
}
body #root .largeIcons .ant-layout-header .breadcrumbMenuItems i .anticon {
  font-size: 18px;
  cursor: pointer;
  transition: color 0.3s;
  line-height: 15px;
  color: var(--white) !important;
}
@media (min-width: 755px) {
  body #root .largeIcons .ant-layout-header .breadcrumbMenuItems i .anticon:hover {
    color: var(--white) !important;
  }
}
body #root .largeIcons .ant-layout-header .breadcrumbMenuItems i:hover {
  color: var(--white);
}
body #root .largeIcons .ant-layout-header .breadcrumbMenuItems i:hover span svg {
  color: var(--white);
}
body #root .largeIcons .ant-layout-header .rightMenuItems {
  grid-column: 3;
  grid-row: 1;
  height: 64px;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  display: grid;
  column-gap: 6px;
}
body #root .largeIcons .ant-layout-header .rightMenuItems i {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-items: center;
  justify-content: center;
  grid-gap: 4px;
  padding: 0px 11px 0px 9px;
  cursor: pointer;
  border-radius: 12px;
  height: 30px;
  grid-template-rows: 30px;
  overflow: hidden;
}
body #root .largeIcons .ant-layout-header .rightMenuItems i:last-child {
  border-radius: 12px 0 0 12px;
}
body #root .largeIcons .ant-layout-header .rightMenuItems i:hover {
  background: var(--blue);
  color: var(--white);
}
body #root .largeIcons .ant-layout-header .rightMenuItems i:hover span svg {
  color: var(--white);
}
body #root .largeIcons .ant-layout-header .rightMenuItems span.cloudSync {
  transform: translateY(-4.5px);
  font-size: 32px;
}
body #root .largeIcons .ant-layout-header .rightMenuItems span.cloudSync.syncing svg {
  color: var(--blue);
  animation-name: colorPulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
body #root .largeIcons .ant-layout-header .rightMenuItems span.cloudSync.offline svg {
  color: var(--red);
}
@media (min-width: 868px) {
  body #root .largeIcons .ant-layout-header .rightMenuItems span.cloudSync {
    transform: translateY(-3px);
  }
}
body #root .largeIcons .ant-layout-header .rightMenuItems span.anticon-ellipsis {
  font-size: 28px;
}
body #root .largeIcons .ant-layout-header .rightMenuItems span.anticon-bell {
  transform: translate(-1px, 0px);
  font-size: 28px;
}
body #root .largeIcons .ant-layout-header .rightMenuItems span.anticon-bars {
  font-size: 28px;
}
body #root .largeIcons .ant-layout-header .rightMenuItems span.anticon-cloud-upload {
  font-size: 28px;
}
body #root .largeIcons .ant-layout-header .rightMenuItems span.anticon-file-add {
  font-size: 25px;
  transform: translate(-1px, -0.5px);
}
body #root .largeIcons .ant-layout-header .rightMenuItems span.anticon-diff {
  font-size: 26px;
  transform: translate(-1px, -0.5px);
}
body #root .largeIcons .ant-layout-header .rightMenuItems span.anticon-folder-add {
  font-size: 28px;
  transform: translate(-1px, -1px);
}
body #root .largeIcons .ant-layout-header .rightMenuItems span.anticon-sort-ascending {
  font-size: 18px;
}
body #root .largeIcons .ant-layout-header .rightMenuItems span.anticon-search {
  font-size: 24px;
}
body #root .largeIcons .ant-layout-header .rightMenuItems span.anticon-tag {
  transform: translate(-1px, 0px);
}
@media (max-width: 868px) {
  body #root .largeIcons .ant-layout-header .rightMenuItems span {
    font-size: 22px;
  }
  body #root .largeIcons .ant-layout-header .rightMenuItems span.anticon-bell {
    font-size: 22px;
  }
  body #root .largeIcons .ant-layout-header .rightMenuItems span.cloudSync {
    font-size: 36px;
  }
  body #root .largeIcons .ant-layout-header .rightMenuItems span.anticon-tag {
    transform: translate(-2px, 3px);
    font-size: 27px;
  }
}
@media (max-width: 480px) {
  body #root .largeIcons .ant-layout-header .rightMenuItems span.goToLibraryButton span {
    font-size: 12px;
  }
}
body #root .ant-layout-content {
  grid-row: 2;
  overflow: auto;
}
body #root .ant-layout-content input:hover,
body #root .ant-layout-content input:focus,
body #root .ant-layout-content textarea:hover,
body #root .ant-layout-content textarea:focus,
body #root .ant-layout-content .ant-select-selector:hover,
body #root .ant-layout-content .ant-select-selector:focus {
  border-color: #3a7bb8;
}
body #root .ant-layout-content label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body #root .ant-form-item {
  margin-bottom: 20px;
}
body #root .ant-layout-sider {
  background: #ffffff;
  height: 100vh;
  overflow: auto;
}
body #root .ant-layout-sider .ant-menu-submenu,
body #root .ant-layout-sider .ant-menu-item {
  padding-top: 0px;
}
body #root .ant-layout-sider.ant-layout-sider-collapsed .ant-menu-item.largeIcons,
body #root .ant-layout-sider.ant-layout-sider-collapsed .ant-menu-item.smallIcons,
body #root .ant-layout-sider.ant-layout-sider-collapsed .ant-menu-submenu {
  padding-top: 2px;
}
body #root .ant-layout-sider.ant-layout-sider-collapsed .ant-menu-item {
  padding-top: 0.5px;
}
body #root .ant-layout-sider .ant-menu {
  background: none;
  box-shadow: none;
}
body #root .ant-layout-sider .ant-menu .submenu {
  color: #888;
  font-size: 12px;
  padding-left: 47px !important;
  line-height: 16px;
  height: 29px;
}
body #root .ant-layout-sider .menu-sidebar .divider,
body #root .ant-layout-sider .menu-sidebar .ant-menu-item-divider {
  height: 2px;
  display: block;
  margin: 11px 17px 11px 11px;
  background: radial-gradient(circle at 100% 100%, rgba(119, 119, 119, 0.4666666667) 0, rgba(119, 119, 119, 0.4666666667) 3px, transparent 3px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, rgba(119, 119, 119, 0.4666666667) 0, rgba(119, 119, 119, 0.4666666667) 3px, transparent 3px) 100% 0%/8px 8px no-repeat, radial-gradient(circle at 100% 0, rgba(119, 119, 119, 0.4666666667) 0, rgba(119, 119, 119, 0.4666666667) 3px, transparent 3px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, rgba(119, 119, 119, 0.4666666667) 0, rgba(119, 119, 119, 0.4666666667) 3px, transparent 3px) 100% 100%/8px 8px no-repeat, linear-gradient(rgba(119, 119, 119, 0.4666666667), rgba(119, 119, 119, 0.4666666667)) 50% 50%/calc(100% - 10px) calc(100% - 16px) no-repeat, linear-gradient(rgba(119, 119, 119, 0.4666666667), rgba(119, 119, 119, 0.4666666667)) 50% 50%/calc(100% - 16px) calc(100% - 10px) no-repeat, linear-gradient(90deg, transparent 1%, rgba(119, 119, 119, 0.4666666667) 25%, rgba(255, 255, 255, 0.5176470588) 50%, rgba(72, 171, 224, 0) 99%);
  box-sizing: border-box;
}
body #root .ant-layout-sider .menu-sidebar .selected .ant-menu-title-content,
body #root .ant-layout-sider .menu-sidebar .selected .ant-menu-submenu-title {
  color: var(--blue);
  font-weight: bold;
}
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu {
  margin-inline: 4px;
  margin-block: 4px;
}
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu.expanded {
  font-size: 14px;
}
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu.expanded.largeIcons .ant-menu-submenu-title {
  padding-left: 21px !important;
}
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu.expanded.largeIcons .ant-menu-submenu-title .anticon {
  font-size: 16px;
}
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu.selected {
  background-color: rgba(141, 158, 176, 0.2078431373) !important;
  transition: background 0.8s ease;
  color: var(--blue) !important;
}
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu.selected .ant-menu-title-content,
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu.selected .ant-menu-submenu-title {
  font-weight: bold;
}
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu ul.ant-menu-sub {
  padding: 16px 0 20px !important;
  border-radius: 0 0 8px 8px;
}
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu ul.ant-menu-sub li.ant-menu-item,
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu ul.ant-menu-sub li.ant-menu-submenu {
  padding-left: 23px !important;
  margin: 4px 7px;
  width: calc(100% - 15px);
  font-weight: normal;
  color: var(--blue) !important;
}
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu ul.ant-menu-sub li.ant-menu-item .ant-menu-title-content,
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu ul.ant-menu-sub li.ant-menu-item .ant-menu-submenu-title,
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu ul.ant-menu-sub li.ant-menu-submenu .ant-menu-title-content,
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu ul.ant-menu-sub li.ant-menu-submenu .ant-menu-submenu-title {
  font-weight: normal;
}
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu ul.ant-menu-sub li.ant-menu-item:hover,
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu ul.ant-menu-sub li.ant-menu-submenu:hover {
  background-color: rgba(15, 31, 45, 0.1882352941) !important;
}
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu ul.ant-menu-sub li.ant-menu-item.ant-menu-item-selected,
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu ul.ant-menu-sub li.ant-menu-submenu.ant-menu-item-selected {
  background-color: rgba(0, 0, 0, 0.2392156863) !important;
  cursor: default;
}
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu ul.ant-menu-sub li.ant-menu-item.ant-menu-item-selected .ant-menu-title-content,
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu ul.ant-menu-sub li.ant-menu-item.ant-menu-item-selected .ant-menu-submenu-title,
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu ul.ant-menu-sub li.ant-menu-submenu.ant-menu-item-selected .ant-menu-title-content,
body #root .ant-layout-sider .menu-sidebar li.ant-menu-submenu ul.ant-menu-sub li.ant-menu-submenu.ant-menu-item-selected .ant-menu-submenu-title {
  font-weight: bold;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu .submenu {
  color: #dddddd;
  font-size: 15px;
  padding-left: 0 !important;
  line-height: 16px;
  height: 35px;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu .submenu .ant-menu-title-content {
  font-size: 15px;
  line-height: 15px;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-root > li.library:nth-last-child(5) {
  margin-bottom: 120px;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-root > .ant-menu-item span.anticon {
  font-size: 16px;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu,
body #root .ant-layout-sider .menu-sidebar .ant-menu-item,
body #root .ant-layout-sider .menu-sidebar .ant-menu .ant-menu-title-content,
body #root .ant-layout-sider .menu-sidebar .ant-menu-submenu,
body #root .ant-layout-sider .menu-sidebar .ant-menu-submenu-title,
body #root .ant-layout-sider .menu-sidebar .ant-menu-submenu-arrow {
  color: var(--blue80) !important;
  transition: none;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu .ant-menu-title-content span {
  transition: none;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-submenu {
  display: none;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-submenu.ant-menu-submenu-inline {
  display: list-item;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-submenu div i.ant-menu-submenu-arrow {
  display: none;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-submenu.ant-menu-submenu-inline div i.ant-menu-submenu-arrow {
  display: inline-block;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-submenu,
body #root .ant-layout-sider .menu-sidebar .ant-menu-submenu * {
  transition-property: none !important;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-submenu.ant-menu-submenu-active,
body #root .ant-layout-sider .menu-sidebar .ant-menu-submenu.ant-menu-submenu-active * {
  transition-property: all !important;
}
body #root .ant-layout-sider .menu-sidebar ul.ant-menu {
  padding: 0 5px;
}
body #root .ant-layout-sider .menu-sidebar ul.ant-menu ul.ant-menu-sub {
  padding: 8px 0 9px;
  box-shadow: inset 0px 10px 10px -15px #000 !important;
  width: calc(100% - 22px);
  margin-left: 12px;
  margin-bottom: 12px;
}
body #root .ant-layout-sider .menu-sidebar ul.ant-menu ul.ant-menu-sub li {
  padding-left: 24px !important;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-item-selected {
  color: inherit;
  background-color: transparent;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-item:active {
  background-color: rgba(0, 0, 0, 0.1254901961);
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-submenu-title:active {
  background-color: rgba(0, 0, 0, 0.0156862745);
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-item.selected {
  background-color: rgba(141, 158, 176, 0.2078431373) !important;
  transition: background 0.8s ease;
  color: var(--blue) !important;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-root > .menuSmalls {
  margin-top: 120px !important;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-root > .menuSmalls ~ .menuSmalls {
  margin-top: 0 !important;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-root .menuSmalls {
  font-size: 11px;
  height: 30px;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-root .menuSmalls.ant-menu-submenu-inline {
  height: auto;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-root .menuSmalls .ant-menu-submenu-title {
  font-size: 11px;
  height: 30px;
  margin: 0;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-root .menuSmalls .ant-menu-submenu-title:hover {
  color: var(--blue) !important;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-root .menuSmalls .ant-menu.ant-menu-sub {
  background: #f0f0f0 !important;
  padding: 6px 3px 8px 0px !important;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-root .menuSmalls .ant-menu-item,
body #root .ant-layout-sider .menu-sidebar .ant-menu-root .menuSmalls .ant-menu-item span {
  font-size: 11px !important;
  line-height: 11px !important;
  margin: 0 0 0 9px !important;
}
body #root .ant-layout-sider .menu-sidebar .ant-menu-root .menuSmalls span.anticon {
  font-size: 16px;
}
body .ant-notification {
  z-index: 9999;
}
body .ant-tooltip {
  z-index: 999 !important;
}
body.builder .ant-tooltip {
  z-index: 4000 !important;
}
body .ant-modal-mask {
  z-index: 4000 !important;
}
body .ant-modal-wrap {
  z-index: 4000 !important;
}
body.viewer .ant-modal-wrap {
  z-index: 999999 !important;
}
body .ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #f0f0f0;
  border-radius: 0 0 4px 4px;
}
body .ant-modal-footer > div {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr max-content max-content;
  gap: 6px;
  justify-items: start;
  padding: 0 0 0 12px;
}
body .ant-dropdown {
  z-index: 999999999 !important;
}
body ul.ant-menu,
body ul.ant-dropdown-menu {
  padding: 0 !important;
}
body ul.ant-menu li,
body ul.ant-dropdown-menu li {
  padding: 0;
  display: grid;
  align-items: center;
  justify-content: center;
}
body ul.ant-dropdown-menu.mobileMenuItems {
  padding: 8px 0 !important;
  margin: -12px 9px;
}
body ul.ant-dropdown-menu.mobileMenuItems .createCollectionMenuItem {
  font-size: 20px;
}
body ul.ant-dropdown-menu.mobileMenuItems .ant-dropdown-menu-item-divider {
  margin: 6px 0 !important;
}
body ul.ant-dropdown-menu.mobileMenuItems .domainLink {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-items: center;
  justify-content: center;
  grid-gap: 4px;
  padding: 0px 20px 0px 9px;
  margin: 0px 0 0px 9px;
  cursor: pointer;
  border-radius: 12px 0 0 12px;
  height: 30px;
  grid-template-rows: 30px;
  overflow: hidden;
  font-size: 14px;
}
body ul.ant-dropdown-menu.mobileMenuItems .domainLink:hover {
  background: var(--blue);
  color: var(--white) !important;
}
body ul.ant-dropdown-menu.mobileMenuItems li {
  padding: 0 0 0 10px !important;
  margin: 0 !important;
}
body ul.ant-dropdown-menu.mobileMenuItems li .anticon-tag {
  transform: translate(1px, 5px);
}
body ul.ant-dropdown-menu.mobileMenuItems li i {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-items: center;
  justify-content: start;
  grid-gap: 4px;
  padding: 0px 18px 0px 9px;
  cursor: pointer;
  border-radius: 12px;
  height: 30px;
  grid-template-rows: 30px;
  overflow: hidden;
}
body ul.ant-dropdown-menu.mobileMenuItems li i:last-child {
  border-radius: 12px 0 0 12px;
}
body ul.ant-dropdown-menu.mobileMenuItems li i:hover {
  background: var(--blue);
  color: var(--white);
}
body ul.ant-dropdown-menu.mobileMenuItems li i:hover span svg {
  color: var(--white);
}

.ant-radio-group-solid :where(.css-dev-only-do-not-override-ed5zg0).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #203853;
  border-color: #203853;
}

:where(.css-dev-only-do-not-override-ed5zg0).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #203853;
  background: #ffffff;
  border-color: #203853;
}

.ant-list-items .ant-list-item.settingsListItem {
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-template-rows: max-content max-content;
}
@media (max-width: 480px) {
  .ant-list-items .ant-list-item.settingsListItem {
    grid-template-columns: 1fr;
    grid-template-rows: max-content max-content max-content;
  }
  .ant-list-items .ant-list-item.settingsListItem.page .ant-list-item-action, .ant-list-items .ant-list-item.settingsListItem.testing .ant-list-item-action, .ant-list-items .ant-list-item.settingsListItem.default .ant-list-item-action {
    display: grid;
    justify-items: end;
    grid-row: 3;
    margin-top: 12px;
  }
}
.ant-list-items .ant-list-item.settingsListItem .ant-list-item-meta {
  grid-row: 2;
  grid-column: 1/3;
}

.interestRegisterDeleteModal .ant-modal-content .ant-modal-body {
  padding: 16px 16px 6px 16px;
}

.ck-sticky-panel__content {
  border: unset !important;
}

.ant-popover {
  z-index: 999999 !important;
}

.ant-form-item-control-input + div[style="display: flex; flex-wrap: nowrap;"] {
  height: 12px;
}

[readonly]:not([aria-invalid]) {
  pointer-events: none;
  cursor: not-allowed !important;
  border: 1px solid #d9d9d9 !important;
  background: #eee !important;
}
[readonly]:not([aria-invalid]):hover {
  border: 1px solid #d9d9d9 !important;
}

.ant-input-affix-wrapper-readonly {
  pointer-events: none;
  border: 1px solid #d9d9d9 !important;
  cursor: not-allowed !important;
}
.ant-input-affix-wrapper-readonly:hover {
  border: 1px solid #d9d9d9 !important;
}

textarea[readonly] {
  pointer-events: none;
  border: none !important;
}
textarea[readonly]:hover {
  border: none !important;
}

.ant-modal-footer {
  padding: 10px 16px !important;
  text-align: right;
  background: transparent;
  border-top: 1px solid #f0f0f0;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer > div {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr max-content max-content;
  gap: 6px;
  padding: 0 0 0 12px;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html,
body,
#root {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-size: 14px;
  height: 100%;
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}

body.iosApp.mobile {
  padding-bottom: 10px;
}

body {
  color: rgb(var(--foreground-rgb));
  background: linear-gradient(to bottom, transparent, rgb(var(255, 255, 255))) rgb(var(214, 219, 220));
}
body.dashboard.overview .card,
body.dashboard.overview .ant-card,
body.dashboard.overview .bookshelf-container {
  background: white;
}

.offlineBanner {
  grid-column: 1/-1;
  grid-row: 3;
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: center;
  gap: 6px;
  background: var(--darkYellow);
  line-height: 25px;
  box-shadow: inset 0px 5px 6px -6px black, inset 0px -2px 6px -6px black;
}
.offlineBanner span {
  font-size: 16px;
  color: white;
  text-align: center;
}

.mobile .libraryContextMenu,
.tablet.androidApp .libraryContextMenu {
  transform: scale(0.9);
}

.libraryContextMenu {
  display: block;
  position: absolute;
  top: -1000px;
  left: -1000px;
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0px 0px 10px -8px #000, 2px 2px 10px -5px #000;
  border: 1px solid #000;
  min-width: 230px;
  max-width: 260px;
  z-index: 999;
}
.libraryContextMenu ul li {
  list-style: none;
}
.libraryContextMenu h3.title {
  font-size: 19px;
  padding: 6px 12px 8px;
  margin: 0;
  border-radius: 6px 6px 0 0;
  font-family: "bariol_bold";
  color: var(--white);
  background: var(--blue);
  box-shadow: inset 0 -7px 10px -7px #000;
  word-break: break-word;
}
.libraryContextMenu h3.title.reader {
  background: #1a413e;
}
.libraryContextMenu h3 {
  font-size: 19px;
  padding: 6px 18px 6px 12px;
  margin: 10px 0;
  border-bottom: 1px solid rgba(5, 5, 5, 0.16);
  font-family: "bariol_bold";
}
.libraryContextMenu .divider {
  padding: 0;
  border-bottom: 1px solid rgba(5, 5, 5, 0.06);
}
.libraryContextMenu .spacer {
  padding: 3px;
}
.libraryContextMenu .ant-list h3 {
  font-size: 19px;
  padding: 6px 12px 4px;
  margin: 10px -16px -9px;
  border-bottom: 1px solid rgba(5, 5, 5, 0.16);
  font-family: "bariol_bold";
}
.libraryContextMenu .ant-list .ant-list-item {
  padding: 8px 12px 10px 16px;
}
.libraryContextMenu .loadingContextMenu {
  height: 150px;
  display: grid;
  align-items: center;
}
.libraryContextMenu .loadingContextMenu .ant-spin-text div {
  font-size: 22px;
}
.libraryContextMenu .convert-collection-type {
  width: calc(100% - 0px);
  padding: 0px 20px 17px;
  margin: -13px 0 0;
  display: grid;
}
.libraryContextMenu .convert-collection-type button {
  align-self: center;
}
.libraryContextMenu .convert-collection-type span.label {
  padding: 0 1px;
  color: var(--blue90);
  font-size: 13px;
}
.libraryContextMenu .convert-collection-type .ant-select {
  width: 100%;
}
.libraryContextMenu ul.contextActions {
  padding: 0 0 6px;
  margin: -8px 0 0;
}
.libraryContextMenu ul.contextActions li {
  font-size: 19px;
  font-family: "bariol_regular";
  list-style: none;
  margin: 0;
  padding: 6px 18px;
}
.libraryContextMenu ul.contextActions li span {
  transform: translate(-6px, 1px);
}
.libraryContextMenu ul.contextActions li:hover {
  cursor: pointer;
  background: var(--lightGrey);
}
.libraryContextMenu ul.contextActions li.divider, .libraryContextMenu ul.contextActions li.spacer {
  margin: 0;
  padding: 0;
}
.libraryContextMenu ul.contextActions li.divider:hover, .libraryContextMenu ul.contextActions li.spacer:hover {
  cursor: default;
  background: #fff;
}
.libraryContextMenu ul.contextActions li.spacer {
  padding: 3px;
}
.libraryContextMenu ul.contextActions li.title {
  padding: 0 11px 0px;
  margin: 0px -11px 7px !important;
}
.libraryContextMenu ul.contextActions li.title h4 {
  padding: 0;
  margin: 30px 0 0;
  font-size: 16px;
  font-weight: bold;
}
.libraryContextMenu ul.contextActions li.title:hover {
  background-color: initial;
  cursor: default;
}
.libraryContextMenu ul.contextActions li.readReceipt, .libraryContextMenu ul.contextActions li.printShare {
  display: grid;
  grid-template-columns: max-content 1fr min-content;
}
.libraryContextMenu ul.contextActions li.readReceipt button, .libraryContextMenu ul.contextActions li.printShare button {
  grid-row: 1;
  grid-column: 3;
}
.libraryContextMenu ul.contextActions li.watermark, .libraryContextMenu ul.contextActions li.annotate {
  display: grid;
  grid-template-columns: 1fr min-content;
}
.libraryContextMenu ul.contextActions li.watermark span, .libraryContextMenu ul.contextActions li.annotate span {
  grid-row: 1;
  grid-column: 12;
}
.libraryContextMenu ul.contextActions li.minutesExport {
  display: grid;
  grid-template-columns: max-content 1fr min-content;
}
.libraryContextMenu ul.contextActions li.minutesExport span {
  grid-row: 1;
  grid-column: 2;
}
.libraryContextMenu ul.contextActions li.minutesExport button {
  grid-row: 1;
  grid-column: 3;
}
.libraryContextMenu ul.contextActions li.offline:hover {
  background: white;
  cursor: default;
}
.libraryContextMenu ul li.divider, .libraryContextMenu ul li.spacer {
  margin: 0;
  padding: 0;
  pointer-events: none;
}
.libraryContextMenu ul li.divider:hover, .libraryContextMenu ul li.spacer:hover {
  cursor: default;
  background: #fff;
}
.libraryContextMenu ul li.spacer {
  padding: 3px;
}
.libraryContextMenu ul li.title {
  margin: 0px 0px 14px !important;
}
.libraryContextMenu ul li.title h4 {
  padding: 0;
  margin: 30px 0 0;
  font-size: 16px;
  font-weight: bold;
}
.libraryContextMenu ul li.title:hover {
  cursor: default;
}
.libraryContextMenu ul li.readReceipt, .libraryContextMenu ul li.printShare, .libraryContextMenu ul li.watermark {
  display: grid;
  grid-template-columns: max-content 1fr min-content;
  align-items: center;
}
.libraryContextMenu ul li.readReceipt button, .libraryContextMenu ul li.printShare button, .libraryContextMenu ul li.watermark button {
  grid-row: 1;
  grid-column: 3;
}
.libraryContextMenu ul li.readReceipt span, .libraryContextMenu ul li.printShare span, .libraryContextMenu ul li.watermark span {
  grid-row: 1;
  grid-column: 2;
}
.libraryContextMenu ul li.annotate {
  display: grid;
  grid-template-columns: 1fr min-content;
  align-items: center;
}
.libraryContextMenu ul li.annotate span {
  grid-row: 1;
  grid-column: 12;
}
.libraryContextMenu ul li.minutesExport {
  display: grid;
  grid-template-columns: max-content 1fr min-content;
  align-items: center;
}
.libraryContextMenu ul li.minutesExport span {
  grid-row: 1;
  grid-column: 2;
}
.libraryContextMenu ul li.minutesExport button {
  grid-row: 1;
  grid-column: 3;
}
.libraryContextMenu .tableOptions {
  padding: 12px;
  text-align: right;
}

body.installing #root,
body.viewer #root {
  grid-template-columns: 0 1fr !important;
}
body.installing #root .ant-layout-sider,
body.viewer #root .ant-layout-sider {
  display: none !important;
}

#root {
  position: relative;
  display: grid;
  grid-template-rows: 64px 1fr;
  grid-template-columns: 66px 1fr;
  transition: grid-template-columns 0.2s ease;
}
body.mobile #root {
  grid-template-columns: 0 1fr;
}
#root .modalContainer {
  position: absolute;
  display: grid;
  z-index: 1000;
  background: var(--lightGrey);
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  align-items: center;
  justify-content: center;
}
#root .modalContainer > :first-child {
  padding: 16px 26px 26px;
  margin: 26px;
  border-radius: 8px;
  width: max-content;
  height: max-content;
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  box-sizing: border-box;
}
#root:has(aside.ant-layout-sider):not(:has(aside.ant-layout-sider-collapsed)) {
  grid-template-columns: 200px 1fr;
}
#root:not(:has(aside.ant-layout-sider)) {
  grid-template-columns: 66px 1fr;
}
#root aside.ant-layout-sider {
  padding: 0 0 12px;
}
#root aside.ant-layout-sider .logo {
  height: 52px;
  width: 116px;
  cursor: pointer;
  margin: 30px auto;
  background-image: url("/images/logo_mdl_blue.svg");
  background-repeat: no-repeat;
  background-position: center center;
  transform: translate(-1px, 1px);
}
#root aside.ant-layout-sider.ant-layout-sider-collapsed .logo {
  height: 48px;
  width: 48px;
  cursor: pointer;
  margin: 0px auto 12px;
  background-image: url("/images/icon-blue.png");
  background-size: contain;
}
#root aside.ant-layout-sider.ant-layout-sider-collapsed .ant-menu-item,
#root aside.ant-layout-sider.ant-layout-sider-collapsed .ant-menu-submenu-title {
  padding-inline: calc(50% - 8px - 7px) !important;
}
#root aside.ant-layout-sider.ant-layout-sider-collapsed .anticon {
  font-size: 20px !important;
  padding-inline: calc(50% - 8px - 7px) !important;
  text-overflow: unset !important;
  overflow: visible !important;
  width: 30px;
}
#root aside.ant-layout-sider.ant-layout-sider-collapsed .menuSmalls {
  font-size: 20px !important;
  height: 40px !important;
  text-overflow: unset !important;
  overflow: visible !important;
}
#root aside.ant-layout-sider.ant-layout-sider-collapsed .menuSmalls .ant-menu-submenu-title {
  width: 30px;
}
#root aside.ant-layout-sider.ant-layout-sider-collapsed .anticon-logout {
  margin-left: 2px;
}
#root aside.ant-layout-sider {
  grid-row: 1/-1;
  grid-column: 1;
  z-index: 1;
}
#root aside.ant-layout-sider .ant-layout-sider-children {
  overflow-y: auto;
  display: grid;
  grid-template-rows: max-content max-content 1fr 1fr;
  grid-template-columns: 100%;
  align-items: end;
  margin-top: 6px;
}
#root aside.ant-layout-sider .ant-layout-sider-children .menu-sidebar .ant-menu-submenu {
  display: list-item;
}
#root section.ant-layout {
  grid-row: 1;
  grid-column: 2;
}
#root section.ant-layout .ant-layout-content input:hover,
#root section.ant-layout .ant-layout-content input:focus,
#root section.ant-layout .ant-layout-content textarea:hover,
#root section.ant-layout .ant-layout-content textarea:focus,
#root section.ant-layout .ant-layout-content .ant-select-selector:hover,
#root section.ant-layout .ant-layout-content .ant-select-selector:focus {
  border-color: #3a7bb8;
}
#root section.ant-layout .ant-layout-content label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

::-webkit-scrollbar {
  /* Hide scrollbars MSWindows */
  width: 0px;
  background: transparent;
}

.stellar-body {
  background: #dedede url("/images/logo_mdl_white.svg") no-repeat center center fixed;
  background-size: cover;
}

[hidden] {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  word-break: break-word;
}

ul,
ol {
  margin: 10px 18px;
}

small span {
  white-space: nowrap;
}

button {
  grid-auto-columns: max-content;
  grid-gap: 0;
  align-items: center;
  justify-content: space-around;
}
button span {
  white-space: nowrap;
}
button strong {
  margin: 0 3px;
}

.disabled,
[disabled],
.ant-btn-disabled,
.disabled:hover,
[disabled]:hover,
.ant-btn-disabled:hover {
  cursor: not-allowed;
  background: rgba(0, 0, 0, 0.04) !important;
  pointer-events: none !important;
}

.serviceWorkerPrompt .ant-modal-content .ant-modal-body {
  padding: 20px 16px 16px;
}

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

.animate-flicker {
  -webkit-animation: flickerAnimation 1s infinite;
  -moz-animation: flickerAnimation 1s infinite;
  -o-animation: flickerAnimation 1s infinite;
  animation: flickerAnimation 1s infinite;
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  height: 100vh;
  justify-content: center;
  width: 100vw;
  z-index: 1000;
}

.stars,
.twinkling {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.stars {
  background: #000 url(/images/animation/stars.png) repeat top center;
}

.twinkling {
  background: transparent url(/images/animation/twinkling.png) repeat top center;
  -moz-animation: move-twink-back 200s linear infinite;
  -ms-animation: move-twink-back 200s linear infinite;
  -o-animation: move-twink-back 200s linear infinite;
  -webkit-animation: move-twink-back 200s linear infinite;
  animation: move-twink-back 200s linear infinite;
}

.ant-form-item.stellar-dropdown-add-item {
  margin-top: 5px;
  margin-bottom: 5px !important;
}

.ant-card-actions {
  margin: 5px !important;
}

.stellarShareModal .ant-card-actions {
  width: calc(100% + 50px);
  margin-left: -20px !important;
}

.ant-card-actions::before {
  display: none !important;
}

.ant-card-meta {
  display: block !important;
}

/* AntD 4.21 BUGFIX - End */
.ant-card-body {
  /* Overflows horizontally otherwise */
  white-space: normal;
}

.ant-card-meta-description {
  color: #bbb !important; /* Was too light otherwise, could not read */
}

.ant-tooltip {
  /* Antd <Tooltip /> does not apply className */
  font-weight: 100 !important;
  font-size: 13px !important;
}

.android .ant-tooltip,
.ios .ant-tooltip {
  display: none;
}

.stellar-black {
  color: black !important;
}

.stellar-font-regular {
  font-family: "bariol_regular";
  letter-spacing: 1.5px;
  font-weight: 800;
}

.stellar-font {
  font-family: "bariol_bold";
  letter-spacing: 1px;
  /* font-weight:800; */
}

.stellar-font-bold {
  font-family: "bariol_bold";
  letter-spacing: 1px;
  font-weight: 800;
}

.stellar-green {
  color: #55b442 !important;
}

.stellar-blue {
  color: #2e5178 !important;
}

.stellar-red {
  color: #db3b3b !important;
}

.stellar-pointer {
  cursor: pointer;
}

.stellar-minutes-item-disabled input.ant-input.ant-input-disabled {
  background-color: transparent !important;
  color: #000000;
}

.stellar-minutes-item-disabled textarea.ant-input.ant-input-disabled {
  color: #000000;
}

.stellar-view-title-drop-down {
  width: 50% !important;
}

.stellar-view-title-select {
  margin-left: 18px;
  margin-right: 5px;
}

.stellar-view-title-select .ant-select-selection.ant-select-selection--single {
  border-color: white;
}

.stellar-view-title-select:hover {
  border-color: white;
}

.ant-select-selection:hover {
  border-color: #354b61;
}

/* TODO: DELETE - End */
.trigger {
  font-size: 18px;
  color: var(--blue) !important;
}

.ant-menu-item > a {
  display: inline;
  color: #dcdcdd !important;
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #f0f0f0 !important;
  -webkit-box-shadow: 0 2px 8px #0e2941 inset !important;
  box-shadow: 0 2px 8px #0e2941 inset !important;
}

.popconfirm {
  cursor: pointer;
}

.tableOptions {
  display: grid;
  gap: 12px;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: center;
  justify-content: end;
}

.ant-layout {
  display: grid;
  grid-column: 2;
  height: 100vh;
  overflow: hidden;
  overflow-y: scroll;
  min-height: 0;
  background: #f0f2f5;
  background-image: linear-gradient(155deg, hsl(216, 10%, 90%) 2%, hsl(216, 10%, 90%) 19%, hsl(216, 10%, 90%) 26%, hsl(216, 11%, 91%) 30%, hsl(216, 11%, 91%) 33%, hsl(216, 11%, 91%) 36%, hsl(216, 11%, 91%) 38%, hsl(216, 12%, 92%) 40%, hsl(216, 12%, 92%) 42%, hsl(216, 13%, 92%) 44%, hsl(216, 13%, 92%) 45%, hsl(216, 13%, 93%) 47%, hsl(216, 14%, 93%) 49%, hsl(216, 14%, 93%) 51%, hsl(216, 15%, 93%) 53%, hsl(216, 15%, 94%) 56%, hsl(216, 16%, 94%) 58%, hsl(216, 17%, 94%) 62%, hsl(216, 17%, 94%) 65%, hsl(216, 18%, 95%) 71%, hsl(216, 19%, 95%) 78%, hsl(216, 20%, 95%) 99%);
}

@media (min-width: 868px) {
  .ant-table-column-title {
    white-space: nowrap;
  }
}
.ant-table-thead th.ant-table-column-sort {
  background: #f5f5f5 !important;
}

.ant-input-affix-wrapper > input.ant-input {
  /* PATCH: <Input /> not inherit properties assigned when prefix icon applied :( */
  background: transparent !important;
}

.stellar-logo-mono-dark-modal {
  background-image: url("/images/logo_mdl_blue.svg");
  margin-top: 10%;
  margin-bottom: 10%;
  height: 110px;
  background-repeat: no-repeat;
  background-position: center center;
}

.stellar-logo-dark {
  background-image: url("/images/logo_mdl_blue.svg");
  margin-top: 10%;
  margin-bottom: 10%;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center center;
}

.stellar-logo-mono-dark {
  background-image: url("/images/logo_mdl_blue.svg");
  margin-top: 10%;
  margin-bottom: 10%;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center center;
}

.stellar-logo-login {
  width: 60%;
}

.folderCreateImage {
  display: block;
  margin: 12px auto 16px auto;
}

@media (max-width: 480px) {
  .folderCreateImage {
    width: 30%;
  }
}
svg {
  width: 1em;
  height: 1em;
}

/* <NotifyIcon />  - Start */
/*
.ant-tabs-ink-bar {
   background-color: #3dba76;
}
.ant-badge-count {
   top: -6px;
   left: 22px;
}
.ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-tab:hover {
       font-weight: 500;
}
.antd-pro-notice-icon-list .antd-pro-notice-icon-item:hover {
   background: #e6ffed; }
*/
.stellar-notice-icon {
  position: absolute;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.stellar-notice-icon > span.ant-badge {
  top: -1px;
  color: #2e5178;
}

.ant-badge-count {
  top: -6px;
  right: 3px !important;
}

.ant-badge-multiple-words {
  padding: 0 6px !important;
}

span.ant-avatar.antd-pro-notice-icon-avatar.ant-avatar-circle.ant-avatar-image {
  border-radius: 0px;
}

span.ant-avatar.antd-pro-notice-icon-avatar.ant-avatar-circle.ant-avatar-image > img {
  width: auto;
}

.antd-pro-notice-icon-description {
  color: rgba(0, 0, 0, 0.45);
}

/* <NotifyIcon /> - End */
/* TODO: Review all these CSS, below */
/* use css to set position of modal */
.vertical-center-modal {
  text-align: center;
}

.vertical-center-modal:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.vertical-center-modal .ant-modal {
  display: inline-block;
  vertical-align: middle;
  top: 1rem;
  text-align: left;
}

.vertical-center-modal .ant-modal-body {
  text-align: center; /* Required for Logo to center :( */
}

/* Catalogue - Start */
.ant-tree *:focus {
  outline: none;
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close:after,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open:after {
  font-size: 17px !important;
}

.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #ffffff !important;
}

#searchForm .ant-form-item-control-wrapper {
  width: 100%;
}

.stellar-bookshelf-item-not-cached {
  opacity: 0.27;
  filter: grayscale(45%);
}

.document_collection {
  opacity: 0.9;
  filter: grayscale(20%);
}
.document_collection .stellar-bookshelf-item-not-cached {
  opacity: 0.5;
  filter: grayscale(30%);
}

/* <Notify /> - Start */
.antd-pro-notice-icon-noticeButton {
  position: relative;
  top: 3px;
}

span.ant-avatar.antd-pro-notice-icon-avatar.ant-avatar-circle.ant-avatar-image {
  border-radius: 0px;
}

span.ant-avatar.antd-pro-notice-icon-avatar.ant-avatar-circle.ant-avatar-image > img {
  width: auto;
}

.antd-pro-notice-icon-description {
  color: rgba(0, 0, 0, 0.45);
}

.stellar-overlay-high {
  z-index: 1081 !important;
}

.vertical-center-modal .ant-modal-body {
  text-align: left; /* Since AntD v4.4.1 Modal form select titles are centered otherwise */
}

.stellar-bookshelf-modern {
  background: url("/images/fsw-shelf.png") no-repeat bottom;
  /* background-size: 2440px 47px; */
  background-size: 95% 20%;
  padding-top: 65px;
  margin-bottom: 10px;
  /*
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 13px 20px -6px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 13px 20px -6px rgba(0,0,0,0.1);
  box-shadow: 0px 13px 20px -6px rgba(0,0,0,0.1);
    */
}

.ant-card .ant-card-actions > li {
  margin: 0;
}
.ant-card .ant-card-actions > li span {
  height: 39px;
  display: grid;
  align-items: center;
}
.ant-card .ant-card-actions > li span span {
  display: inline-block;
  height: fit-content;
}
.ant-card .ant-card-actions > li span span.anticon {
  display: inline-block;
  color: #2e5178;
  font-size: 17px !important;
  line-height: 13px !important;
  font-family: "bariol_regular";
  letter-spacing: 1px;
  height: 100%;
  padding: 10px;
}
.ant-card .ant-card-actions > li span button,
.ant-card .ant-card-actions > li span span.stellar-button-text {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  justify-content: center;
  color: #2e5178;
  font-size: 16px;
  font-family: "bariol_regular";
  letter-spacing: 1px;
  height: 100%;
  width: 100%;
  padding: 10px;
}
.ant-card .ant-card-actions > li span button span.anticon,
.ant-card .ant-card-actions > li span span.stellar-button-text span.anticon {
  display: grid;
  align-items: center;
  color: #2e5178;
  font-size: 17px !important;
  line-height: 13px !important;
  font-family: "bariol_regular";
  letter-spacing: 1px;
  height: 100%;
  width: max-content;
  padding: 0;
}

.stellar-btn-transparent {
  width: 100%;
  height: 100%;
  padding: 12px;
}
.stellar-btn-transparent:hover {
  /* Use with ghost={true} .ant-btn:hover  */
  border-color: rgba(53, 75, 97, 0) !important;
}

.ant-tabs-nav.ant-tabs-nav-animated {
  font-size: 14px; /* Too big otherwise, looks clunky */
}

.stellar-task-item input,
.stellar-task-item .ant-select-selection {
  background-color: #eff2f5;
  border-color: #eff2f5;
}

.stellar-minute-item input,
.stellar-minute-item .ant-input-affix-wrapper {
  background-color: #d2d9de;
  border-color: #d2d9de;
}

.stellar-task-item,
.stellar-minute-item {
  margin-bottom: 0px !important;
  /* width: 95%; */
}

.stellar-task-user-list .ant-select-selector {
  border: 0px !important;
}

.stellar-task-user-list span.ant-select-selection-item-remove {
  display: none !important;
}

.stellar-task-user-list .ant-select-selection--multiple .ant-select-selection__choice {
  padding: 0 10px 0 10px;
}

.stellar-table-column-vertical-align-top {
  vertical-align: top;
}

/* Required with subsequent Antd upgrade - Start */
.ant-card-actions > li > span a,
.ant-card-actions > li > span i {
  width: auto !important;
}

/* Required with subsequent Antd upgrade - End */
.ant-form-item-explain {
  text-align: right;
}

/* v3 to v4 - Start */
/* We designed for v3 */
.ant-form-item-control {
  line-height: 35px;
}

.ant-select-multiple .ant-select-selection-placeholder {
  text-align: left;
}

.ant-form-item-label {
  margin-top: 2px;
}

.ant-upload-list-item-info {
  text-align: left;
}

.ant-upload-btn {
  padding: 0 !important;
}
.ant-upload-btn .ant-upload-drag-container div {
  padding: 18px 10px !important;
}

/* v3 to v4 - End */
.stellar-switch-mono {
  background-color: #0e2941 !important;
}

.ant-btn-primary {
  color: #fff;
  border-color: #203853;
  background: #203853;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary:hover, .ant-btn-primary:focus {
  color: #fff;
  border-color: #354b61 !important;
  background: #354b61 !important;
}

.ant-input-affix-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  display: inline-flex;
}
.ant-input-affix-wrapper:hover {
  border-color: #354b61 !important;
  border-right-width: 1px;
}
.ant-input-affix-wrapper:focus {
  border-color: #354b61 !important;
  box-shadow: 0 0 0 2px rgba(32, 56, 83, 0.2);
  border-right-width: 1px;
  outline: 0;
}

.ant-input-affix-wrapper-focused {
  border-color: #354b61;
  box-shadow: 0 0 0 2px rgba(32, 56, 83, 0.2);
  border-right-width: 1px;
  outline: 0;
}

.ant-picker-calendar {
  width: calc(100% - 52px) !important;
}
@media (max-width: 868px) {
  .ant-picker-calendar .ant-row {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-template-rows: max-content max-content;
    row-gap: 5px;
  }
}
@media (max-width: 868px) {
  .ant-picker-calendar .ant-col {
    max-width: unset;
  }
  .ant-picker-calendar .ant-col:nth-child(2) {
    grid-row: 2;
    grid-column: 1/4;
  }
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
  display: block;
  width: auto;
  height: auto;
  margin: 0 4px;
  padding: 4px 8px 0;
  border: 0;
  border-top: 2px solid #f0f0f0;
  border-radius: 0;
  transition: background 0.3s;
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
  border-color: #203853;
}

.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  color: #fff;
  background: #203853;
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: #203853;
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
  background: #f7f7f7 !important;
}

.ant-pagination-item-active a {
  color: #203853;
}

a {
  color: #203853;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
}

.ant-table-column-sorter-up.active,
.ant-table-column-sorter-down.active {
  color: #203853 !important;
}

.ant-upload.ant-upload-drag.ant-upload-drag-uploading {
  display: none;
}

.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #354b61;
  font-size: 48px;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #354b61;
}

.ant-switch-checked {
  background-color: #203853 !important;
}

.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}

.ant-pagination-options {
  margin-right: 16px;
}

.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #203853 !important;
}
.ant-pagination-item-active a {
  color: #203853 !important;
}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #203853 !important;
  text-shadow: 0 0 0.25px currentcolor;
}

.ant-tabs-ink-bar {
  position: absolute;
  background: #203853 !important;
  pointer-events: none;
}

.ant-modal:not(.ant-modal-confirm) .ant-modal-content {
  padding: 0px 6px 6px !important;
}
.ant-modal:not(.ant-modal-confirm) .ant-modal-content .ant-modal-header {
  padding: 16px 24px 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 4px 4px 0 0;
  margin-bottom: 0 !important;
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .ant-modal-body {
    max-height: 700px;
    overflow-y: scroll;
  }
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
  overflow-y: auto;
}
.ant-modal-body::-webkit-scrollbar {
  width: 8px;
  transform: translateX(10px);
}
.ant-modal-body::-webkit-scrollbar-track {
  background: transparent;
}
.ant-modal-body::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.ant-modal-body::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}

.ant-list::-webkit-scrollbar {
  width: 8px;
  transform: translateX(10px);
}
.ant-list::-webkit-scrollbar-track {
  background: transparent;
}
.ant-list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.ant-list::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}

#id-app-scroll-top h1:first-of-type {
  text-align: center;
  margin-bottom: 1em;
}

.login-form {
  max-width: 100%;
}

.login-form-forgot {
  float: right;
  margin-left: 36px;
}

.login-form-button {
  width: 100%;
}

form button.ant-btn-primary {
  width: 100%;
}

.login-tab > .ant-tabs-nav {
  width: 100% !important;
  margin-top: 2px !important;
}
@media (max-width: 868px) {
  .login-tab.android .ant-tabs-tab-btn {
    font-size: 12px;
  }
}
@media (max-width: 868px) {
  .login-tab .ant-tabs-tab-btn {
    font-size: 13px;
  }
}

span.red {
  color: var(--red);
}
span.red svg,
span.red path {
  fill: var(--red);
  stroke: var(--red);
}

.twoFAmodal input::-webkit-outer-spin-button,
.twoFAmodal input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.twoFAmodal input[type=number] {
  -moz-appearance: textfield;
}

.ant-layout-content .ant-spin-nested-loading .ant-spin-dot-spin .ant-spin-dot-item {
  background-color: #18385d;
}

.ant-modal-wrap {
  -webkit-user-select: none;
  user-select: none;
  z-index: 99999;
}
.ant-modal-wrap .serviceWorkerPrompt {
  z-index: 99999 !important;
}

.modify {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
@media (max-width: 480px) {
  .modify {
    grid-template-columns: unset;
    justify-content: center;
  }
  .modify > :first-child {
    transform: translateX(45px);
  }
}

.ant-picker-dropdown {
  z-index: 9999;
}
@media (max-width: 480px) {
  .ant-picker-dropdown {
    left: 0 !important;
    overflow: scroll;
    transform-origin: left;
  }
}
@media (max-width: 868px) {
  .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panels {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .ant-picker-dropdown .ant-picker-date-panel {
    width: 220px;
  }
}
@media (max-width: 480px) {
  .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content {
    width: 178px;
    table-layout: unset;
  }
}
@media (max-width: 480px) {
  .ant-picker-dropdown .ant-picker-time-panel .ant-picker-content ul {
    width: 45px;
  }
  .ant-picker-dropdown .ant-picker-time-panel .ant-picker-content ul li {
    margin-inline: unset;
  }
}

.ant-picker-dropdown,
.ant-popconfirm,
.ant-select-dropdown {
  z-index: 999999 !important;
}

.ant-input-textarea-affix-wrapper {
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
}

.ant-tabs-nav-list {
  -webkit-overflow-scrolling: touch;
}

.ant-modal-confirm-confirm {
  top: 35%;
}

.libraryContextMenu li:hover {
  color: var(--blue);
}
.libraryContextMenu li:hover span.anticon {
  color: var(--blue);
}

.libraryContextMenu .hiddenFolder {
  color: var(--lightGrey);
  font-style: italic;
}
.libraryContextMenu .hiddenFolder span.anticon {
  color: var(--lightGrey);
}

.libraryContextMenu .markOffline span.anticon {
  transform: translate(-7px, 1px);
  font-size: 20px;
  margin: 0px -2px 0px 0px;
}
.libraryContextMenu .markOffline span.anticon.stellar-green {
  transform: translate(-7px, 1px) scaleY(1.3);
}

.libraryContextMenu .viewCollection {
  color: var(--blue);
}
.libraryContextMenu .viewCollection span.anticon {
  color: var(--blue);
}
.libraryContextMenu .viewCollection:hover {
  color: var(--white);
  background: var(--blue) !important;
}
.libraryContextMenu .viewCollection:hover span.anticon {
  color: var(--white);
}

.libraryContextMenu .editCollection {
  color: var(--darkYellow);
}
.libraryContextMenu .editCollection span.anticon {
  color: var(--darkYellow);
}
.libraryContextMenu .editCollection:hover {
  color: var(--white);
  background: var(--yellow) !important;
}
.libraryContextMenu .editCollection:hover span.anticon {
  color: var(--white);
}

.libraryContextMenu .editMinutes {
  color: var(--green);
}
.libraryContextMenu .editMinutes span.anticon {
  color: var(--green);
}
.libraryContextMenu .editMinutes:hover {
  color: var(--white);
  background: var(--green) !important;
}
.libraryContextMenu .editMinutes:hover span.anticon {
  color: var(--white);
}

.libraryContextMenu .delete {
  color: var(--red);
}
.libraryContextMenu .delete span.anticon {
  color: var(--red);
}
.libraryContextMenu .delete:hover {
  color: var(--red);
}
.libraryContextMenu .delete:hover span.anticon {
  color: var(--red);
}

.remove-overflow-modal {
  overflow-y: unset !important;
}

.tablet .collectionFileAddModal .ant-tree-treenode-leaf-last {
  visibility: hidden !important;
}

.mobile .ant-modal {
  vertical-align: top;
  top: 10%;
}

.ant-select-item-option-content {
  pointer-events: auto !important;
}

.taskStellarSelect .stellarSelectOptions {
  bottom: 100%;
}

html,
body,
#root {
  -webkit-overflow-scrolling: touch; /* Required for iOS momentum scrolling, else stops scrolling when finger lifted */
}

.mobileMessageModal .container {
  display: grid;
  row-gap: 6px;
  justify-items: center;
  text-align: center;
}
.mobileMessageModal .container svg {
  rotate: 90deg;
  font-size: 64px;
}

body .ant-table-wrapper {
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  padding-bottom: 16px;
  width: 100%;
}
body .ant-table-wrapper table {
  margin-bottom: 16px;
}

.ant-modal-root .ant-card {
  margin-bottom: 13px !important;
}
.ant-modal-root .ant-card .tableOptions {
  padding: 0px 20px;
  text-align: right;
  display: grid;
  gap: 12px;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: center;
  justify-content: end;
}
.ant-modal-root .ant-card .ant-card-actions .stellar-button-text .anticon {
  padding: 3px 5px 5px;
}
.ant-modal-root .ant-card .ant-card-body ul {
  margin: 6px 3px -16px;
}
.ant-modal-root .ant-card .ant-table-wrapper {
  border-radius: 8px;
}

.ant-table-wrapper .ant-table-selection-column {
  padding: 0 2px 0 17px !important;
}

.nodeUserAccess .ant-card-body {
  padding: 0 0 16px 0;
}
.nodeUserAccess .ant-card-body .ant-table-wrapper {
  overflow: auto;
}
.nodeUserAccess .ant-card-body .ant-table-wrapper .ant-table {
  overflow: auto;
}

aside.ant-layout-sider {
  height: 100%;
  transition: all 0s;
}
aside.ant-layout-sider i {
  cursor: pointer;
  z-index: 999;
  float: right;
  transform: translate(-20px, 20px);
}
aside.ant-layout-sider i span.anticon-close {
  font-size: 24px;
  color: var(--grey);
}
aside.ant-layout-sider i span:hover {
  color: #fff;
}
aside.ant-layout-sider.fixed b.menuClicker {
  left: 200px;
}
aside.ant-layout-sider.expanded b.menuClicker {
  left: 100%;
}
aside.ant-layout-sider.ant-layout-sider-collapsed b.menuClicker {
  clip-path: circle(0);
}

.andCopyR {
  text-align: center;
  padding-right: 4px;
}

b.menuClicker {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: inset 11px 0 20px -10px rgba(0, 0, 0, 0.5);
  cursor: default;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 200px;
  z-index: 9998;
  touch-action: none;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
}

.customMenuDivider {
  height: auto !important;
  padding-left: 16px !important;
}
.customMenuDivider:hover {
  background-color: transparent !important;
  cursor: default !important;
}
.customMenuDivider .menuDividerLine {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.15);
}

.breadcrumbContainer {
  background: var(--blue);
  color: #fff;
  padding: 1px;
  margin-bottom: 0;
  display: grid;
  box-shadow: inset 0px 12px 11px -13px #000;
  grid-template-columns: 1fr auto;
  width: 100%;
  align-items: center;
  line-height: 38px;
  height: 39px;
  grid-column: 1/-1;
  grid-row: 2;
  padding: 0 16px;
}
.breadcrumbContainer .breadcrumbItem {
  display: grid;
  grid-template-columns: auto 1fr;
  width: 100%;
}
.breadcrumbContainer .breadcrumbItem.path {
  display: flex;
  flex-wrap: nowrap;
}
.breadcrumbContainer .breadcrumbItem.path .anticon {
  color: #fff !important;
  line-height: 0 !important;
}
.breadcrumbContainer .breadcrumbItem.path .domainHome {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  grid-gap: 8px;
  color: var(--white);
  transform: translateY(-0.5px);
}
.breadcrumbContainer .breadcrumbItem.path .domainHome span svg {
  font-size: 16px;
}
.breadcrumbContainer .breadcrumbItem .rightItems {
  margin-left: auto;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: center;
  gap: 2px;
}
.breadcrumbContainer .breadcrumbItem .rightItems i {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  color: var(--white);
  transform: translateY(-0.5px);
}
@media (max-width: 480px) {
  .breadcrumbContainer .breadcrumbItem .rightItems .text {
    display: none;
  }
}
.breadcrumbContainer .breadcrumbItem .rightItems .domainLink {
  background: var(--white);
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.88) !important;
  font-size: 14px;
  padding: 5px 8px;
  line-height: 11px;
  cursor: pointer;
  display: block;
  align-self: center;
  height: 22px;
  margin-top: 1px;
}
.breadcrumbContainer .breadcrumbItem .rightItems .domainLink:hover {
  background: var(--blue);
  color: var(--white) !important;
  box-shadow: inset 0px 0px 3px 1px #000, inset -1px -1px 2px -1px var(--highlight), inset 1px 1px 3px -3px red, 2px 2px 5px -7px blue;
}

.ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable),
.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-rounded-corners {
  cursor: initial;
}

div.ck-body-wrapper .ck-powered-by-balloon {
  display: none !important;
}

.editorContainer .ck.ck-editor h1,
.editorContainer .ck.ck-editor h2,
.editorContainer .ck.ck-editor h3,
.editorContainer .ck.ck-editor h4,
.editorContainer .ck.ck-editor h5,
.editorContainer .ck.ck-editor h6 {
  color: var(--blue);
}
.editorContainer .ck.ck-editor i {
  font-style: italic;
}
.editorContainer .ck.ck-editor .ck.ck-toolbar {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 3px;
  margin: -3px -8px;
}
.editorContainer .ck.ck-editor .ck.ck-toolbar .ck-disabled.ck-off {
  display: none;
}
.editorContainer .ck.ck-editor .ck.ck-toolbar .ck-toolbar__separator {
  background: none !important;
}
.editorContainer .ck.ck-editor .ck.ck-toolbar button {
  background: #fff;
}
.editorContainer .ck.ck-editor .ck.ck-toolbar * {
  outline: none !important;
}

#root .viewer .ck.ck-editor {
  width: 100%;
}
#root .viewer .ck.ck-editor .ck.ck-toolbar {
  background: #1b413e;
  border: none;
  border-radius: 0 6px 0 0;
}
#root .viewer .ck.ck-editor .ck.ck-toolbar button {
  background: #fff;
}
#root .viewer .ck.ck-editor .ck.ck-toolbar * {
  outline: none !important;
}
#root .viewer .ck.ck-editor .ck.ck-toolbar .ck-toolbar__items {
  background: white;
  width: 300px !important;
  margin: 0px 6px 10px 0px;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: max-content;
  justify-content: start;
  padding: 0;
  border-radius: 6px;
  transform: translate(10px, 12px);
}
#root .viewer .ck.ck-editor .ck.ck-toolbar .ck-toolbar__grouped-dropdown {
  display: none;
  transform: translate(4px, 7px);
}
#root .viewer .ck.ck-editor__main {
  height: calc(100% - 18px);
  border: none;
}
#root .viewer .ck.ck-editor__main .ck.ck-content {
  font-size: 18px;
  height: 100%;
  padding: 7px 11px;
  border-radius: 0 0 6px 6px;
}
#root .viewer .ck.ck-editor__main .ck.ck-content p {
  margin: 0 0 12px;
}
#root .viewer .ck.ck-list__item {
  outline: none;
}
#root .viewer .ck.ck-list__item * {
  outline: none !important;
}
#root .viewer .ck.ck-list__item .ck-button.ck-on {
  background: var(--lightGrey);
  color: var(--ck-color-list-button-on-text);
}
#root .modalWysiwygEditor {
  position: absolute;
  display: grid;
  z-index: 1000;
  background: var(--lightGrey);
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
}
#root .modalWysiwygEditor .editorContainer {
  padding: 30px;
  position: relative;
}
#root .modalWysiwygEditor .editorContainer .title {
  position: absolute;
  font-size: 14px;
  left: 0;
  top: -29px;
  background: var(--blue);
  border-radius: 6px 6px 0 0;
  color: #fff;
  padding: 8px 18px 5px 16px;
}
#root .modalWysiwygEditor .editorContainer .saveButton {
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 9999;
}
#root .modalWysiwygEditor .editorContainer .editorContainer {
  padding: 30px;
  position: relative;
}
#root .modalWysiwygEditor .editorContainer .editorContainer .title {
  position: absolute;
  font-size: 14px;
  left: 0;
  top: -29px;
  background: var(--blue);
  border-radius: 6px 6px 0 0;
  color: #fff;
  padding: 8px 18px 5px 16px;
}
#root .modalWysiwygEditor .editorContainer .editorContainer .saveButton {
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 9999;
}
#root .modalWysiwygEditor .editorContainer .editorContainer .ck.ck-editor .ck.ck-toolbar {
  background: var(--blue);
}
#root .modalWysiwygEditor .editorContainer .editorContainer .ck.ck-editor .ck.ck-toolbar button {
  background: #fff;
}
#root .modalWysiwygEditor .editorContainer .editorContainer .ck.ck-editor .ck.ck-toolbar .ck-toolbar__items {
  background: var(--blue);
}
#root .modalWysiwygEditor .editorContainer .editorContainer .ck.ck-editor .ck.ck-list__item {
  outline: none;
}
#root .modalWysiwygEditor .editorContainer .editorContainer .ck.ck-editor .ck.ck-list__item * {
  outline: none !important;
}
#root .modalWysiwygEditor .editorContainer .editorContainer .ck.ck-editor .ck.ck-list__item .ck-button.ck-on {
  background: var(--lightGrey);
  color: var(--ck-color-list-button-on-text);
}

.main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 6rem;
  min-height: 100vh;
}

.description {
  display: inherit;
  justify-content: inherit;
  align-items: inherit;
  font-size: 0.85rem;
  max-width: var(--max-width);
  width: 100%;
  z-index: 2;
  font-family: var(--font-mono);
}

.description a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

.description p {
  position: relative;
  margin: 0;
  padding: 1rem;
  background-color: rgba(var(--callout-rgb), 0.5);
  border: 1px solid rgba(var(--callout-border-rgb), 0.3);
  border-radius: var(--border-radius);
}

.code {
  font-weight: 700;
  font-family: var(--font-mono);
}

.grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(25%, auto));
  width: var(--max-width);
  max-width: 100%;
}

.card {
  padding: 1rem 1.2rem;
  border-radius: var(--border-radius);
  background: rgba(var(--card-rgb), 0);
  border: 1px solid rgba(var(--card-border-rgb), 0);
  transition: background 200ms, border 200ms;
}

.card span {
  display: inline-block;
  transition: transform 200ms;
}

.card h2 {
  font-weight: 600;
  margin-bottom: 0.7rem;
}

.card p {
  margin: 0;
  opacity: 0.6;
  font-size: 0.9rem;
  line-height: 1.5;
  max-width: 30ch;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 4rem 0;
}

.center::before {
  background: var(--secondary-glow);
  border-radius: 50%;
  width: 480px;
  height: 360px;
  margin-left: -400px;
}

.center::after {
  background: var(--primary-glow);
  width: 240px;
  height: 180px;
  z-index: -1;
}

.center::before,
.center::after {
  content: "";
  left: 50%;
  position: absolute;
  filter: blur(45px);
  transform: translateZ(0);
}

.logo,
.thirteen {
  position: relative;
}

.thirteen {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  padding: 25px 10px;
  margin-left: 16px;
  transform: translateZ(0);
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: 0px 2px 8px -1px rgba(0, 0, 0, 0.1019607843);
}

.thirteen::before,
.thirteen::after {
  content: "";
  position: absolute;
  z-index: -1;
}

/* Conic Gradient Animation */
.thirteen::before {
  animation: 6s rotate linear infinite;
  width: 200%;
  height: 200%;
  background: var(--tile-border);
}

/* Inner Square */
.thirteen::after {
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius);
  background: linear-gradient(to bottom right, rgba(var(--tile-start-rgb), 1), rgba(var(--tile-end-rgb), 1));
  background-clip: content-box;
}

/* Enable hover only on non-touch devices */
@media (hover: hover) and (pointer: fine) {
  .card:hover {
    background: rgba(var(--card-rgb), 0.1);
    border: 1px solid rgba(var(--card-border-rgb), 0.15);
  }
  .card:hover span {
    transform: translateX(4px);
  }
}
@media (prefers-reduced-motion) {
  .thirteen::before {
    animation: none;
  }
  .card:hover span {
    transform: none;
  }
}
/* Mobile */
@media (max-width: 700px) {
  .grid {
    grid-template-columns: 1fr;
    margin-bottom: 120px;
    max-width: 320px;
    text-align: center;
  }
  .card {
    padding: 1rem 2.5rem;
  }
  .card h2 {
    margin-bottom: 0.5rem;
  }
  .center {
    padding: 8rem 0 6rem;
  }
  .center::before {
    transform: none;
    height: 300px;
  }
  .description {
    font-size: 0.8rem;
  }
  .description a {
    padding: 1rem;
  }
  .description p,
  .description div {
    display: flex;
    justify-content: center;
    position: fixed;
    width: 100%;
  }
  .description p {
    align-items: center;
    inset: 0 0 auto;
    padding: 2rem 1rem 1.4rem;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(var(--callout-border-rgb), 0.25);
    background: linear-gradient(to bottom, rgba(var(--background-start-rgb), 1), rgba(var(--callout-rgb), 0.5));
    background-clip: padding-box;
  }
  .description div {
    align-items: flex-end;
    pointer-events: none;
    inset: auto 0 0;
    padding: 2rem;
    height: 200px;
    background: linear-gradient(to bottom, transparent 0%, rgb(var(--background-end-rgb)) 40%);
    z-index: 1;
  }
}
/* Tablet and Smaller Desktop */
@media (min-width: 701px) and (max-width: 1120px) {
  .grid {
    grid-template-columns: repeat(2, 50%);
  }
}
@keyframes rotate {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.card-container > .ant-tabs-card > .ant-tabs-content {
  height: 120px;
  margin-top: -16px;
}

.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
  background: #fff;
  padding: 16px;
}

.card-container > .ant-tabs-card > .ant-tabs-bar {
  border-color: #fff;
}

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  border-color: transparent;
  background: transparent;
}

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  border-color: #fff;
  background: #fff;
}

.thumbnailContainer {
  display: grid;
  justify-items: center;
}
.thumbnailContainer img {
  width: 100px;
}
.thumbnailContainer .customIconCollectionBuilder {
  transform: translate(9px, -130px);
  width: 74px !important;
}
.thumbnailContainer .defaultStellarIconCollectionBuilder {
  transform: translate(6px, -120px);
  width: 80px !important;
}

.loadingIconContainer {
  position: absolute;
  bottom: 55px;
  left: 51%;
  transform: translateX(-50%);
}

:root {
  --max-width: 1100px;
  --border-radius: 12px;
  --font-mono:
      ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono",
      "Courier New", monospace;
  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
  --primary-glow: conic-gradient(from 180deg at 50% 50%, #16abff33 0deg, #0885ff33 55deg, #54d6ff33 120deg, #0071ff33 160deg, transparent 360deg);
  --secondary-glow: radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  --tile-start-rgb: 239, 245, 249;
  --tile-end-rgb: 228, 232, 233;
  --tile-border: conic-gradient(#00000080, #00000040, #00000030, #00000020, #00000010, #00000010, #00000080);
  --callout-rgb: 238, 240, 241;
  --callout-border-rgb: 172, 175, 176;
  --card-rgb: 180, 185, 188;
  --card-border-rgb: 131, 134, 135;
}

i,
b {
  font-weight: normal;
  font-style: normal;
}

i {
  display: inline-block;
}

b {
  display: block;
}

p {
  margin-bottom: 6px;
}

.error label {
  color: var(--red) !important;
}
.error input,
.error .ant-select-selector {
  border-color: var(--red) !important;
}

.stellar-error {
  color: var(--red) !important;
}

.stellar-red {
  color: var(--red);
}

.stellar-card {
  padding: 16px 26px 26px;
  margin: 26px;
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  line-height: 1.5714285714;
  list-style: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  box-sizing: border-box;
}
.stellar-card:hover {
  box-shadow: 1px 1px 1px 1px rgba(27, 55, 82, 0.2196078431), inset 5px 3px 8px -6px rgba(27, 55, 82, 0.2196078431), inset 0px 0px 4px -2px #a0dd55;
}
.stellar-card .stellar-card {
  border-radius: 8px;
  border: 1px solid var(--blue);
  padding: 16px 26px 26px;
  margin: 0 0 16px;
  box-shadow: 1px 1px 1px 1px var(--blue20);
}
.stellar-card .stellar-card:hover {
  box-shadow: 1px 1px 1px 1px rgba(27, 55, 82, 0.2196078431), inset 5px 3px 8px -6px rgba(27, 55, 82, 0.2196078431), inset 0px 0px 4px -2px #a0dd55;
}
@media (max-width: 480px) {
  .stellar-card {
    margin: 12px;
  }
}

.androidApp {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}