datastake-daf 0.6.97 → 0.6.99

package/src/styles/datastake.scss

@@ -1 +1,4454 @@
-@import './datastake/_index.css';
+.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);
+  }
+}
+
+.grecaptcha-badge {
+  visibility: hidden !important;
+}
+
+.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 {
+  min-width: fit-content !important;
+  width: fit-content !important;
+  display: block !important;
+  align-content: center !important;
+  height: 60px;
+  position: absolute;
+  left: 70px !important;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.sidenav-hover-content li {
+  width: unset !important;
+}
+
+.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.cukura .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.nested .sidenav-cont .menus-cont .sidemenu-cont .ant-menu-submenu,
+.components-layout.nested .sidenav-cont .menus-cont .sidemenu-cont .ant-menu-item {
+  color: #384250;
+}
+
+.components-layout.nested .sidenav-cont .ant-menu-submenu-title {
+  color: #384250 !important;
+}
+
+.components-layout.nested .sidenav-cont .ant-menu-submenu.ant-menu-submenu-disabled .ant-menu-submenu-title {
+  color: #D2D6DB !important;
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.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.custom {
+  background: var(--custom-header-color);
+  padding: 0px 6px;
+}
+
+.components-layout .site-layout-sub-header-background.tazama {
+  background: var(--base-gray-20);
+}
+
+.components-layout .site-layout-sub-header-background.cukura {
+  background: var(--base-gray-100);
+}
+
+.components-layout .site-layout-sub-header-background.tazama svg {
+  color: var(--base-gray-70);
+}
+
+.components-layout .site-layout-sub-header-background.cukura svg {
+  color: var(--base-gray-20);
+}
+
+.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.cukura .language-select .cont {
+  color: var(--base-gray-20);
+} */
+.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: var(--base-gray-100) !important;
+  border-radius: 4px;
+  border: 1px solid var(--base-gray-90);
+}
+
+.dark-menu.custom .ant-dropdown-menu {
+  background: var(--custom-header-color) !important;
+  border-radius: 4px;
+  border: 1px solid var(--base-gray-90);
+}
+
+.ant-menu.ant-menu-sub.ant-menu-inline {
+  background-color: var(--base-gray-110) !important;
+}
+
+.sidenav-sider.custom .ant-menu.ant-menu-sub.ant-menu-inline {
+  background-color: var(--custom-sidenav-submenu-color) !important;
+}
+
+.sidenav-sider.nested .ant-menu.ant-menu-sub.ant-menu-inline {
+  background-color: var(--nested-sidenav-submenu-bg-color) !important;
+}
+
+.sidenav-sider.nested .ant-menu.ant-menu-sub.ant-menu-inline .ant-menu-item:hover {
+  background-color: var(--color-primary-10) !important;
+}
+
+.sidenav-sider.nested .ant-menu.ant-menu-sub.ant-menu-inline .ant-menu-item.selected-it,
+.sidenav-sider.nested .ant-menu.ant-menu-sub.ant-menu-inline .ant-menu-item.selected-it:hover,
+.sidenav-sider.nested .ant-menu.ant-menu-sub.ant-menu-inline .ant-menu-item.selected-it:active {
+  background-color: var(--color-primary-70) !important;
+}
+
+
+.sidenav-sider .ant-menu.ant-menu-sub.ant-menu-inline .ant-menu-item.selected-it,
+.sidenav-sider .ant-menu.ant-menu-sub.ant-menu-inline .ant-menu-item.selected-it:hover,
+.sidenav-sider .ant-menu.ant-menu-sub.ant-menu-inline .ant-menu-item.selected-it:active {
+  background-color: var(--color-primary-70) !important;
+}
+
+.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: var(--base-gray-100) !important;
+}
+
+.dark-menu.custom .ant-dropdown-menu .ant-dropdown-menu-item-disabled:hover {
+  background: var(--custom-header-color) !important;
+}
+
+.dark-menu .ant-dropdown-menu .ant-dropdown-menu-item-active {
+  background: var(--base-gray-100) !important;
+}
+
+.dark-menu.custom .ant-dropdown-menu .ant-dropdown-menu-item-active {
+  background: var(--custom-sidenav-hover-color) !important;
+}
+
+.dark-menu.tazama .ant-dropdown-menu {
+  background: var(--base-gray-10) !important;
+  border: 0px;
+}
+
+/* .dark-menu.cukura .ant-dropdown-menu {
+  background: var(--base-gray-90) !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.cukura .ant-dropdown-menu .ant-dropdown-menu-item span,
+.dark-menu.cukura .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.cukura .ant-dropdown-menu .ant-dropdown-menu-item-disabled:hover {
+  background: var(--base-gray-90) !important;
+} */
+.dark-menu.tazama .ant-dropdown-menu .ant-dropdown-menu-item-active {
+  background: var(--base-gray-10) !important;
+}
+
+/* .dark-menu.cukura .ant-dropdown-menu .ant-dropdown-menu-item-active {
+  background: var(--base-gray-90) !important;
+} */
+
+.user-dropdown-layout .ant-dropdown-menu {
+  min-width: 180px;
+  border-radius: 6px !important;
+  background-color: var(--base-gray-100) !important;
+  padding-top: 10px !important;
+  padding-bottom: 8px !important;
+}
+
+.user-dropdown-layout.custom .ant-dropdown-menu {
+  min-width: 180px;
+  border-radius: 6px !important;
+  background-color: var(--custom-header-color) !important;
+  padding-top: 10px !important;
+  padding-bottom: 8px !important;
+}
+
+.user-dropdown-layout .ant-dropdown-menu:hover {
+  background-color: var(--base-gray-100) !important;
+}
+
+.user-dropdown-layout.custom .ant-dropdown-menu:hover {
+  background-color: var(--custom-header-color) !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.custom .ant-dropdown-menu .list .list-item:hover {
+  background-color: var(--custom-sidenav-hover-color);
+  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 var(--base-gray-90);
+  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 var(--base-gray-90);
+  margin: 5px 12px;
+}
+
+.user-dropdown-layout.tazama .ant-dropdown-menu {
+  background-color: var(--base-gray-10) !important;
+}
+
+/* .user-dropdown-layout.cukura .ant-dropdown-menu {
+  background-color: var(--base-gray-20) !important;
+} */
+.user-dropdown-layout.tazama .ant-dropdown-menu .list .list-item {
+  color: var(--base-gray-90);
+}
+
+/* .user-dropdown-layout.cukura .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.cukura .ant-dropdown-menu .list .list-item:hover {
+  background: var(--base-gray-30);
+} */
+.user-dropdown-layout.tazama .ant-dropdown-menu .drop-header {
+  border-bottom-color: var(--base-gray-20);
+}
+
+/* .user-dropdown-layout.cukura .ant-dropdown-menu .drop-header {
+  border-bottom-color: var(--base-gray-30);
+} */
+.user-dropdown-layout.tazama .ant-dropdown-menu .drop-header h4 {
+  color: var(--base-gray-90);
+}
+
+/* .user-dropdown-layout.cukura .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;
+}
+
+/* .user-dropdown-layout.cukura .ant-dropdown-menu:hover {
+  background-color: var(--base-gray-20) !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: var(--base-gray-90) !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: var(--base-gray-90) !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.custom {
+  background: var(--custom-sidenav-color);
+}
+
+.sidenav-sider.nested {
+  background: var(--nested-sidenav-color);
+}
+
+.sidenav-sider.tazama {
+  background-color: var(--base-gray-10);
+}
+
+.sidenav-sider.cukura {
+  background-color: var(--base-gray-90);
+}
+
+@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: var(--base-gray-90);
+}
+
+.sidenav-sider.custom .ant-menu.ant-menu-dark,
+.sidenav-sider.custom .ant-menu-dark .ant-menu-sub,
+.sidenav-sider.custom .ant-menu.ant-menu-dark .ant-menu-sub {
+  background: var(--custom-sidenav-color);
+}
+
+.sidenav-sider.nested .ant-menu.ant-menu-dark,
+.sidenav-sider.nested .ant-menu-dark .ant-menu-sub,
+.sidenav-sider.nested .ant-menu.ant-menu-dark .ant-menu-sub {
+  background: var(--nested-sidenav-color);
+}
+
+.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.custom .ant-menu.ant-menu-dark .ant-menu-item:hover,
+.sidenav-sider.custom .ant-menu-dark .ant-menu-sub .ant-menu-item:hover,
+.sidenav-sider.custom .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-item:hover {
+  background-color: var(--custom-sidenav-hover-color);
+}
+
+.sidenav-sider.nested .ant-menu.ant-menu-dark .ant-menu-item:hover,
+.sidenav-sider.nested .ant-menu-dark .ant-menu-sub .ant-menu-item:hover,
+.sidenav-sider.nested .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-item:hover {
+  background-color: var(--nested-sidenav-hover-color);
+}
+
+.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.cukura .ant-menu.ant-menu-dark,
+.sidenav-sider.cukura .ant-menu-dark .ant-menu-sub,
+.sidenav-sider.cukura .ant-menu.ant-menu-dark .ant-menu-sub {
+  background-color: var(--base-gray-90);
+}
+
+.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.cukura .ant-menu.ant-menu-dark span,
+.sidenav-sider.cukura .ant-menu-dark .ant-menu-sub span,
+.sidenav-sider.cukura .ant-menu.ant-menu-dark .ant-menu-sub span {
+  color: var(--base-gray-70);
+}
+
+.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.cukura .ant-menu.ant-menu-dark svg,
+.sidenav-sider.cukura .ant-menu.ant-menu-dark i,
+.sidenav-sider.cukura .ant-menu-dark .ant-menu-sub svg,
+.sidenav-sider.cukura .ant-menu-dark .ant-menu-sub i,
+.sidenav-sider.cukura .ant-menu.ant-menu-dark .ant-menu-sub svg,
+.sidenav-sider.cukura .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.cukura .ant-menu.ant-menu-dark .ant-menu-item:hover,
+.sidenav-sider.cukura .ant-menu-dark .ant-menu-sub .ant-menu-item:hover,
+.sidenav-sider.cukura .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-item:hover {
+  /* background-color: var(--base-gray-90); */
+  background-color: red
+}
+
+.sidenav-sider .ant-menu-sub .ant-menu-item:hover {
+  background-color: #1f2a37 !important;
+}
+
+.sidenav-sider.nested .ant-menu-sub .ant-menu-item:hover {
+  background-color: var(--nested-sidenav-hover-color) !important;
+}
+
+.sidenav-sider.nested .ant-menu-sub .selected-it:hover {
+  background-color: var(--color-primary-70) !important;
+}
+
+.sidenav-sider.custom .ant-menu-sub .ant-menu-item:hover {
+  background-color: var(--custom-sidenav-subsection-hover) !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.cukura .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.custom .sidemenu-cont .ant-menu-submenu:hover {
+  background-color: var(--custom-collapsed-sidenav-hover-color);
+}
+
+.sidenav-sider.sidenav-sider-collapsed.nested .sidemenu-cont .ant-menu-submenu:hover {
+  background-color: var(--nested-collapsed-sidenav-hover-color);
+}
+
+.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.cukura .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.nested.sidenav-sider-collapsed .selected .ant-menu-submenu-title svg,
+.sidenav-sider.nested.sidenav-sider-collapsed .ant-menu-submenu-selected .ant-menu-submenu-title svg {
+  color: white !important;
+}
+
+.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.cukura.sidenav-sider-collapsed .selected .ant-menu-submenu-title svg,
+.sidenav-sider.cukura.sidenav-sider-collapsed .ant-menu-submenu-selected .ant-menu-submenu-title svg {
+  color: white !important;
+}
+
+.sidenav-sider .ant-menu-sub {
+  background-color: var(--base-gray-100) !important;
+}
+
+.sidenav-sider.tazama .ant-menu-sub {
+  background-color: var(--color-primary-70) !important;
+}
+
+.sidenav-sider.cukura .ant-menu-sub {
+  background-color: var(--color-primary-80) !important;
+}
+
+.sidenav-sider .ant-menu-item-only-child {
+  padding-left: var(--size-lg) !important;
+}
+
+.sidenav-sider .ant-menu-item-only-child:hover {
+  background-color: var(--base-gray-100);
+}
+
+.sidenav-sider.tazama .ant-menu-item-only-child:hover {
+  background-color: var(--color-primary-70);
+}
+
+.sidenav-sider.cukura .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.cukura .ant-menu-sub {
+  background-color: var(--base-gray-110) !important;
+}
+
+.sidenav-sider.tazama .ant-menu-item-only-child:hover {
+  background-color: var(--base-gray-20);
+}
+
+.sidenav-sider.cukura .ant-menu-item-only-child:hover {
+  background-color: var(--base-gray-90);
+}
+
+.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.cukura .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.cukura .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.cukura .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.cukura .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.cukura .selected-it {
+  background-color: var(--color-primary-70) !important;
+}
+
+.sidenav-sider.tazama .selected-it span {
+  color: white !important;
+}
+
+.sidenav-sider.cukura .selected-it span {
+  color: white !important;
+}
+
+.sidenav-sider.tazama .selected-it:hover {
+  background-color: var(--color-primary-70) !important;
+}
+
+.sidenav-sider.cukura .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: var(--base-gray-90);
+  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-sider.custom .sidenav-hover-content {
+  background-color: var(--custom-sidenav-color);
+  border: none
+}
+
+.sidenav-sider.nested .sidenav-hover-content {
+  background-color: white;
+  color: #384250;
+  border: none;
+  border: 0.5px solid #E5E7EB;
+}
+
+.sidenav-hover-content.tazama {
+  background-color: var(--color-primary-70);
+  border-color: var(--color-primary-70);
+}
+
+.sidenav-hover-content.cukura {
+  color: var(--base-gray-70);
+  border: none
+}
+
+.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-sider.nested .sidenav-hover-content header {
+  display: flex;
+  padding-top: 10px;
+  justify-content: flex-start;
+  align-items: center;
+  margin-bottom: 4px;
+  padding-bottom: 10px;
+  width: 100%;
+  position: relative;
+  box-sizing: border-box;
+}
+
+.sidenav-sider.nested .sidenav-hover-content header::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: -57px;
+  height: 1px;
+  background-color: #E5E7EB;
+}
+
+.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-sider.custom .ant-menu-dark .ant-menu-item-disabled {
+  color: var(--custom-sidenav-disabled-menu-item-color) !important;
+}
+
+.sidenav-sider.nested .ant-menu-dark .ant-menu-item-disabled {
+  color: var(--nested-sidenav-disabled-menu-item-color) !important;
+}
+
+.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-sider.nested .sidenav-hover-content .ant-menu .ant-menu-item {
+  padding: 0 2px;
+  margin: 0;
+  margin-bottom: 0 !important;
+  display: flex;
+  color: #384250;
+  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-sider.nested .sidenav-hover-content .ant-menu .ant-menu-item:hover {
+  color: #384250 !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: var(--base-gray-100);
+  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: var(--base-gray-100);
+  color: white;
+  padding-bottom: 12px;
+}
+
+.dark-select-popup.custom {
+  background-color: var(--custom-header-color);
+  color: white;
+  padding-bottom: 12px;
+}
+
+.dark-select-popup.tazama {
+  background-color: var(--base-gray-10);
+}
+
+/* .dark-select-popup.cukura {
+  background-color: var(--base-gray-20);
+} */
+.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.custom .ant-select-item-option.ant-select-item-option-active {
+  background-color: var(--custom-sidenav-hover-color) !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.cukura .ant-select-item-option .ant-typography,
+.dark-select-popup.cukura .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.cukura .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.cukura .ant-select-item-option.ant-select-item-option-active {
+  background-color: var(--color-primary-70) !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.cukura .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);
+}
+
+.dark-select-popup.cukura .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+  background-color: var(--base-gray-90);
+}
+
+.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 */
+
+/* steps component */
+.ant-steps-item-finish .ant-steps-item-icon {
+  background-color: var(--color-primary-10) !important;
+  border-color: var(--color-primary-10) !important;
+}
+
+.ant-menu-light .ant-menu-item-selected:hover {
+  background-color: var(--color-primary-20) !important; /* pick a stronger shade */
+}