.loading-indicator {
  align-self: center;
  max-width: 20px;
  max-height: 20px;
  min-width: 20px;
  min-height: 20px;
  width: 20px;
  height: 20px;
  border: 3px solid blue;
  border-radius: 10px;
  animation-name: rotate;
  animation-timing-function: linear;
  animation-duration: 500ms;
  animation-iteration-count: infinite;
}
.loading-indicator::after {
  content: "";
  position: absolute;
  top: -20%;
  left: -20%;
  width: 50%;
  height: 50%;
  background-color: white;
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.loader {
  position: fixed;
  margin: auto;
  top: 45%;
  left: 50%;
  font-size: 40px;
  z-index: 1000;
  color: #1890ff;
}

.loading-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 1000;
}
.loading-container.dashboard-with-sources {
  top: 57px;
  left: 250px;
  width: calc(100% - 250px);
  height: calc(100% - 57px);
}

.placeholder-loader {
  background-color: #dee2e6;
  width: 100%;
  height: 100dvh;
  min-width: 40px;
  min-height: 20px;
  flex: 1;
  border-radius: 4px;
  position: relative;
}
.placeholder-loader::after, .placeholder-loader::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 40px;
  transform: skew(-20deg);
  background-color: #f1f5f7;
  animation-name: drag;
  animation-timing-function: linear;
  animation-duration: 500ms;
  animation-iteration-count: infinite;
}
.placeholder-loader::before {
  transform: skew(-20deg) translateX(200px);
}
@-webkit-keyframes drag {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes drag {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
@keyframes drag {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}

.toasts {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  padding: 1rem;
  display: flex;
  flex-flow: column nowrap;
  z-index: 100;
}
.toasts > div {
  width: 25rem;
  display: flex;
  border-radius: 0.2rem;
  color: white;
  padding: 0.8rem 1rem;
  cursor: pointer;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  transition: transform 200ms, background-color 200ms;
  animation: slide-in 400ms cubic-bezier(0.15, 0.4, 0.45, 1.17);
}
@-webkit-keyframes slide-in {
  from {
    transform: translateX(200%);
  }
  to {
    transform: translateX(0);
  }
}
@-moz-keyframes slide-in {
  from {
    transform: translateX(200%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slide-in {
  from {
    transform: translateX(200%);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes slide-out {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(200%);
  }
}
@-moz-keyframes slide-out {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(200%);
  }
}
@keyframes slide-out {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(200%);
  }
}
.toasts > div.success {
  background-color: #1abc9c;
  box-shadow: 0 3px 10px 0 rgba(105, 105, 105, 0.1);
}
.toasts > div.success:hover {
  background-color: #17a689;
  transform: translateX(-15px);
}
.toasts > div.success:hover > i {
  opacity: 1;
}
.toasts > div.success:active {
  background-color: #148f77;
}
.toasts > div.success > .progress-indicator {
  background-color: #0e6252;
}
.toasts > div.danger {
  background-color: #f1556c;
  box-shadow: 0 3px 10px 0 rgba(105, 105, 105, 0.1);
}
.toasts > div.danger:hover {
  background-color: #ef3d58;
  transform: translateX(-15px);
}
.toasts > div.danger:hover > i {
  opacity: 1;
}
.toasts > div.danger:active {
  background-color: #ed2643;
}
.toasts > div.danger > .progress-indicator {
  background-color: #cf112d;
}
.toasts > div.info {
  background-color: #4fc6e1;
  box-shadow: 0 3px 10px 0 rgba(105, 105, 105, 0.1);
}
.toasts > div.info:hover {
  background-color: #39bfdd;
  transform: translateX(-15px);
}
.toasts > div.info:hover > i {
  opacity: 1;
}
.toasts > div.info:active {
  background-color: #25b7d8;
}
.toasts > div.info > .progress-indicator {
  background-color: #1d92ad;
}
.toasts > div.warning {
  background-color: #f7b84b;
  box-shadow: 0 3px 10px 0 rgba(105, 105, 105, 0.1);
}
.toasts > div.warning:hover {
  background-color: #f6ae33;
  transform: translateX(-15px);
}
.toasts > div.warning:hover > i {
  opacity: 1;
}
.toasts > div.warning:active {
  background-color: #f5a51a;
}
.toasts > div.warning > .progress-indicator {
  background-color: #d38909;
}
.toasts > div.default {
  background-color: white;
  box-shadow: 0 3px 10px 0 rgba(105, 105, 105, 0.1);
  color: #343a40;
  border: 1px solid #dee2e6;
}
.toasts > div.default:hover {
  background-color: #f2f2f2;
  transform: translateX(-15px);
}
.toasts > div.default:hover > i {
  opacity: 1;
}
.toasts > div.default:active {
  background-color: #e6e6e6;
}
.toasts > div.default > .progress-indicator {
  background-color: #cccccc;
}
.toasts > div.closed {
  animation: slide-out 1s;
  animation-fill-mode: forwards;
}
.toasts > div > .progress-indicator {
  position: absolute;
  border-radius: 2px;
  bottom: 4px;
  left: 2%;
  height: 4px;
  animation: progress 3s linear;
}
@-webkit-keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 96%;
  }
}
@-moz-keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 96%;
  }
}
@keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 96%;
  }
}
.toasts > div > i {
  color: #98a6ad;
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 300ms;
  opacity: 0;
}
.toasts > div > .toast-title {
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 3px;
}
.toasts > div > .toast-content {
  font-weight: 600;
}
.toasts > div > .toast-actions {
  display: flex;
  flex-flow: row wrap;
  margin-top: 5px;
}
.toasts > div > .toast-actions > button {
  flex: 1;
}
.toasts > div > .toast-actions > button:not(:last-of-type) {
  margin-right: 10px;
}

.loader-container {
  padding: 32px;
  border-radius: 5px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  position: relative;
  margin: auto;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
}

h1 {
  font-size: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}

.loaderizer {
  margin: 16px auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  perspective: 800px;
}

.inner {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.inner.one {
  left: 0%;
  top: 0%;
  animation: rotate-one 1s linear infinite;
  border-bottom: 3px solid var(--mmt-primary-70);
}

.inner.two {
  right: 0%;
  top: 0%;
  animation: rotate-two 1s linear infinite;
  border-right: 3px solid var(--mmt-primary-70);
}

.inner.three {
  right: 0%;
  bottom: 0%;
  animation: rotate-three 1s linear infinite;
  border-top: 3px solid var(--mmt-primary-70);
}

.register:not(.btn-outline-secondary) {
  background: var(--mmt-primary-70);
  border-color: var(--mmt-primary-70);
  margin: 0 auto;
  margin-top: 12px;
}
.register:not(.btn-outline-secondary):hover, .register:not(.btn-outline-secondary) .btn-primary:not(:disabled):not(.disabled):active {
  background: #0084fe;
  border-color: var(--mmt-primary-70);
}

@keyframes rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@keyframes rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
.module-wrapper-container {
  flex: 1;
  height: 100%;
  overflow-y: auto;
  background-color: var(--base-gray-90);
  padding: var(--size-lg);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.module-wrapper-container .module-wrapper-header {
  margin-bottom: 80px;
}
.module-wrapper-container .module-wrapper-header h1,
.module-wrapper-container .module-wrapper-header p {
  color: white;
  text-align: center;
}
.module-wrapper-container .module-wrapper-header h1 {
  font-size: 66px;
  margin-bottom: 24px;
}
.module-wrapper-container .module-wrapper-header p {
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 0px;
  max-width: 469px;
  margin-left: auto;
  margin-right: auto;
}
.module-wrapper-container .apps-container {
  flex: 1;
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.module-wrapper-container .apps-container .app {
  flex: 1;
  cursor: pointer;
  max-width: 406px;
  min-width: 406px;
  border-radius: 8px;
  padding: 32px;
  border: 1px solid var(--base-gray-80);
  background: rgba(255, 255, 255, 0.4);
  transition: 0.4s background, 0.4s box-shadow;
  box-shadow: 0px 12px 16px -4px rgba(193, 193, 194, 0.08), 0px 4px 6px -2px rgba(255, 255, 255, 0.03);
}
.module-wrapper-container .apps-container .app:hover {
  background: rgba(255, 255, 255, 0.5);
}
.module-wrapper-container .apps-container .app:active {
  box-shadow: 0 0 0 5px var(--base-gray-80);
}
.module-wrapper-container .apps-container .app * {
  cursor: pointer;
}
.module-wrapper-container .apps-container .app .app-header {
  display: flex;
}
.module-wrapper-container .apps-container .app .app-header h2 {
  color: white;
  font-size: 28px;
  margin-bottom: 0px;
}
.module-wrapper-container .apps-container .app p {
  font-size: 12px;
  color: white;
  font-weight: 500;
  margin-bottom: 0px;
  letter-spacing: -0.12px;
}
@media (max-width: 890px) {
  .module-wrapper-container .apps-container {
    flex-direction: column;
  }
  .module-wrapper-container .apps-container .app {
    min-width: unset;
    margin-left: auto;
    margin-right: auto;
  }
}

#language-select {
  margin: 12px 20px 0 20px;
  margin-bottom: 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#language-select span[role=img] {
  color: white;
  padding: 0;
}

.ant-menu.ant-menu-inline,
.ant-menu.ant-menu-inline-collapsed,
.ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed {
  max-width: 250px;
  background: #fafafa;
}
.ant-menu.ant-menu-inline .menu-actions,
.ant-menu.ant-menu-inline-collapsed .menu-actions,
.ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed .menu-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
  padding: 12px var(--size);
}
.ant-menu.ant-menu-inline .menu-actions h3,
.ant-menu.ant-menu-inline-collapsed .menu-actions h3,
.ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed .menu-actions h3 {
  font-size: 20px;
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
}
.ant-menu.ant-menu-inline .menu-actions button,
.ant-menu.ant-menu-inline-collapsed .menu-actions button,
.ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed .menu-actions button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ant-menu.ant-menu-inline .menu-actions button span[role=img],
.ant-menu.ant-menu-inline-collapsed .menu-actions button span[role=img],
.ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed .menu-actions button span[role=img] {
  font-size: 20px;
}
.ant-menu.ant-menu-inline .ant-menu-item,
.ant-menu.ant-menu-inline .ant-menu-submenu-title,
.ant-menu.ant-menu-inline-collapsed .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed .ant-menu-submenu-title,
.ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed .ant-menu-item,
.ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed .ant-menu-submenu-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ant-menu.ant-menu-inline .ant-menu-item span[role=img],
.ant-menu.ant-menu-inline .ant-menu-submenu-title span[role=img],
.ant-menu.ant-menu-inline-collapsed .ant-menu-item span[role=img],
.ant-menu.ant-menu-inline-collapsed .ant-menu-submenu-title span[role=img],
.ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed .ant-menu-item span[role=img],
.ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed .ant-menu-submenu-title span[role=img] {
  font-size: 20px;
  width: 20px;
}
.ant-menu.ant-menu-inline .ant-menu-item span:last-child,
.ant-menu.ant-menu-inline .ant-menu-submenu-title span:last-child,
.ant-menu.ant-menu-inline-collapsed .ant-menu-item span:last-child,
.ant-menu.ant-menu-inline-collapsed .ant-menu-submenu-title span:last-child,
.ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed .ant-menu-item span:last-child,
.ant-menu.ant-menu-verticalant-menu.ant-menu-vertical-collapsed .ant-menu-submenu-title span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ant-menu.ant-menu-root.ant-menu-inline-collapsed, .ant-menu.ant-menu-root.ant-menu-vertical-collapsed {
  width: 60px;
}

.ant-menu.ant-menu.ant-menu-inline-collapsed .ant-menu-item,
.ant-menu.ant-menu.ant-menu-inline-collapsed .ant-menu-submenu,
.ant-menu.ant-menu.ant-menu-vertical-collapsed .ant-menu-item,
.ant-menu.ant-menu.ant-menu-vertical-collapsed .ant-menu-submenu {
  display: flex;
  justify-content: center;
  padding: 0px;
}
.ant-menu.ant-menu.ant-menu-inline-collapsed .ant-menu-item span[role=img],
.ant-menu.ant-menu.ant-menu-inline-collapsed .ant-menu-submenu span[role=img],
.ant-menu.ant-menu.ant-menu-vertical-collapsed .ant-menu-item span[role=img],
.ant-menu.ant-menu.ant-menu-vertical-collapsed .ant-menu-submenu span[role=img] {
  font-size: 20px;
}
.ant-menu.ant-menu.ant-menu-inline-collapsed .ant-menu-submenu-title,
.ant-menu.ant-menu.ant-menu-vertical-collapsed .ant-menu-submenu-title {
  padding-left: 20px;
  margin-top: 0;
  margin-bottom: 0;
}
.ant-menu.ant-menu.ant-menu-inline-collapsed .menu-actions,
.ant-menu.ant-menu.ant-menu-vertical-collapsed .menu-actions {
  justify-content: center;
}

.ant-menu.ant-menu-sub.ant-menu-inline {
  background-color: rgba(0, 0, 0, 0.02);
}

.ant-menu.ant-menu-inline,
.ant-menu.ant-menu-vertical {
  position: relative;
}
.ant-menu.ant-menu-inline .remixicon,
.ant-menu.ant-menu-vertical .remixicon {
  font-size: 20px;
  margin-right: 10px;
}
.ant-menu.ant-menu-inline img,
.ant-menu.ant-menu-vertical img {
  margin: 20px;
  height: 30px;
  cursor: pointer;
}
.ant-menu.ant-menu-inline .mod-name,
.ant-menu.ant-menu-vertical .mod-name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
.ant-menu.ant-menu-inline .mod-name span[role=img],
.ant-menu.ant-menu-vertical .mod-name span[role=img] {
  font-size: 20px;
  padding: 4px var(--size);
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-right: 7px;
}
.ant-menu.ant-menu-inline .mod-name h1,
.ant-menu.ant-menu-vertical .mod-name h1 {
  font-family: SF UI Display;
  font-style: normal;
  font-weight: bold;
  font-size: var(--font-size-lg);
  display: flex;
  align-items: center;
  color: #ffffff;
  margin: 0;
}
.ant-menu.ant-menu-inline .user-details,
.ant-menu.ant-menu-vertical .user-details {
  padding: 20px;
  position: absolute;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 0;
}
.ant-menu.ant-menu-inline .user-details div,
.ant-menu.ant-menu-vertical .user-details div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.ant-menu.ant-menu-inline .user-details div span[role=img],
.ant-menu.ant-menu-vertical .user-details div span[role=img] {
  font-size: 20px;
}
.ant-menu.ant-menu-inline .user-details div h1,
.ant-menu.ant-menu-vertical .user-details div h1 {
  font-size: 18px;
  color: #a6adb4;
  margin: 0;
  margin-left: 10px;
  flex-grow: 1;
}
.ant-menu.ant-menu-inline .user-details h3,
.ant-menu.ant-menu-inline .user-details h2,
.ant-menu.ant-menu-vertical .user-details h3,
.ant-menu.ant-menu-vertical .user-details h2 {
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.65);
  margin-top: 10px;
  margin-left: 30px;
}
.ant-menu.ant-menu-inline .user-details h2,
.ant-menu.ant-menu-vertical .user-details h2 {
  margin-bottom: 0;
  font-size: var(--font-size-lg);
}
.ant-menu.ant-menu-inline .ant-select-selector,
.ant-menu.ant-menu-inline .ant-select-arrow,
.ant-menu.ant-menu-vertical .ant-select-selector,
.ant-menu.ant-menu-vertical .ant-select-arrow {
  color: rgba(255, 255, 255, 0.8);
}
.ant-menu.ant-menu-inline .ant-select-selector span[role=img],
.ant-menu.ant-menu-inline .ant-select-arrow span[role=img],
.ant-menu.ant-menu-vertical .ant-select-selector span[role=img],
.ant-menu.ant-menu-vertical .ant-select-arrow span[role=img] {
  font-size: 15px !important;
}

ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-inline,
ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-inline::-webkit-scrollbar,
ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical::-webkit-scrollbar {
  width: 6px;
}
ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-inline::-webkit-scrollbar-track,
ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical::-webkit-scrollbar-track {
  background: #f1f1f1;
}
ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-inline::-webkit-scrollbar-thumb,
ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical::-webkit-scrollbar-thumb {
  background: #888;
}
ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-inline::-webkit-scrollbar-thumb:hover,
ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.ant-menu.ant-menu-sub {
  font-size: 13px;
}

.ant-menu-submenu.ant-menu-submenu-popup li.ant-menu-item.title {
  top: 0;
  color: white !important;
  opacity: 1;
  border-bottom: 1px solid white !important;
  width: 100%;
  font-size: 14px;
}
.ant-menu-submenu.ant-menu-submenu-popup li.ant-menu-item.title span.anticon {
  font-size: var(--font-size-lg);
}

.sidenav-hover-content {
  width: 200px;
  height: 60px;
  position: absolute;
  left: 70px;
}

.user-details-menu .ant-dropdown-menu-item {
  color: rgba(255, 255, 255, 0.8) !important;
}
.user-details-menu .ant-dropdown-menu-item:hover {
  color: white !important;
}

.ant-menu-dark .ant-menu-item-disabled span.ant-typography {
  color: rgba(255, 255, 255, 0.25) !important;
}

.clickable-link {
  cursor: pointer;
  font-weight: bold;
  color: rgb(24, 144, 255);
}

.header-tabs-cont {
  display: flex;
  justify-content: flex-end;
}
.header-tabs-cont.no-flex-tabs-cont {
  display: unset;
  justify-content: unset;
  background-color: white;
}
.header-tabs-cont.no-flex-tabs-cont .ant-tabs-top {
  background-color: white;
}
.header-tabs-cont.with-mt {
  margin-top: 60px;
}
.header-tabs-cont .ant-tabs-tab span {
  color: #98a2b3;
  font-size: 14px;
  font-weight: 600;
}
.header-tabs-cont .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--color-primary-70);
}
.header-tabs-cont .ant-tabs-tab-active span {
  font-weight: 500;
  color: var(--color-primary-60);
}
.header-tabs-cont .ant-tabs-nav {
  margin-bottom: 0px;
}
.header-tabs-cont .ant-tabs-tab {
  color: #98a2b3;
  padding-top: 2px;
}

.screen.home {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  padding: 5em;
}
.screen.home > div {
  flex: 1;
}
.screen.home > div:first-child {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}
.screen.home .title {
  font-size: 3em;
  font-weight: 700;
  color: #000;
  margin-bottom: 0.5em;
}
.screen.home .desc {
  font-size: 1.2em;
  max-width: 70%;
  margin-bottom: 4em;
}
@media screen and (max-width: 768px) {
  .screen.home .desc {
    max-width: 100%;
  }
}
.screen.home .indicator {
  position: absolute;
  font-size: 2.4em;
  right: 2em;
  bottom: 1em;
  color: #adb5bd;
  animation: pulse 1000ms ease-in-out infinite alternate backwards;
}
@media screen and (max-width: 768px) {
  .screen.home .indicator {
    position: relative;
    align-self: center;
    right: auto;
    margin-top: 5rem;
  }
}
@keyframes pulse {
  from {
    color: #1abc9c;
    transform: translateY(-80px);
  }
  to {
    color: #1890ff;
    transform: translateY(0);
  }
}
.login-container {
  display: flex;
  width: 100%;
  height: 100%;
}

.login-left {
  display: flex;
  width: 25%;
  min-width: 450px;
  height: 100%;
  /* border-right: 1px solid rgba(0, 0, 0, 0.1); */
  box-sizing: border-box;
  padding: 64px;
  box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.15);
  background-color: white;
  overflow-y: auto;
}

.login-left h1 {
  font-size: 3em;
  font-weight: 700;
  color: var(--mmt-primary-70);
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.login-left h2 {
  font-size: 1.5em;
  color: var(--gray-dark);
  margin-bottom: 2em;
}

.login-right {
  width: 80%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.005);
}

.ant-row.ant-form-item {
  margin-bottom: 12px;
}

.ant-col.ant-form-item-label label {
  font-weight: 400;
}

.ant-form-item-control-input-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.registerLink {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: center;
}

@media screen and (max-width: 980px) {
  .right {
    display: none;
  }
  .left {
    width: 100%;
  }
}
.admin-users-card {
  width: calc(25% - 8px);
  box-sizing: border-box;
  padding: var(--size);
  height: fit-content;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 5px;
}
.admin-users-card h3 {
  font-size: var(--font-size-lg);
  font-weight: 400;
  color: rgba(0, 0, 0, 0.67);
}
.admin-users-card h1 {
  font-size: 22px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.72);
}
.admin-users-card i {
  font-size: 48px;
  margin: auto 0;
}

.admin-users-filter {
  width: 100%;
  height: 60px;
  margin: var(--size) auto;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  padding: 12px;
}
.admin-users-filter ButtonGroup {
  margin: auto 0;
}
.admin-users-filter .btn-primary {
  background: none;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.04);
}
.admin-users-filter .btn-primary:not(:last-of-type) {
  margin-right: 8px;
}
.admin-users-filter .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.admin-users-filter .btn-group > .btn-group:not(:last-child) > .btn {
  border-radius: 5px;
}
.admin-users-filter .btn-group > .btn:not(:first-child),
.admin-users-filter .btn-group > .btn-group:not(:first-child) > .btn {
  border-radius: 5px;
}
.admin-users-filter .btn-primary:not(:disabled):not(.disabled):active:focus,
.admin-users-filter .btn-primary:not(:disabled):not(.disabled).active:focus,
.admin-users-filter .show > .btn-primary.dropdown-toggle:focus,
.admin-users-filter .btn-primary:focus, .admin-users-filter .btn-primary.focus {
  box-shadow: none;
}
.admin-users-filter .css-2b097c-container {
  min-width: 200px;
}
.admin-users-filter .css-2b097c-container > div {
  border: none;
}

@media screen and (max-width: 1150px) {
  .admin-users-card {
    width: 50.5050505051%;
  }
  .admin-users-card:nth-of-type(1),
  .admin-users-card:nth-of-type(2) {
    margin-bottom: var(--size);
  }
}
.collapse-card {
  grid-template-columns: repeat(auto-fill, minmax(15em, 1fr)) !important;
  margin-bottom: 8px !important;
  cursor: pointer;
  position: relative;
}

.confirm-modal .ant-modal-body {
  padding: 0;
}
.confirm-modal .ant-modal-content .ant-modal-close {
  display: none !important;
}
.confirm-modal .ant-result {
  padding: var(--size-lg) 0;
}
.confirm-modal .ant-result .ant-result-icon {
  margin-bottom: 12px;
}
.confirm-modal .ant-result .ant-result-icon > .anticon {
  font-size: 42px;
}
.confirm-modal .ant-result .ant-result-title {
  font-size: 18px;
}
.confirm-modal .ant-result .ant-result-extra {
  margin-top: 12px;
}

.collapse-card:not(.info)::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.4);
  bottom: 8px;
  left: 0;
  right: 0;
  margin: auto;
}

.collapse-card.open {
  padding-bottom: 3.5em !important;
}

.collapse-card.open::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(0, 0, 0, 0.4);
  bottom: 43px;
  border-top: none;
}

.collapse-card:not(.info) .actions {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 35px;
  background: rgba(0, 0, 0, 0.06);
  margin: 0;
  display: none;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 1.6em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.collapse-card:not(.info).open .actions {
  display: flex;
}
.collapse-card:not(.info).open .actions a {
  width: 50%;
  text-align: center;
}
.collapse-card:not(.info).open .actions a i {
  font-size: var(--font-size-lg);
  margin: auto 6px auto 0;
}
.collapse-card:not(.info).open .actions a:not(:last-of-type) {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.component-view.module.document-view {
  background: #eee;
}
.component-view.module.document-view .form-view {
  background-color: white;
  padding: 2em;
}

.dashboard-card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.dashboard-card .card-title {
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.dashboard-card .card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.dashboard-card .card-subtitle.red {
  color: red;
}

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

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

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

.end {
  display: flex;
  justify-content: flex-end;
}

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

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

.ant-page-header.page-heading-menu .ant-page-header-heading {
  justify-content: space-between !important;
}

.components-layout .trigger {
  padding: 0 var(--size-lg);
  font-size: 18px;
  line-height: 64px;
  cursor: pointer;
  transition: color 0.3s;
}
.components-layout .trigger:hover {
  color: var(--mmt-primary-70);
}
.components-layout .logo {
  margin: 20px var(--size-lg) var(--size-lg) var(--size-lg);
}
.components-layout .logo img {
  height: 30px;
}
.components-layout .logo img.tazama {
  height: 41px;
}
.components-layout .sidenav-sider-collapsed .logo {
  text-align: center;
  margin: 20px 0px var(--size-lg) 0px;
}
.components-layout .sidenav-sider-collapsed .logo img {
  padding-left: 0;
}
.components-layout .sidenav-sider-collapsed .logo img.tazama {
  height: 35px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.components-layout .site-layout .site-layout-background {
  background: #fff;
}
.components-layout .mod-name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: var(--size-lg);
  padding: 0px var(--size-lg);
  gap: 7px;
}
.components-layout .mod-name.is-collapsed .icon {
  display: flex;
  justify-content: center;
  flex: 1;
}
.components-layout .mod-name span[role=img] {
  font-size: 20px;
  padding: 4px 0px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.components-layout .mod-name h1 {
  font-family: SF UI Display;
  font-style: normal;
  font-weight: bold;
  font-size: var(--font-size-lg);
  display: flex;
  align-items: center;
  color: #ffffff;
  margin: 0;
}
.components-layout .sidenav-cont {
  display: flex;
  flex-direction: column;
  height: calc(100% - 130px);
}
.components-layout .sidenav-cont.tazama {
  height: calc(100% - 90px);
}
.components-layout .sidenav-cont.tazama .ant-menu-submenu-title:hover {
  background-color: var(--base-gray-20);
}
.components-layout .sidenav-cont .menus-cont .ant-menu-item {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}
.components-layout .sidenav-cont .menus-cont .ant-menu-submenu-title {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}
.components-layout .sidenav-cont .menus-cont.is-collapsed .ant-menu-submenu-title svg {
  margin-right: 0px;
  margin-left: 2px;
}
.components-layout .sidenav-cont .ant-menu-sub .ant-menu-item-only-child .ant-menu-title-content {
  line-height: 20px;
}
.components-layout .sidenav-cont .menus-cont {
  flex: 1;
  overflow-y: auto;
}
.components-layout .sidenav-cont .menus-cont .sidemenu-cont {
  margin-bottom: 8px;
}
.components-layout .sidenav-cont .menus-cont .sidemenu-cont .ant-menu-submenu,
.components-layout .sidenav-cont .menus-cont .sidemenu-cont .ant-menu-item {
  color: white;
}
.components-layout .sidenav-cont .menus-cont .sidemenu-cont .title-span {
  margin-bottom: 8px;
  text-transform: uppercase;
  margin-left: var(--size-lg);
  font-size: 12px;
  color: #9da4ae;
  font-weight: 500;
  line-height: 20px;
}
.components-layout .sidenav-cont .menus-cont.is-collapsed .sidemenu-cont {
  margin-bottom: 0px;
}
.components-layout .sidenav-cont .menus-cont.is-collapsed .sidemenu-cont .title-span {
  display: none;
}
.components-layout .sidenav-cont .sidenav-footer {
  padding: 30px var(--size-lg);
}
.components-layout .sidenav-cont .sidenav-footer h6 {
  color: white;
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 18px;
}
.components-layout .sidenav-cont .sidenav-footer img {
  width: 100px;
}
.components-layout .ant-layout-footer {
  padding: 10px 50px;
}
.components-layout .site-layout-sub-header-background {
  background: var(--base-gray-100);
  padding: 0px 6px;
}
.components-layout .site-layout-sub-header-background.tazama {
  background: var(--base-gray-20);
}
.components-layout .site-layout-sub-header-background.tazama svg {
  color: var(--base-gray-70);
}
.components-layout .site-layout-sub-header-background .language-select {
  background-color: transparent;
  margin-top: auto;
  margin-bottom: auto;
}
.components-layout .site-layout-sub-header-background .language-select .ant-select-selection-item {
  display: flex;
}
.components-layout .site-layout-sub-header-background .language-select .ant-select-selection-item .cont {
  color: white;
}
.components-layout .site-layout-sub-header-background .language-select .row-cont {
  display: flex;
  min-width: 55px;
}
.components-layout .site-layout-sub-header-background .language-select .ant-select-item-option-content .row-cont {
  min-width: 80px;
}
.components-layout .site-layout-sub-header-background .language-select .cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.components-layout .site-layout-sub-header-background.tazama .language-select .cont {
  color: var(--base-gray-70);
}
.components-layout .site-layout-sub-header-background .left-sidebar .desktop {
  display: flex;
}
.components-layout .site-layout-sub-header-background .left-sidebar .mobile {
  display: none;
}
@media (max-width: 850px) {
  .components-layout .site-layout-sub-header-background .left-sidebar .desktop {
    display: none;
  }
  .components-layout .site-layout-sub-header-background .left-sidebar .mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 25px;
  }
  .components-layout .site-layout-sub-header-background .left-sidebar .mobile .mobile-burger svg {
    width: 16px;
    height: 16px;
  }
  .components-layout .site-layout-sub-header-background .left-sidebar .mobile.pl-0 {
    padding-left: 0;
  }
  .components-layout .site-layout-sub-header-background .left-sidebar .mobile img {
    width: 26px;
    height: 26px;
  }
}
.components-layout .ant-layout-content {
  height: calc(100dvh - 64px);
  overflow-y: hidden;
}
.components-layout .ant-layout-content .ant-tabs-content-holder {
  height: 100%;
  overflow-y: auto;
}
.components-layout .right-sidebar {
  line-height: 64px;
  justify-content: space-evenly;
}
.components-layout .right-sidebar .ant-select-selector .ant-typography {
  color: white;
}
.components-layout .right-sidebar .user-details span {
  padding-left: 10px;
}
.components-layout .right-sidebar .user-details .logout-button {
  cursor: pointer;
  transition: color 0.3s;
}
.components-layout .right-sidebar .user-details .logout-button:hover {
  color: var(--mmt-primary-70);
}
.components-layout .right-sidebar > div {
  padding-right: 25px;
}
@media (max-width: 850px) {
  .components-layout .right-sidebar > div {
    padding-right: 1.5rem;
  }
}
.components-layout .ant-select-single.ln-22 .ant-select-selector .ant-select-selection-item,
.components-layout .ant-select-single.ln-22 .ant-select-selector .ant-select-selection-placeholder {
  line-height: 22px;
}
.components-layout .ant-select-single.ln-22:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  height: 22px;
}
.components-layout .link {
  color: white;
}
.components-layout .link:hover {
  color: var(--mmt-primary-70);
}

.dark-menu.min-w-300 .ant-dropdown-menu {
  min-width: 300px;
}
.dark-menu.min-w-300 .ant-dropdown-menu .ant-dropdown-menu-item-disabled {
  opacity: 1 !important;
  cursor: default !important;
}
.dark-menu .ant-dropdown-menu {
  background: #2b3644 !important;
  border-radius: 4px;
  border: 1px solid #384250;
}
.dark-menu .ant-dropdown-menu .ant-dropdown-menu-item span,
.dark-menu .ant-dropdown-menu .ant-dropdown-menu-item svg {
  color: white;
}
.dark-menu .ant-dropdown-menu .ant-dropdown-menu-item-disabled {
  opacity: 0.5;
}
.dark-menu .ant-dropdown-menu .ant-dropdown-menu-item-disabled:hover {
  background: #2b3644 !important;
}
.dark-menu .ant-dropdown-menu .ant-dropdown-menu-item-active {
  background: #2b3644 !important;
}
.dark-menu.tazama .ant-dropdown-menu {
  background: var(--base-gray-10) !important;
  border: 0px;
}
.dark-menu.tazama .ant-dropdown-menu .ant-dropdown-menu-item span,
.dark-menu.tazama .ant-dropdown-menu .ant-dropdown-menu-item svg {
  color: var(--base-gray-90);
}
.dark-menu.tazama .ant-dropdown-menu .ant-dropdown-menu-item-disabled:hover {
  background: var(--base-gray-10) !important;
}
.dark-menu.tazama .ant-dropdown-menu .ant-dropdown-menu-item-active {
  background: var(--base-gray-10) !important;
}

.user-dropdown-layout .ant-dropdown-menu {
  min-width: 180px;
  border-radius: 6px !important;
  background-color: #2b3644 !important;
  padding-top: 10px !important;
  padding-bottom: 8px !important;
}
.user-dropdown-layout .ant-dropdown-menu:hover {
  background-color: #2b3644 !important;
}
.user-dropdown-layout .ant-dropdown-menu .ant-dropdown-menu-item {
  padding: 10px;
  cursor: default;
}
.user-dropdown-layout .ant-dropdown-menu .ant-dropdown-menu-item:hover {
  background-color: transparent;
}
.user-dropdown-layout .ant-dropdown-menu .list {
  display: flex;
  flex-direction: column;
}
.user-dropdown-layout .ant-dropdown-menu .list .list-item {
  padding: 5px 12px;
  font-size: 14px;
  font-weight: 500;
  color: white;
  cursor: pointer;
}
.user-dropdown-layout .ant-dropdown-menu .list .list-item.disabled {
  opacity: 0.1;
  cursor: not-allowed;
}
.user-dropdown-layout .ant-dropdown-menu .list .list-item:hover {
  background-color: #1f2a37;
  border-radius: 4px;
  transition: 0.6s background;
}
.user-dropdown-layout .ant-dropdown-menu .ant-dropdown-menu-title-content {
  width: 100%;
}
.user-dropdown-layout .ant-dropdown-menu .drop-header {
  border-bottom: 1px solid #384250;
  margin: 0px 12px 8px 12px;
}
.user-dropdown-layout .ant-dropdown-menu .drop-header h4 {
  color: white;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 500;
}
.user-dropdown-layout .ant-dropdown-menu .drop-header p {
  color: #9da4ae;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 500;
}
.user-dropdown-layout .ant-dropdown-menu .list-break {
  border-bottom: 1px solid #384250;
  margin: 5px 12px;
}
.user-dropdown-layout.tazama .ant-dropdown-menu {
  background-color: var(--base-gray-10) !important;
}
.user-dropdown-layout.tazama .ant-dropdown-menu .list .list-item {
  color: var(--base-gray-90);
}
.user-dropdown-layout.tazama .ant-dropdown-menu .list .list-item:hover {
  background: var(--base-gray-20);
}
.user-dropdown-layout.tazama .ant-dropdown-menu .drop-header {
  border-bottom-color: var(--base-gray-20);
}
.user-dropdown-layout.tazama .ant-dropdown-menu .drop-header h4 {
  color: var(--base-gray-90);
}
.user-dropdown-layout.tazama .ant-dropdown-menu:hover {
  background-color: var(--base-gray-10) !important;
}

.custom-switch.bg-red {
  background: #f5222d !important;
}
.custom-switch.bg-green {
  background: #52c41a !important;
}

.editdd-table-modal .inputs label {
  margin-bottom: 0px;
}
.editdd-table-modal .inputs .ant-input-number {
  width: 100%;
}
.editdd-table-modal .inputs .ant-form-item .ant-row {
  flex-direction: column;
}
.editdd-table-modal .inputs .ant-form-item .ant-row .ant-form-item-label {
  text-align: left;
}

#edit-form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#edit-form .ant-form-item {
  margin-bottom: 16px;
}
#edit-form .content-card {
  max-width: 872px;
  width: 100%;
  border-radius: 8px;
  background-color: white;
  margin: 0 auto;
  padding: 0 var(--size-lg) var(--size-lg) var(--size-lg);
}
#edit-form .no-label .ant-form-item-label label {
  display: none;
  height: 0px;
}
#edit-form .comment-btn .ant-btn-icon {
  margin-top: 4px;
}
#edit-form .ant-form-item-label span:first-child {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: space-between;
}
#edit-form .delete-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 8px;
}
#edit-form .delete-cont svg {
  cursor: pointer;
  color: #f04438;
}
#edit-form .title-semibold-1 {
  font-family: "SF UI Display" !important;
  font-weight: 600 !important;
  font-size: 30px !important;
  line-height: 38px !important;
  color: #001529;
}
#edit-form .title-semibold-2 {
  font-family: "SF UI Display" !important;
  font-weight: 600 !important;
  font-size: var(--size-lg) !important;
  line-height: 32px !important;
  color: #001529;
}
#edit-form .title-semibold-3 {
  font-family: "SF UI Display" !important;
  font-weight: 600 !important;
  font-size: var(--font-size-lg) !important;
  line-height: 26px !important;
  color: #001529;
  margin-bottom: 0 !important;
}
#edit-form .title-semibold-4 {
  font-family: "SF UI Display" !important;
  font-weight: 600 !important;
  font-size: var(--font-size-lg) !important;
  line-height: var(--size-lg) !important;
  color: #001529;
}
#edit-form .title-normal-2 {
  font-family: "SF UI Display" !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  font-size: 14px;
  color: var(--base-gray-90);
}
#edit-form .title-semibold-5 {
  font-family: "SF UI Display" !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  color: #001529;
}
#edit-form .title-semibold-6 {
  font-family: "SF UI Display" !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  line-height: 20px !important;
  color: #001529;
}
#edit-form .ant-page-header .ant-page-header-heading-left {
  overflow: initial;
}
#edit-form .ant-page-header .ant-page-header-back-button {
  margin-bottom: 2px;
}
#edit-form .ant-page-header .ant-page-header-back-button span[role=img] {
  color: var(--color-primary-70);
}
#edit-form .ant-page-header .ant-page-header-heading-extra {
  width: -webkit-fill-available;
}
#edit-form .ant-page-header .ant-page-header-heading-extra .ant-space {
  width: 100%;
}
#edit-form .ant-page-header .ant-page-header-heading-extra .ant-space .ant-space-item {
  width: 100%;
}
#edit-form .ant-page-header .ant-page-header-heading-extra .actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-right: 12px;
}
#edit-form .ant-page-header .ant-page-header-heading-extra .actions .ant-btn {
  margin-right: 8px;
  border-radius: 8px;
}
#edit-form .ant-page-header .ant-page-header-heading-extra .actions .ant-btn span[role=img] {
  font-size: 14px;
  margin-top: 2px;
}
#edit-form .ant-page-header .tag {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#edit-form .ant-page-header .tag p {
  margin: 0 8px 0 0;
}
#edit-form .view-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  color: var(--color-primary-70);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 38px;
}
#edit-form .ant-menu {
  min-width: 200px;
  height: 100%;
}
#edit-form .ant-menu .ant-menu-item {
  padding-left: var(--size) !important;
}
#edit-form .ant-menu .ant-menu-submenu .ant-menu-submenu-title {
  padding-left: var(--size) !important;
}
#edit-form .ant-menu .ant-menu-submenu .ant-menu.ant-menu-sub .ant-menu-item {
  padding-left: 32px !important;
}
#edit-form .entity-name {
  line-height: 1;
  margin: auto;
  display: flex;
  font-size: var(--font-size-lg);
}
#edit-form .entity-name .anticon {
  vertical-align: 0;
  margin-right: 5px;
}
#edit-form .view-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  width: 100%;
  flex: 1;
  overflow: auto;
}
#edit-form .view-content .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 20px 20px 0 20px;
}
#edit-form .view-content .content.risk-template.no-padding {
  padding: 0;
  overflow-y: auto;
  flex-direction: row;
}
#edit-form .view-content .content .title {
  margin-bottom: 20px;
  font-size: var(--size-lg);
}
#edit-form .view-content .content .wrapper {
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#edit-form .view-content .content .wrapper .group {
  width: 100%;
  background: #fbfbfb;
  border: 1px solid #f2f2f2;
  padding: var(--size);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
#edit-form .view-content .content .wrapper .group .title {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--size);
}
#edit-form .view-content .content .wrapper .group .title h1 {
  font-size: 18px;
  color: #001529;
  margin-bottom: 0;
}
#edit-form .view-content .content .wrapper .group .input {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 25%;
  border-bottom: 1px solid #e4e8ed;
  margin-bottom: var(--size);
}
#edit-form .view-content .content .wrapper .group .input .label,
#edit-form .view-content .content .wrapper .group .input .value {
  font-size: 14px;
  color: #828282;
  line-height: 22px;
  margin: 0;
}
#edit-form .view-content .content .wrapper .group .input .value {
  color: #001529;
  font-weight: 400;
  margin-bottom: var(--size);
  margin-top: 8px;
}
#edit-form .view-content .content .wrapper .group .input.last {
  margin: 0;
  border: none;
}
#edit-form .view-content .content .wrapper .group .input.last .value {
  margin: 0;
  margin-top: 8px;
}
#edit-form .view-content .content .wrapper .group.repeatable .repeatable-row {
  width: 100%;
  display: flex;
  background: white;
}
#edit-form .view-content .content .wrapper .group.repeatable .input {
  margin-right: 0 !important;
  margin: 0;
  border-bottom: none;
}
#edit-form .view-content .content .wrapper .group.repeatable .input .label {
  padding-bottom: 12px;
  border-bottom: 1px solid #e4e8ed;
  min-height: 35px;
}
#edit-form .view-content .content .wrapper .group.repeatable .input .value {
  padding: 12px 0;
  background: white;
  border-bottom: 1px solid #e4e8ed;
  min-height: 48px;
  margin-bottom: 0;
  margin-top: 0;
}
#edit-form .view-content .content .wrapper .group.repeatable .input.action .value {
  text-align: center;
}
#edit-form .view-content .content .wrapper .group.repeatable .no-data {
  margin: 0;
  padding: 12px;
  background: white;
  width: 100%;
  text-align: center;
}
#edit-form .view-content .content .wrapper .group.repeatable .input .label {
  height: 100%;
}
#edit-form .view-content .content .wrapper .group.repeatable .repetable-row-extra {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: var(--size) 0;
  background: white;
  justify-content: center;
  border-bottom: 1px solid #e4e8ed !important;
  overflow: hidden;
  transition: all 300ms ease;
}
#edit-form .view-content .content .wrapper .group.repeatable .repetable-row-extra .input {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  border-bottom: 1px solid #e4e8ed;
  margin-bottom: var(--size);
}
#edit-form .view-content .content .wrapper .group.repeatable .repetable-row-extra .label,
#edit-form .view-content .content .wrapper .group.repeatable .repetable-row-extra .value {
  font-size: 14px;
  color: #828282;
  line-height: 22px;
  margin: 0;
  border-bottom: none;
  padding-right: var(--size);
}
#edit-form .view-content .content .wrapper .group.repeatable .repetable-row-extra .value {
  color: #001529;
  font-weight: 400;
  margin-bottom: var(--size);
  background: none;
  border-bottom: none;
  padding: 0;
  min-height: unset;
}
#edit-form .view-content .content .wrapper .group.repeatable .repetable-row-extra .input.last {
  margin: 0;
  border: none;
}
#edit-form .view-content .content .wrapper .group.repeatable .repetable-row-extra .input.last .value {
  margin: 0;
}
#edit-form .view-content .anticon {
  vertical-align: 0;
}
#edit-form .view-content .form-edit {
  width: 100%;
  display: flex;
  overflow: auto;
  flex-direction: column;
  padding: var(--size-lg);
  background: #f2f2f2;
}
#edit-form .view-content .form-edit .title-normal-2 {
  padding-top: 36px;
  margin-bottom: 0;
}
#edit-form .view-content .form-edit .title-normal-2:first-of-type {
  padding-top: 0px;
}
#edit-form .view-content .form-edit.has-section {
  width: calc(100% - 200px);
}
#edit-form .view-content .form-edit .section-title {
  font-size: var(--size-lg) !important;
  padding-bottom: 22px;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 20px;
  font-weight: 600 !important;
}
#edit-form .view-content .form-edit .section-comments {
  width: 100%;
  padding: var(--size);
  background: white;
  border-radius: 4px;
  margin-top: 22px;
}
#edit-form .view-content .form-edit .main-form {
  min-width: 400px;
  width: 100%;
}
#edit-form .view-content .form-edit .main-form .edit-form-header {
  border-bottom: 1px solid var(--base-gray-30);
  padding: var(--size-lg) 0;
  margin-bottom: 32px;
}
#edit-form .view-content .form-edit .main-form .edit-form-header.no-padding {
  border-bottom: 0px;
  padding: 0px;
}
#edit-form .view-content .form-edit .main-form .edit-form-header h1 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0px;
}
#edit-form .view-content .form-edit .main-form.project-form {
  background-color: white;
  max-width: unset;
  min-width: 520px;
  border-radius: 8px;
  margin-right: auto;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.0588235294);
}
#edit-form .view-content .form-edit .main-form.project-form .edit-form-header {
  padding-bottom: 0px;
  border-bottom: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
}
#edit-form .view-content .form-edit .main-form.project-form .edit-form-body {
  padding: var(--size-lg);
}
@media screen and (max-width: 1200px) {
  #edit-form .view-content .form-edit .main-form {
    min-width: 600px;
  }
}
@media screen and (max-width: 768px) {
  #edit-form .view-content .form-edit .main-form {
    min-width: 100%;
  }
}
#edit-form .view-content .form-edit .main-form .ant-form-vertical .ant-form-item-label,
#edit-form .view-content .form-edit .main-form .ant-col-24.ant-form-item-label,
#edit-form .view-content .form-edit .main-form .ant-col-xl-24.ant-form-item-label {
  padding: 0 !important;
}
#edit-form .view-content .form-edit .main-form .with-comment > .ant-form-item-label > label {
  width: 100%;
}
#edit-form .view-content .form-edit .main-form .with-comment > .ant-form-item-label > label > span {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#edit-form .view-content .form-edit .main-form .with-comment > .ant-form-item-label > label > span > span > button {
  line-height: 1;
  height: inherit;
  font-size: 14px;
  padding: 0;
}
#edit-form .view-content .form-edit .main-form .with-comment.i-radioGroup > .ant-form-item-label > label > span {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #001529;
}
#edit-form .view-content .form-edit .main-form .i-radioGroup,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup {
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 2px;
  margin: 0;
  flex-flow: column;
  margin-bottom: 16px;
}
#edit-form .view-content .form-edit .main-form .i-radioGroup .ant-checkbox-wrapper + .ant-checkbox-wrapper,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin: 0;
}
#edit-form .view-content .form-edit .main-form .i-radioGroup .ant-radio-group.ant-radio-group-outline,
#edit-form .view-content .form-edit .main-form .i-radioGroup .ant-checkbox-group,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup .ant-radio-group.ant-radio-group-outline,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup .ant-checkbox-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
}
#edit-form .view-content .form-edit .main-form .i-radioGroup .ant-radio-group.ant-radio-group-outline label,
#edit-form .view-content .form-edit .main-form .i-radioGroup .ant-checkbox-group label,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup .ant-radio-group.ant-radio-group-outline label,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup .ant-checkbox-group label {
  display: flex;
  background: white;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 14px;
}
#edit-form .view-content .form-edit .main-form .i-radioGroup .ant-radio-group.ant-radio-group-outline label .ant-radio,
#edit-form .view-content .form-edit .main-form .i-radioGroup .ant-radio-group.ant-radio-group-outline label .ant-checkbox,
#edit-form .view-content .form-edit .main-form .i-radioGroup .ant-checkbox-group label .ant-radio,
#edit-form .view-content .form-edit .main-form .i-radioGroup .ant-checkbox-group label .ant-checkbox,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup .ant-radio-group.ant-radio-group-outline label .ant-radio,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup .ant-radio-group.ant-radio-group-outline label .ant-checkbox,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup .ant-checkbox-group label .ant-radio,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup .ant-checkbox-group label .ant-checkbox {
  width: 16px;
}
#edit-form .view-content .form-edit .main-form .i-radioGroup .ant-radio-group.ant-radio-group-outline label > span:last-child,
#edit-form .view-content .form-edit .main-form .i-radioGroup .ant-checkbox-group label > span:last-child,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup .ant-radio-group.ant-radio-group-outline label > span:last-child,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup .ant-checkbox-group label > span:last-child {
  display: flex;
  flex-direction: column;
}
#edit-form .view-content .form-edit .main-form .i-radioGroup .ant-radio-group.ant-radio-group-outline label > span:last-child .radio-title,
#edit-form .view-content .form-edit .main-form .i-radioGroup .ant-checkbox-group label > span:last-child .radio-title,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup .ant-radio-group.ant-radio-group-outline label > span:last-child .radio-title,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup .ant-checkbox-group label > span:last-child .radio-title {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: var(--size-lg);
  display: flex;
  align-items: center;
  color: #001529;
  white-space: normal !important;
}
#edit-form .view-content .form-edit .main-form .i-radioGroup .ant-radio-group.ant-radio-group-outline label > span:last-child .radio-description,
#edit-form .view-content .form-edit .main-form .i-radioGroup .ant-checkbox-group label > span:last-child .radio-description,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup .ant-radio-group.ant-radio-group-outline label > span:last-child .radio-description,
#edit-form .view-content .form-edit .main-form .i-checkboxGroup .ant-checkbox-group label > span:last-child .radio-description {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  white-space: normal !important;
}
#edit-form .view-content .form-edit .main-form .i-transfer .ant-transfer {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#edit-form .view-content .form-edit .main-form .i-transfer .ant-transfer .ant-transfer-list {
  height: 300px;
}
#edit-form .view-content .form-edit .main-form .i-transfer .ant-transfer .ant-transfer-list .ant-transfer-list-body {
  overflow-y: auto;
}
#edit-form .view-content .form-edit .main-form .i-transfer .ant-transfer .ant-transfer-list .ant-transfer-list-body .ant-transfer-list-body-customize-wrapper {
  padding: 0;
}
#edit-form .view-content .form-edit .main-form .i-transfer .ant-transfer .ant-transfer-list .ant-transfer-list-header .ant-transfer-list-header-selected {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  justify-content: space-between;
}
#edit-form .view-content .form-edit .main-form .i-transfer .ant-transfer .ant-transfer-list .ant-transfer-list-header .ant-transfer-list-header-selected .ant-transfer-list-header-title {
  position: inherit;
  font-size: var(--font-size-lg);
  color: #001529;
  font-weight: 700;
}
#edit-form .view-content .form-edit .main-form .i-transfer .ant-transfer .ant-transfer-operation {
  display: flex;
  justify-content: space-around;
  width: 100px;
  margin: 10px;
}
#edit-form .view-content .form-edit .main-form .i-transfer .ant-transfer .ant-transfer-operation button {
  transform: rotate(90deg);
}
#edit-form .view-content .form-edit .main-form .i-transfer .ant-transfer .ant-transfer-operation button .anticon {
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
}
#edit-form .view-content .form-edit .main-form .ant-picker {
  width: 100%;
}
#edit-form .view-content .form-edit .main-form .ant-picker .ant-picker-suffix {
  margin-top: -6px;
}
#edit-form .view-content .form-edit .main-form .ant-picker .ant-picker-clear {
  margin-top: -3px;
}
#edit-form .view-content .form-edit .main-form .ant-input-number {
  width: 100%;
}
#edit-form .view-content .form-edit .main-form .title-semibold-4 {
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  line-height: 22px;
  color: #001529;
}
#edit-form .view-content .form-edit .main-form .ant-col.ant-form-item-label label {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: var(--base-gray-90);
  align-self: stretch;
  flex-grow: 0;
}
#edit-form .view-content .form-edit .main-form .i-transfer > .ant-form-item-label > label {
  padding: 14px 0;
}
#edit-form .view-content .form-edit .main-form .i-undefined {
  display: none;
}
#edit-form .view-content .form-edit .main-form .repeatable {
  box-sizing: border-box;
  position: relative;
}
#edit-form .view-content .form-edit .main-form .repeatable .ant-table .ant-table-container {
  border-inline-start: unset;
  border-top: unset;
}
#edit-form .view-content .form-edit .main-form .repeatable .ant-table .ant-table-container .ant-table-cell {
  border: 0px;
  font-size: 14px;
}
#edit-form .view-content .form-edit .main-form .repeatable .ant-table .ant-table-container .ant-table-cell p {
  margin-bottom: 0px !important;
}
#edit-form .view-content .form-edit .main-form .repeatable .ant-table .value {
  margin: 0;
}
#edit-form .view-content .form-edit .main-form .repeatable .header {
  padding-bottom: 8px;
  display: flex;
}
#edit-form .view-content .form-edit .main-form .repeatable .header button {
  margin-top: 0px !important;
}
#edit-form .view-content .form-edit .main-form .repeatable .header h3 {
  margin-bottom: 0px;
  font-size: 14px;
  color: var(--base-gray-90);
}
#edit-form .view-content .form-edit .main-form .repeatable .header .main {
  flex: 1;
}
#edit-form .view-content .form-edit .main-form .repeatable .header div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#edit-form .view-content .form-edit .main-form .repeatable .table-body .value {
  max-width: 100%;
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
#edit-form .view-content .form-edit .main-form .i-group .ant-form-item-control-input-content {
  justify-content: flex-start;
  grid-gap: 8px;
}
#edit-form .view-content .form-edit .main-form .ajax-modal-view {
  padding: 18px;
  width: 100%;
  border: 1px dashed #d7daea;
  box-sizing: border-box;
  border-radius: 2px;
  padding-top: 5px;
}
#edit-form .view-content .form-edit .main-form .ajax-modal-view .link-row {
  height: auto;
  display: flex;
  line-height: var(--size);
  min-height: 32px;
  padding: 5px 0;
}
#edit-form .view-content .form-edit .main-form .ajax-modal-view .link-row.even {
  background: #f9fafc;
}
#edit-form .view-content .form-edit .main-form .ajax-modal-view .link-row span {
  width: 50%;
  padding: 0 12px;
  margin: auto;
}
#edit-form .view-content .form-edit .main-form .repeatable-item {
  border: 1px dashed #d7daea;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 15px;
}
#edit-form .view-content .form-edit .main-form .repeatable-item .ajax-modal-view {
  padding-top: 0px;
}
#edit-form .view-content .form-edit .main-form .repeatable-item .total-inputs-1 .ajax-modal-view .remove-button-row {
  display: none !important;
}
#edit-form .view-content .form-edit .main-form .ajax-modal-edit {
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 20px;
  width: 100%;
  margin-bottom: var(--size-lg);
}
#edit-form .view-content .form-edit .main-form .ajax-modal-edit .form-modal {
  width: 100%;
}
#edit-form .view-content .form-edit .main-form .ajax-modal-edit .form-botom {
  display: flex;
  justify-content: center;
}
#edit-form .view-content .form-edit .main-form .ajax-modal-edit .form-botom button {
  border-radius: 8px;
}
#edit-form .view-content .form-edit .main-form .i-switch {
  line-height: 32px;
  padding: 10px;
  border: 1px solid #d7daea;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#edit-form .view-content .form-edit .main-form .i-switch .ant-form-item-label {
  padding-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 60px);
}
#edit-form .view-content .form-edit .main-form .i-switch .ant-form-item-label label {
  flex-wrap: wrap;
}
#edit-form .view-content .form-edit .main-form .i-switch .ant-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
#edit-form .view-content .form-edit .main-form .i-switch .ant-row .ant-form-item-control {
  width: unset;
}
#edit-form .view-content .form-edit .main-form .i-switch.onTitle .ant-row {
  width: unset;
  flex-direction: column;
}
#edit-form .view-content .form-edit .main-form .i-switch.onTitle .ant-form-item-label {
  width: 0;
}
#edit-form .view-content .form-edit .main-form .i-switch .ant-form-item-control {
  justify-content: flex-end;
  flex-grow: inherit;
}
#edit-form .view-content .form-edit .main-form .i-switch.onTitle {
  max-height: 1px;
  padding: 0;
  border: none;
  margin: 0;
  justify-content: flex-end !important;
}
#edit-form .view-content .form-edit .main-form .edit-form-body.documents-layout .repeatable {
  border-bottom: 0px;
}
#edit-form .view-content .form-edit .main-form .edit-form-body.documents-layout .ajax-modal-edit {
  margin-bottom: 0px;
}
#edit-form .view-content .form-edit.project {
  background-color: white;
}
#edit-form .view-content .form-edit.project .content-card {
  max-width: calc(700px + var(--size-lg) + var(--size-lg));
}
#edit-form .view-content .form-edit.project .edit-form-header {
  padding-top: 0px;
  margin-bottom: var(--size-lg);
}
#edit-form .risk-template {
  display: flex;
}
#edit-form .risk-template .risk-categories-list {
  justify-content: center;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#edit-form .risk-template .risk-categories-list .risk-categories {
  width: 100%;
  min-height: 100px;
  margin-bottom: var(--size);
  margin-top: var(--size);
  white-space: break-spaces;
}
#edit-form .total100 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#edit-form .total100 .ant-space-item:nth-of-type(3n) {
  flex-grow: initial;
}
#edit-form .total100 .ant-space-item:not(:last-of-type) {
  width: calc(50% - 4px);
}
#edit-form .total100 .ant-space {
  margin-top: 8px;
}
#edit-form .risk-plan {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 21px;
  border: 1px solid;
  box-sizing: border-box;
  border-radius: 2px;
  color: #001529;
  flex-wrap: wrap;
}
#edit-form .risk-plan .subScore {
  display: flex;
  min-width: 100px;
  padding-top: 3.5px;
}
#edit-form .risk-plan .subScore p {
  margin: 0;
  margin-bottom: 4px;
}
#edit-form .risk-plan .subScore .levels {
  display: flex;
  justify-content: space-between;
  height: 15px;
}
#edit-form .risk-plan .subScore .levels div {
  width: 15px;
  margin-right: 3px;
  height: 100%;
  background: #f3f3f3;
}
#edit-form .risk-plan .subScore .levels div:last-of-type {
  margin-right: 0;
}
#edit-form .risk-name {
  color: #001529;
  font-style: italic;
}
#edit-form .i-imageUpload {
  margin-top: 22px;
}
#edit-form .btn-view {
  border-color: var(--color-primary-70);
  border-radius: 2px;
  padding: 5px 8px 8px 8px;
}
#edit-form .btn-view svg {
  fill: var(--color-primary-70);
}
#edit-form .btn-custom {
  border-radius: 2px !important;
}
#edit-form .btn-custom-2 {
  border-radius: 8px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 8px !important;
  color: #384250 !important;
  font-size: 14px;
  padding-top: 8px !important;
}
#edit-form .btn-custom-2.primary {
  color: white !important;
  border-color: transparent !important;
}
#edit-form .btn-custom-2.primary:disabled {
  border-color: #d0d5dd !important;
  color: rgba(56, 66, 80, 0.5) !important;
}
#edit-form .btn-save-and-continue {
  color: #262626;
  border-color: var(--color-primary-70);
}

.ant-modal .modal-title {
  font-weight: bold;
  font-size: 18px;
  margin-right: 20px;
}

.ant-modal .section-label {
  font-size: var(--font-size-lg);
  font-weight: 300;
}

.ant-modal .inputs > div.ant-row.ant-form-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.ant-modal .inputs > div.ant-row.ant-form-item div.ant-form-item-label {
  width: 100%;
}
.ant-modal .inputs > div.ant-row.ant-form-item div.ant-form-item-label label {
  margin: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.ant-modal .inputs > div.ant-row.ant-form-item div.ant-form-item-label label span:nth-of-type(1) {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: auto 0;
}
.ant-modal .inputs > div.ant-row.ant-form-item div.ant-form-item-label label span:nth-of-type(1) button {
  display: flex;
  align-items: center;
  padding-right: 0;
}
.ant-modal .inputs > div.ant-row.ant-form-item div.ant-form-item-label label::after {
  display: none;
}
.ant-modal .inputs > div.ant-row.ant-form-item .ant-form-item-control {
  width: 100%;
}

.ant-modal .repeatable-modal-actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 12px;
  margin: 32px 0 22px 0;
}

.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .radio-title {
  color: rgba(0, 0, 0, 0.3) !important;
}

.i-modal .link-row {
  display: flex;
}
.i-modal .link-row:not(:last-of-type) {
  padding-bottom: 4px;
  margin-bottom: 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.i-modal .link-row span {
  width: 50%;
}
.i-modal .remove-button-row button {
  display: flex;
  align-items: center;
}
.i-modal .ant-form-item-control-input-content {
  display: block;
  padding: var(--size);
  border: 1px dashed rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.i-modal .ant-form-item-control-input-content .form-modal {
  width: 100%;
}
.i-modal .ant-form-item-control-input-content .form-modal .wrapper {
  display: none;
}
.i-modal .ant-form-item-control-input-content .form-modal .ant-form-item-control-input-content {
  padding: 0;
  display: flex;
  border: none;
}
.i-modal .ant-form-item-control-input-content .form-modal .main-form label {
  flex-direction: row-reverse;
}

body {
  margin: 0;
  color: var(--base-gray-90);
  overflow-y: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgba(0, 0, 0, 0.85);
}

.ant-popconfirm-buttons {
  display: flex;
}

.ant-breadcrumb ol {
  flex-wrap: nowrap;
}

.ant-modal-confirm-btns {
  display: flex;
  justify-content: flex-end;
}

#root {
  margin: 0;
  height: 100dvh;
  max-height: 100dvh;
  width: 100%;
}

.ant-btn-link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.ant-btn-linkspan[role=img] {
  font-size: var(--font-size-lg);
}

body {
  padding-bottom: unset;
  background-color: white !important;
}

.flex-row {
  display: flex;
}

.gap-2 {
  gap: 10px;
}

.gap-6 {
  gap: 24px;
}

.view-wrapper {
  overflow-x: hidden;
  overflow-y: hidden;
  height: 100dvh;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
}

.navbar-custom {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  height: 60px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 var(--size);
  color: white;
  box-sizing: border-box;
}
.navbar-custom .logo-box {
  height: auto;
}
.navbar-custom .logo .logo-lg {
  line-height: normal;
}

.component-view {
  overflow-y: auto;
  width: 100%;
  height: 100%;
}

.component-view.plr-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #1890ff;
  border-color: #1890ff;
  background-color: #1890ff;
}

.form-control:focus {
  border-color: #1890ff;
}

.intl-tel-input.allow-dropdown.w-100 .flag-container {
  width: auto;
}

.intl-tel-input.w-100.allow-dropdown.separate-dial-code input,
.intl-tel-input.w-100.allow-dropdown.separate-dial-code input[type=text],
.intl-tel-input.w-100.allow-dropdown.separate-dial-code input[type=tel] {
  padding-left: 90px;
}

.intl-tel-input.w-100 .selected-flag {
  z-index: 1;
  position: relative;
  width: 94px;
  outline: none;
  height: 100%;
  padding: 0 0px 0 12px;
  border-right: 1px solid #dcdee2;
}
.intl-tel-input.w-100 .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.intl-tel-input.w-100 .selected-flag .arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 4px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #b9bdc5;
}

.intl-tel-input.w-100 .flag-container .arrow.down:after,
.intl-tel-input.w-100 .flag-container .arrow.up:after {
  content: "";
}

.intl-tel-input.w-100.allow-dropdown .flag-container:hover .selected-flag {
  color: var(--mmt-primary-70);
}

.intl-tel-input.w-100.allow-dropdown .flag-container:hover .selected-flag .arrow {
  border-top-color: var(--mmt-primary-70);
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #f7f7f7;
  opacity: 1;
}

.dropdown-toggle.btn:disabled {
  background-color: #f7f7f7;
  opacity: 1;
  border-color: #ced4da;
}

.input-with-comment {
  border: 1px solid #ced4da;
  padding: 10px;
}

.inputGroup .input-with-comment,
.inputGroup .input-without-comment {
  margin-top: 1.5em;
}

.btn.button-with-icon {
  padding: 5px 10px;
  line-height: 1;
  font-size: initial;
  margin-right: 5px;
}
.btn.button-with-icon i {
  font-size: inherit;
  line-height: inherit;
}
.btn.button-with-icon .text {
  margin-left: 10px;
}

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

.remove-button .half {
  width: calc(50% - 40px);
}

.dropdown-item,
.dropdown button {
  white-space: pre-wrap;
}

.has-children .half {
  width: calc(33% - 6px);
}

.remove-button.has-children .half {
  width: calc(33% - 25px);
}

.react-datepicker-popper {
  z-index: 7 !important;
}

.container {
  position: relative;
  margin: 0;
  min-width: 100% !important;
  padding: 0;
  height: 100%;
}

.ant-page-header {
  padding: 8px 8px 8px var(--size) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ant-page-header .ant-page-header-heading {
  justify-content: flex-start;
}
.ant-page-header .ant-page-header-heading-extra {
  display: flex;
  margin-left: var(--size);
}
.ant-page-header .ant-btn {
  display: flex;
  border-radius: 4px !important;
}
.ant-page-header .ant-btn span[role=img] {
  font-size: 18px;
}

.ant-drawer-body .form {
  padding: 0 !important;
  overflow-y: hidden !important;
}
.ant-drawer-body .form div.dynamic-form {
  height: calc(100% - var(--size));
  width: 100%;
  position: relative;
}
.ant-drawer-body .form div.dynamic-form form.main-form {
  height: calc(100% - 60px);
  width: 100%;
  overflow-y: auto;
  padding: var(--size-lg);
}
.ant-drawer-body .form div.dynamic-form .form-botom {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: var(--size-lg) var(--size) 10px;
  background: #fff;
  text-align: right;
  border-top: 1px solid #e1e1e1;
  display: flex;
  justify-content: space-around;
}
.ant-drawer-body .form div.dynamic-form .form-botom button {
  width: 200px;
}

.ant-select-item-option-content {
  white-space: normal !important;
}

.form .ant-col .ant-form-item-extra button {
  padding-right: 0;
  padding-top: 0;
  height: 28px;
}

body {
  font-family: "SF UI Display" !important;
  font-weight: normal;
  font-variant: normal;
}

* {
  font-family: "SF UI Display" !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mt5 {
  margin-top: 2em !important;
}

.form-input-output {
  height: 100%;
}
.form-input-output .app-content {
  height: calc(100% - 64px);
  overflow-y: auto;
}
.form-input-output.app-content {
  height: 100%;
  overflow-y: auto;
}

.semibold.form-input-output,
.ant-drawer {
  font-weight: normal;
}
.semibold.form-input-output .ant-page-header-heading-title,
.ant-drawer .ant-page-header-heading-title {
  font-family: "SF UI Display" !important;
  font-weight: 600 !important;
  font-size: var(--size-lg) !important;
  line-height: 32px !important;
}
.semibold.form-input-output .ant-drawer-title,
.ant-drawer .ant-drawer-title {
  font-family: "SF UI Display" !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  line-height: 30px !important;
}
.semibold.form-input-output .title-semibold-1,
.ant-drawer .title-semibold-1 {
  font-family: "SF UI Display" !important;
  font-weight: 600 !important;
  font-size: 30px !important;
  line-height: 38px !important;
}
.semibold.form-input-output .title-semibold-2,
.ant-drawer .title-semibold-2 {
  font-family: "SF UI Display" !important;
  font-weight: 600 !important;
  font-size: var(--size-lg) !important;
  line-height: 32px !important;
}
.semibold.form-input-output .title-semibold-3,
.ant-drawer .title-semibold-3 {
  font-family: "SF UI Display" !important;
  font-weight: 600 !important;
  font-size: var(--font-size-lg) !important;
  line-height: 26px !important;
}
.semibold.form-input-output .title-semibold-4,
.ant-drawer .title-semibold-4 {
  font-family: "SF UI Display" !important;
  font-weight: 600 !important;
  font-size: var(--font-size-lg) !important;
  line-height: var(--size-lg) !important;
}
.semibold.form-input-output .title-semibold-5,
.ant-drawer .title-semibold-5 {
  font-family: "SF UI Display" !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 22px !important;
}
.semibold.form-input-output .title-semibold-6,
.ant-drawer .title-semibold-6 {
  font-family: "SF UI Display" !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  line-height: 20px !important;
}

.ant-table-cell span.ant-tag.ant-tag-has-color,
.ant-table-cell span.ant-tag.ant-tag-warning,
.ant-table-cell span.ant-tag.ant-tag-success,
.ant-table-cell span.ant-tag.ant-tag-default,
.ant-table-cell span.ant-tag.ant-tag-blue {
  display: flex;
  width: 100%;
  flex-flow: column;
  text-align: center;
}

.bb-none {
  border-bottom: none !important;
}

.bl-none {
  border-left: none !important;
}

.br-none {
  border-right: none !important;
}

.bt-none {
  border-top: none !important;
}

.b-none {
  border: none !important;
}

b,
strong {
  color: #f7f7f7;
  font-family: "SF UI Display";
  font-weight: bold;
  color: #001529;
  font-style: normal;
}

.ant-menu-inline-collapsed-tooltip img {
  display: none;
}

.notification-icon {
  padding-right: 0 !important;
  cursor: pointer;
  margin-right: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 65px;
  position: relative;
}
@media (max-width: 850px) {
  .notification-icon {
    margin-right: 1.5rem;
  }
}
.notification-icon svg {
  font-size: 19px;
}
.notification-icon .noti-more-cont {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(65%, -90%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
  background-color: var(--mmt-primary-70);
  color: white;
  border: 1px solid white;
  height: 18px;
  padding: 0px 4px;
  border-radius: 12px;
}
.notification-icon .noti-loader {
  position: absolute;
  width: 38px;
  height: 38px;
  top: var(--size);
  right: -10px;
  background: transparent;
  border-radius: 100%;
  border: 3px solid transparent; /* Light grey */
  border-top: 3px solid #3498db;
  border-right: 3px solid #3498db;
  border-radius: 50%;
  animation: spin 1.5s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ant-dropdown .ant-dropdown-menu-item,
.ant-dropdown .ant-dropdown-menu-submenu-title {
  white-space: pre-wrap;
}

.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background-color: #384250 !important;
}

.image-upload-preview {
  width: 200px;
  padding: var(--size);
  background: white;
  objectfit: contain;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
  cursor: pointer;
}
.image-upload-preview:not(:last-of-type) {
  margin-right: 8px;
}

.custom-modal .ant-modal-header {
  padding-bottom: 0px;
}

.w-mr {
  margin-right: 12px;
}

.filters-wrapper {
  display: flex;
  flex-direction: column;
}
.filters-wrapper label:not(:first-of-type) {
  margin-top: var(--size);
}
.filters-wrapper .filters-actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: var(--size-lg);
}
.filters-wrapper .filters-actions button:not(:last-of-type) {
  margin-right: 8px;
}

.react-flow .react-flow__controls .react-flow__controls-button {
  width: 25px;
  height: 25px;
}

.ant-layout {
  min-height: 100dvh !important;
}

.loader-container {
  height: 3000px;
}

.ant-layout-content {
  min-height: calc(100dvh - 64px);
}

.sidenav-sider {
  background: var(--base-gray-90);
}
.sidenav-sider.tazama {
  background-color: var(--base-gray-10);
}
@media (max-width: 850px) {
  .sidenav-sider.desktop-sider {
    display: none;
  }
}
.sidenav-sider .ant-menu.ant-menu-dark,
.sidenav-sider .ant-menu-dark .ant-menu-sub,
.sidenav-sider .ant-menu.ant-menu-dark .ant-menu-sub {
  background: #384250;
}
.sidenav-sider .ant-menu.ant-menu-dark .ant-menu-item:hover,
.sidenav-sider .ant-menu-dark .ant-menu-sub .ant-menu-item:hover,
.sidenav-sider .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-item:hover {
  background-color: #2f3a47;
}
.sidenav-sider.tazama .ant-menu.ant-menu-dark,
.sidenav-sider.tazama .ant-menu-dark .ant-menu-sub,
.sidenav-sider.tazama .ant-menu.ant-menu-dark .ant-menu-sub {
  background-color: var(--base-gray-10);
}
.sidenav-sider.tazama .ant-menu.ant-menu-dark span,
.sidenav-sider.tazama .ant-menu-dark .ant-menu-sub span,
.sidenav-sider.tazama .ant-menu.ant-menu-dark .ant-menu-sub span {
  color: var(--base-gray-90);
}
.sidenav-sider.tazama .ant-menu.ant-menu-dark svg,
.sidenav-sider.tazama .ant-menu.ant-menu-dark i,
.sidenav-sider.tazama .ant-menu-dark .ant-menu-sub svg,
.sidenav-sider.tazama .ant-menu-dark .ant-menu-sub i,
.sidenav-sider.tazama .ant-menu.ant-menu-dark .ant-menu-sub svg,
.sidenav-sider.tazama .ant-menu.ant-menu-dark .ant-menu-sub i {
  color: var(--base-gray-70) !important;
}
.sidenav-sider.tazama .ant-menu.ant-menu-dark .ant-menu-item:hover,
.sidenav-sider.tazama .ant-menu-dark .ant-menu-sub .ant-menu-item:hover,
.sidenav-sider.tazama .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-item:hover {
  background-color: var(--base-gray-10);
}
.sidenav-sider .ant-menu-sub .ant-menu-item:hover {
  background-color: #1f2a37 !important;
}
.sidenav-sider .ant-menu-sub .selected-it:hover {
  background-color: var(--color-primary-70) !important;
}
.sidenav-sider .ant-menu-sub .ant-menu-title-content {
  line-height: 20px;
}
.sidenav-sider.tazama .ant-menu-item:hover {
  background-color: var(--base-gray-20) !important;
}
.sidenav-sider .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  border-radius: 0px;
  background-color: var(--color-primary-70) !important;
}
.sidenav-sider .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected span,
.sidenav-sider .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected svg,
.sidenav-sider .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected i {
  color: white !important;
}
.sidenav-sider.sidenav-sider-collapsed .sidemenu-cont .ant-menu-submenu:hover {
  background-color: #243a47;
}
.sidenav-sider.sidenav-sider-collapsed .sidemenu-cont svg {
  width: 17px !important;
  height: 17px !important;
}
.sidenav-sider.sidenav-sider-collapsed.tazama .sidemenu-cont .ant-menu-submenu:hover {
  background-color: var(--base-gray-20);
}
.sidenav-sider.sidenav-sider-collapsed .selected .ant-menu-submenu-title,
.sidenav-sider.sidenav-sider-collapsed .ant-menu-submenu-selected .ant-menu-submenu-title {
  background-color: var(--color-primary-70) !important;
  color: white;
  border-radius: 0px;
}
.sidenav-sider.sidenav-sider-collapsed .selected .ant-menu-submenu-title:hover,
.sidenav-sider.sidenav-sider-collapsed .ant-menu-submenu-selected .ant-menu-submenu-title:hover {
  background-color: var(--color-primary-70) !important;
}
.sidenav-sider.tazama.sidenav-sider-collapsed .selected .ant-menu-submenu-title svg,
.sidenav-sider.tazama.sidenav-sider-collapsed .ant-menu-submenu-selected .ant-menu-submenu-title svg {
  color: white !important;
}
.sidenav-sider .ant-menu-sub {
  background-color: #2b3644 !important;
}
.sidenav-sider.tazama .ant-menu-sub {
  background-color: var(--color-primary-70) !important;
}
.sidenav-sider .ant-menu-item-only-child {
  padding-left: var(--size-lg) !important;
}
.sidenav-sider .ant-menu-item-only-child:hover {
  background-color: #2b3644;
}
.sidenav-sider.tazama .ant-menu-item-only-child:hover {
  background-color: var(--color-primary-70);
}
.sidenav-sider.tazama .ant-menu-sub {
  background-color: var(--base-gray-20) !important;
}
.sidenav-sider.tazama .ant-menu-item-only-child:hover {
  background-color: var(--base-gray-20);
}
.sidenav-sider .sidenav-hover-content .ant-menu-item-only-child {
  padding-left: 2px !important;
}
.sidenav-sider .second-level-sub-menu .ant-menu-submenu-title {
  padding-left: var(--size-lg) !important;
}
.sidenav-sider .second-level-sub-menu .ant-menu-sub {
  background-color: #1f2a37 !important;
}
.sidenav-sider .second-level-sub-menu .ant-menu-item-only-child {
  padding-left: var(--size-lg) !important;
}
.sidenav-sider .second-level-sub-menu .ant-menu-item-only-child:hover {
  background-color: #1f2a37;
}
.sidenav-sider .second-level-sub-menu .selected {
  background-color: var(--mmt-primary-70) !important;
  color: white;
}
.sidenav-sider .second-level-sub-menu .selected:hover {
  background-color: var(--mmt-primary-70) !important;
}
.sidenav-sider .selected-it {
  background-color: var(--color-primary-70) !important;
  color: white;
}
.sidenav-sider .selected-it:hover {
  background-color: var(--color-primary-70) !important;
}
.sidenav-sider.tazama .second-level-sub-menu .ant-menu-sub {
  background-color: var(--color-primary-70) !important;
}
.sidenav-sider.tazama .second-level-sub-menu .ant-menu-item-only-child:hover {
  background-color: var(--color-primary-70);
}
.sidenav-sider.tazama .second-level-sub-menu .selected {
  opacity: 0;
  background-color: var(--color-primary-70) !important;
  color: white;
}
.sidenav-sider.tazama .second-level-sub-menu .selected:hover {
  background-color: var(--color-primary-70) !important;
}
.sidenav-sider.tazama .selected-it {
  background-color: var(--color-primary-70) !important;
}
.sidenav-sider.tazama .selected-it span {
  color: white !important;
}
.sidenav-sider.tazama .selected-it:hover {
  background-color: var(--color-primary-70) !important;
}
.sidenav-sider svg {
  margin-right: 8px;
}
.sidenav-sider .selected-label {
  color: white !important;
}

.sidenav-sider.sidenav-sider-collapsed .ant-menu-submenu-arrow {
  display: none;
}
.sidenav-sider.sidenav-sider-collapsed .ant-menu.ant-menu-sub.ant-menu-inline {
  display: none;
}

.sidenav-hover-content {
  position: absolute;
  left: 70px;
  z-index: 9999;
  background: #384250;
  color: white;
  padding: 0px var(--size);
  height: auto;
  min-width: 200px;
  width: fit-content;
  display: flex;
  flex-direction: column;
  border: 1px solid #4d5761;
  border-radius: 4px;
}
.sidenav-hover-content.tazama {
  background-color: var(--color-primary-70);
  border-color: var(--color-primary-70);
}
.sidenav-hover-content .sub-icon .anticon {
  margin-top: 0px !important;
}
.sidenav-hover-content .sub-icon .anticon svg {
  width: 8px;
  margin-top: 0px !important;
  margin-right: 0px;
}
.sidenav-hover-content header {
  display: flex;
  padding-top: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.sidenav-hover-content header span {
  font-size: 14px;
}
.sidenav-hover-content header span[role=img] {
  margin-right: 12px;
}
.sidenav-hover-content .with-subitems .ant-menu-title-content {
  display: flex;
  width: 100%;
}
.sidenav-hover-content .ant-menu {
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
  border: none;
  padding: 0;
  margin: 0;
  border: 0px;
}
.sidenav-hover-content .ant-menu .ant-menu-item {
  padding: 0 2px;
  margin: 0;
  margin-bottom: 0 !important;
  display: flex;
  color: white;
  background-color: transparent;
}
.sidenav-hover-content .ant-menu .ant-menu-item span[role=img],
.sidenav-hover-content .ant-menu .ant-menu-item svg {
  margin-top: 12px;
  font-size: var(--font-size-lg);
}
.sidenav-hover-content .ant-menu .ant-menu-item:hover {
  color: white !important;
  background-color: transparent !important;
}
.sidenav-hover-content .ant-menu .ant-menu-item.ant-menu-item-disabled {
  color: white !important;
  opacity: 0.5;
}
.sidenav-hover-content .ant-menu .ant-menu-item.ant-menu-item-selected {
  background-color: transparent;
  color: white;
}

html {
  background-color: white;
}
@media (max-width: 960px) {
  html {
    font-size: 12.5px;
  }
}
@media (max-width: 780px) {
  html {
    font-size: 12.5px;
  }
}
@media (max-width: 423px) {
  html {
    font-size: 11px;
  }
}
@media (max-width: 380px) {
  html {
    font-size: 10.5px;
  }
}
@media (max-width: 360px) {
  html {
    font-size: 10px;
  }
}
@media (max-width: 340px) {
  html {
    font-size: 9.5px;
  }
}

.ellipsis-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 0px;
}

.custom-select {
  border: 0px;
}
.custom-select .ant-select-selector {
  border-radius: 4px !important;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
  border-color: #d0d5dd !important;
  color: #595959 !important;
}
.custom-select.ant-select-sm {
  height: 25px;
}
.custom-select .ant-select-arrow {
  top: 47%;
}
.custom-select.white .ant-select-selector {
  background-color: white !important;
}

.flex-1 {
  flex: 1;
}

.max-w-100 {
  max-width: 100%;
}

.dark-select {
  background: #1f2a37;
  border-radius: 6px;
}
.dark-select .ant-select-arrow {
  color: white;
}
.dark-select .ant-select-item-group {
  color: #9da4ae;
}
.dark-select .ant-select-dropdown {
  background-color: #2b3644;
  color: white;
  padding-bottom: 12px;
}
.dark-select .ant-select-dropdown .rc-virtual-list-holder-inner {
  gap: 4px;
}
.dark-select .ant-select-dropdown .ant-select-item-option {
  padding: 5px 12px;
  margin: 0px 12px;
  border-radius: 6px;
}
.dark-select .ant-select-dropdown .ant-select-item-option .ant-typography,
.dark-select .ant-select-dropdown .ant-select-item-option .ant-select-item-option-content {
  color: white;
  font-weight: 500;
}
.dark-select .ant-select-dropdown .ant-select-item-option:hover {
  background-color: #1f2a37 !important;
}
.dark-select .ant-select-dropdown .ant-select-item-option.ant-select-item-option-active {
  background-color: #1f2a37 !important;
}
.dark-select .ant-select-dropdown .ant-select-item {
  color: white;
}
.dark-select .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #1f2a37;
}

.dark-select-popup {
  background-color: #2b3644;
  color: white;
  padding-bottom: 12px;
}
.dark-select-popup.tazama {
  background-color: var(--base-gray-10);
}
.dark-select-popup .ant-select-item-group {
  color: #9da4ae !important;
}
.dark-select-popup .rc-virtual-list-holder-inner {
  gap: 4px;
}
.dark-select-popup .ant-select-item-option {
  padding: 5px 12px;
  margin: 0px 6px;
  border-radius: 6px;
}
.dark-select-popup .ant-select-item-option .ant-typography,
.dark-select-popup .ant-select-item-option .ant-select-item-option-content {
  color: white;
  font-weight: 500;
}
.dark-select-popup .ant-select-item-option:hover {
  background-color: #1f2a37 !important;
}
.dark-select-popup .ant-select-item-option.ant-select-item-option-active {
  background-color: #1f2a37 !important;
}
.dark-select-popup.tazama .ant-select-item-option .ant-typography,
.dark-select-popup.tazama .ant-select-item-option .ant-select-item-option-content {
  color: var(--base-gray-90);
}
.dark-select-popup.tazama .ant-select-item-option:hover {
  background-color: var(--base-gray-20) !important;
}
.dark-select-popup.tazama .ant-select-item-option.ant-select-item-option-active {
  background-color: var(--base-gray-20) !important;
}
.dark-select-popup .ant-select-item {
  color: white;
}
.dark-select-popup .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #1f2a37;
}
.dark-select-popup.tazama .ant-select-item {
  color: var(--base-gray-90);
}
.dark-select-popup.tazama .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: var(--base-gray-10);
}

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

.ant-notification-bottomLeft {
  max-height: 250px;
}

.leaflet-control-attribution.leaflet-control {
  display: none;
}

@media (max-width: 850px) {
  .userback-button {
    display: none !important;
  }
}

/*# sourceMappingURL=index.css.map */