datastake-daf 0.6.99 → 0.6.100

package/src/styles/datastake.scss

@@ -1,4454 +1 @@
-.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 */
-}
+@import './datastake/_index.css';