.install-app-holder {
  padding: 15px;
  font-size: 1.1rem;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.install-app__title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  font-size: 2rem;
  color: var(--ant-primary-color);
}
.install-app__title img {
  width: 130px;
}
.install-app-popover > div {
  width: 60% !important;
  height: unset !important;
}
.install-app-dialog__btn {
  display: flex;
  justify-content: end;
  gap: 10px;
}
.install-app__button {
  background: var(--ant-primary-color);
  border: none;
  padding: 10px;
  color: white;
  border-radius: 5px;
}
.install-app-dialog__instruction__actions li {
  display: flex;
  align-items: center;
}
.install-app-dialog__instruction__actions svg {
  width: 30px;
}
.install-app-dialog__instruction__btns {
  display: flex;
  justify-content: end;
}
@media (max-width: 850px) {
  .install-app-holder {
    font-size: 1rem;
  }
  .install-app-popover > div {
    width: 90% !important;
  }
  .install-app__title {
    font-size: 1.5rem;
  }
  .install-app__title img {
    width: 90px;
  }
}

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

.ant-select-dropdown {
  z-index: 11000;
}

.ewW45n07EOgFsoAXkdld {
  width: 100%;
  height: 100%;
  padding: 0 !important;
}
.ewW45n07EOgFsoAXkdld > div {
  height: 100% !important;
  align-items: center;
}

.input-and-error-holder {
  width: 100%;
  position: relative;
}
.input-and-error-holder > *:last-child {
  width: 100%;
  height: 100%;
}
.error {
  font-size: 0.8rem;
  color: red;
}
.error-item {
  border-color: red;
}
.ant-select-status-error > .ant-select-selector,
.ant-input-status-error,
.ant-picker-status-error,
.ant-picker-status-error input::placeholder {
  background: #ffd4d4 !important;
  color: red;
}

.RG__Sudvkj0iDtcIXj9w {
  display: flex;
  flex-flow: column-reverse;
}
.eO8ccGj6EVywcno5uLs3 {
  z-index: 1;
  font-size: 12px;
  color: #989898;
  pointer-events: none;
  transition: 0.2s ease all;
  transform: translate(0, 140%) scale(1);
  margin-left: 10px;
}
.Fl51jARvmBe5_kGQyBrW {
  transform: translate(0, 0) scale(1);
  margin-left: 0;
}
.rmPbm4VEmIF493TJNXNa {
  color: red;
}

.ant-picker-cell,
.ant-picker-cell-in-view,
.ant-picker-cell-selected,
.ant-picker-cell-inner,
.ant-picker-cell-today,
.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-radius: 50% !important;
}

.date-picker-holder {
  width: 100%;
  height: 100%;
}

.ant-picker-panels > *:first-child button.ant-picker-header-next-btn {
  visibility: visible !important;
}
.ant-picker-panels > *:first-child button.ant-picker-header-super-next-btn {
  visibility: visible !important;
}
.ant-picker-panel-container,
.ant-picker-footer {
  width: 280px !important;
}
.ant-picker-footer-extra > div {
  flex-wrap: wrap !important;
}
.ant-picker-year-panel {
  display: block;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before {
  background: var(--ant-primary-1);
}
.ant-picker-panel {
  border: none !important;
}
.form-daterangeinput__buttons-holder {
  display: flex;
  gap: 10px;
  justify-content: space-around;
  padding: 10px 20px;
}
.form-daterangeinput__buttons-holder > button {
  width: 100%;
}

.M5XnO2qfpZS8uBoAwFwz {
  width: 100%;
  height: 100%;
  padding: 8px 18px !important;
  display: flex;
  align-items: center;
  gap: 5px;
  border-color: var(--ant-primary-color);
  border-radius: 5px;
  color: var(--ant-primary-color);
  font-weight: 400;
  overflow: hidden;
}
.x9uyChSDJ8YK2_OiRRZ2 {
  display: flex;
}
.Wsjbv0O5BFNfk0w9E9lg {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.GUPbsCoRK2w003opo5Qb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 700;
  padding: 11px;
  border-radius: 2px;
  color: white;
  border-color: var(--ant-primary-color);
  background-color: var(--ant-primary-color);
}
.GUPbsCoRK2w003opo5Qb:hover {
  color: white;
  border-color: var(--ant-primary-color);
  background-color: var(--ant-primary-color);
}

.qsSNwLy1_h5EdckOYPZg {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  font-weight: 700;
  padding: 11px;
  border-radius: 2px;
  color: white;
  border-color: var(--ant-primary-color);
  background-color: var(--ant-primary-color);
}
.qsSNwLy1_h5EdckOYPZg:hover {
  color: white;
  border-color: var(--ant-primary-color);
  background-color: var(--ant-primary-color);
}

.ant-popover-content > .ant-popover-arrow {
  display: none;
}

.ant-popover-content {
  top: -15px;
}

.ant-collapse {
  background: white;
}

.ant-collapse-header {
  padding: 10px !important;
}

.ant-popover-placement-bottom {
  z-index: 10000;
}

.ant-popover-disabled-compatible-wrapper > .ant-btn {
  display: flex;
  width: 100%;
  align-items: center;
}

.button {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}
.button div:first-child {
  margin-right: 10px;
}
.button div:last-child {
  transition: 0.3s all;
  margin-left: auto;
}
.rotate {
  transform: rotate(180deg);
  margin-top: 2px;
}
.iconBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  padding: 3px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.buttonBlock {
  display: flex;
  gap: 10px;
  padding-top: 10px;
  justify-content: flex-end;
}
.buttonBlock > button {
  width: unset;
}
.multiselectSelectedItems {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

.pulse-loader-holder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pulse-loader-holder .pulse-loader {
  width: 100px;
  height: 100px;
  margin: auto;
  margin-bottom: 0px;
  text-align: center;
  font-size: 0;
}
.pulse-loader-holder .pulse-loader > div {
  background-color: var(--ant-primary-color);
  border-radius: 10px;
  height: 100%;
  width: 10%;
  margin: 0 5%;
  display: inline-block;
  animation: pulse-loader-animation 1.2s infinite ease-in-out;
}
.pulse-loader-holder .pulse-loader > div:nth-child(2) {
  animation-delay: -1.1s;
}
.pulse-loader-holder .pulse-loader > div:nth-child(3) {
  animation-delay: -1s;
}
.pulse-loader-holder .pulse-loader > div:nth-child(4) {
  animation-delay: -0.9s;
}
.pulse-loader-holder .pulse-loader > div:nth-child(5) {
  animation-delay: -0.8s;
}
.pulse-loader-holder > div:last-child {
  margin: auto;
  margin-top: 0px;
  color: var(--ant-primary-color);
  font-size: 1rem;
  font-weight: 400;
}
@keyframes pulse-loader-animation {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}

@keyframes rotatingback {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
  }
}
.loader-small svg > path {
  animation: rotate 1s linear infinite;
  transform-origin: center;
}
.loader-small svg > path:last-child {
  animation: rotatingback 1s linear infinite;
  transform-origin: center;
}

.notification-bell {
  display: flex;
  position: relative;
}
.notification-bell__count {
  background: #6eae84;
  position: absolute;
  font-size: 0.6rem;
  font-weight: 500;
  color: white;
  padding: 0;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.small-pulse-loader-holder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.small-pulse-loader-holder .small-pulse-loader {
  width: 25px;
  height: 25px;
  margin: auto;
  margin-bottom: 0px;
  text-align: center;
  font-size: 0;
}
.small-pulse-loader-holder .small-pulse-loader > div {
  background-color: var(--ant-primary-color);
  border-radius: 10px;
  height: 100%;
  width: 10%;
  margin: 0 5%;
  display: inline-block;
  animation: small-pulse-loader-animation 1.2s infinite ease-in-out;
}
.small-pulse-loader-holder .small-pulse-loader > div:nth-child(2) {
  animation-delay: -1.1s;
}
.small-pulse-loader-holder .small-pulse-loader > div:nth-child(3) {
  animation-delay: -1s;
}
.small-pulse-loader-holder .small-pulse-loader > div:nth-child(4) {
  animation-delay: -0.9s;
}
.small-pulse-loader-holder .small-pulse-loader > div:nth-child(5) {
  animation-delay: -0.8s;
}
.small-pulse-loader-holder > div:last-child {
  margin: auto;
  margin-top: 0px;
  color: var(--ant-primary-color);
  font-size: 1rem;
  font-weight: 400;
}
@keyframes small-pulse-loader-animation {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}

.VvOPrIY7ZY0PBKL5StCA {
  display: flex;
  position: relative;
}
.VvOPrIY7ZY0PBKL5StCA input {
  border-left: none;
  border-top: none;
  border-right: none;
  margin-bottom: 10px;
  font-size: 0.8rem;
  padding-right: 35px;
}
.VvOPrIY7ZY0PBKL5StCA button {
  border: none;
  padding: 0px;
  box-shadow: none;
  position: absolute;
  height: 20px;
  width: 20px;
  right: 10px;
  top: 10%;
}
.VvOPrIY7ZY0PBKL5StCA button :hover {
  background: inherit;
}

.form-date-range {
  height: 100%;
}
.form-date-range > div {
  height: 100%;
}
.form-date-range > div > div {
  height: 100%;
}

.UGuUe6N9RxHyjQqcg696 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  padding: 3px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.multiselectInputDashboard > .multiselectSelectedItems {
  max-width: 100px;
}

.OmyeRrbzJ2FuTzZmavQm {
  overflow-y: scroll;
  width: 100%;
  height: 100%;
}
.OmyeRrbzJ2FuTzZmavQm::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.OmyeRrbzJ2FuTzZmavQm::-webkit-scrollbar-track {
  background: #ecf4fa;
  /* цвет дорожки */
  padding-left: 10px;
}
.OmyeRrbzJ2FuTzZmavQm::-webkit-scrollbar-thumb {
  background-color: #60a3d5;
  border-radius: 2px;
}

.qKB_aqouJvzMU7ppU6uE {
  white-space: nowrap;
  position: relative;
  width: 100%;
}
.qKB_aqouJvzMU7ppU6uE > tr {
  background-color: #eef3ff;
  position: sticky;
  top: 0px;
  z-index: 2;
  height: 40px;
}
.qKB_aqouJvzMU7ppU6uE tbody tr {
  height: 40px;
  background-color: #fff;
}
.qKB_aqouJvzMU7ppU6uE tbody tr:nth-child(2n) {
  background-color: #f4f4f4;
}
.otdFtuiPDe9ebvWMxKv4 {
  background-color: #fff7f0 !important;
}
.lkL82yhp1YW1_g617cAw > td:last-child {
  background-color: #fff0f0 !important;
}
.BBVCRyejsWuFHgmEbFCt {
  width: 45px !important;
}
.T6U7L0NYILj8tuoafSC8 {
  width: 100px !important;
}
.YOoYhQG9DWjAMHrVUc7e {
  display: none;
}
@media (max-width: 850px) {
  .qKB_aqouJvzMU7ppU6uE {
    display: none;
  }
  .YOoYhQG9DWjAMHrVUc7e {
    display: block;
    height: fit-content;
  }
  .YOoYhQG9DWjAMHrVUc7e > div {
    background-color: #fff;
  }
  .YOoYhQG9DWjAMHrVUc7e > div:nth-child(2n) {
    background-color: #f4f4f4;
  }
  .CQ7URL0F5Zus3wWzVUFV {
    background-color: #fff7f0 !important;
  }
}

.atJYoNNaChVhte8PA5H5,
.atJYoNNaChVhte8PA5H5:hover,
.atJYoNNaChVhte8PA5H5:active {
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  border-radius: 50%;
  padding: 0;
  background: inherit;
  width: 1.5rem;
  height: 1.5rem;
}
.atJYoNNaChVhte8PA5H5 > *,
.atJYoNNaChVhte8PA5H5:hover > *,
.atJYoNNaChVhte8PA5H5:active > * {
  margin: 0 auto;
}

.iuh4YmeKIHPx9Hfe3_Xw {
  cursor: pointer;
}
.iuh4YmeKIHPx9Hfe3_Xw svg {
  opacity: 0;
  padding: 0px 5px;
  transition: all 0.2s ease;
  width: 25px;
}
.iuh4YmeKIHPx9Hfe3_Xw .qvmia_GNGdvccm6MOIPg {
  opacity: 1;
}
.iuh4YmeKIHPx9Hfe3_Xw:hover svg {
  opacity: 1;
}
.iuh4YmeKIHPx9Hfe3_Xw > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.iuh4YmeKIHPx9Hfe3_Xw > div > div {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.iuh4YmeKIHPx9Hfe3_Xw > div > div > span {
  color: #223053;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
}
.s_eXOG2YCaSEvDlcDwCc > div {
  display: flex;
  padding-right: 5px;
}
.s_eXOG2YCaSEvDlcDwCc > div > svg {
  opacity: 1;
  padding: unset;
  width: unset;
}
._kNWwQlm3a4Qjp3g3twM {
  display: flex;
  max-width: 300px;
}
.kHZFaisGobb43l7pVAqu {
  position: absolute;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #6e90c4;
}

.ctYAxVD4dJCevhU1qP7i {
  position: sticky;
  background-color: inherit;
  height: 100%;
  z-index: 1;
  align-items: center;
  justify-content: center;
}
.ctYAxVD4dJCevhU1qP7i > div {
  display: flex;
  height: 100%;
}
.ctYAxVD4dJCevhU1qP7i:hover {
  cursor: pointer;
}
.MrnUyxbOZrD_cyaxnG7F {
  width: 5px;
  background-color: #fff;
  height: 40px;
}
.FIMo4_3zls6vWEhG13RN {
  display: flex;
  gap: 5px;
  align-items: center;
  padding: 0 10px;
}

.v1chgK81UKHawmP0_cmk {
  padding: 12px !important;
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: unset !important;
  border-radius: unset !important;
  background: inherit !important;
  border: none !important;
  gap: 10px;
  align-items: center;
}
.v1chgK81UKHawmP0_cmk > * {
  margin: 0 !important;
}
.DuCB6YyHjTXw58GS9Vy6 {
  display: flex;
  align-items: center;
  gap: 5px;
}
.SADnATvxvOwSsim3WtWA {
  display: none;
  flex-direction: column;
  padding: 12px;
}
.SNEemmlq6hWSkYHw36IP {
  display: flex;
}
.qYs3hM2Te8QehuXO70Bv {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  width: 100% !important;
  gap: 10px;
  background: inherit !important;
  border: none !important;
}
.qYs3hM2Te8QehuXO70Bv > span {
  margin: 0 !important;
}
.qYs3hM2Te8QehuXO70Bv > span:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.OHtulolK1zi_ATJLKEAr {
  display: flex;
  gap: 5px;
}
.NKjzj7nypx2oPiJheqBw {
  transform: rotate(180deg);
  margin-top: 2px;
}
.Gd86FynX9k5CSu_2Md7C {
  scrollbar-width: none;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 10px;
  text-overflow: ellipsis;
  font-size: 12px;
}
.Gd86FynX9k5CSu_2Md7C.Gd86FynX9k5CSu_2Md7C::-webkit-scrollbar {
  display: none;
}
.sjtLhccmKpOGH90M2TWl {
  display: flex;
  width: 20px;
  height: 20px;
}

.ZNbso0lYYTkdI7RnCiof {
  text-align: left;
  cursor: pointer;
  align-items: center;
  position: relative;
  max-width: 25vw;
}
.ZNbso0lYYTkdI7RnCiof > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ZNbso0lYYTkdI7RnCiof > div > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px 0 25px;
}

.ZrE_CUkag4wsEH2zIgHi {
  display: flex;
  width: 100%;
  height: min-content;
  justify-content: space-between;
}
.ZrE_CUkag4wsEH2zIgHi .vArX3FZ4WxviLVpP8WLu {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.ZrE_CUkag4wsEH2zIgHi .vArX3FZ4WxviLVpP8WLu > div:last-child {
  display: flex;
}
.ZrE_CUkag4wsEH2zIgHi .AkHmwEkU3kyIEJlc0r_A {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
}
.ZrE_CUkag4wsEH2zIgHi .DHSkjY1d4WQ3bBnQEaDv {
  display: block;
  margin-top: 5px;
  white-space: nowrap;
}
@media (max-width: 850px) {
  .ZrE_CUkag4wsEH2zIgHi {
    display: block;
  }
  .ZrE_CUkag4wsEH2zIgHi .vArX3FZ4WxviLVpP8WLu {
    flex-direction: column;
    align-items: flex-end;
  }
}

.S8ZhLZHCs6PcwATNOkd1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  background-color: #f8faff;
  height: min-content !important;
  width: 100%;
}
.S8ZhLZHCs6PcwATNOkd1 > div {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.S8ZhLZHCs6PcwATNOkd1 > div > div {
  display: flex;
  gap: 10px;
}
.S8ZhLZHCs6PcwATNOkd1 > div > div > span {
  color: var(--ant-primary-8);
  font-size: 0.9rem;
  font-weight: 400;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
}
.S8ZhLZHCs6PcwATNOkd1 > div > div > span span {
  color: var(--ant-primary-color);
  font-size: 16px;
  font-weight: 400;
  margin: auto;
  height: 100%;
}
.tVxPD2ARblDJavjgGiSL {
  margin-left: auto;
}
.tVxPD2ARblDJavjgGiSL > * {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aZNmdurUisXlTZULxnDD {
  padding-left: 10px;
  cursor: pointer;
}
@media (max-width: 850px) {
  .S8ZhLZHCs6PcwATNOkd1 {
    flex-direction: column;
    align-items: flex-start;
  }
  .S8ZhLZHCs6PcwATNOkd1 > div:first-child {
    max-width: unset;
    width: 100%;
  }
  .S8ZhLZHCs6PcwATNOkd1 > div:first-child > div:first-child > span {
    flex-direction: row;
  }
  .S8ZhLZHCs6PcwATNOkd1 > div:first-child > div:first-child > span > span:first-child {
    font-size: 12px;
    height: initial;
  }
  .S8ZhLZHCs6PcwATNOkd1 > div:last-child {
    max-width: unset;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  .S8ZhLZHCs6PcwATNOkd1 > div:last-child > div {
    gap: 10px;
    flex-wrap: wrap;
  }
  .S8ZhLZHCs6PcwATNOkd1 > div:last-child > div > div {
    gap: 10px;
  }
}

.ant-drawer-content {
  border-radius: 20px;
}
.ant-drawer-body {
  border-radius: 20px;
}
.custom-drawer-holder {
  height: 0% !important;
}
.custom-drawer {
  position: absolute;
}
.drawer-resizable__holder {
  height: 100%;
  width: 100%;
  display: flex;
}
.drawer-resizable__holder > .drawer-resizable__border {
  position: relative;
  width: 5px;
  height: calc(100% - 30px);
  margin: 15px 10px;
  border-radius: 10px;
  background: gray;
}
.drawer-resizable__holder > .drawer-resizable__border:hover {
  cursor: e-resize;
}
.drawer-resizable__holder > div:last-child {
  width: 100%;
}
@media (min-width: 850px) {
  .custom-drawer-withAdditional .ant-drawer-wrapper-body {
    flex-flow: row-reverse;
  }
  .custom-drawer-withAdditional .ant-drawer-content {
    background: none;
  }
  .custom-drawer-withAdditional .ant-drawer-body {
    background: white;
    border-radius: 20px 0px 0px 20px;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
    width: 378px;
  }
  .custom-drawer-withAdditional .ant-drawer-footer {
    background: white;
    margin: 15px 0px 15px 15px;
    border-radius: 20px 0px 0px 20px;
    width: calc(100% - 393px);
    padding: 0px !important;
  }
}
@media (max-width: 850px) {
  .custom-drawer {
    position: fixed !important;
  }
}

.P0CYg18g_W1hVwzhxqkg {
  border-bottom: 0.1px solid #e6e6f3;
}
.P0CYg18g_W1hVwzhxqkg > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f8faff;
  padding: 15px;
}
.P0CYg18g_W1hVwzhxqkg > div:first-child > div:first-child {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #f8faff;
}
.P0CYg18g_W1hVwzhxqkg > div:first-child > div:first-child > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.P0CYg18g_W1hVwzhxqkg > div:first-child > div:first-child > div > div {
  width: 250px;
}
.P0CYg18g_W1hVwzhxqkg > div:first-child > div:first-child > div > div > button > div:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.P0CYg18g_W1hVwzhxqkg > div:first-child > div:first-child > div:last-child {
  flex-wrap: wrap;
  gap: 5px;
}
.P0CYg18g_W1hVwzhxqkg > div:first-child > div:first-child > div:last-child > * {
  width: unset;
}
.P0CYg18g_W1hVwzhxqkg > div:first-child > div:last-child {
  display: flex;
  background-color: #f8faff;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
}
.zXK7kpYvmzOZ6KK3o_Bw {
  display: flex;
  gap: 10px;
  background-color: #f8faff;
  padding: 0 0 10px 15px;
}
.zXK7kpYvmzOZ6KK3o_Bw > div:last-child {
  display: flex;
  gap: 10px;
}
@media (max-width: 850px) {
  .P0CYg18g_W1hVwzhxqkg > div:first-child > div:first-child > div:last-child > * {
    width: 100%;
  }
  .P0CYg18g_W1hVwzhxqkg > div:first-child > div:first-child > div:last-child > div.JAdERd_TjYqVuyrimIHw {
    display: flex;
    gap: 2px;
  }
  .P0CYg18g_W1hVwzhxqkg > div:first-child > div:first-child > div:last-child > div.JAdERd_TjYqVuyrimIHw > button:first-child {
    flex-basis: 85%;
    border-radius: 5px 0px 0px 5px;
  }
  .P0CYg18g_W1hVwzhxqkg > div:first-child > div:first-child > div:last-child > div.JAdERd_TjYqVuyrimIHw > button:last-child {
    height: inherit;
    flex-basis: 15%;
    border-radius: 0px 5px 5px 0px;
  }
  .KiHUFLZLkauX2U84HY3L {
    justify-content: center;
  }
}

._R3YcYGUFQcjOIVZgsx_ {
  padding: 10px;
  max-height: 95%;
}
._R3YcYGUFQcjOIVZgsx_ > div:last-child {
  width: 100%;
}
._R3YcYGUFQcjOIVZgsx_ > div:last-child > div {
  margin-bottom: 5px;
}
._R3YcYGUFQcjOIVZgsx_ > div:first-child {
  margin-bottom: 15px;
}
._R3YcYGUFQcjOIVZgsx_ > div:first-child input {
  border-top: none;
  border-left: none;
  border-right: none;
}
.iudtWuTCXcIa1f26anIA > path {
  fill: #05309e;
}
.TKESA8WaODFROJ8SX60i > path {
  fill: #72818b50;
}
.pIGp5LjYRqHknQVcLpRL {
  display: flex;
  gap: 10px;
  padding: 5px 10px;
  justify-content: flex-end;
}
.pIGp5LjYRqHknQVcLpRL > button:nth-child(2) {
  width: 100px !important;
}
@media (max-width: 850px) {
  ._R3YcYGUFQcjOIVZgsx_ {
    max-height: 90%;
  }
}

.PrgC234EW3bmcJOsFIkQ {
  border-radius: 20px;
  display: flex;
  align-items: center;
}
.PrgC234EW3bmcJOsFIkQ > div:first-child {
  font-size: 0.8rem;
}
.PrgC234EW3bmcJOsFIkQ > div:nth-child(2) {
  color: var(--ant-primary-color);
  font-weight: 400;
  margin-left: 5px;
}
.PrgC234EW3bmcJOsFIkQ > div:last-child {
  transition: margin-left 0.2s;
  visibility: hidden;
  opacity: 0;
  margin-left: -15px;
  display: flex;
}
.PrgC234EW3bmcJOsFIkQ:hover > div:last-child {
  animation: emg0_6pYgnSKCbFiH4pS 0.2s;
  margin-left: 5px;
  visibility: visible;
  opacity: 1;
  display: flex;
}
@keyframes emg0_6pYgnSKCbFiH4pS {
  0% {
    opacity: 0;
    visibility: hidden;
    margin-left: -15px;
  }
  40% {
    opacity: 0;
    visibility: visible;
    margin-left: -15px;
  }
  100% {
    opacity: 1;
    visibility: visible;
    margin-left: 5px;
  }
}

.settings-of-tables .input-and-error-holder > div:nth-child(2) {
  display: flex;
  align-items: center;
}
.settings-of-tables {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 850px) {
  .settings-of-tables {
    gap: 10px;
  }
}

.tLXaxhdya3KHiv2P52lh {
  cursor: pointer;
  justify-content: center !important;
  display: flex;
}
.ky2uSbAGTIvajh7Vq01m {
  width: 300px;
}

.Mvf8uk8jGi7TsoJbON5p > div:last-child {
  margin-top: 10px;
}
.Mvf8uk8jGi7TsoJbON5p > div:last-child > div {
  margin-bottom: 5px;
}
.Mvf8uk8jGi7TsoJbON5p > div:last-child > div > button {
  width: 100%;
  font-weight: 700;
  padding: 11px;
  border-radius: 2px;
  background-color: var(--ant-primary-color);
  color: white;
  display: flex;
  align-items: center;
}
.Mvf8uk8jGi7TsoJbON5p > div:last-child > div > button > div:last-child {
  margin-left: 10px;
}
.Mvf8uk8jGi7TsoJbON5p > div:last-child > div > button > svg path {
  fill: white;
}
.y1Wgvlc8MO_bmLfqKrkj {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}
.y1Wgvlc8MO_bmLfqKrkj > * {
  margin: 0 auto;
}

.fcrHkfFkkqZBF4DbIL1J {
  display: flex;
  flex: 1;
  background-color: #ffffff;
  position: relative;
  border-radius: 20px;
  padding: 20px 8px 20px 20px;
  flex-direction: column;
}
.fcrHkfFkkqZBF4DbIL1J > div:first-child {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.fcrHkfFkkqZBF4DbIL1J > div:first-child > span {
  font-weight: 500;
  font-size: 20px;
  color: #223053;
}
.fcrHkfFkkqZBF4DbIL1J > div:first-child > div {
  display: flex;
  gap: 5px;
}
.vd96WwLq73eYdU7IPcPF {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  padding: 3px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.l_ym5z7VEaX4nBHiGPc7 {
  border-bottom: none;
}
.l_ym5z7VEaX4nBHiGPc7 > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff !important;
  padding: 0 !important;
}
.l_ym5z7VEaX4nBHiGPc7 > div > div:first-child {
  display: flex;
  padding: 0;
  background-color: #ffffff !important;
}
.l_ym5z7VEaX4nBHiGPc7 > div > div:first-child > div {
  display: flex;
}
.l_ym5z7VEaX4nBHiGPc7 > div > div:first-child > div:first-child {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
}
.l_ym5z7VEaX4nBHiGPc7 > div > div:first-child > div:first-child > * {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px !important;
  width: 24px !important;
  padding: 0px 0px;
  border-radius: 6px;
}
.l_ym5z7VEaX4nBHiGPc7 > div > div:last-child {
  background-color: #ffffff !important;
}
@media (max-width: 850px) {
  .fcrHkfFkkqZBF4DbIL1J {
    padding: 15px;
  }
  .fcrHkfFkkqZBF4DbIL1J > div:first-child > span {
    font-size: 16px;
  }
}

.EnzxVW1rRCjOL4VLP80L {
  height: 215px;
  display: flex;
  flex-direction: column;
  flex-basis: 13%;
  border: none;
  border-radius: 5px;
  padding: 8px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.EnzxVW1rRCjOL4VLP80L > div:last-child {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  gap: 8px;
}
.EcPGCivFcxJCuXBjAflw {
  overflow-y: scroll;
  width: 100%;
}
.EcPGCivFcxJCuXBjAflw::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.EcPGCivFcxJCuXBjAflw::-webkit-scrollbar-track {
  background: #ecf4fa;
  /* цвет дорожки */
  padding-left: 10px;
}
.EcPGCivFcxJCuXBjAflw::-webkit-scrollbar-thumb {
  background-color: #60a3d5;
  border-radius: 2px;
}
.yRe1KTwbW_6_0oXIc3Z6 {
  overflow-y: scroll;
  width: 100%;
}
.yRe1KTwbW_6_0oXIc3Z6::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.yRe1KTwbW_6_0oXIc3Z6::-webkit-scrollbar-track {
  background: #ecf4fa;
  /* цвет дорожки */
  padding-left: 10px;
}
.yRe1KTwbW_6_0oXIc3Z6::-webkit-scrollbar-thumb {
  background-color: #ededed;
  border-radius: 2px;
}
.Dc3zq3RgBOP8OlbC64uC {
  height: 4px;
  background-color: #05309e;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.vnndhXp3HheP1KaUFoS8 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.vnndhXp3HheP1KaUFoS8 > span {
  font-size: 16px;
  font-weight: 400;
}
.vnndhXp3HheP1KaUFoS8 > div {
  display: flex;
  align-items: center;
}
.vnndhXp3HheP1KaUFoS8 > div > span {
  font-size: 12px;
  font-weight: 400;
  margin-left: 6px;
}
.og_xhwycLunFpXd4lk1z {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 8px;
  border: none;
  width: 100%;
}
.og_xhwycLunFpXd4lk1z > span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #223053;
}
.og_xhwycLunFpXd4lk1z > div {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.og_xhwycLunFpXd4lk1z > div > span {
  font-size: 14px;
  font-weight: 400;
  margin-left: 4px;
  color: #3b5db6;
}
.og_xhwycLunFpXd4lk1z > div > svg path {
  fill: #3b5db6;
}
.MLrFnIcEAdXtlB1QC4kW > span {
  color: #c8c8c8;
}
.MLrFnIcEAdXtlB1QC4kW > div > span {
  color: #c8c8c8;
}
.MLrFnIcEAdXtlB1QC4kW > div > svg path {
  fill: #c8c8c8;
}
.LvnH949Vdel_aAQ9akuC {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-right: 0.6vw;
}
.LvnH949Vdel_aAQ9akuC > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-basis: 13%;
}
.LvnH949Vdel_aAQ9akuC > div > span {
  color: #223053;
  font-size: 12px;
  font-weight: 700;
}
.LvnH949Vdel_aAQ9akuC > div > div {
  height: 1px;
  background-color: #72818b;
  width: 100%;
}
.sC1zZub9lNg_GB57FtYN {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1vw;
}
.etQS8x9xceBgQ9jbCufz {
  justify-content: flex-start;
}
@media (max-width: 850px) {
  .LvnH949Vdel_aAQ9akuC {
    display: none;
  }
  .EnzxVW1rRCjOL4VLP80L {
    flex-basis: 49%;
  }
}

.status-popover {
  width: 200px;
}
.status-popover > div {
  color: black;
}
.status-popover > div > span {
  font-weight: 500;
  color: #05309e;
}
.status-popover .status-popover__status {
  margin-bottom: 5px;
}

.Lb67cYDOqzaPqYVkpFw5 {
  display: flex;
  flex: 1;
  background-color: #ffffff;
  position: relative;
  border-radius: 20px;
  padding: 20px 8px 20px 20px;
  flex-direction: column;
}
.Lb67cYDOqzaPqYVkpFw5 > div:first-child {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.Lb67cYDOqzaPqYVkpFw5 > div:first-child > span {
  font-weight: 500;
  font-size: 20px;
  color: #223053;
}
.Lb67cYDOqzaPqYVkpFw5 > div:first-child > div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.c3T7NdCQonfty_4ecaVS {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  padding: 3px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.Y1w6HFOE6z1sTr4aUcts {
  border-bottom: none;
}
.Y1w6HFOE6z1sTr4aUcts > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff !important;
  padding: 0 !important;
}
.Y1w6HFOE6z1sTr4aUcts > div > div:first-child {
  display: flex;
  padding: 0;
  background-color: #ffffff !important;
}
.Y1w6HFOE6z1sTr4aUcts > div > div:first-child > div {
  display: flex;
}
.Y1w6HFOE6z1sTr4aUcts > div > div:first-child > div:first-child {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
}
.Y1w6HFOE6z1sTr4aUcts > div > div:first-child > div:first-child > * {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px !important;
  width: 24px !important;
  padding: 0px 0px;
  border-radius: 6px;
}
.Y1w6HFOE6z1sTr4aUcts > div > div:last-child {
  background-color: #ffffff !important;
}
@media (max-width: 850px) {
  .Lb67cYDOqzaPqYVkpFw5 {
    padding: 15px;
  }
  .Lb67cYDOqzaPqYVkpFw5 > div:first-child > span {
    font-size: 16px;
  }
}

.xInWAlv7cv0ZuzMucqJr {
  height: 215px;
  display: flex;
  flex-direction: column;
  flex-basis: 13%;
  border: none;
  border-radius: 5px;
  padding: 8px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.xInWAlv7cv0ZuzMucqJr > div:last-child {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  gap: 8px;
}
.sTvZMzVn7HPmlk6JjKxu {
  overflow-y: scroll;
  width: 100%;
}
.sTvZMzVn7HPmlk6JjKxu::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.sTvZMzVn7HPmlk6JjKxu::-webkit-scrollbar-track {
  background: #ecf4fa;
  /* цвет дорожки */
  padding-left: 10px;
}
.sTvZMzVn7HPmlk6JjKxu::-webkit-scrollbar-thumb {
  background-color: #60a3d5;
  border-radius: 2px;
}
.GupOrd5zXeNvh6ewgXVK {
  overflow-y: scroll;
  width: 100%;
}
.GupOrd5zXeNvh6ewgXVK::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.GupOrd5zXeNvh6ewgXVK::-webkit-scrollbar-track {
  background: #ecf4fa;
  /* цвет дорожки */
  padding-left: 10px;
}
.GupOrd5zXeNvh6ewgXVK::-webkit-scrollbar-thumb {
  background-color: #ededed;
  border-radius: 2px;
}
.hP1yxcwjY74bLYScfIcg {
  height: 4px;
  background-color: #05309e;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.Ezgr_9VVFkgepCxSels7 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.Ezgr_9VVFkgepCxSels7 > span {
  font-size: 16px;
  font-weight: 400;
}
.Ezgr_9VVFkgepCxSels7 > div {
  display: flex;
  align-items: center;
}
.Ezgr_9VVFkgepCxSels7 > div > span {
  font-size: 12px;
  font-weight: 400;
  margin-left: 6px;
}
.X_0xWfl1gcUl2g9nYAUg {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 8px;
  border: none;
  width: 100%;
}
.X_0xWfl1gcUl2g9nYAUg > span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #223053;
}
.X_0xWfl1gcUl2g9nYAUg > div {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.X_0xWfl1gcUl2g9nYAUg > div > span {
  font-size: 14px;
  font-weight: 400;
  margin-left: 4px;
  color: #3b5db6;
}
.X_0xWfl1gcUl2g9nYAUg > div > svg path {
  fill: #3b5db6;
}
.esPhRWu1W79k2PhVxHDG > span {
  color: #c8c8c8;
}
.esPhRWu1W79k2PhVxHDG > div > span {
  color: #c8c8c8;
}
.esPhRWu1W79k2PhVxHDG > div > svg path {
  fill: #c8c8c8;
}
.vLbWbbtNmD5gOp0bGElB {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-right: 0.6vw;
}
.vLbWbbtNmD5gOp0bGElB > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-basis: 13%;
}
.vLbWbbtNmD5gOp0bGElB > div > span {
  color: #223053;
  font-size: 12px;
  font-weight: 700;
}
.vLbWbbtNmD5gOp0bGElB > div > div {
  height: 1px;
  background-color: #72818b;
  width: 100%;
}
.igIS9bWeolYhjdJDzMKE {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1vw;
}
.Wbyfwj243cjcFFCWTapg {
  justify-content: flex-start;
}
@media (max-width: 850px) {
  .vLbWbbtNmD5gOp0bGElB {
    display: none;
  }
  .xInWAlv7cv0ZuzMucqJr {
    flex-basis: 49%;
  }
}

.pUEkoRyPAliomP6hDW2T {
  overflow-x: auto;
  flex-basis: 70%;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  position: relative;
}
.pUEkoRyPAliomP6hDW2T::-webkit-scrollbar {
  display: none;
}
.X50IwMPC2Xsg2GduXs97 {
  overflow-x: auto;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px;
  padding-bottom: 0;
  position: relative;
  width: 100%;
}
.X50IwMPC2Xsg2GduXs97::-webkit-scrollbar {
  display: none;
}
.Due7udqz7AQH_nYwvRJI {
  display: flex;
  justify-content: space-between;
  margin: 12px 0;
}
.Due7udqz7AQH_nYwvRJI > span {
  font-size: 20px;
  font-weight: 500;
  white-space: nowrap;
}
.Due7udqz7AQH_nYwvRJI > div {
  display: flex;
  align-items: center;
  gap: 20px;
}
.Due7udqz7AQH_nYwvRJI > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid #f1f1f1;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.Due7udqz7AQH_nYwvRJI .yhRGQC_Ncpv1HEe1U3FP {
  justify-content: end !important;
}
.MyhgWxv5nKU0qBcbvSfg {
  height: 1px;
  background-color: #f4f4f4;
}
.e50YXCN6cLhfN_g8dbBT {
  border-bottom: none;
}
.e50YXCN6cLhfN_g8dbBT > div {
  display: flex;
  align-items: center !important;
  justify-content: space-between;
  background-color: #ffffff !important;
  padding: 0 !important;
}
.e50YXCN6cLhfN_g8dbBT > div > div:first-child {
  display: flex;
  background-color: #ffffff !important;
}
.e50YXCN6cLhfN_g8dbBT > div > div:first-child > div {
  justify-content: end;
}
.e50YXCN6cLhfN_g8dbBT > div > div:first-child > div:first-child {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
}
.e50YXCN6cLhfN_g8dbBT > div > div:first-child > div:first-child > * {
  max-width: fit-content;
  height: 40px;
  padding: 0px;
  border-radius: 5px;
}
.e50YXCN6cLhfN_g8dbBT > div > div:last-child {
  background-color: #ffffff !important;
}
.QPTPeClQfLl_S6sA4QyO {
  position: absolute;
  background-color: #ffffff;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 10000;
}
.nYuoAvt40IONqnj5Go8M {
  position: fixed;
  inset: 0;
  z-index: 5000;
}
.vCBFx444Wp7y00Lg4cBB {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 10px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  cursor: pointer;
}
.vCBFx444Wp7y00Lg4cBB > div {
  display: flex;
  align-items: center;
}
.vCBFx444Wp7y00Lg4cBB > div > div {
  margin-right: 12px;
}
.IjZ0xF46ienUdozKSQ8A {
  width: 100%;
}
.CuUU9iyx4vFKud6ARlad {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 22px;
}
.CuUU9iyx4vFKud6ARlad > span {
  font-weight: 400;
  font-size: 14px;
  color: #252253;
  cursor: pointer;
}
.GYzqv5Iu6Po_8Cx2bDqa {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  font-size: 14px;
  color: #252253;
  margin-right: 28px;
}
.qo1OsB8NLpMxkidDDyya {
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.qo1OsB8NLpMxkidDDyya > span {
  font-size: 16px;
  margin-bottom: 10px;
}
.qo1OsB8NLpMxkidDDyya > .aACN7eN46gTc08rUhTRl {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.qo1OsB8NLpMxkidDDyya > .aACN7eN46gTc08rUhTRl > .REYHWrROYU7jmLdFxCiL {
  display: flex;
  align-items: center;
  gap: 5px;
}
.qo1OsB8NLpMxkidDDyya > .aACN7eN46gTc08rUhTRl > .REYHWrROYU7jmLdFxCiL > div {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.qo1OsB8NLpMxkidDDyya > .aACN7eN46gTc08rUhTRl > .REYHWrROYU7jmLdFxCiL > span:last-child {
  font-weight: 700;
}
.qo1OsB8NLpMxkidDDyya > .MqKC2XxM5nVzbP74IBEY {
  height: 1px;
  background-color: #f4f4f4;
  margin: 10px 0px;
}
.qo1OsB8NLpMxkidDDyya > div:last-child {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.qo1OsB8NLpMxkidDDyya > div:last-child > div:first-child {
  display: flex;
  align-items: center;
  gap: 5px;
}
.qo1OsB8NLpMxkidDDyya > div:last-child > div:first-child > span:first-child {
  margin-left: 25px;
}
.qo1OsB8NLpMxkidDDyya > div:last-child > div:first-child > span:last-child {
  font-weight: 700;
}
.qo1OsB8NLpMxkidDDyya > div:last-child > div:last-child {
  display: flex;
  align-items: center;
  gap: 5px;
}
.qo1OsB8NLpMxkidDDyya > div:last-child > div:last-child > div {
  width: 20px;
  height: 1px;
  border-bottom-style: dashed;
  border-bottom-width: 2px;
  border-bottom-color: #05309e;
}
.qo1OsB8NLpMxkidDDyya > div:last-child > div:last-child > span:last-child {
  font-weight: 700;
}
@media (max-width: 850px) {
  .Due7udqz7AQH_nYwvRJI {
    flex-direction: column;
    margin: 0px;
  }
  .Due7udqz7AQH_nYwvRJI > div {
    margin: 20px 0px 10px 0px;
  }
  .Due7udqz7AQH_nYwvRJI > div > form {
    width: 100%;
  }
  .Due7udqz7AQH_nYwvRJI > div > form > div {
    width: 100%;
  }
  .Due7udqz7AQH_nYwvRJI > div > form > div > div {
    width: 100%;
  }
  .Due7udqz7AQH_nYwvRJI > div > form > div > div > div:first-child {
    width: 100%;
  }
  .Due7udqz7AQH_nYwvRJI > div > form > div > div > div:first-child > div {
    width: 100%;
  }
  .Due7udqz7AQH_nYwvRJI > div > form > div > div > div:first-child > div > div {
    max-width: unset !important;
    width: 100% !important;
  }
  .Due7udqz7AQH_nYwvRJI > span {
    font-size: 16px;
  }
  .pUEkoRyPAliomP6hDW2T {
    padding: 15px;
  }
}

.tuVV3qOOMEMKEu5r2XvQ {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0px;
  width: 100%;
}
.tuVV3qOOMEMKEu5r2XvQ > div {
  display: flex;
  padding: 5px;
  background-color: #ecf4fa75;
  gap: 15px;
  border-radius: 4px;
}
.g6K7CyX0quuRWsaDiLu7 {
  display: flex;
  align-items: center;
  color: #223053;
  font-size: 12px;
  font-weight: 400;
}
.g6K7CyX0quuRWsaDiLu7 > div {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  border-radius: 50%;
}
.g6K7CyX0quuRWsaDiLu7 > span {
  font-size: 12px;
  font-weight: 400;
}
.VbL151aB7EcM5GndOqbz > div {
  background-color: #2f7b6e;
}
.VeJd6qTXQslhq615TPYQ > div {
  background-color: #6eae84;
}
.nHUaNVU1jHsxve3NACJD > div {
  background-color: #d7e8f4;
}
.BpAMBb6RIGSbPpys2DAg > div {
  width: 20px;
  height: 1px;
  border-bottom-style: dashed;
  border-bottom-width: 2px;
  border-bottom-color: #05309e;
  border-radius: unset !important;
}
@media (max-width: 850px) {
  .tuVV3qOOMEMKEu5r2XvQ {
    justify-content: flex-start;
  }
}

._NIuyHJgqLLv3AFdXBdr {
  overflow-x: auto;
  flex-basis: 70%;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  position: relative;
}
._NIuyHJgqLLv3AFdXBdr::-webkit-scrollbar {
  display: none;
}
.ai7mpiph95VC24W8tRUC {
  overflow-x: auto;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px;
  padding-bottom: 0;
  position: relative;
}
.ai7mpiph95VC24W8tRUC::-webkit-scrollbar {
  display: none;
}
.Gcx_COH1aHMQDGIMcchb {
  display: flex;
  justify-content: space-between;
  margin: 12px 0;
}
.Gcx_COH1aHMQDGIMcchb > span {
  font-size: 20px;
  font-weight: 500;
  white-space: nowrap;
}
.Gcx_COH1aHMQDGIMcchb > div {
  display: flex;
  align-items: center;
  gap: 20px;
}
.Gcx_COH1aHMQDGIMcchb > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid #f1f1f1;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.NMmY05OwoOCyJNwirA54 {
  height: 1px;
  background-color: #f4f4f4;
}
.A6Ct0qbKgcnwuP3Em1vp {
  border-bottom: none;
}
.A6Ct0qbKgcnwuP3Em1vp > div {
  display: flex;
  align-items: center !important;
  justify-content: space-between;
  background-color: #ffffff !important;
  padding: 0 !important;
}
.A6Ct0qbKgcnwuP3Em1vp > div > div:first-child {
  display: flex;
  background-color: #ffffff !important;
}
.A6Ct0qbKgcnwuP3Em1vp > div > div:first-child > div {
  justify-content: end;
}
.A6Ct0qbKgcnwuP3Em1vp > div > div:first-child > div:first-child {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
}
.A6Ct0qbKgcnwuP3Em1vp > div > div:first-child > div:first-child > * {
  max-width: fit-content;
  height: 40px;
  padding: 0px;
  border-radius: 5px;
}
.A6Ct0qbKgcnwuP3Em1vp > div > div:last-child {
  background-color: #ffffff !important;
}
.XCbbhekvZXCYyQdRG2jG {
  position: absolute;
  background-color: #ffffff;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 10000;
}
.zNGi22ByZybN83MaurPr {
  position: fixed;
  inset: 0;
  z-index: 5000;
}
.cZmzNTSk6CgIwcAOTryf {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 10px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  cursor: pointer;
}
.cZmzNTSk6CgIwcAOTryf > div {
  display: flex;
  align-items: center;
}
.cZmzNTSk6CgIwcAOTryf > div > div {
  margin-right: 12px;
}
.PGafunZyIu4BuYvO8CFc {
  width: 100%;
}
.PGafunZyIu4BuYvO8CFc > div:first-child {
  width: 100%;
}
.PGafunZyIu4BuYvO8CFc > div:first-child > div {
  display: flex;
  justify-content: center;
}
.UBzCB_6ow09EvvPOzMww {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 22px;
}
.UBzCB_6ow09EvvPOzMww > span {
  font-weight: 400;
  font-size: 14px;
  color: #252253;
  cursor: pointer;
}
.QQmTyxLOwatw478qQbWb {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  font-size: 14px;
  color: #252253;
  margin-right: 28px;
}
.wlyCYBmEx13NLbmk0ckr {
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.wlyCYBmEx13NLbmk0ckr > span {
  font-size: 16px;
  margin-bottom: 10px;
}
.wlyCYBmEx13NLbmk0ckr > .UhLYpT479VSv73EHbcmv {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.wlyCYBmEx13NLbmk0ckr > .UhLYpT479VSv73EHbcmv > .rijYRFEgvvNRVLwKgmrw {
  display: flex;
  align-items: center;
  gap: 5px;
}
.wlyCYBmEx13NLbmk0ckr > .UhLYpT479VSv73EHbcmv > .rijYRFEgvvNRVLwKgmrw > div {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.wlyCYBmEx13NLbmk0ckr > .UhLYpT479VSv73EHbcmv > .rijYRFEgvvNRVLwKgmrw > span:last-child {
  font-weight: 700;
}
.wlyCYBmEx13NLbmk0ckr > .cFEgRKRkQwZxPoNqr_aL {
  height: 1px;
  background-color: #f4f4f4;
  margin: 10px 0px;
}
.wlyCYBmEx13NLbmk0ckr > div:last-child {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wlyCYBmEx13NLbmk0ckr > div:last-child > div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.wlyCYBmEx13NLbmk0ckr > div:last-child > div > span:last-child {
  font-weight: 700;
}
@media (max-width: 850px) {
  .Gcx_COH1aHMQDGIMcchb {
    flex-direction: column;
    margin: 0px;
  }
  .Gcx_COH1aHMQDGIMcchb > div {
    margin: 20px 0px 0px 0px;
  }
  .Gcx_COH1aHMQDGIMcchb > div > form > div > div > div:first-child > div > div {
    max-width: unset !important;
    width: 100% !important;
  }
  .Gcx_COH1aHMQDGIMcchb > span {
    font-size: 16px;
  }
  ._NIuyHJgqLLv3AFdXBdr {
    padding: 15px;
  }
}

.yYxDQjZcbmjm2ivjlJLV {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0px;
}
.yYxDQjZcbmjm2ivjlJLV > div {
  display: flex;
  padding: 5px;
  background-color: #ecf4fa75;
  gap: 15px;
  border-radius: 4px;
}
.SYEvkuY3iuvQGfi_TSDA {
  display: flex;
  align-items: center;
  color: #223053;
  font-size: 12px;
  font-weight: 400;
}
.SYEvkuY3iuvQGfi_TSDA > div {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  border-radius: 50%;
}
.SYEvkuY3iuvQGfi_TSDA > span {
  font-size: 12px;
  font-weight: 400;
}
.JnIe48DBTAZjqENgmHB8 > div {
  background-color: #6eae84;
}
.bRCnECztykajhGr3NUGj > div {
  background-color: #d7e8f4;
}
.ZHpC0B0uNlT0lztmrvAQ > div {
  background-color: #05309e;
}

.xaGBzYFr2P5Y8kJgCFgI {
  flex-basis: 30%;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px 8px 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.xaGBzYFr2P5Y8kJgCFgI > span:first-child {
  font-size: 20px;
  font-weight: 500;
  width: 100%;
}
.xaGBzYFr2P5Y8kJgCFgI > span {
  font-size: 16px;
  font-weight: 500;
}
.mJrBCeVAMRv3HajGS65r {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 850px) {
  .xaGBzYFr2P5Y8kJgCFgI {
    padding: 15px;
  }
  .xaGBzYFr2P5Y8kJgCFgI > span:first-child {
    font-size: 16px;
  }
}

.rgrUCcjAdCcTlarJtq4P {
  background-color: #fff7f0;
  border-radius: 12px;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  margin-top: 5px;
  width: 100%;
}
.rgrUCcjAdCcTlarJtq4P > div {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}
.rgrUCcjAdCcTlarJtq4P > div > span:first-child {
  color: #ef4b4b;
  font-size: 10px;
  font-weight: 600;
}
.rgrUCcjAdCcTlarJtq4P > div > span:last-child {
  color: #8d8278;
  font-size: 10px;
  font-weight: 500;
}
.zebS1Cq7HkQROBA4zk9r {
  display: flex;
  width: 100%;
  align-items: center;
  margin-top: 5px;
}
.zebS1Cq7HkQROBA4zk9r > div:first-child {
  display: flex;
  align-items: center;
  flex-basis: 50%;
}
.zebS1Cq7HkQROBA4zk9r > div:first-child > span {
  color: #223053;
  font-size: 12px;
  font-weight: 400;
  margin-left: 5px;
}
.zebS1Cq7HkQROBA4zk9r > div:last-child {
  border-radius: 5px;
  padding: 6px 10px;
  flex-basis: 50%;
  cursor: pointer;
}
.zebS1Cq7HkQROBA4zk9r > div:last-child > span {
  color: #fff;
  display: flex;
  justify-content: center;
}
@media (max-width: 850px) {
  .zebS1Cq7HkQROBA4zk9r > div:last-child > span {
    text-align: center;
  }
}

.dIBE1IpOyt9Tpa3mQtKA {
  flex-basis: 30%;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px 8px 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.dIBE1IpOyt9Tpa3mQtKA > span:first-child {
  font-size: 20px;
  font-weight: 500;
  width: 100%;
}
.dIBE1IpOyt9Tpa3mQtKA > span {
  font-size: 16px;
  font-weight: 500;
}
.Xd1pEibwfvSyd07b7UbP {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 850px) {
  .dIBE1IpOyt9Tpa3mQtKA {
    padding: 15px;
  }
  .dIBE1IpOyt9Tpa3mQtKA > span:first-child {
    font-size: 16px;
  }
}

.HCgoWI0ktjsFufQuHUkM {
  background-color: #fff7f0;
  border-radius: 12px;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  margin-top: 5px;
  width: 100%;
}
.HCgoWI0ktjsFufQuHUkM > div {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}
.HCgoWI0ktjsFufQuHUkM > div > span:first-child {
  color: #ef4b4b;
  font-size: 10px;
  font-weight: 600;
}
.HCgoWI0ktjsFufQuHUkM > div > span:last-child {
  color: #8d8278;
  font-size: 10px;
  font-weight: 500;
}
.qF_lEbXxlhJvr4O1Abwq {
  display: flex;
  width: 100%;
  align-items: center;
  margin-top: 5px;
}
.qF_lEbXxlhJvr4O1Abwq > div:first-child {
  display: flex;
  align-items: center;
  flex-basis: 50%;
}
.qF_lEbXxlhJvr4O1Abwq > div:first-child > span {
  color: #223053;
  font-size: 12px;
  font-weight: 400;
  margin-left: 5px;
}
.qF_lEbXxlhJvr4O1Abwq > div:last-child {
  border-radius: 5px;
  padding: 6px 10px;
  flex-basis: 50%;
  cursor: pointer;
}
.qF_lEbXxlhJvr4O1Abwq > div:last-child > span {
  color: #fff;
  display: flex;
  justify-content: center;
}
@media (max-width: 850px) {
  .qF_lEbXxlhJvr4O1Abwq > div:last-child > span {
    text-align: center;
  }
}

._F5JedirWjMx6EHNdiAj {
  display: flex;
  flex: 1;
  background-color: #ffffff;
  position: relative;
  border-radius: 20px;
  padding: 20px 20px 20px 20px;
  flex-direction: column;
}
.mFnDg9dN5CXiDOhXpqA7 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}
.mXtUeepPdNERmndSFScw {
  display: flex;
  justify-content: space-between;
  margin: 12px 0;
  align-items: center;
}
.mXtUeepPdNERmndSFScw > span {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0px;
}
.mXtUeepPdNERmndSFScw > div {
  display: flex;
  align-items: center;
  gap: 20px;
}
.mXtUeepPdNERmndSFScw > div > form > div > div > div > div {
  justify-content: end;
}
.S0tUNLpfBv_CE9BKgkXk {
  border-bottom: none;
}
.S0tUNLpfBv_CE9BKgkXk > div {
  display: flex;
  align-items: center !important;
  justify-content: space-between;
  background-color: #ffffff !important;
  padding: 0 !important;
}
.S0tUNLpfBv_CE9BKgkXk > div > div:first-child {
  display: flex;
  padding: 0;
  background-color: #ffffff !important;
}
.S0tUNLpfBv_CE9BKgkXk > div > div:first-child > div {
  display: flex;
}
.S0tUNLpfBv_CE9BKgkXk > div > div:first-child > div:first-child {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
}
.S0tUNLpfBv_CE9BKgkXk > div > div:first-child > div:first-child > * {
  max-width: fit-content;
  height: 40px;
  padding: 0px;
  border-radius: 5px;
}
.S0tUNLpfBv_CE9BKgkXk > div > div:last-child {
  background-color: #ffffff !important;
}
@media (max-width: 850px) {
  .mXtUeepPdNERmndSFScw {
    flex-direction: column;
    align-items: flex-start;
  }
  .mXtUeepPdNERmndSFScw > div > form > div > div > div:first-child > div > div {
    max-width: unset !important;
    width: 100% !important;
  }
  .mFnDg9dN5CXiDOhXpqA7 {
    font-size: 20px;
  }
  ._F5JedirWjMx6EHNdiAj {
    padding: 15px;
  }
}

.dQzz6SFN8GgYNYp8MR5R {
  height: 100%;
  position: relative;
  margin: auto;
}
.Cczt2LE8edEO8XcWIWU0 > path {
  fill: #05309e;
}
.MLDGZZpeuSmdmj2KqycC > path {
  fill: #72818b;
}
.V7OInfZl3tOIFS5jXuka {
  width: inherit;
  height: inherit;
}
.d3yDPXv4TeYNfcySkMU4 {
  position: absolute;
  top: 30%;
  left: 30%;
}
.FZvYHmrGfDnWbrR8ZmiA {
  position: absolute;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  z-index: 10;
  right: 25px;
  top: 25px;
  border-radius: 4px;
  background: none #ffffff;
  width: 28px;
  height: 28px;
}
.FZvYHmrGfDnWbrR8ZmiA > div {
  display: flex;
}
.shCSXgpskju8teEFnhXA {
  height: 400px;
  padding: 0 10px;
}
.ETRRjr95LbTBQ5ia8Zes {
  margin: 0px 0px 10px 0px;
  box-shadow: none;
}
.ETRRjr95LbTBQ5ia8Zes:before {
  height: 0;
}
.jOMy_4jvN8AEVsRpyGs1 {
  min-height: 0;
  padding: 0 10px 0 10px;
}
.Xp0ENyANIywprNxXrhAk {
  width: 100%;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  flex-direction: column;
}
.GnDGgIsPi3MTe7W1Udgj {
  display: flex;
  width: inherit;
  justify-content: space-between;
  margin-bottom: 5px;
}
.BPVowLIJaDZulqbq8OaL {
  color: black;
}
.qpV6ubp2DxHRrbrWI3wE {
  position: absolute;
  z-index: 10;
  margin: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.whC8T6Y631a1OgeK7wlX {
  background: none #ffffff;
  border-radius: 6px;
}
.blIWa7DC02IyfUydOxvG {
  padding: 5px 0px;
  background-color: #f8faff;
}
.BeXhjHDyIik6l6g2KCOr {
  z-index: 10;
}
.l9bcjGbDew42gmjrewxx {
  padding: 10px;
}
.l9bcjGbDew42gmjrewxx > div {
  display: flex;
  flex-direction: column;
}
.l9bcjGbDew42gmjrewxx > div > div > div > div > span {
  margin-right: 20px;
}
.l9bcjGbDew42gmjrewxx > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  flex-direction: row;
}
.l9bcjGbDew42gmjrewxx > div:first-child > div {
  display: flex;
  align-items: center;
  gap: 5px;
}

.ant-drawer-body {
  overflow-y: unset !important;
}

.scrollable-statuses {
  overflow: auto;
  display: flex;
  gap: 10px;
}
.scrollable-statuses .scrollable-statuses_content {
  display: flex;
  gap: 10px;
  position: relative;
  overflow-y: hidden;
}
.scrollable-statuses .scrollable-statuses_content::-webkit-scrollbar {
  display: none;
}
.scrollable-statuses .scrollable-statuses_arrows {
  border-radius: 10px;
}
.scrollable-statuses .scrollable-statuses-content-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
}
.scrollable-statuses .scrollable-statuses-content-item span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.scrollable-statuses .scrollable-statuses-content-item span > * {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.scrollable-statuses .scrollable-statuses-content-item span:last-child {
  color: var(--ant-primary-color);
  font-size: 16px;
  font-weight: 400;
}
.scrollable-statuses .scrollable-statuses-content-item_active {
  border-color: #05309e;
  background: #05309e;
  color: white;
}
.scrollable-statuses .scrollable-statuses-content-item_active span {
  color: white !important;
}
.scrollable-statuses .scrollable-statuses-content-item_active path {
  fill: white;
}
.scrollbar-arrow {
  padding: 5px 10px;
  height: 30px;
  border: 1px solid #f1f1f1;
  display: flex;
}
.scrollbar-arrow > * {
  margin: auto;
}
.scrollbar-right-arrow {
  border-radius: 0px 10px 10px 0px;
}
.scrollbar-left-arrow {
  border-radius: 10px 0px 0px 10px;
}
@media (max-width: 850px) {
  .scrollable-statuses {
    width: 100%;
  }
  .scrollable-statuses .scrollable-statuses-content-item {
    justify-content: flex-start;
    max-width: fit-content;
  }
  .scrollable-statuses_content {
    flex-direction: column;
  }
  .scrollable-statuses-content-item .scrollable-statuses-content-item-left,
  .scrollable-statuses-content-item .scrollabele-statuses-content-item-right {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block !important;
  }
}

.big-popover {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 !important;
  inset: 0;
  background: #00000060;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.big-popover > div {
  width: 90%;
  height: 80%;
  border-radius: 20px;
  overflow: hidden;
  z-index: 1000;
  background-color: white;
}

.link-expired {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.link-expired > div {
  padding: 5%;
  overflow: hidden;
  display: flex;
  gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.link-expired > div > div:nth-child(2) {
  font-weight: 400;
  font-size: 34px;
  color: #05309e;
  line-height: 36px;
}
.link-expired > div > div:last-child {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #05309e;
}

.form-step-create-form {
  padding: 10px;
  height: 100%;
}
.form-step-create-form .secondary-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.form-step-create-form > div {
  display: flex;
  flex-direction: column;
}
.form-step-create-form > div > div:first-child {
  display: flex;
  width: 100%;
  height: 100%;
}
.form-step-create-form > div > div:first-child > div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
.form-step-create-form > div > div:first-child > div:first-child > * {
  margin-top: 15px;
}
.form-step-create-form > div > div:last-child > div {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  gap: 10px;
}
.form-step-create-form > div > div:last-child > div > button {
  width: fit-content;
}
.ant-steps-item-finish {
  height: fit-content;
}
.ant-steps-item-description {
  padding-bottom: 20px !important;
}

.subscription-drawer {
  padding: 1px 10px 15px 10px;
}
.subscription-drawer .subscription-drawer__submit {
  margin-top: 16px;
}
.subscription-icon path {
  fill: grey;
}

.subscription-drawer {
  padding: 1px 10px 15px 10px;
}
.subscription-drawer__submit {
  margin-top: 16px;
}
.subscription-icon path {
  fill: grey;
}

.BOCh5GzlQib2TmV3av0s {
  display: flex;
  flex-direction: row;
  background-color: #ffffff;
}
.Oh5GmbD24i1fGzJrP15G {
  display: flex;
  flex-direction: row;
  background-color: #f4f4f4;
}
.DsjqJqVkd4LBjYFdUMFR {
  display: flex;
  flex-direction: row;
  background-color: #eef3ff;
}
.lw9T2wIGbgu5ED1apXJK {
  flex: 50%;
  text-align: left;
  padding-left: 50px;
}
.LyrY9djMDJM2JdnfBS22 {
  flex: 50%;
  text-align: left;
  padding-left: 50px;
}
.zt8OmnYCB5QANDbi3qm0 {
  padding: 10px;
  font-size: 13px;
  text-align: left;
  width: 50%;
  color: #1955ae;
}
.jl89UDUJptcXRdaXhdwt {
  padding: 10px;
  width: 50%;
  display: flex;
  align-items: center;
}
.IkijHRA6g5qObjLtzMr2 {
  box-shadow: 0 0 0.1rem;
  margin-left: 70px;
}

.zVFGOFdAVEfwItLjfG_g {
  padding: 10px 0px 10px 20px;
  background-color: #fff7f0;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 1;
  cursor: pointer;
  margin-bottom: 10px;
}
.t5Gb_Q5SN5kmcS1ypak3 {
  font-size: 16px;
  color: #ef4b4b;
}
.yDmTUuzvDdbRkhDgXFFc {
  transition: height 0.2s ease;
}

.pwa-button__holder path {
  width: 30px;
}

.rNQO4mOKgO0f9OtKIk83 {
  color: #b4b4b4;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-decoration-line: underline;
}

.information-popover .ant-popover-inner-content {
  padding: 0px;
}
.icon-shadow {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.news {
  height: 100%;
  width: 100%;
  overflow-y: hidden;
  background: #ffffff;
  padding: 20px 30px;
  border-radius: 10px;
}
.news .news-content {
  height: 100%;
}
.news .news-items__holder {
  height: calc(100% - 110px);
}
.news .news-title {
  color: #223053;
  font-weight: 500;
  font-size: 1.4rem;
  margin-bottom: 30px;
}
.news .news-filters {
  display: flex;
  gap: 10px;
  width: 100%;
  padding-bottom: 16px;
  border-bottom: 1px solid #f4f4f4;
}

.all-news {
  margin-top: 10px;
  display: grid;
  grid-gap: 20px;
  grid-area: 100%;
  grid-template-columns: repeat(auto-fill, 300px);
  grid-template-rows: repeat(auto-fill, 200px);
}

.all-news-item {
  display: block;
  background: #f6f6f6;
  border-radius: 12px;
  padding: 25px;
}
.all-news-item .all-news-item__date {
  background: #ffffff;
  color: #989898;
  font-size: 0.9rem;
  padding: 5px 3px;
  width: 100px;
  text-align: center;
}
.all-news-item .all-news-item__title {
  margin-top: 25px;
  color: #223053;
  font-size: 1.2rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.all-news-item .all-news-item__description {
  margin-top: 10px;
  color: #989898;
  font-size: 0.9rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.news {
  height: 100%;
  width: 100%;
}
.news .news__content-holder {
  height: calc(100% - 100px);
}
.news .news__content {
  padding: 10px;
  width: calc(100% - 10px);
}
.news .news__all {
  display: block;
  width: 100%;
  margin-top: 10px;
}
.news .news__all button {
  border-radius: 5px;
  width: 100%;
  background-color: var(--ant-primary-color);
  color: white;
  text-align: center;
}

.news-item {
  display: block;
  color: black;
  padding-top: 10px;
}
.news-item .news-item__date {
  border-radius: 4px;
  background: #f6f6f6;
  color: #989898;
  font-size: 0.8rem;
  padding: 5px 3px;
  width: 100px;
  text-align: center;
}
.news-item .news-item__title {
  color: #223053;
  font-weight: 500;
}
.news-item .news-item__description {
  color: #989898;
  font-size: 0.9rem;
  padding-bottom: 16px;
  border-bottom: 1px solid #f4f4f4;
  text-overflow: ellipsis;
  overflow: hidden;
}

.table-holder {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  position: relative;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}
.table-holder .ant-drawer-mask {
  border-radius: 20px !important;
}
.ant-drawer-body {
  padding: 0 !important;
}
@media (max-width: 850px) {
  .table-holder {
    overflow-y: auto;
  }
  .table-holder > form > div > div:first-child {
    flex-direction: column !important;
    gap: 10px !important;
    align-items: flex-end !important;
  }
  .table-holder > form > div > div:first-child > div:first-child {
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .table-holder > form > div > div:first-child > div:first-child > div:first-child {
    width: 100% !important;
  }
  .table-holder > form > div > div:first-child > div:first-child > div:first-child > div {
    width: 100% !important;
  }
  .table-holder > form > div > div:first-child > div:first-child > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }
  .table-holder > form > div > div:first-child > div:last-child {
    order: -1 !important;
  }
  .table-holder > form > div > div:last-child {
    flex-direction: column !important;
    padding-right: 12px !important;
  }
  .table-holder > form > div > div:last-child > button {
    width: fit-content !important;
  }
  .table-holder > form > div > div:last-child > button > div:last-child {
    visibility: unset !important;
    opacity: 1 !important;
    margin-left: 10px !important;
  }
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  background-color: #f6f6f6;
  font-family: Roboto;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
#app {
  height: 100vh;
  width: 100vw;
  font-family: 'Roboto';
  font-weight: 400;
}
.ant-drawer-body {
  overflow-y: hidden;
}
@font-face {
  font-family: 'Roboto';
  src: url(/Roboto-Light.ttf) format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'Roboto';
  src: url(/Roboto-Regular.ttf) format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Roboto';
  src: url(/Roboto-Medium.ttf) format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'Roboto';
  src: url(/Roboto-Bold.ttf) format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: 'Roboto';
  src: url(/Roboto-Black.ttf) format('truetype');
  font-weight: 900;
}
@font-face {
  font-family: 'Roboto';
  src: url(/Roboto-Black.ttf) format('truetype');
  font-weight: bold;
}
.popup-holder {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10000;
}
.ant-popover {
  z-index: 10001 !important;
}
.ant-picker-dropdown {
  z-index: 11000;
}
@media (max-width: 850px) {
  #app {
    height: 100%;
  }
}
.disable-animations * {
  transition: all 0s ease !important;
}
.ant-picker-dropdown,
.ant-select-dropdown {
  z-index: 10001 !important;
}
.ant-picker-range-separator {
  padding: 0 4px !important;
}

.interactive-instructions-background {
  position: absolute;
  background-color: black;
  opacity: 0.2;
  z-index: 9000;
}
.interactive-instruction-item {
  background-color: white;
  z-index: 10002;
}
.interactive-instructions-dialog {
  position: absolute;
  background-color: white;
  z-index: 10004;
  padding: 10px;
}
.interactive-instructions-dialog > div:first-child {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
}
.interactive-instructions-dialog > div:last-child {
  margin-top: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: end;
}
.instruction-button {
  border: none;
  background: none;
  text-decoration-skip-ink: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  color: #05309e;
  text-decoration: underline;
}
.interactive-instructions-background-second {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 10002;
  opacity: 0.01;
}
.end-instruction-button {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10003;
  border: none;
  background: none;
}
.end-instruction-button path {
  fill: black;
}
.instruction-passed-window {
  position: absolute;
  padding: 10vw;
  z-index: 10003;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
}
.instruction-passed-window > div:nth-child(2) {
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}
.instruction-passed-window > div:last-child {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #223053;
}
.instruction-passed-window > div:last-child > div {
  margin-bottom: 10px;
}
.instruction-passed-window > button {
  position: absolute;
  background: #fff;
  padding: 2px 5px 0px 5px;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  right: 5px;
  top: 5px;
}

.EHAglMLtpNQK87t33w72 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  max-height: 74px;
  padding: 12px 20px;
}
.EHAglMLtpNQK87t33w72 > div:first-child {
  cursor: pointer;
}
.xTCY_ZwUBd_14HdOxC8W > div:first-child {
  display: flex;
  align-items: center;
  gap: 12px;
}
.xTCY_ZwUBd_14HdOxC8W > div:first-child > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.xTCY_ZwUBd_14HdOxC8W > div:first-child path {
  fill: #72818b;
}
.xTCY_ZwUBd_14HdOxC8W > div:first-child svg path {
  transition: fill 0.3s;
}
.xTCY_ZwUBd_14HdOxC8W > div:first-child svg:hover path {
  fill: var(--ant-primary-color);
}
.xTCY_ZwUBd_14HdOxC8W > div:last-child {
  display: flex;
  align-items: center;
  gap: 12px;
}
.AQBY4wWnetI61y7fIlHk {
  margin: 0 5px;
  cursor: pointer;
}
.VUZSM40K_XjpbNyINJSR path {
  fill: #72818b;
}
._B87P3oXRI4PAx14MmC0 path {
  fill: var(--ant-primary-color);
}
.xTCY_ZwUBd_14HdOxC8W > div:last-child {
  display: none;
}
@media (max-width: 850px) {
  .xTCY_ZwUBd_14HdOxC8W > div:first-child {
    display: none;
  }
  .xTCY_ZwUBd_14HdOxC8W > div:last-child {
    display: flex;
  }
  .xTCY_ZwUBd_14HdOxC8W > div:last-child > button {
    border: none;
    padding: 0;
  }
  .GqPFKH4ese26yWy0362S {
    position: absolute;
    top: 82px;
    left: 0;
    right: 0;
    z-index: 1000;
  }
  .GqPFKH4ese26yWy0362S > div > div {
    border-bottom: unset !important;
  }
  .Qlal0KBqEEeik_1wuvnL {
    display: flex;
    flex-direction: column;
  }
}

.nQW7sQ5kJjmPd0U4N2Ub {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.nQW7sQ5kJjmPd0U4N2Ub > span {
  font-weight: 500;
  font-size: 20px;
  color: #223053;
}
.nQW7sQ5kJjmPd0U4N2Ub > div {
  display: flex;
  gap: 10px;
}
.nQW7sQ5kJjmPd0U4N2Ub > div > div:last-child {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.nQW7sQ5kJjmPd0U4N2Ub > div > div:last-child > a {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #223053;
}
.nQW7sQ5kJjmPd0U4N2Ub > div > div:last-child > a > svg > path {
  fill: #72818b;
}

.uTIiwg5xmPXRUl3sTDLJ {
  display: flex;
  font-weight: 600;
  align-items: center;
  gap: 5px;
}
.uTIiwg5xmPXRUl3sTDLJ:hover {
  color: var(--ant-primary-color);
}
.uTIiwg5xmPXRUl3sTDLJ:hover path {
  fill: var(--ant-primary-color);
}
.uTIiwg5xmPXRUl3sTDLJ > div {
  display: flex;
}
.uTIiwg5xmPXRUl3sTDLJ div:last-child {
  transition: 0.3s all;
}
.rSOib1SynpErF_4bx8vX {
  transform: rotate(180deg);
  margin-top: 2px;
}
.xsRvQaAn7GA8E26r9qJP button {
  border: none;
  box-shadow: none;
}
.F3uRnkqYP99l0raJNssn {
  border: none;
  box-shadow: none;
}

.JyQBE_PS1ak3H73hW0_Q,
.JyQBE_PS1ak3H73hW0_Q {
  width: 200px;
}
.JyQBE_PS1ak3H73hW0_Q > div > div > div > div,
.JyQBE_PS1ak3H73hW0_Q > div > div > div > div {
  border: none !important;
}
.JyQBE_PS1ak3H73hW0_Q > div > div > div > div > span:last-child,
.JyQBE_PS1ak3H73hW0_Q > div > div > div > div > span:last-child {
  text-align: right !important;
}
@media (max-width: 850px) {
  .JyQBE_PS1ak3H73hW0_Q {
    width: 100%;
  }
}

.nUGCGOk4SqZt5ijNbGPs {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.nUGCGOk4SqZt5ijNbGPs > span {
  font-weight: 500;
  font-size: 20px;
  color: #223053;
}
.dliY5blXtakdmg1DZ_5w {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dliY5blXtakdmg1DZ_5w > div:first-child {
  display: flex;
  align-items: center;
  gap: 5px;
}
.dliY5blXtakdmg1DZ_5w > div:first-child > span:first-child {
  font-weight: 400;
  font-size: 14px;
  color: #223053;
}
.dliY5blXtakdmg1DZ_5w > div:first-child > span:last-child {
  font-weight: 500;
  font-size: 14px;
  color: #223053;
}
.dliY5blXtakdmg1DZ_5w > div:last-child > div {
  display: flex;
  gap: 10px;
}
.dliY5blXtakdmg1DZ_5w > div:last-child > div > div:first-child {
  border-radius: 50%;
  width: 53px;
  height: 53px;
}
.dliY5blXtakdmg1DZ_5w > div:last-child > div > div:last-child {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: auto 0px;
}
.dliY5blXtakdmg1DZ_5w > div:last-child > div > div:last-child > a {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #223053;
}
.dliY5blXtakdmg1DZ_5w > div:last-child > div > div:last-child > a > svg > path {
  fill: #72818b;
}
@media (max-width: 850px) {
  .nUGCGOk4SqZt5ijNbGPs {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .nUGCGOk4SqZt5ijNbGPs > span {
    display: none;
  }
}

.sihc4Ii0LiEl26IrUv6L {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
.sihc4Ii0LiEl26IrUv6L > span {
  font-weight: 500;
  font-size: 20px;
  color: #223053;
}
.sihc4Ii0LiEl26IrUv6L > a {
  border-bottom: 1px solid #05309e;
  line-height: 16px;
}
@media (max-width: 850px) {
  .sihc4Ii0LiEl26IrUv6L > span {
    display: none;
  }
}

@media (max-width: 850px) {
  .GxxauC0tnBr88NFOgndR {
    position: absolute;
    top: 82px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background: white;
  }
  .GxxauC0tnBr88NFOgndR > div > div {
    border-bottom: unset !important;
  }
  .hNrnyWjlYhxNzNRIAm4Q {
    display: flex;
    align-items: center;
    gap: 10px;
    border: none;
    width: 100%;
  }
  .hNrnyWjlYhxNzNRIAm4Q > span {
    text-overflow: ellipsis;
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
  }
  .hNrnyWjlYhxNzNRIAm4Q > svg > path {
    fill: #72818b;
  }
}

.sQ1UBGFsyhQv8zXn3Edf {
  display: flex;
  height: calc(100vh - 16px);
  width: 100vw;
  flex-direction: column;
  gap: 12px;
}
.sQ1UBGFsyhQv8zXn3Edf > div:last-child {
  display: flex;
  gap: 12px;
  height: calc(100vh - 106px);
}
.sQ1UBGFsyhQv8zXn3Edf > div:last-child > div:last-child {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 12px;
}
.PlhBg2jqduFnZcppMP6o {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 24px 16px 24px;
  justify-content: space-between;
}
.PlhBg2jqduFnZcppMP6o > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.PlhBg2jqduFnZcppMP6o > div:first-child > span {
  font-size: 16px;
}
.PlhBg2jqduFnZcppMP6o > div:first-child > button {
  margin-top: 30px;
}
.vPY9kMDFVCopU8wQOAG9 {
  display: flex;
  gap: 10px;
  padding: 5px 10px;
  justify-content: flex-end;
}
.vPY9kMDFVCopU8wQOAG9 > a {
  background-color: var(--ant-primary-color);
  color: #ffffff;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 4px 15px;
  width: fit-content;
}
@media (max-width: 850px) {
  .sQ1UBGFsyhQv8zXn3Edf {
    height: 100%;
    overflow: auto;
  }
  .sQ1UBGFsyhQv8zXn3Edf > div:last-child {
    height: 100%;
  }
  .sQ1UBGFsyhQv8zXn3Edf > div:last-child > div:first-child {
    position: absolute;
    bottom: 0;
    top: 85px;
    z-index: 10000;
  }
  .sQ1UBGFsyhQv8zXn3Edf > div:last-child > div:last-child {
    padding-left: 12px;
  }
}

.notification-holder {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.notifications-header {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  border-bottom: 1px solid #f1f1f1;
}
.notifications-content__actions {
  padding: 10px;
  display: flex;
  justify-content: end;
  gap: 10px;
  margin-top: auto;
}
.notifications-content__actions > button:first-child {
  color: #05309e;
  border: 1px solid #05309e;
  background: white;
  border-radius: 10px;
}
.notifications-content__actions > button:last-child {
  color: white;
  border: 1px solid #05309e;
  background: #05309e;
  border-radius: 10px;
}

.notification-item {
  position: relative;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
  background-color: #f1f1f1;
  transition: all 0.2s ease;
}
.notification-item__critical {
  background-color: #fff7f0;
}
.notification-item__regular {
  background-color: #f5fffa;
}
.notification-item__warning {
  background: #fff5e0;
}
.notification-item__header__date {
  color: #72818b;
}
.notification-item__close {
  position: absolute;
  top: 5px;
  right: 5px;
}
.notification-item__header {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notification-item__header__title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.notification-item__about {
  font-size: 0.9rem;
}
.notification-item__detailed-btn {
  display: flex;
  justify-content: end;
}
.notification-item__detailed-btn button {
  background: none;
  border: none;
  color: #05309e;
  text-decoration: underline;
}

.notifications-popover-holder > div {
  width: 60% !important;
  height: unset !important;
}

.notification-popover {
  font-size: 1.2rem;
  position: relative;
  height: 100%;
}
.notification-popover__close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.notification-popover__content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
}
.notification-popover__critical {
  background-color: #fff7f0;
  color: #ef4b4b;
}
.notification-popover__regular {
  background-color: #f5fffa;
  color: black;
}
.notification-popover__warning {
  background: #fff5e0;
  color: black;
}

.tVtRCLbW0t3TvLeE4L1z {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #ffffff;
  border-radius: 0px 20px 20px 0px;
  transition: all 0.5s ease;
  width: 55px;
}
.tVtRCLbW0t3TvLeE4L1z > a > div > div:nth-child(2),
.tVtRCLbW0t3TvLeE4L1z > a > div > div:last-child {
  display: none;
}
.tVtRCLbW0t3TvLeE4L1z > div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px;
  width: 100%;
  gap: 15px;
}
.tVtRCLbW0t3TvLeE4L1z > div > div {
  background: #ffffff;
  box-shadow: 0px 0px 6px rgba(15, 5, 158, 0.1);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s ease;
  transform: rotate(180deg);
}
.no3S49ocmrCfXxvIKuQK {
  width: 265px;
}
.no3S49ocmrCfXxvIKuQK > a > div > div:nth-child(2),
.no3S49ocmrCfXxvIKuQK > a > div > div:last-child {
  padding-right: 10px;
  display: block;
}
.no3S49ocmrCfXxvIKuQK > div > div {
  transform: rotate(0deg);
}
.GTrVuP1llzCVMTNYTIRw > div > div:first-child > svg path {
  fill: #05309e;
}
@media (max-width: 850px) {
  .tVtRCLbW0t3TvLeE4L1z {
    display: none;
  }
  .tVtRCLbW0t3TvLeE4L1z > div:first-child {
    display: none;
  }
  .no3S49ocmrCfXxvIKuQK {
    min-width: 100vw;
    overflow-y: scroll;
    border-radius: unset;
    display: flex;
    z-index: 100;
  }
}

.q1p8qhNfDii6cBBRR8tZ {
  text-decoration: none;
  color: #72818b;
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  align-items: center;
  width: 100%;
}
.q1p8qhNfDii6cBBRR8tZ:hover {
  color: var(--ant-primary-color);
}
.q1p8qhNfDii6cBBRR8tZ:hover > div > div:first-child path {
  fill: var(--ant-primary-color);
}
.q1p8qhNfDii6cBBRR8tZ > div {
  padding-top: 10px;
  padding-bottom: 5px;
  height: 100%;
  display: flex;
  align-items: center;
}
.q1p8qhNfDii6cBBRR8tZ > div > div:first-child path {
  fill: #72818b;
}
.q1p8qhNfDii6cBBRR8tZ svg {
  margin-right: 10px;
  margin-left: 23px;
}
.n5acGZ8UvX4UT9GbSoYZ {
  color: var(--ant-primary-color);
  position: relative;
}
.n5acGZ8UvX4UT9GbSoYZ > div > div:first-child path {
  fill: var(--ant-primary-color);
}
.n5acGZ8UvX4UT9GbSoYZ ::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--ant-primary-color);
  opacity: 0.05;
}
.n5acGZ8UvX4UT9GbSoYZ ::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 3px;
  margin-left: auto;
  background-color: var(--ant-primary-color);
}
.IYGDmDisBj_LcsfIjYsW {
  margin-left: -15px;
}

#link_to_specifications svg {
  margin-left: 19px;
}
#link_to_claims svg {
  margin-left: 20px;
}

.fCkwa4lpBdUAoHkrxPWl {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.fCkwa4lpBdUAoHkrxPWl > div:last-child {
  width: 100%;
  font-size: 10px;
  font-weight: 400;
  z-index: 1;
}
.DOUYLJyYj0RNpPImODzi {
  color: #ffffff;
}

.QCSFX8VOP6tf_CR6_1M1 {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 5px;
}
.QCSFX8VOP6tf_CR6_1M1 > button {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  border: none;
  box-shadow: none;
  font-weight: 400;
}
.QCSFX8VOP6tf_CR6_1M1 > button > div:last-child {
  margin-right: auto;
  margin-left: 5px;
}
.QE1pT2pzdPRGMa3NJSQV > div:last-child {
  margin-top: 5px;
}
.dslbcz2hBkAw7rKGE2UF {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}
.dslbcz2hBkAw7rKGE2UF > *:last-child {
  margin: 0 auto;
}
.fzuorziOcyNkMIr4V6YQ {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.fzuorziOcyNkMIr4V6YQ > div {
  padding: 10px;
}
.fzuorziOcyNkMIr4V6YQ > div:first-child {
  display: flex;
}
.fzuorziOcyNkMIr4V6YQ > div:first-child span {
  font-size: 1rem;
  font-weight: 500;
  color: var(--ant-primary-color);
}
.fzuorziOcyNkMIr4V6YQ > div:first-child > div:first-child > div:first-child {
  font-size: 1.5rem;
  font-weight: 500;
}
.fzuorziOcyNkMIr4V6YQ > div:first-child > div:first-child > div:first-child > span {
  font-size: 1.5rem;
}
.fzuorziOcyNkMIr4V6YQ > div:first-child > div:first-child > div:last-child {
  display: flex;
  flex-wrap: wrap;
}
.fzuorziOcyNkMIr4V6YQ > div:first-child > div:first-child > div:last-child > * {
  margin-left: 10px;
}
.fzuorziOcyNkMIr4V6YQ > div:first-child > div:last-child {
  margin-left: auto;
  display: flex;
  flex-direction: column;
}
.fzuorziOcyNkMIr4V6YQ > div:first-child > div:last-child > div:first-child {
  margin-left: auto;
}
.fzuorziOcyNkMIr4V6YQ > div:first-child > div:last-child > div:first-child > button {
  border-radius: 5px;
  border: 1px solid #d9d9d9;
}
.fzuorziOcyNkMIr4V6YQ > div:first-child > div:last-child > div:last-child {
  margin-top: auto;
  display: flex;
  align-items: center;
}
.fzuorziOcyNkMIr4V6YQ > div:first-child > div:last-child > div:last-child > div {
  display: flex;
}
.fzuorziOcyNkMIr4V6YQ > div:nth-child(2) {
  padding: 0;
  height: 100%;
}
.PJX3Duf8DYecEwToByIj {
  width: 200px;
}
.PJX3Duf8DYecEwToByIj > * {
  margin: 5px 0;
}
.PJX3Duf8DYecEwToByIj > div:first-child > button {
  display: flex;
  align-items: center;
  gap: 5px;
}
.PJX3Duf8DYecEwToByIj > button {
  width: 100%;
  display: flex;
  align-items: center;
}
.PJX3Duf8DYecEwToByIj > button > * {
  margin: 0 auto;
}
@media (max-width: 850px) {
  .fzuorziOcyNkMIr4V6YQ > div:nth-child(2) {
    height: fit-content;
  }
}

.rNc54uTmUpLbufnKCGGQ {
  display: grid;
  width: 100%;
  height: 100vh;
  grid-template-rows: 0.6fr 1fr 0.6fr;
  position: relative;
}
.rNc54uTmUpLbufnKCGGQ video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(0);
  z-index: -1;
  object-fit: cover;
}
.rNc54uTmUpLbufnKCGGQ > div:nth-child(2) {
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.rNc54uTmUpLbufnKCGGQ > div:nth-child(2) > div:first-child {
  min-width: 350px;
  max-width: 400px;
  z-index: 2;
  padding: 30px;
  background-color: white;
  border-radius: 5px;
}
.rNc54uTmUpLbufnKCGGQ > div:nth-child(2) > div:first-child > span > svg {
  margin-bottom: 10px;
}
.rNc54uTmUpLbufnKCGGQ > div:nth-child(2) > div:first-child > form {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 5px;
}
.rNc54uTmUpLbufnKCGGQ > div:nth-child(2) > div:first-child > form > div > div > div div > span > input {
  background-color: #e8f0fe !important;
}
.rNc54uTmUpLbufnKCGGQ > div:nth-child(2) > div:first-child > form > div:last-child {
  height: auto;
  z-index: 1;
  background-color: white;
  top: 93px;
  font-size: 0.7rem;
}
.rNc54uTmUpLbufnKCGGQ > div:nth-child(2) > div:nth-child(2) {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: white;
  font-weight: 500;
  font-size: 1rem;
}
.rNc54uTmUpLbufnKCGGQ > div:nth-child(2) > div:last-child {
  background-color: #000000;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rNc54uTmUpLbufnKCGGQ > div:last-child {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
  padding-bottom: 20px;
}
.rNc54uTmUpLbufnKCGGQ > div:last-child > span {
  color: #ffffff;
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  font-size: 16px;
}
.rNc54uTmUpLbufnKCGGQ > div:last-child > span > span {
  text-align: center;
}
.rNc54uTmUpLbufnKCGGQ > div:last-child > span > span > a {
  color: var(--ant-primary-color);
  white-space: nowrap;
}
.new9cqdBl51i7KOwSEHo {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  margin-top: 15px;
  justify-content: space-between;
}
.new9cqdBl51i7KOwSEHo > div:first-child {
  display: flex;
  align-items: center;
  gap: 5px;
}
.new9cqdBl51i7KOwSEHo > div:first-child > svg > path {
  fill: var(--ant-primary-color);
}
.new9cqdBl51i7KOwSEHo > div:last-child {
  display: flex;
  gap: 5px;
}
.new9cqdBl51i7KOwSEHo > div:last-child > span {
  cursor: pointer;
}
._huJnKbSV2Vn4A4PKPPb {
  font-size: 0.8rem;
  color: red;
}
.FVaPxX6I1IZpa7wQ8zMJ {
  margin-bottom: 5px;
}
.rDV5obp6TYLNz2qothiv {
  position: fixed;
  inset: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
}
.OiH08Jxk0PfzEtQBtko3 {
  display: flex;
  gap: 10px;
}
.VBveaHbXY4bFtcSqHafA {
  color: #000000;
}
.XcWXqH2GTnxsBvrXim4s button {
  color: var(--ant-primary-color);
  border: 1px solid var(--ant-primary-color);
  border-radius: 2px;
  align-items: center;
  width: 100%;
}
.KVYXnUo7GJ3wTLfn2LZ4 {
  margin-top: 5px;
  margin-bottom: 10px;
}
.PSpqhHuPUTuhPY_E8Qtm > span:not(:last-child)::after {
  content: '|';
  margin-left: 5px;
  color: #05309e;
}
.PUAJmPnzvxHTXuwLKO7u {
  color: var(--ant-primary-color);
  width: 270px;
  margin-bottom: 20px;
}
.OzlkMcy5zCgp3rPU4ula {
  margin: 20px 0px 5px 0px;
}
@media (max-width: 850px) {
  .rNc54uTmUpLbufnKCGGQ {
    grid-template-rows: unset;
    height: 100%;
  }
  .rNc54uTmUpLbufnKCGGQ > div:nth-child(2) > div:first-child {
    min-width: 300px;
    padding: 15px;
  }
  .rNc54uTmUpLbufnKCGGQ > div:nth-child(2) > div:last-child {
    background-color: unset;
  }
  .rNc54uTmUpLbufnKCGGQ > div:last-child > span {
    font-size: 11px !important;
  }
  .h6FSuBf1cdRMTw2fdXtw {
    font-size: 12px;
  }
  .XcWXqH2GTnxsBvrXim4s {
    margin-top: 5px;
    margin-bottom: 15px;
  }
  .XcWXqH2GTnxsBvrXim4s button {
    font-size: 12px;
    height: 25px;
    width: 100%;
  }
}

.ant-input-affix-wrapper {
  background-color: #e8f0fe !important;
}

.QDMGMRRiemYRyYXAq4Ik {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 12px;
}
.QDMGMRRiemYRyYXAq4Ik > div:nth-child(2) {
  display: flex;
  gap: 12px;
}
@media (max-width: 850px) {
  .QDMGMRRiemYRyYXAq4Ik > div:nth-child(2) {
    flex-direction: column;
  }
}

.RQ6bZiV2md6eufD2GjIZ {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 12px;
  margin-top: 0px;
}
.RQ6bZiV2md6eufD2GjIZ > div:nth-child(2) {
  display: flex;
  gap: 12px;
}
@media (max-width: 850px) {
  .RQ6bZiV2md6eufD2GjIZ > div:nth-child(2) {
    flex-direction: column;
  }
}

.tracking-statuses > div {
  width: calc(100% - 78px);
}
@media (max-width: 850px) {
  .tracking-statuses > div {
    flex-direction: column;
    align-items: flex-start;
  }
}

.FLmIpXkv77p735ojb9sP > path {
  fill: #05309e;
}
.wGy0dHlNrZFynIwY17eZ > path {
  fill: #72818b;
}
.NJRAqcgtgsYP45gb4zde {
  display: flex;
  align-items: center;
  gap: 5px;
}
.NJRAqcgtgsYP45gb4zde > div:first-child {
  display: flex;
}
.SAU0qMqNw_N3yRff2B_Z {
  position: absolute;
  inset: 0;
  background: #00000060;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.SAU0qMqNw_N3yRff2B_Z > div {
  width: 90%;
  height: 80%;
  border-radius: 20px;
  overflow: hidden;
  z-index: 1000;
}
.Jz4AL9CS4nKDhaoUgr36 {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 5px;
}
.Jz4AL9CS4nKDhaoUgr36 > button {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  border: none;
  box-shadow: none;
  font-weight: 400;
}
.Jz4AL9CS4nKDhaoUgr36 > button > div:last-child {
  margin-right: auto;
  margin-left: 5px;
}
@media (max-width: 850px) {
  .bOpKtYJn06KROCaDRAiC > div {
    flex-direction: column;
    align-items: flex-start;
  }
  .bOpKtYJn06KROCaDRAiC > div > div:last-child {
    max-width: 100%;
  }
  .bOpKtYJn06KROCaDRAiC > div > div:last-child > div {
    max-width: 100%;
  }
}
.N_UH3Wo8hRprldO_aclm {
  display: flex;
  align-items: center;
  justify-content: end;
  background-color: #f8faff;
  padding: 10px 20px;
}

.y0zZsTMqAP9kltBunEjk {
  overflow-x: scroll;
  display: flex;
  align-items: center;
  gap: 5;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
}
.y0zZsTMqAP9kltBunEjk > div:first-child {
  cursor: pointer;
  position: sticky;
  left: 0;
  z-index: 100;
  display: flex;
  align-items: stretch;
  gap: 0;
}
.y0zZsTMqAP9kltBunEjk > div:first-child > div:first-child {
  background-color: #fff;
  padding: 5px 10px;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
}
.y0zZsTMqAP9kltBunEjk > div:first-child > div:last-child {
  width: 5px;
  background-color: #f8faff;
}
.y0zZsTMqAP9kltBunEjk > div:last-child {
  cursor: pointer;
  position: sticky;
  right: 0;
  z-index: 100;
  display: flex;
  align-items: stretch;
  gap: 0;
}
.y0zZsTMqAP9kltBunEjk > div:last-child > div:first-child {
  width: 5px;
  background-color: #f8faff;
}
.y0zZsTMqAP9kltBunEjk > div:last-child > div:last-child {
  background-color: #fff;
  padding: 5px 10px;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
}
.y0zZsTMqAP9kltBunEjk::-webkit-scrollbar {
  display: none;
}
.uEgJ4QPMX4lForFmP4t2::-webkit-scrollbar-track {
  display: none;
}
.uEgJ4QPMX4lForFmP4t2::-webkit-scrollbar-thumb {
  display: none;
}
.XU2PDsItRHwhljLfqcvp {
  display: flex;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  gap: 0px !important;
  cursor: pointer;
}
.XU2PDsItRHwhljLfqcvp > span {
  padding: 5px 0px;
  white-space: nowrap;
}
.XU2PDsItRHwhljLfqcvp > span:first-child {
  padding-left: 15px;
  padding-right: 10px;
}
.XU2PDsItRHwhljLfqcvp div > svg path {
  fill: #3b5db6;
}
.XU2PDsItRHwhljLfqcvp > div {
  padding: 5px 0px;
}
.XU2PDsItRHwhljLfqcvp > div:nth-child(2) {
  padding-right: 10px;
}
.XU2PDsItRHwhljLfqcvp > div:last-child {
  padding-left: 10px !important;
  padding-right: 15px !important;
}
.tm3GgN1D97mSLKuLjM8a {
  color: #3b5db6 !important;
}
.fcsDAEC0GhTzS5_lTSKX {
  display: flex;
  flex-direction: column;
}
.fcsDAEC0GhTzS5_lTSKX > span {
  font-size: 14px;
  margin-bottom: 10px;
}
.fcsDAEC0GhTzS5_lTSKX > div {
  font-size: 12px;
}
.cDOZwzgRRUo1_ORv3fzt {
  display: flex;
  align-items: center;
  height: 36px;
}

.aoiA_OazaA0vIqcBGqc3 button {
  display: flex;
  align-items: center;
}
.RGX18DPKNrD9euSrQS89 button {
  margin: 10px 0;
}

.tracking-telegram {
  padding: 10px;
}
.tracking-telegram > a {
  display: flex;
  align-items: center;
  gap: 10px;
}

._9VSxFZVCq7JrucTOiQm button {
  display: flex;
  align-items: center;
}
.ctNlcqLfrWhZvm0V4CAV button {
  margin: 10px 0;
}
.KMq9jmZy7cxn2appOtaw > div {
  gap: 30px;
}
.KMq9jmZy7cxn2appOtaw > div > div:nth-child(1) {
  width: 100%;
}
.KMq9jmZy7cxn2appOtaw > div > div:nth-child(1) > span:nth-child(1) {
  display: flex;
  flex-direction: column;
}
.KMq9jmZy7cxn2appOtaw > div > div:nth-child(1) > span:nth-child(1) > span {
  width: 100%;
}
.KMq9jmZy7cxn2appOtaw > div > div:nth-child(1) > span:nth-child(2) {
  width: 100%;
}
.KMq9jmZy7cxn2appOtaw > div > div:nth-child(1) > span:nth-child(2) > span {
  width: 100%;
  display: flex;
}
.KMq9jmZy7cxn2appOtaw > div > div:nth-child(1) > span:nth-child(2) > span > div {
  margin-left: auto;
  margin-right: 20px;
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: end;
}
.KMq9jmZy7cxn2appOtaw > div > div:nth-child(1) > span:nth-child(2) > span > div > span {
  color: var(--ant-primary-8);
}
.KMq9jmZy7cxn2appOtaw > div > div:nth-child(1) > span:nth-child(2) > span > div > span > span {
  display: flex;
  flex-direction: column;
}
.NoG5S6ApAYWMDQ1CerCW {
  background-color: #ef4b4b !important;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.NoG5S6ApAYWMDQ1CerCW td:last-child {
  background-color: #fff0f0 !important;
}
@media (max-width: 850px) {
  .KMq9jmZy7cxn2appOtaw > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .KMq9jmZy7cxn2appOtaw > div > div:nth-child(1) > span:nth-child(1) {
    flex-direction: row;
  }
  .KMq9jmZy7cxn2appOtaw > div > div > span:last-child {
    overflow: auto !important;
  }
  .KMq9jmZy7cxn2appOtaw > div > div > span:last-child > span > div {
    gap: 10px !important;
  }
  .KMq9jmZy7cxn2appOtaw > div:nth-child(1) > span:nth-child(2) > span > div {
    overflow: auto;
    justify-content: unset;
  }
  .d9DZJkUZI_TD1Pnxp0O_ {
    background-color: #ef4b4b !important;
    color: #fff;
    border-bottom: 1px solid #fff;
  }
}

.N4jTUmI90yfbkiT0ENun {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.N4jTUmI90yfbkiT0ENun button {
  display: flex;
  align-items: center;
}
.N4jTUmI90yfbkiT0ENun button > * {
  margin-right: 5px;
}

.bills-summary-item {
  display: flex;
  gap: 5px;
  margin-right: 10px;
  justify-content: space-between;
}
.bills-summary-item > span:last-child {
  display: flex;
  align-items: flex-end;
}
.bills-summary-holder {
  display: flex;
}
.bills-summary {
  margin: 10px;
}
.bills-title {
  font-size: 15px;
}
@media (max-width: 850px) {
  .bills-summary {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
  }
  .bills-summary-container {
    height: fit-content;
    flex-wrap: wrap;
    margin-left: 0px !important;
  }
  .bills-title {
    font-size: 12px;
  }
}

.dp-table-tabs {
  background-color: #f8faff;
  border-radius: 20px;
}
.dp-table-tabs .table-holder {
  border-radius: none !important;
}
.ant-tabs,
.ant-tabs-content {
  height: 100%;
}
.ant-tabs {
  display: flex;
  flex-direction: column;
}
.ant-tabs-nav {
  margin-bottom: 0 !important;
}
.ant-tabs-nav-wrap {
  padding: 0 20px;
}
@media (max-width: 850px) {
  .ant-tabs-nav-wrap {
    white-space: unset !important;
  }
}

.Rku3webcpWBzQrMLylVw {
  background-color: #f8faff;
  font-size: 20px;
  padding: 10px 0 0 20px;
  font-weight: 600;
  font-family: Gilroy;
}
.Q8Kv8ieGkNSty4zHLii4 {
  font: 14px Roboto !important;
}
.Q8Kv8ieGkNSty4zHLii4 span {
  margin-right: 0px !important;
}
.qrWpWXl8VkERQ_sDRdSn > div:nth-child(1) {
  justify-content: flex-start !important;
}
.qrWpWXl8VkERQ_sDRdSn > div:nth-child(1) > div {
  align-items: center;
  font-family: Gilroy;
}
.qrWpWXl8VkERQ_sDRdSn > div:nth-child(1) > div span {
  flex-direction: column;
  margin-right: 50px;
  align-items: flex-start;
  gap: 0px;
}
.qrWpWXl8VkERQ_sDRdSn > div:nth-child(1) > div span span:nth-child(1) {
  font-size: 14px !important;
  color: #929da9;
  font-weight: 500;
  margin: 0 !important;
}
.qrWpWXl8VkERQ_sDRdSn > div:nth-child(1) > div span span:nth-child(2) {
  font-size: 20px !important;
  color: #05309e;
  font-weight: 600;
  margin: 0 !important;
}

.va_ym50bQoiSFPfqBp8d {
  margin: 10px;
}
.tCz3DeuD5yxeemJtYXzW {
  padding: 0;
}
.G07x4fQWqQr1whSmCGF6 {
  padding: 20px;
}

.jO4zq4worwT98lEI6raw {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.jO4zq4worwT98lEI6raw > div {
  padding: 10px;
}
.jO4zq4worwT98lEI6raw > div:first-child {
  display: flex;
}
.jO4zq4worwT98lEI6raw > div:first-child span {
  font-size: 1rem;
  font-weight: 500;
  color: var(--ant-primary-color);
}
.jO4zq4worwT98lEI6raw > div:first-child > div:first-child > div:first-child {
  font-size: 1.5rem;
  font-weight: 500;
}
.jO4zq4worwT98lEI6raw > div:first-child > div:first-child > div:first-child > span {
  font-size: 1.5rem;
}
.jO4zq4worwT98lEI6raw > div:first-child > div:first-child > div:last-child,
.jO4zq4worwT98lEI6raw > div:first-child > div:first-child > div:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
}
.jO4zq4worwT98lEI6raw > div:first-child > div:first-child > div:last-child > *,
.jO4zq4worwT98lEI6raw > div:first-child > div:first-child > div:nth-child(2) > * {
  margin-left: 10px;
}
.jO4zq4worwT98lEI6raw > div:first-child > div:last-child {
  margin-left: auto;
  display: flex;
  flex-direction: column;
}
.jO4zq4worwT98lEI6raw > div:first-child > div:last-child > div:first-child {
  margin-left: auto;
}
.jO4zq4worwT98lEI6raw > div:first-child > div:last-child > div:first-child > button {
  border-radius: 5px;
  border: 1px solid #d9d9d9;
}
.jO4zq4worwT98lEI6raw > div:first-child > div:last-child > div:last-child {
  margin-top: auto;
  display: flex;
}
.jO4zq4worwT98lEI6raw > div:first-child > div:last-child > div:last-child > div {
  display: flex;
}
.jO4zq4worwT98lEI6raw > div:nth-child(2) {
  padding: 0;
  height: 100%;
}
.bNa5LdNDR4RnxXF4zhFb {
  display: flex;
  justify-content: center;
  height: calc(100% - 100px);
}

.fn5TokdaPUjPfUK0nD2b {
  height: 100%;
  width: 100%;
}
.fn5TokdaPUjPfUK0nD2b > div:first-child {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px;
  gap: 10px;
}
.fn5TokdaPUjPfUK0nD2b > div:first-child > div {
  padding: 5px 15px;
  border-radius: 5px;
}

.dp-generic-holder {
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background: white;
}
.dp-generic-holder > div:first-child {
  background-color: #f8faff;
  color: #05309e;
  padding: 15px 35px;
}
@media (max-width: 850px) {
  .dp-generic-holder {
    height: unset;
  }
}

.dp-create-form {
  padding: 10px;
  background: white;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}
.dp-create-form > div {
  margin: 10px;
  width: 'unset';
}
.dp-create-form > div:last-child {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.hide-checkBox {
  display: none;
}
.close-create-from {
  display: none;
}
.myCustomWeight {
  margin-top: -10px !important;
}
.myCustomWeight > div > div > span {
  font-size: 14px;
}
@media (max-width: 850px) {
  .close-create-from {
    flex-direction: column;
  }
  .close-create-from {
    display: block;
    position: absolute;
    top: 16px;
    right: 24px;
    border: none;
    padding: 0;
  }
}

.reports-page {
  background: white;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  gap: 15px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.reports-page > button {
  height: min-content;
  border-color: var(--ant-primary-color);
  color: var(--ant-primary-color);
  align-items: baseline;
}
.reports-page > button > div {
  display: flex;
  flex-direction: column;
}
.reports-page > button > div > div {
  margin-right: auto;
}
.reports-page > button > div > div:first-child {
  font-size: 1.2rem;
}
.reports-page > button > div > div:last-child {
  font-weight: 400;
}
@media (max-width: 850px) {
  .reports-page {
    overflow: auto;
    height: calc(100vh - 100px);
  }
}

.yAsn8k9CqGbZ7A_z8rMR {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.yAsn8k9CqGbZ7A_z8rMR > div:last-child > button {
  display: flex;
  margin-top: 15px;
  justify-content: center;
  align-items: center;
}
.UJUUYeXbiDvXhxj05wDS {
  display: none;
}
.ObTlYMKxj4DOdB8_Wwk4 {
  margin-top: 15px;
}
@media (max-width: 850px) {
  .UJUUYeXbiDvXhxj05wDS {
    display: block;
    position: absolute;
    top: 16px;
    right: 24px;
    border: none;
    padding: 0;
  }
  .yAsn8k9CqGbZ7A_z8rMR {
    padding: 50px 15px;
  }
}

.g6ktEkr_MrkqylkI4maH {
  padding: 15px 15px 0 15px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-height: 100%;
}
.g6ktEkr_MrkqylkI4maH > div:first-child {
  display: flex;
  justify-content: flex-end;
}
.g6ktEkr_MrkqylkI4maH > div:first-child > div {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 150px;
}
.g6ktEkr_MrkqylkI4maH > div:first-child > div > button {
  padding: 0px;
}

.tWnimCQKeaVLUPHNaHA0 {
  display: flex;
  flex-direction: column;
  padding: 15px;
  background: white;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.GrCpZLqdaVe3W3LAnddv {
  display: flex;
  gap: 10px;
  width: 100%;
}
.GrCpZLqdaVe3W3LAnddv > button {
  padding: 0px;
  margin-top: 15px;
}
.djmI9HWArp4s8b9BNPCV {
  width: 100%;
}
.UiaHp9BsDhiPeFKEhM45 {
  margin-top: 17px;
}
.UiaHp9BsDhiPeFKEhM45 > div > button:first-child {
  color: #a0a0a0;
}
.OunsUFgWiWY5Ok6KCBJ3 {
  display: none;
}
@media (max-width: 850px) {
  .OunsUFgWiWY5Ok6KCBJ3 {
    display: block;
    position: absolute;
    top: 16px;
    right: 24px;
    border: none;
    padding: 0;
  }
  .tWnimCQKeaVLUPHNaHA0 {
    padding: 50px 15px;
  }
}

.SSxzDrSFMO_gIX6Qt8BU > div {
  cursor: pointer;
}

.orders-result .secondary-button {
  display: flex;
  align-items: center;
}
.orders-result .secondary-button > div {
  justify-content: center;
}
.ant-drawer-content {
  overflow: unset !important;
}
.order-results > * {
  width: calc(100% - 70px);
}
.orders-next-month-btn {
  padding: 10px;
  display: flex;
  justify-content: end;
}
.orders-next-month-btn button {
  padding: 20px;
  border-radius: 5px;
}
.orders-draft-btn {
  width: 100%;
  height: 100%;
  padding: 8px 18px !important;
  border-color: #ffb342;
  background: #ffb342;
  border-radius: 5px;
  color: black;
  font-weight: 400;
}
.orders-draft-btn:hover {
  border-color: #ffb342;
  background: #ffb342;
  color: black;
}
@media (max-width: 850px) {
  .order-results {
    gap: 10px;
  }
  .order-results > div {
    flex-direction: column;
    align-items: flex-start;
  }
  .order-results > div > div:last-child {
    max-width: 100%;
  }
  .order-results > div > div:last-child > div {
    max-width: fit-content;
  }
}

.table-info-holder {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  background-color: #0f059e;
}
.table-info-holder > div:first-child {
  display: flex;
  gap: 10px;
  color: white;
  align-items: center;
  justify-content: center;
}
@media (max-width: 850px) {
  .table-info-holder {
    display: block;
  }
  .table-info-holder > div {
    margin-top: 10px;
  }
}

.WMBNgNEVjlyrWZj7Ifjg {
  padding: 10px 0px 0px 55px;
}
.OQpAjjiQDmO52MVAWShO {
  margin: 0px 0px 0px 290px;
}

.orders-modal__holder {
  width: 100%;
  word-break: keep-all;
  font-size: 15px;
}
.orders-modal__img img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  object-position: right;
}
.orders-modal .ant-modal-footer {
  border-top: none;
}

.ParsbybzQ9CrNKyCP5hg {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 5px;
}
.ParsbybzQ9CrNKyCP5hg > button {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  border: none;
  box-shadow: none;
  font-weight: 400;
}
.ParsbybzQ9CrNKyCP5hg > button > div:last-child {
  margin-right: auto;
  margin-left: 5px;
}
.ZiaU8htsMRLrQm8jpZ_M button {
  display: flex;
  align-items: center;
}
.sTPgzGyaIYCRupjxIGo2 button {
  margin: 10px 0;
}

.jbokcupS2b2bhIKCqB5f {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 5px;
}

.xtsy_sB5EQO93_oK1b3r {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.LNW2l6EJpDaAyUPmuSqe {
  position: relative;
  display: flex;
  gap: 5px;
  align-items: flex-start;
  justify-content: center;
}
.LNW2l6EJpDaAyUPmuSqe input {
  color: #223053 !important;
}
.LNW2l6EJpDaAyUPmuSqe > div:last-child {
  width: 35px;
}
.LNW2l6EJpDaAyUPmuSqe > div:last-child > button {
  top: 23px;
  right: 0;
  position: absolute;
}
.zKbdEJzKjnJqRAW4Ibym {
  width: fit-content;
}

.orders-packaging {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.orders-packaging > div:first-child {
  width: 100%;
}
.orders-packaging > div:last-child {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
.orders-packaging button {
  border: 1px solid var(--ant-primary-color);
  background: white;
  color: var(--ant-primary-color);
}

.order-packagin-title {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order-packagin-title > div:first-child {
  font-size: 1.5rem;
}

.R7O_vmIaEypAmbADhjVC {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 5px;
}

.profile-holder {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.profile {
  width: 100%;
  height: 100%;
  padding: 15px;
  border-radius: 20px;
  overflow-y: hidden;
  background: white;
}
.profile-title {
  font-size: 1.5rem;
  font-weight: 500;
}
.profile-forms {
  height: 90%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media (max-width: 850px) {
  .profile-holder {
    padding-bottom: 30px;
  }
  .profile-holder .profile-img {
    display: none;
  }
}

.personal-info__inputs {
  display: flex;
  gap: 10px;
}
.personal-info__btn {
  width: min-content;
  margin-top: 20px;
}
.personal-info__btn button {
  font-weight: 400;
}
.personal-info-title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 30px;
}

.change-password-input span {
  background: inherit !important;
}
.change-password-input .ant-input-suffix:hover {
  cursor: pointer;
}
.change-password-title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 30px;
}
.change-password-btn {
  width: 130px;
  margin-top: 20px;
}
.change-password-btn button {
  font-weight: 400;
}
.change-password-input__main {
  position: relative;
}
.change-password-info__title {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--ant-primary-color);
}
.change-password-about {
  margin-bottom: 30px;
}
.change-password-about__holder {
  display: flex;
  align-items: start;
  gap: 10px;
}
.change-password-info {
  padding: 5px;
  width: 400px;
}
.change-password-info ul {
  padding: 0px;
  padding-left: 15px;
  margin: 0px;
}
.change-password-info ul li::marker {
  color: var(--ant-primary-color);
}

.password-validation-item {
  display: flex;
  margin: 5px 0px;
  gap: 5px;
}
.password-validation-item__success {
  color: #6eae84;
}

.MdqKbOTD0CKnAbIN7_io {
  background: white;
  width: 100%;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  align-items: center;
  position: relative;
  gap: 15px;
}
.MdqKbOTD0CKnAbIN7_io .u8Fb7rc7ne9KbQhkVXxL {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 40px;
}
.MdqKbOTD0CKnAbIN7_io .u8Fb7rc7ne9KbQhkVXxL > span {
  font-weight: 500;
  font-size: 20px;
  color: #223053;
}
.MdqKbOTD0CKnAbIN7_io .u8Fb7rc7ne9KbQhkVXxL > div {
  display: flex;
  flex-direction: column;
  margin: auto 0;
}
.MdqKbOTD0CKnAbIN7_io .u8Fb7rc7ne9KbQhkVXxL > div > div > div > input {
  border-radius: 5px;
  padding: 10px;
}
.MdqKbOTD0CKnAbIN7_io .u8Fb7rc7ne9KbQhkVXxL > div > div:last-child {
  margin-top: 15px;
}
.MdqKbOTD0CKnAbIN7_io .u8Fb7rc7ne9KbQhkVXxL > div > div:last-child > button {
  display: flex;
  padding: 10px 5px;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: white;
  border-color: white;
  background-color: var(--ant-primary-color);
  border-radius: 5px;
  width: 150px;
}
.MdqKbOTD0CKnAbIN7_io img {
  flex-basis: 50%;
}
.IKvs67eqsqMPhd4W2Twz {
  display: flex;
  flex-direction: column;
  height: auto;
  margin-bottom: 50px;
}
.IKvs67eqsqMPhd4W2Twz > span {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 16px;
}
.V6rOBgVCxhz33YTB4Tdp {
  display: 'flex';
  gap: 10px;
}
@media (max-width: 850px) {
  .MdqKbOTD0CKnAbIN7_io {
    flex-direction: column;
    align-items: flex-start;
  }
  .MdqKbOTD0CKnAbIN7_io > div {
    height: unset;
    gap: 10px;
    width: 100%;
    z-index: 100;
  }
  .MdqKbOTD0CKnAbIN7_io > div > div {
    flex-basis: unset;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .MdqKbOTD0CKnAbIN7_io > div > div > div {
    flex-basis: unset !important;
  }
  .MdqKbOTD0CKnAbIN7_io > img {
    display: none;
  }
}

.success-window {
  position: fixed;
  color: black;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2;
}
.success-window .big-popover > div {
  height: unset;
  width: unset;
}
.success-window__content {
  font-size: 1.5rem;
  font-weight: 500;
  height: 100%;
  position: relative;
}
.success-window__content .success-window__close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.success-window__content .success-window__text {
  padding: 30px;
  display: flex;
  padding: 130px;
  height: 100%;
  margin-bottom: 5px;
}
.success-window__content .success-window__text > div {
  margin: auto;
  color: var(--ant-primary-color);
}
@media (max-width: 850px) {
  .success-window__text {
    padding: 40px !important;
  }
}

.claimDetailedView > .ant-collapse-item,
.claimDetailedView .ant-collapse-item:last-child {
  border-radius: 10px;
  margin-bottom: 5px;
  border: 1px solid #f1f1f1;
}
.claimDetailedView > .ant-collapse-item > .ant-collapse-header,
.claimDetailedView .ant-collapse-item:last-child > .ant-collapse-header {
  background: #f8faff;
}
.claimDetailedView > .ant-collapse-item > .ant-collapse-header > .ant-collapse-header-text > span,
.claimDetailedView .ant-collapse-item:last-child > .ant-collapse-header > .ant-collapse-header-text > span {
  font-size: 20px;
}
.claims-draft-btn {
  width: 100%;
  height: 100%;
  padding: 8px 18px !important;
  margin-left: -5px;
  border-color: #ffb342;
  background: #ffb342;
  border-radius: 5px;
  color: black;
  font-weight: 400;
}
.claims-draft-btn:hover {
  border-color: #ffb342;
  background: #ffb342;
  color: black;
}

.EB9NVj4hvq5SH4xPftD1 {
  display: flex;
  flex-direction: column;
  padding: 5px 15px;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  cursor: pointer;
  align-items: flex-start !important;
  gap: 0px;
  justify-content: space-between !important;
  max-width: 100% !important;
}
.EB9NVj4hvq5SH4xPftD1 > span {
  white-space: nowrap;
}
.ycJZRoVBTg6FJGz_Lb4H {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 5px;
}
.ycJZRoVBTg6FJGz_Lb4H > button {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  border: none;
  box-shadow: none;
  font-weight: 400;
}
.ycJZRoVBTg6FJGz_Lb4H > button > div:last-child {
  margin-right: auto;
  margin-left: 5px;
}
.asPbiPWVjxxSA5gjxKvw {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.asPbiPWVjxxSA5gjxKvw > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.asPbiPWVjxxSA5gjxKvw > div:first-child > div {
  cursor: pointer;
}
.asPbiPWVjxxSA5gjxKvw > div:first-child > span:first-child {
  font-size: 20px;
}
.jp7TeRUxPyp9cWyKzBHx {
  font-size: 12px;
  margin-right: 5px;
}
.Oxfd0onVvYnAdwWwal8J {
  font-size: 16px;
  color: #05309e;
}

.images-holder {
  padding: 10px;
}
.images-btn {
  padding: 15px 0px;
}

.body-holder {
  padding: 10px;
  display: flex;
  gap: 10px;
}
.body-holder > div > img {
  width: 200px;
  height: 200px;
  object-fit: cover;
}

.label-scanner .label-scanner__loader {
  margin-top: 15px;
}

.multi-claims-input {
  margin: 20px 0px;
}

.claims-creation__about > div:nth-child(6) {
  margin-top: 15px;
}
.claims-formText {
  margin-top: 15px;
}

.claims-about-file {
  display: grid;
  grid-template-columns: 3fr 9fr 1fr;
  transition: box-shadow 0.2s ease;
  gap: 10px;
  margin: 5px 0px;
  padding: 5px;
}
.claims-about-file .claims-about-file__description {
  width: 100%;
  margin: 0px 5px;
}
.claims-about-file:hover {
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}

.claims-creation-form__holder {
  display: flex;
  flex-direction: column;
}
.claims-creation-form__holder > div:last-child {
  height: 100%;
}

.claim-creation-ending {
  height: 100%;
  display: flex;
  padding: 10px;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.claim-creation-ending__holder {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.claim-creation-ending__title {
  color: #05309e;
  font-size: 1.6rem;
  font-weight: 600;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.claim-creation-ending__title > div {
  width: 200px;
  text-align: center;
}
.claim-creation-ending__svg {
  display: flex;
  justify-content: space-around;
}
.claim-creation-ending__toWatch {
  display: block;
  color: #223053;
  text-align: center;
}

.g3Rn9nu4a_Oyui8LObip {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 5px;
}
.g3Rn9nu4a_Oyui8LObip > button {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  border: none;
  box-shadow: none;
  font-weight: 400;
}
.g3Rn9nu4a_Oyui8LObip > button > div:last-child {
  margin-right: auto;
  margin-left: 5px;
}

.warehouses-chart__holder-charts {
  padding: 20px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.warehouses-chart__title {
  margin: 30px;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0.15px;
  color: #223053;
}
.warehouses-chart__title-line {
  border-bottom: 1px solid #f4f4f4;
  margin-top: 16px;
}
.warehouses-chart__tooltip {
  padding: 10px 0px;
  position: relative;
  width: 220px;
}
.warehouses-chart__tooltip .warehouses-chart__tooltip-shape {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  /* identical to box height, or 133% */
  text-align: center;
  letter-spacing: 0.4px;
  color: #223053;
}
.warehouses-chart__tooltip .warehouses-chart__tooltip-shape span {
  font-weight: 700;
}
.warehouses-chart__tooltip .warehouses-chart__tooltip-shape div {
  margin: 5px 0px;
  border-bottom: 1px solid #f4f4f4;
}
.warehouses-chart__tooltip .warehouses-chart__tooltip-grades {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
.warehouses-chart__tooltip .warehouses-chart__tooltip-grades > div {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.4px;
  color: #757575;
}
.warehouses-chart__tooltip .warehouses-chart__tooltip-grades > div span {
  font-weight: 700;
}
.warehouses-chart__holder {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.warehouses-chart__legend-main {
  background: #ecf4fa;
  border-radius: 4px;
  margin: 20px;
  padding: 15px;
  white-space: nowrap;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.warehouses-chart__legend-main > div > div {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 15px;
}
.warehouses-chart__legend-main > div > div > div:first-child {
  width: 12px;
  height: 12px;
  border-radius: 12px;
}
.warehouses-chart__legend-main > div > div > div:last-child {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.4px;
  color: #223053;
}
.warehouses-chart__legend-main__divider {
  border-bottom: 1px solid #d6e0e8;
}
.warehouses-chart__legend-main__total {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.4px;
  color: #252253;
}
.warehouses-chart__legend-main__total > span:last-child {
  font-weight: 900;
  font-size: 14px;
  line-height: 16px;
}
.warehouses-chart__legend-secondary__title {
  padding: 10px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: #252253;
}
.warehouses-chart__legend-secondary__title > span:last-child {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: #7d7d7d;
}
.warehouse-chart-total {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.warehouse-chart-total > div:nth-child(2n) {
  border: 1px solid #f4f4f4;
}
.warehouse-chart-total > div:last-child {
  display: none;
}
.warehouse-chart-total__item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.warehouse-chart-total__item > div:first-child {
  width: 12px;
  height: 12px;
  border-radius: 12px;
}
.warehouse-chart-total__item > div:last-child {
  font-weight: 700;
  color: #252253;
}
@media (max-width: 850px) {
  .warehouses-chart__holder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
}
.warehouses-chart__tooltip-shape_weight {
  white-space: nowrap;
}

.specs-page-holder {
  height: 100%;
}

.QjMH0VRJ9IOv56DCw7hN {
  display: flex;
  gap: 10px;
  align-items: center;
}
.GXUup6ikoVgaUu7XW6J7 {
  padding: 20px;
}
.GXUup6ikoVgaUu7XW6J7 > div {
  display: flex;
  flex-direction: column;
}
.GXUup6ikoVgaUu7XW6J7 > div > span {
  margin-bottom: 20px;
}
.OXfipIGQuMwJf1hFlCMK > div {
  margin: 10px 0px;
}
.OXfipIGQuMwJf1hFlCMK > div > button {
  width: 100%;
  display: flex;
  justify-content: start;
}
.OXfipIGQuMwJf1hFlCMK > div > button:last-child {
  padding-left: 10px;
}
.OXfipIGQuMwJf1hFlCMK > div > button svg {
  margin-right: 10px;
}

.new-request-button {
  background: var(--ant-primary-color);
  color: white;
  height: 100%;
  padding: 8px 18px !important;
  border-radius: 5px;
}

.steps-holder {
  height: 100%;
}
.drawer-holder {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.drawer__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  margin-left: 10px;
}
.drawer__header .drawer__header-dictionary button {
  border: 1px solid gray;
  color: black;
  width: unset;
}

.chem-holder {
  border-radius: 20px 0px 0px 20px;
}
.chem-header {
  border-radius: 20px 0px 0px 20px;
  background: #f8faff;
  padding: 20px;
}
.chem-header__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 15px;
}
.chem-header__about {
  display: flex;
  justify-content: space-between;
}
.chem-header__about > div:first-child {
  font-size: 1.1rem;
}
.chem-content {
  padding: 12px;
}
.chem-content__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chem-content__title > div:first-child {
  font-weight: 500;
}
.chem-table {
  margin: 16px 0px;
  width: 100%;
  border: 1px solid white;
}
.chem-table th {
  font-weight: 500;
}
.chem-table th,
.chem-table td {
  border: 1px solid white;
}
.chem-table th,
.chem-table tr > td:first-child {
  background: #eef3ff;
  padding: 10px;
  text-align: center;
}
.chem-table tr > td:not(:first-child) {
  background: #f1f1f1;
  padding: 5px;
}
.chem-table__title {
  font-weight: 500;
}

.steps1-holder > div {
  margin: 5px;
}

.steps-area__holder {
  background: #f8faff;
  padding: 15px;
}
.steps-area__title {
  font-weight: 500;
}

.chem-list-holder {
  display: flex;
  gap: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.chem-list-open__error {
  background: var(--ant-error-color);
  color: white;
}
.chem-list-open {
  transition: background 0.2s ease;
}

.chem-list-item {
  display: flex;
}
.chem-list-item .chem-list-item__title {
  font-size: 1.7rem;
  color: #3e5694;
  background: #e3ebff;
  padding: 10px 15px;
  text-align: center;
}
.chem-list-item .chem-list-item__title_small {
  font-size: 1rem;
}
.chem-list-item .chem-list-item__values {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
  margin-left: 5px;
}
.chem-list-item .chem-list-item__values .chem-list-item__values-max {
  margin-bottom: 5px;
}
.chem-list-item .chem-list-item__values > div {
  display: flex;
  gap: 5px;
  white-space: nowrap;
}
.chem-list-item .chem-list-item__values > div > div:first-child {
  color: #9a9a9a;
  font-size: 0.9rem;
}
.chem-list-item .chem-list-item__values > div > div:last-child {
  color: #05309e;
  font-size: 0.9rem;
}

.field-with-check {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 10px;
}
.field-with-check__frequency {
  width: 30%;
  padding-bottom: 10px;
}

.step1-file-input-holder {
  height: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 0px 10px;
}
.step1-file-input-available {
  display: flex;
  gap: 10px;
}

.weight-selectors-hide {
  display: none;
}

.packaging-selectors-hide {
  display: none;
}

.new-request-ending {
  height: 100%;
  display: flex;
  padding: 10px;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.new-request-ending__holder {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.new-request-ending__title {
  color: #05309e;
  font-size: 1.6rem;
  font-weight: 600;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.new-request-ending__title > div {
  width: 200px;
  text-align: center;
}
.new-request-ending__svg {
  display: flex;
  justify-content: space-around;
}
.new-request-ending__toWatch {
  color: #223053;
  text-align: center;
}

.not-found-holder {
  height: 100%;
  width: 100%;
}
.not-found-holder > div {
  padding: 5%;
  overflow: hidden;
  display: flex;
  gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.not-found-holder > div a {
  text-decoration: underline;
}
.not-found-holder > div > div:nth-child(2) {
  font-weight: 400;
  font-size: 34px;
  color: #05309e;
  line-height: 36px;
}
.not-found-holder > div > div:last-child {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #05309e;
}

.YtYIXXetdd1VXGIOTogn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
}
.YtYIXXetdd1VXGIOTogn > div:last-child {
  display: flex;
  justify-content: center;
  background-color: #00000050;
  align-items: center;
  width: 100%;
  height: 50%;
}
.YtYIXXetdd1VXGIOTogn > div:last-child > div {
  z-index: 1;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 5px;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.YtYIXXetdd1VXGIOTogn > div:last-child > div > span {
  font-weight: 500;
  font-size: 20px;
  color: var(--ant-primary-color);
}
.YtYIXXetdd1VXGIOTogn > div:last-child > div > div > div > div input,
.YtYIXXetdd1VXGIOTogn > div:last-child > div > div > div > div textarea {
  border-color: #efefef;
  border-radius: 5px;
  padding: 10px;
}
.YtYIXXetdd1VXGIOTogn > div:last-child > div > div:last-child {
  margin-top: 20px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.YtYIXXetdd1VXGIOTogn > div:last-child > div > div:last-child > button {
  width: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.F3tetV89qQga2hOPMvLQ {
  display: 'flex';
  gap: 10px;
}
.nXDeNMicScVXPehc8rXV {
  position: fixed;
  inset: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
}
@media (max-width: 850px) {
  .YtYIXXetdd1VXGIOTogn > div:last-child {
    background-color: unset;
  }
  .YtYIXXetdd1VXGIOTogn > div:last-child > div {
    width: 80%;
    height: fit-content;
    gap: 10px;
    justify-content: flex-start;
  }
}

.Q0lRbeDgvHKYfeMRP7aI {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 5px;
}
.Q0lRbeDgvHKYfeMRP7aI > button {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  border: none;
  box-shadow: none;
  font-weight: 400;
}
.Q0lRbeDgvHKYfeMRP7aI > button > div:last-child {
  margin-right: auto;
  margin-left: 5px;
}
.bSFlxiAIjHBR0Xse1rmW > div:last-child {
  margin-top: 5px;
}
.YENX_rsSlJoDV_munq13 {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}
.YENX_rsSlJoDV_munq13 > *:last-child {
  margin: 0 auto;
}
.o4G3ak1TE98DKNgc1gBZ {
  display: flex;
  flex-direction: column;
}
.o4G3ak1TE98DKNgc1gBZ > div:first-child {
  display: flex;
  background-color: #f8faff;
  justify-content: space-between;
  padding: 10px 20px;
}
.o4G3ak1TE98DKNgc1gBZ > div:first-child > div:last-child button {
  border: 1px solid gray;
  border-radius: 5px;
}
.o4G3ak1TE98DKNgc1gBZ > div:first-child > div:first-child {
  font-size: 18px;
}
.o4G3ak1TE98DKNgc1gBZ > div:first-child > div:first-child span {
  color: var(--ant-primary-color);
  font-size: 20px;
  font-weight: 500;
}
.o4G3ak1TE98DKNgc1gBZ > div:nth-child(2) > div:first-child {
  gap: 35px;
}
.o4G3ak1TE98DKNgc1gBZ > div:nth-child(2) > div:first-child > span {
  flex-direction: column;
  align-items: flex-start;
}
.o4G3ak1TE98DKNgc1gBZ > div:nth-child(2) > div:first-child > span > span {
  margin: 0px !important;
  color: var(--ant-primary-color);
  font-weight: 500;
}
.o4G3ak1TE98DKNgc1gBZ > div:nth-child(2) > div:last-child {
  margin-top: auto;
}
.Mr3dUQUfGAtbnmBZ4XrC > * {
  margin: 5px 0;
}
.Mr3dUQUfGAtbnmBZ4XrC > div:first-child > button {
  display: flex;
  align-items: center;
  gap: 5px;
}
.Mr3dUQUfGAtbnmBZ4XrC > button {
  width: 100%;
  display: flex;
  align-items: center;
}
.Mr3dUQUfGAtbnmBZ4XrC > button > * {
  margin: 0 auto;
}
@media (max-width: 850px) {
  .o4G3ak1TE98DKNgc1gBZ {
    padding: 10px;
  }
  .o4G3ak1TE98DKNgc1gBZ > div:nth-child(3) {
    display: none;
  }
}

.pricing-btn-details path {
  fill: var(--ant-primary-color);
}

.instructions-holder > div {
  padding: 10px;
  overflow-x: hidden;
}
.instructions-holder > div > div {
  margin: 10px 0;
}
.instructions-holder > div > div:first-child {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #223053;
  padding-bottom: 10px;
}
.instructions-holder .ant-collapse,
.instructions-holder .ant-collapse-item {
  border-radius: 10px !important;
  border: none !important;
}

.instructions-item {
  background-color: #f8faff;
  position: relative;
}
.instructions-item .ant-collapse-expand-icon svg {
  position: absolute;
  right: 0;
  margin-right: 10px;
  margin-top: 5px;
}
.instructions-item img {
  max-width: 100%;
}
.instructions-item .ant-collapse-content-box {
  padding: 0 !important;
}
.instructions-item .ant-collapse-header-text {
  width: 100%;
}
.instructions-item__header {
  display: flex;
  width: 100%;
  align-items: center;
}
.instructions-item__header > div:first-child > div:first-child {
  color: #223053;
  gap: 10px;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.15px;
}
.instructions-item__header > div:first-child > div:first-child > div {
  display: flex;
  justify-content: center;
}
.instructions-item__header > div:first-child > div:first-child svg path {
  fill: #223053;
}
.instructions-item__header > div:first-child > div:last-child {
  margin-top: 10px;
  letter-spacing: 0.25px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.instructions-item__header > div:last-child {
  margin-left: auto;
  margin-right: 17px;
}
.instructions-item__download-holder {
  display: flex;
  padding: 10px;
  background: #eef3ff;
}
.instructions-item__download-holder > * {
  margin-left: auto;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.25px;
  color: #05309e;
  border: 1px solid #05309e;
  border-radius: 2px;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.instructions-item__content {
  padding: 10px;
}
.instructions-item__content-fullscreen {
  height: 100%;
  width: 100%;
}
.instructions-item__content-fullscreen img {
  max-width: 100%;
}

.instruction-header {
  color: #1874b5;
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
}
.instruction-bold {
  font-weight: bold;
}
.instruction-item-newline > span {
  margin-bottom: 2em;
  display: grid;
}

.spot-excel-export {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.spot-excel-export > button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.itemDownloadsContent > * {
  margin: 5px 0;
}
.itemDownloadsContent > div:first-child > button {
  display: flex;
  align-items: center;
  gap: 5px;
}
.itemDownloadsContent > button {
  width: 100%;
  display: flex;
  align-items: center;
}
.itemDownloadsContent > button > * {
  margin: 0 auto;
}

.S3l2x9TKTVyb7i9k79C5 {
  display: flex;
  flex-direction: column;
}
.S3l2x9TKTVyb7i9k79C5 > div:first-child {
  display: flex;
  background-color: #f8faff;
  justify-content: space-between;
  padding: 10px 20px;
}
.S3l2x9TKTVyb7i9k79C5 > div:first-child > div:last-child button {
  border: 1px solid gray;
  border-radius: 5px;
}
.S3l2x9TKTVyb7i9k79C5 > div:first-child > div:first-child {
  font-size: 18px;
}
.S3l2x9TKTVyb7i9k79C5 > div:first-child > div:first-child span {
  color: var(--ant-primary-color);
  font-size: 20px;
  font-weight: 500;
}
.S3l2x9TKTVyb7i9k79C5 > div:nth-child(2) > div:first-child {
  gap: 35px;
}
.S3l2x9TKTVyb7i9k79C5 > div:nth-child(2) > div:first-child > span {
  flex-direction: column;
  align-items: flex-start;
}
.S3l2x9TKTVyb7i9k79C5 > div:nth-child(2) > div:first-child > span > span {
  margin: 0px !important;
  color: var(--ant-primary-color);
  font-weight: 500;
}
.S3l2x9TKTVyb7i9k79C5 > div:nth-child(2) > div:last-child {
  margin-top: auto;
}

.landing-holder {
  overflow-x: hidden;
}
.landing-holder__hide-scroll {
  overflow-y: hidden;
}

.competence-center__landing {
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-rows: 3fr 1fr;
}
.competence-center__landing-title {
  margin-left: 20px;
  font-weight: 500;
  font-size: 1.2rem;
}
.competence-center__landing-holder {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px;
}
.competence-center__blue-back {
  background: #f2f6ff;
  border: 1px solid #c6d6ff;
  border-radius: 20px;
  margin: 10px;
  padding: 20px;
}
.competence-center__title {
  font-weight: 600;
  font-size: 1.6rem;
  color: #05309e;
  z-index: 2;
}
.competence-center__upper {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.competence-center__lower {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.competence-center__upper-right {
  display: grid;
  grid-template-rows: 1fr 1fr;
}
.competence-center__upper-right-lower {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.competence-center__tech {
  position: relative;
}
.competence-center__tech-content {
  position: relative;
  z-index: 2;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.competence-center__tech-content .competence-center__tech-chat {
  color: #737373;
  width: 300px;
  font-size: 1rem;
}
.competence-center__tech-content .competence-center__tech-list {
  color: #05309e;
  width: 300px;
  font-size: 1rem;
}
.competence-center__tech-content .competence-center__tech-list ul {
  margin-block-start: unset;
  margin-block-end: unset;
  margin-inline-start: 20px;
  margin-inline-end: unset;
  padding-inline-start: unset;
}
.competence-center__tech-content .competence-center__tech-button button,
.competence-center__tech-content .competence-center__tech-button button:hover,
.competence-center__tech-content .competence-center__tech-button button:active,
.competence-center__tech-content .competence-center__tech-button button:focus {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 5px;
  color: white;
  background-color: #5e9972;
  border-radius: 40px;
  padding: 20px;
}
.competence-center__tech-content .competence-center__tech-button button > span:last-child,
.competence-center__tech-content .competence-center__tech-button button:hover > span:last-child,
.competence-center__tech-content .competence-center__tech-button button:active > span:last-child,
.competence-center__tech-content .competence-center__tech-button button:focus > span:last-child {
  height: 24px;
  width: 22px;
}
.competence-center__tech-content .competence-center__tech-button button path,
.competence-center__tech-content .competence-center__tech-button button:hover path,
.competence-center__tech-content .competence-center__tech-button button:active path,
.competence-center__tech-content .competence-center__tech-button button:focus path {
  fill: white;
}
.competence-center__tech-background {
  position: absolute;
  z-index: 1;
  right: 0;
  height: 100%;
  top: 0;
}
.competence-center__tech-background svg {
  border-radius: 0px 20px 20px 0px;
}
.competence-center__questions {
  position: relative;
  display: block;
  height: calc(100% - 20px);
}
.competence-center__questions:hover,
.competence-center__questions:active,
.competence-center__questions:focus {
  border: 1px solid #c6d6ff;
}
.competence-center__questions > .competence-center__questions-back {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.competence-center__question-img {
  position: relative;
  bottom: 3px;
  height: 120%;
}
.competence-center__questions__title-holder {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
  height: 100%;
  width: 100%;
}
.competence-center__production {
  position: relative;
  padding: unset;
}
.competence-center__production > div:first-child {
  padding-left: 20px;
}
.competence-center__production .competence-center__production-back {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.competence-center-list-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #05309e;
  font-weight: 500;
}
.competence-center-list-item > div:first-child {
  height: 22px;
  width: 22px;
}
.competence-center__production-img {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  height: 110%;
}
.competence-center__production-img svg {
  border-bottom-right-radius: 20px;
}
.competence-center__production-holder {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: 100%;
}
.competence-center__production-holder > div:first-child {
  z-index: 2;
  width: 40%;
}
.competence-center__production-holder > div > a {
  padding: 15px 0px;
  font-size: 1rem;
}
.competence-center__links {
  display: flex;
  flex-direction: column;
  font-size: 1rem;
}
.competence-center__links div:last-child {
  margin: auto 0px;
}
.competence-center__links div:last-child > a {
  padding: 15px;
  border-bottom: 1px solid #e2ebff;
}
.competence-center__links .competence-center__tech-button button,
.competence-center__links .competence-center__tech-button button:hover,
.competence-center__links .competence-center__tech-button button:active,
.competence-center__links .competence-center__tech-button button:focus {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 5px;
  color: white;
  background-color: #5e9972;
  border-radius: 40px;
  padding: 20px;
}
.competence-center__links .competence-center__tech-button button > span:last-child,
.competence-center__links .competence-center__tech-button button:hover > span:last-child,
.competence-center__links .competence-center__tech-button button:active > span:last-child,
.competence-center__links .competence-center__tech-button button:focus > span:last-child {
  height: 24px;
  width: 22px;
}
.competence-center__links .competence-center__tech-button button path,
.competence-center__links .competence-center__tech-button button:hover path,
.competence-center__links .competence-center__tech-button button:active path,
.competence-center__links .competence-center__tech-button button:focus path {
  fill: white;
}
.competence-center-list-item-exclamation-icon svg {
  margin-top: -21px;
  margin-left: -17px;
}
.competence-center__under-construction-modal .ant-modal-footer {
  border-bottom: none;
}
.competence-center__under-construction-modal .ant-modal-content {
  border-radius: 20px;
  text-align: center;
}
.competence-center__under-construction-modal-text {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #223053;
  margin-top: 20px;
}

.chat-drawer {
  height: 100%;
}
.chat-main-drawer .ant-drawer-mask {
  opacity: 0.9 !important;
}

.chat-list {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-radius: 4px;
  background: #f8faff;
  height: 50%;
}
.chat-list > div:first-child {
  display: flex;
  justify-content: space-between;
}
.chat-list > div:first-child > div:last-child {
  display: flex;
  gap: 10px;
}
.chat-list-title {
  font-size: 14px;
  font-weight: 500;
  color: #223053;
}
.chat-list-status-checker {
  font-size: 14px;
  font-weight: 500;
  opacity: 0.5;
  color: #546797;
  cursor: pointer;
}
.chat-list-status-checker:hover {
  opacity: 1;
}
.chat-list-status-checker.active {
  opacity: 1;
}
.chat-list-empty {
  color: #989898;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
}

.chat-history-item {
  padding: 10px;
  cursor: pointer;
  background: #fff;
  position: relative;
}
.chat-history-item.archive {
  opacity: 0.5;
}
.chat-history-item-header {
  display: flex;
  justify-content: space-between;
}
.chat-history-item-header-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #546797;
  font-size: 16px;
  font-weight: 700;
  max-width: 70%;
}
.chat-history-item-header-create-date {
  color: #989898;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.chat-history-item-header-last-message {
  color: #989898;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
  max-width: 70%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.chat-new-message-count {
  background: #e34545;
  position: absolute;
  font-size: 0.6rem;
  font-weight: 500;
  color: white;
  padding: 0;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-history-item__gap .chat-history-item-header {
  padding-left: 20px;
}

.create-chat {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-radius: 4px;
  background: #f8faff;
  height: fit-content;
}
.create-chat > div > div > span {
  line-height: 1.2;
}
.create-chat-title {
  font-size: 14px;
  font-weight: 500;
  color: #223053;
}
.input-create-chat {
  height: 40px;
}
.create-chat-submit {
  display: flex;
  justify-content: end;
  gap: 10px;
}
.create-chat-submit > button:last-child {
  opacity: 50%;
  width: fit-content;
}

.chat-message-container {
  height: calc(100% - 90px);
  display: flex;
  flex-direction: column;
  padding: 0px 22px;
}
.chat-message-holder {
  height: 100%;
}
.chat-list-scroll {
  padding-right: 14px;
}
.chat-send-button {
  display: flex;
  gap: 10px;
  margin-top: 23px;
  align-items: center;
  height: 39px;
}
.chat-send-button > * {
  height: 100%;
}
.chat-send-button > div > div > textarea:first-child {
  background-color: #fff !important;
  border-radius: 5px;
  padding: 7px 20px 8px 10px;
}
.chat-send-button > button:last-child {
  border-radius: 5px;
  background: #546797;
  width: fit-content;
  padding: 8px 16px;
  height: fit-content;
}
.chat-send-button > button:last-child:active,
.chat-send-button > button:last-child:focus {
  color: white;
}
.chat-drawer-title {
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.chat-drawer-title > div:first-child {
  display: flex;
  gap: 10px;
}
.chat-drawer-title > div:first-child > div:first-child > button {
  width: fit-content;
  gap: 5px;
}
.chat-drawer-title > div:first-child > div:first-child > button:hover {
  width: fit-content;
}
.chat-drawer-title > div:first-child > div:first-child > button > span:last-child {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.4px;
  color: #546797;
}
.chat-drawer-title > div:first-child > div:nth-child(2) {
  color: #546797;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  max-width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.chat-message-floater {
  display: flex;
  width: 100%;
  margin: 0;
  transition: background 0.2s ease;
  padding: 10px;
}
.chat-message-floater__unread {
  background: #d6e3f1 !important;
}
.files-in-chat {
  padding: 10px;
  overflow-y: hidden;
  display: flex;
  gap: 10px;
}
.chat-message-float-right {
  justify-content: end;
}
.chat-message-float-left {
  justify-content: start;
}
.chat-message {
  border-radius: 5px;
  padding: 6px 12px;
  width: fit-content;
  max-width: 100%;
  height: 100%;
}
.chat-message.customer {
  background: #f0f0f0;
}
.chat-message.customer > div:nth-child(3) {
  color: #b5b5b5;
}
.chat-message.manager {
  background: #e5edff;
}
.chat-message.manager > div:nth-child(4) {
  color: #91a6d7;
}
.chat-message > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.chat-message > div:first-child > div:first-child {
  color: #565656;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.chat-message > div:first-child > div:last-child {
  color: #aaa;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.4px;
}
.chat-message > div:nth-child(2) {
  color: #546797;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  white-space: pre-wrap;
}
.chat-message > div:nth-child(2) > span:last-child {
  display: block;
  width: fit-content;
  color: #b4b4b4;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-decoration-line: underline;
  cursor: pointer;
}
.chat-message > div:nth-child(4) {
  display: flex;
  justify-content: end;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
  border-top: 1px solid #ececec;
}
.chat-message .files-in-chat__item > button {
  justify-content: start;
  align-items: center;
  gap: 10px;
  display: flex;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
  border-top: 1px solid #ececec;
  color: #546797;
  padding: 0;
  height: 100%;
  background: none;
  border: none;
  box-shadow: none;
}
.chat-message .files-in-chat__item > button:hover,
.chat-message .files-in-chat__item > button:active,
.chat-message .files-in-chat__item > button:focus {
  background: none;
  border: none;
  box-shadow: none;
}

.file-input .ant-upload-btn {
  display: block;
  height: 100%;
  padding: 10px !important;
}

.file-view__holder {
  width: 70px !important;
  height: 70px !important;
  background: #e5e5e5;
  border-radius: 20px;
}
.file-view__holder .file-view__delete {
  display: flex;
  padding: 0px 5px;
  justify-content: end;
}
.file-view__holder .file-view__delete button {
  background: inherit;
}
.file-view__holder .file-view__delete button:active {
  background: inherit;
}
.file-view__holder .file-view__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.file-view__holder .file-view__content .file-view__content-icon {
  margin: 0px auto;
}
.file-view__holder .file-view__content .file-view__content-title {
  margin-top: auto;
  font-size: 0.7rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 10px;
}
.view-container {
  height: 120px;
  overflow-y: hidden;
  padding: 10px;
  display: flex;
  gap: 10px;
}

.dcVE16d9PkNLxsbMMOvE {
  margin: 20px 20px 0px;
  font-size: 20px;
  color: #223053;
}

.Y0wjFXe21LRbRWOz4GcQ {
  display: flex;
  gap: 12px;
  margin: 12px 20px 0px;
}
.Fwhlh2nXNcGZq_zdygCw {
  width: 311px;
  height: 110px;
  display: flex;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  padding: 30px;
}
.MWTrlCExPob30G_fiKGe {
  min-width: 50px;
  min-height: 50px;
  margin-right: 10px;
  background-color: #05309e;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.rWemeE3lcIAiQrMeKpch {
  display: flex;
  justify-content: end;
}

.marketing-page {
  height: 100%;
  width: 100%;
  display: flex;
  gap: 10px;
}
.marketing-page > div > div {
  background-color: white;
  border-radius: 20px;
  padding: 10px;
}
.marketing-page .marketing-charts {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  width: 60%;
}
.marketing-page .marketing-charts > div {
  height: 100%;
}
.marketing-page .marketing-news {
  height: 100%;
  width: 40%;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.marketing-page .marketing-news > div:first-child {
  height: 40%;
}
.marketing-page .marketing-news > div:last-child {
  height: calc(60% - 10px);
}
.marketing-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: #223053;
}

.marketing-chart {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.marketing-chart .marketing-chart__filters {
  display: flex;
  width: 100%;
  justify-content: end;
  gap: 10px;
  align-items: center;
}
.marketing-chart .marketing-chart__filters > div {
  width: 100px;
}
.marketing-chart .marketing-chart__filters > div:first-child {
  width: unset;
  margin-right: auto;
}
.marketing-chart .marketing-chart__filters .marketing-chart__filters-date {
  width: 230px;
}
.marketing-chart .marketing-chart__filters .marketing-chart__filters-exporter {
  width: 24px;
}
.marketing-chart .marketing-chart__graph {
  height: calc(100% - 30px);
}

.macro-report {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.macro-report .macro-report__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  font-weight: 500;
  color: #223053;
}
.macro-report .macro-report__date {
  font-size: 0.8rem;
  color: #989898;
}
.macro-report .macro-report__img {
  padding-top: 20px;
  width: 100%;
  height: calc(100% - 50px);
}
.macro-report .macro-report__img > button {
  display: block;
  background: inherit;
  border: none;
  width: 100%;
  height: 100%;
}
.macro-report .macro-report__img > button img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.news-detailed {
  height: 100%;
  width: 100%;
  border-radius: 20px;
  padding: 20px 30px;
  background: #ffffff;
}
.news-detailed .news-detailed__back {
  display: flex;
  gap: 5px;
  align-items: center;
  color: #989898;
  font-size: 0.8rem;
  padding-bottom: 10px;
  border-bottom: 1px solid #f4f4f4;
}
.news-detailed .news-detailed__back a {
  color: #989898;
}
.news-detailed .news-detailed__back .news-detailed__back-current {
  color: #223053;
}
.news-detailed .news-detailed__date {
  margin-top: 30px;
  color: #989898;
  background: #f6f6f6;
  width: 100px;
  text-align: center;
}
.news-detailed .news-detailed__title {
  margin-top: 16px;
  color: #223053;
  font-size: 2.1rem;
}
.news-detailed .news-detailed__description {
  margin-top: 32px;
}
.news-detailed .news-detailed__origin {
  margin-top: 16px;
}
.news-detailed .news-detailed__content {
  margin-top: 32px;
  width: 100%;
  word-break: break-all;
}

.bZoKYYXZyTZRrEYoY7vu {
  height: 100%;
  width: 100%;
  display: flex;
}
.bZoKYYXZyTZRrEYoY7vu > div:first-child {
  width: 200px;
  font-weight: 500;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.bZoKYYXZyTZRrEYoY7vu li {
  cursor: pointer;
}
.PjLHpfeHolM8eRwesRwr {
  height: 100%;
  width: 100%;
  flex-direction: column;
  display: flex;
}
.PjLHpfeHolM8eRwesRwr .iGr_WuSI7k8uRZ8XZ_JO {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
.PjLHpfeHolM8eRwesRwr .xqIl5p713Agw6NwSDFNM {
  height: 100%;
  display: flex;
  overflow: hidden;
}
.PfFzVhjSYI3tK9bxqz9l {
  color: #72818b;
  border: 0;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  user-select: none;
  touch-action: manipulation;
  border-color: #d9d9d9;
  background: #fff;
  padding: 16px 24px;
  width: 100%;
}

.UNnXsGYCXtcqwW3NFxVE {
  margin: 16px 0px;
  width: 100%;
  border: 1px solid white;
}
.UNnXsGYCXtcqwW3NFxVE th {
  font-weight: 500;
}
.UNnXsGYCXtcqwW3NFxVE th,
.UNnXsGYCXtcqwW3NFxVE td {
  border: 1px solid white;
}
.UNnXsGYCXtcqwW3NFxVE th,
.UNnXsGYCXtcqwW3NFxVE tr > td:first-child {
  background: #eef3ff;
  padding: 10px;
  text-align: center;
}
.UNnXsGYCXtcqwW3NFxVE tr > td:not(:first-child) {
  background: #f1f1f1;
  padding: 5px;
}
.uplV3rmNoBOKILhog3eI {
  font-family: 'Roboto';
  border: 0px solid #ffffff;
  width: 350px;
  height: 200px;
  text-align: center;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}
table.uplV3rmNoBOKILhog3eI td,
table.uplV3rmNoBOKILhog3eI th {
  border: 1px solid #000000;
  padding: 3px 2px;
}
table.uplV3rmNoBOKILhog3eI tbody td {
  font-size: 13px;
}
table.uplV3rmNoBOKILhog3eI tr:nth-child(even) {
  background: #d0e4f5;
}
table.uplV3rmNoBOKILhog3eI thead {
  background: #72818b;
}
table.uplV3rmNoBOKILhog3eI thead th {
  font-size: 17px;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
}
.lbjyVea63Xjefumgi3Dg {
  padding-bottom: 30px;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.15px;
}
.bZ0gyoCjZlUCbalHIm3Q {
  margin-top: 20px;
  width: 350px;
  margin: 20px auto;
}

.sustainabilityNews-page {
  height: 100%;
  width: 100%;
  display: flex;
  gap: 10px;
}
.sustainabilityNews-page > div > div {
  background-color: white;
  border-radius: 20px;
}
.sustainabilityNews-page .sustainabilityNews-charts {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  width: 60%;
}
.sustainabilityNews-page .sustainabilityNews-charts > div {
  padding: 20px 20px 12px 20px;
}
.sustainabilityNews-page .sustainabilityNews-charts > div:first-child {
  height: 50%;
}
.sustainabilityNews-page .sustainabilityNews-charts > div:last-child {
  height: calc(60% - 10px);
}
.sustainabilityNews-page .sustainabilityNews-news {
  height: 100%;
  width: 40%;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.sustainabilityNews-page .sustainabilityNews-news > div:first-child {
  height: 40%;
}
.sustainabilityNews-page .sustainabilityNews-news > div:last-child {
  height: calc(60% - 10px);
}

.carbonBorderAdjustment__container {
  margin: 20px;
  height: calc(100% - 100px);
}
.carbonBorderAdjustment__container .carbonBorderAdjustment__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.carbonBorderAdjustment__container .carbonBorderAdjustment__title > div {
  display: flex;
  color: #223053;
  font-size: 20px;
  font-weight: 500;
}
.carbonBorderAdjustment__container .carbonBorderAdjustment__files {
  display: flex;
  flex-direction: column;
}
.carbonBorderAdjustment__container .carbonBorderAdjustment__files .carbonBorderAdjustment__fileItem {
  display: block;
  flex-direction: column;
}
.carbonBorderAdjustment__container .carbonBorderAdjustment__files .carbonBorderAdjustment__fileItem .carbonBorderAdjustment__file_quarter {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  width: 100%;
}
.carbonBorderAdjustment__container .carbonBorderAdjustment__files .carbonBorderAdjustment__fileItem .carbonBorderAdjustment__file_container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.carbonBorderAdjustment__container .carbonBorderAdjustment__files .carbonBorderAdjustment__fileItem .carbonBorderAdjustment__file {
  justify-content: start;
  padding: 10px 16px 10px 16px;
  height: 100%;
  border-radius: 10px;
  background: #f8faff;
  font-size: 14px;
  font-weight: 600;
  max-width: calc(50% - 10px);
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  color: #29313a;
}
.carbonBorderAdjustment__container .carbonBorderAdjustment__files .carbonBorderAdjustment__fileItem .carbonBorderAdjustment__file > div {
  display: flex;
}
.carbonBorderAdjustment__container .carbonBorderAdjustment__files .carbonBorderAdjustment__fileItem .carbonBorderAdjustment__file > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 600px;
  font-size: 14px;
}
.carbonBorderAdjustment__container .carbonBorderAdjustment__files .carbonBorderAdjustment__fileItem .carbonBorderAdjustment__file > * {
  margin: 0px;
}
.carbonBorderAdjustment__container .carbonBorderAdjustment__files .carbonBorderAdjustment__fileItem__more-button {
  justify-content: end;
  display: flex;
}
.carbonBorderAdjustment__container .carbonBorderAdjustment__files .carbonBorderAdjustment__fileItem__more-button > button {
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
}

.costCarbonProducedChart__title > div:first-child {
  font-size: 1.4rem;
  font-weight: 500;
  color: #223053;
}
.costCarbonProducedChart__title > div:last-child {
  font-size: 0.8rem;
  color: #989898;
}

.sustainabilityReport {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.sustainabilityReport > img {
  height: 100%;
  width: 100%;
}
.sustainabilityReport .sustainabilityReport__innerContainer {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 20px 12px 20px 20px;
  height: 100%;
  width: 100%;
}
.sustainabilityReport .sustainabilityReport__title {
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-size: 1.4rem;
  font-weight: 500;
  color: #223053;
}
.sustainabilityReport .sustainabilityReport__title > div {
  display: flex;
}
.sustainabilityReport .sustainabilityReport__description {
  font-size: 0.8rem;
  color: #989898;
  display: flex;
  flex-grow: 1;
}
.sustainabilityReport .sustainabilityReport__more {
  color: #fff;
  font-size: 40px;
  font-weight: 500;
  line-height: 44px;
  opacity: 0.6;
  width: 70%;
}
.sustainabilityReport .sustainabilityReport__more::first-line {
  word-spacing: 100px;
}

.carbonBorderAdjustment-page {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  height: 100%;
}
.carbonBorderAdjustment-page > div:first-child {
  flex-basis: 100%;
}
.carbonBorderAdjustment-page > div {
  flex-basis: calc(50% - 10px);
  height: calc(50% - 10px);
}
.carbonBorderAdjustment-page > div:not(:last-child) {
  padding: 24px 20px 24px 28px;
  background-color: white;
  border-radius: 20px;
}
.carbonBorderAdjustment-page > .carbonBorderAdjustment-faq-container {
  height: fit-content;
}
.carbonBorderAdjustment-page > .carbonBorderAdjustment-faq-container > .carbonBorderAdjustment-faq-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carbonBorderAdjustment-page > .carbonBorderAdjustment-faq-container > .carbonBorderAdjustment-faq-title > img {
  width: 100%;
}
.carbonBorderAdjustment-page > .carbonBorderAdjustment-faq-container > .carbonBorderAdjustment-faq-title > div {
  color: #FFF;
  font-size: 32px;
  font-weight: 600;
  position: absolute;
  font-family: Gilroy;
}
.carbonBorderAdjustment-page > .carbonBorderAdjustment-faq-container > .carbonBorderAdjustment-faq-description {
  margin-top: 16px;
}

.cbam__faq__title {
  color: #223053;
  font-family: Gilroy;
  font-size: 20px;
  font-weight: 600;
}
.cbam__faq__content {
  color: #223053;
  font-size: 14px;
  font-weight: 400;
  white-space: pre-line;
}
.cbam__faq__collapse .ant-collapse-header-text {
  font-size: 14px;
  color: #223053;
  font-weight: 700;
}

.cbam__files {
  height: calc(100% - 10px);
}
.cbam__files__quarter-container {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
}
.cbam__files__quarter-container > .cbam__files__quarter-file {
  width: calc(50% - 10px);
  justify-content: start;
  padding: 10px 16px;
  height: 100%;
  border-radius: 10px;
  background: #f8faff;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #29313a;
}
.cbam__files__quarter-container > .cbam__files__quarter-file > div {
  display: flex;
}
.cbam__files__quarter-container > .cbam__files__quarter-file > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cbam__files__quarter-container > .cbam__files__quarter-file > * {
  margin: 0px;
}