@import url("https://fonts.googleapis.com/css2?family=Sofia+Sans:wght@400;500;600;700&display=swap");
html, body {
  font-family: "Sofia Sans", sans-serif !important;
  word-break: break-word;
  color: #616161;
}

app {
  min-width: 100vw;
  min-height: 100vh;
  width: 100%;
}

a {
  cursor: pointer;
}

p {
  margin-bottom: 0 !important;
  line-height: 1.2;
  font-size: 18px;
}

.wrap {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

input,
input:focus-visible,
input:focus {
  outline: none;
}

.validation-message {
  text-align: left;
  padding-left: 22px;
  font-size: 13px;
  line-height: 1;
  color: #f44336 !important;
}

.mud-popover {
  margin-left: -8px !important;
  padding: 2px 3px !important;
  background: none !important;
}

.mud-tooltip-root.mud-tooltip-inline {
  display: flex !important;
}

.triangle-container {
  left: calc(-50vw + 50%);
  position: fixed;
  right: calc(-50vw + 50%);
  top: 0;
  bottom: 0;
  z-index: -1;
  background-color: var(--mud-palette-appbar-background);
}

.triangles {
  background-image: url("../images/triangles.svg");
  background-size: cover;
  height: 100%;
  bottom: 0;
  left: 0;
  mix-blend-mode: hard-light;
  position: fixed;
  right: 0;
  top: 0;
  background-position: center center;
}

.loading-container {
  position: relative;
  text-align: center;
  background-color: #fff;
  margin: 10% auto 0 auto;
  padding: 20px;
}

.loading-items {
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("../images/preloader.gif") center no-repeat #fff;
}

.logo {
  text-align: center;
}

.logo h4 {
  margin: 20px auto;
}

.loading-container {
  border-radius: 0 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.logo-img {
  height: 42px;
}

.page-footer {
  background: #fff;
  color: #4d4d4d;
  padding: 9px 12px 9px 18px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.21);
  margin-top: 30px;
  font-size: 12px;
}

.drawer-footer {
  text-align: left;
  border-top: solid 1px #AAA;
  font-size: 12px;
  padding: 0 12px 0 12px;
  background-color: lightgray;
}

.mud-drawer-header {
  background-color: var(--mud-palette-appbar-background);
  padding-bottom: 0;
  padding-top: 0;
}

.drawer-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--mud-palette-appbar-background);
  height: 64px;
  color: #fff;
}

.drawer-logo a {
  color: #fff;
}

hr {
  clear: both;
}

.selectCulture {
  min-width: 120px;
  margin-top: -16px;
}

.selectCulture .mud-input {
  color: #fff;
}

.signInWithButton {
  margin: 8px;
  padding: 8px;
  height: 40px;
  min-width: 140px;
}

.validation-message {
  color: red;
}

.mud-dialog .mud-tabs-panels {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}

#blazor-error-ui::before {
  margin: auto;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

#blazor-error-ui {
  z-index: 9999;
  display: none;
  background: #fff;
  margin: 0 auto;
  padding: 10px 20px;
  text-align: center;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

/* Link */
.link {
  color: #981d68;
  font-weight: 600;
  transition: all linear 0.3s;
}

.link:hover {
  color: #616161;
}

.link-underline {
  color: #981d68;
  font-weight: 600;
  transition: all linear 0.3s;
  text-decoration: underline;
}

.link-underline:hover {
  color: #616161;
  text-decoration: none;
}

.uppercase {
  text-transform: uppercase;
}

button {
  cursor: pointer;
}

/* Facebook button */
.facebook-btn {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  font-size: 16px;
  min-height: 40px;
  background-color: #1a77f2;
  color: #fff;
  font-weight: bold;
  padding: 2px 6px;
  gap: 6px;
  min-width: 215px;
  font-family: "Roboto", "Freight Sans LF Pro", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.facebook-btn svg {
  height: 1.33em;
  padding: 0.065em;
}

/* Google button */
.google-btn {
  border-radius: 4px;
  color: #444;
  border: thin solid #888;
  box-shadow: 1px 1px 1px gray;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 6px;
  gap: 6px;
  min-width: 215px;
  min-height: 40px;
  background-color: #fff;
}
.google-btn svg {
  width: 19px;
  height: 19px;
}

/* Login page */
.login-message {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  transition: all 0.3s linear;
  max-width: 768px;
}
.login-message h2 {
  color: #981d68;
  text-align: center;
}
.login-message h3 {
  color: #616161;
  text-align: center;
}
.login-message.show-message {
  opacity: 1;
  visibility: visible;
  max-height: 400px;
}

.login .box-heading {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}
.login .login-reg {
  font-size: 18px;
  text-align: center;
  display: flex;
  flex-flow: column;
}
.login .login-or {
  max-width: 60%;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.login .login-or .line {
  height: 1px;
  background-color: #9e9e9e;
  width: 100%;
  flex: 1 30%;
}
.login .login-or span {
  font-size: 18px;
  flex-grow: 1;
  min-width: 30px;
  text-align: center;
}

/* Registration and Reset password */
.registration .box-heading,
.reset-password .box-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}
.registration .box-heading span,
.reset-password .box-heading span {
  font-weight: bold;
  font-size: 24px;
  color: #616161;
}

.register-form,
.reset-form,
.profile-form,
.add-bank-terms-form {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
}

/* Snackbar messages */
.mud-snackbar {
  min-height: 55px;
  height: 100%;
  border-radius: 100px !important;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

.mud-alert.mud-alert-filled-normal {
  background-color: #616161;
}

.mud-snackbar.mud-alert-filled-info {
  background-color: #981d68;
}

.mud-snackbar.mud-alert-filled-error,
.mud-snackbar.mud-alert-filled-warning {
  background-color: #f44336;
}

.mud-alert mud-alert-filled-success {
  background-color: #4caf50;
}

/* Page not found and user not authorized */
.not-found-message-box,
.user-not-authorized-message-box {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  max-width: 275px;
}

.not-found-message-box h2,
.not-found-message-box h1,
.user-not-authorized-message-box h2,
.user-not-authorized-message-box h1 {
  text-align: center;
  color: #616161;
}

.styled-loading-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  background-color: rgba(244, 231, 230, 0.3137254902);
  visibility: hidden;
  opacity: 0;
  transition: all linear 0.3s;
}
.styled-loading-background.fade-in {
  animation: fadeInAnimation 0.3s linear;
}
.styled-loading-background .loader {
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.styled-loading-background .loader div {
  width: 75px;
  height: 75px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  border: 5px solid;
  border-radius: 50%;
  animation: animation 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #981d68 transparent transparent transparent;
}
.styled-loading-background .loader div:nth-child(1) {
  animation-delay: -0.45s;
}
.styled-loading-background .loader div:nth-child(2) {
  animation-delay: -0.3s;
}
.styled-loading-background .loader div:nth-child(3) {
  animation-delay: -0.15s;
}
.styled-loading-background .child-content * {
  font-size: 20px;
  color: #981d68;
  text-align: center;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media only screen and (max-width: 1200px) {
  p {
    font-size: 16px;
  }
  /* Login page */
  .login .login-reg,
  .login .login-or span {
    font-size: 16px;
  }
  /* Registration */
  .registration .box-heading span {
    font-weight: bold;
    font-size: 22px;
    color: #616161;
  }
}
@media only screen and (max-width: 768px) {
  /* Login */
  .login .box-heading svg {
    width: 50px;
    height: 50px;
  }
}
:root {
  --svg-size: 16px;
  --icon-color: #403e3e;
}

/*button.svg-icon {
    --svg-size: 24px;

    &.update {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M1.75 16.002C3.353 20.098 7.338 23 12 23c6.075 0 11-4.925 11-11m-.75-4.002C20.649 3.901 16.663 1 12 1C5.925 1 1 5.925 1 12m8 4H1v8M23 0v8h-8'/%3E%3C/svg%3E")
    }

    &::after {
        display: inline-block;
        width: 1em;
        height: 1em;
        vertical-align: -0.125em;
        content: var(--svg);
    }
}*/
.--svg-icon, .evro-trust .mobile.registered::after, .evro-trust .mobile.cansign::after, .evro-trust .mobile.yes::after, .evro-trust .mobile.none::after, .evro-trust .mobile::before, .evro-trust .mobile, .evro-trust .problem::before, .evro-trust .problem, .evro-trust {
  --svg-size: 32px;
  display: inline-block;
  width: var(--svg-size);
  height: var(--svg-size);
}

.evro-trust {
  vertical-align: middle;
  display: block;
  text-align: center;
  width: 100%;
}
.evro-trust .problem {
  position: relative;
}
.evro-trust .problem::before {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3E%3Cpath fill='red' fill-rule='evenodd' d='m11.998 4.4l-8.92 15.454l17.843-.001zM2.732 21.054a1 1 0 0 1-.866-1.5L11.132 3.5a1 1 0 0 1 1.732 0l9.27 16.053a1 1 0 0 1-.866 1.5zm8.64-11.1h1.255l-.097 4.722h-1.06l-.097-4.722zm.626 7.144a.696.696 0 0 1-.708-.694c0-.385.312-.688.708-.688c.4 0 .712.303.712.688a.697.697 0 0 1-.712.694'/%3E%3C/svg%3E");
  content: var(--svg);
}
.evro-trust .mobile {
  position: relative;
}
.evro-trust .mobile::before {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M6 22V2h12v20zm6-1.961q.31 0 .54-.23t.23-.54t-.23-.54T12 18.5t-.54.23t-.23.54t.23.539t.54.23m-5-3.5h10V5.5H7z'/%3E%3C/svg%3E");
  content: var(--svg);
}
.evro-trust .mobile.none::after {
  position: absolute;
  top: 0;
  left: -10px;
  color: red;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='red' d='m12.12 10l3.53 3.53l-2.12 2.12L10 12.12l-3.54 3.54l-2.12-2.12L7.88 10L4.34 6.46l2.12-2.12L10 7.88l3.54-3.53l2.12 2.12z'/%3E%3C/svg%3E");
  content: var(--svg);
}
.evro-trust .mobile.yes::after {
  position: absolute;
  top: -5px;
  left: -10px;
  color: red;
  --svg: url('data:image/svg+xml,%3C%3Fxml version="1.0" standalone="no"%3F%3E%3C!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"%3E%3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet"%3E%3Cg transform="translate(0.000000,56.000000) scale(0.100000,-0.100000)"%0Afill="red" stroke="none"%3E%3Cpath d="M358 472 c-68 -67 -102 -128 -142 -249 -10 -29 -21 -53 -25 -53 -4 0%0A-15 29 -26 65 -18 66 -19 66 -38 46 -20 -20 -20 -20 17 -135 20 -64 41 -116%0A45 -116 15 0 27 23 50 95 30 92 99 238 144 305 20 29 34 57 31 62 -9 15 -29 8%0A-56 -20z"/%3E%3C/g%3E%3C/svg%3E');
  content: var(--svg);
}
.evro-trust .mobile.cansign::after {
  position: absolute;
  top: -5px;
  left: -5px;
  color: red;
  --svg: url('data:image/svg+xml,%3C%3Fxml version="1.0" standalone="no"%3F%3E%3C!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"%3E%3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet"%3E%3Cg transform="translate(0.000000,56.000000) scale(0.100000,-0.100000)"%0Afill="red" stroke="none"%3E%3Cpath d="M358 472 c-68 -67 -102 -128 -142 -249 -10 -29 -21 -53 -25 -53 -4 0%0A-15 29 -26 65 -18 66 -19 66 -38 46 -20 -20 -20 -20 17 -135 20 -64 41 -116%0A45 -116 15 0 27 23 50 95 30 92 99 238 144 305 20 29 34 57 31 62 -9 15 -29 8%0A-56 -20z"/%3E%3C/g%3E%3C/svg%3E');
  content: var(--svg);
}
.evro-trust .mobile.registered::after {
  position: absolute;
  top: -5px;
  left: -5px;
  color: red;
  --svg: url('data:image/svg+xml,%3C%3Fxml version="1.0" standalone="no"%3F%3E%3C!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"%3E%3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47 48" preserveAspectRatio="xMidYMid meet"%3E%3Cg transform="translate(0.000000,48.000000) scale(0.100000,-0.100000)"%0Afill="red" stroke="none"%3E%3Cpath d="M181 433 c-32 -19 -76 -36 -104 -39 l-50 -7 6 -83 c8 -132 69 -235%0A166 -279 37 -16 40 -16 78 4 97 49 152 142 161 273 l5 82 -96 -100 -95 -99%0A-40 38 c-54 53 -60 33 -8 -27 l43 -49 78 81 c43 45 82 82 86 82 5 0 6 -19 3%0A-42 -19 -126 -123 -243 -199 -224 -40 10 -102 73 -129 129 -25 53 -43 164 -29%0A182 5 6 31 16 58 23 28 7 66 23 85 36 l35 23 35 -23 c42 -28 90 -41 90 -25 0%0A6 -4 11 -8 11 -5 0 -33 15 -63 33 l-54 32 -54 -32z"/%3E%3C/g%3E%3C/svg%3E');
  content: var(--svg);
}

.svg-icon, .svg, button > i {
  --svg-size: 24px;
}
.svg-icon.size-13, .svg.size-13, button > i.size-13 {
  --svg-size: 13px;
}
.svg-icon.size-16, .svg.size-16, button > i.size-16 {
  --svg-size: 16px;
}
.svg-icon.size-19, .svg.size-19, button > i.size-19 {
  --svg-size: 19px;
}
.svg-icon.size-24, .svg.size-24, button > i.size-24 {
  --svg-size: 24px;
}
.svg-icon.size-32, .svg.size-32, button > i.size-32 {
  --svg-size: 32px;
}
.svg-icon.size-48, .svg.size-48, button > i.size-48 {
  --svg-size: 48px;
}
.svg-icon.big, .svg.big, button > i.big {
  --svg-size: 48px;
}
.svg-icon.log-email-bank, .svg.log-email-bank, button > i.log-email-bank {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m15.95 22l-4.25-4.25l1.4-1.4l2.85 2.85l5.65-5.65l1.4 1.4zM12 11l8-5H4zm0 2L4 8v10h5.15l2 2H2V4h20v6.35l-2 2V8zm0 0'/%3E%3C/svg%3E");
}
.svg-icon.document-signature, .svg.document-signature, button > i.document-signature {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M5 5a3 3 0 0 1 3-3h10.172a3 3 0 0 1 2.12.879l5.83 5.828c.233.233.424.501.567.792a4.4 4.4 0 0 0-2.104.5L19 4.414V9a1 1 0 0 0 1 1h4.584a4.4 4.4 0 0 0-1.072.794L22.316 12H20a3 3 0 0 1-3-3V4H8a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-5.341l2-1.984V27a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3zm15.037 19.467l8.613-8.543a2.881 2.881 0 1 0-4.074-4.074l-8.57 8.64a2.66 2.66 0 0 0-.687 1.205L14.723 24H9a1 1 0 1 0 0 2h6.5q.172-.001.326-.055l2.941-.756a2.8 2.8 0 0 0 1.27-.722'/%3E%3C/svg%3E");
}
.svg-icon.bank, .svg.bank, button > i.bank {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 256 256'%3E%3Cpath fill='currentColor' d='M24 104h24v64H32a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16h-16v-64h24a8 8 0 0 0 4.19-14.81l-104-64a8 8 0 0 0-8.38 0l-104 64A8 8 0 0 0 24 104m40 0h32v64H64Zm80 0v64h-32v-64Zm48 64h-32v-64h32ZM128 41.39L203.74 88H52.26ZM248 208a8 8 0 0 1-8 8H16a8 8 0 0 1 0-16h224a8 8 0 0 1 8 8'/%3E%3C/svg%3E");
}
.svg-icon.bank.white, .svg.bank.white, button > i.bank.white {
  --icon-color: white;
}
.svg-icon.arrow-up-down, .svg.arrow-up-down, button > i.arrow-up-down {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m6.288 4.293l-3.995 4l-.084.095a1 1 0 0 0 .084 1.32l.095.083a1 1 0 0 0 1.32-.084L6 7.41V19l.007.117a1 1 0 0 0 .993.884l.117-.007A1 1 0 0 0 8 19V7.417l2.293 2.29l.095.084a1 1 0 0 0 1.319-1.499l-4.006-4l-.094-.083a1 1 0 0 0-1.32.084M17 4.003l-.117.007a1 1 0 0 0-.883.993v11.58l-2.293-2.29l-.095-.084a1 1 0 0 0-1.319 1.498l4.004 4l.094.084a1 1 0 0 0 1.32-.084l3.996-4l.084-.095a1 1 0 0 0-.084-1.32l-.095-.083a1 1 0 0 0-1.32.084L18 16.587V5.003l-.007-.116A1 1 0 0 0 17 4.003'/%3E%3C/svg%3E");
}
.svg-icon.arrow-up-down.white, .svg.arrow-up-down.white, button > i.arrow-up-down.white {
  --icon-color: white;
}
.svg-icon.icon-level, .svg.icon-level, button > i.icon-level {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M9 18v-6H5l7-7l7 7h-4v6z'/%3E%3C/svg%3E");
}
.svg-icon.icon-level.white, .svg.icon-level.white, button > i.icon-level.white {
  --icon-color: white;
}
.svg-icon.icon-level.down, .svg.icon-level.down, button > i.icon-level.down {
  transform: rotate(180deg);
}
.svg-icon.trash, .svg.trash, button > i.trash {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M216 48h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a8 8 0 0 0 0 16h8v144a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16V64h8a8 8 0 0 0 0-16M112 168a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Zm48 0a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Zm0-120H96v-8a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8Z'/%3E%3C/svg%3E") ;
}
.svg-icon.attach, .svg.attach, button > i.attach {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.463 5.576c-.688-.75-1.929-.796-2.756.031l-8.1 8.1c-.21.21-.21.476 0 .686c.21.21.476.21.686 0l6.7-6.7a1 1 0 0 1 1.414 1.414l-6.7 6.7a2.45 2.45 0 0 1-3.514 0a2.45 2.45 0 0 1 0-3.514l8.1-8.1c1.567-1.568 4.115-1.619 5.63.015c1.552 1.569 1.597 4.104-.03 5.613l-9.486 9.486c-2.19 2.19-5.624 2.19-7.814 0c-2.19-2.19-2.19-5.624 0-7.814l8.1-8.1a1 1 0 0 1 1.414 1.414l-8.1 8.1c-1.41 1.41-1.41 3.576 0 4.986c1.41 1.41 3.576 1.41 4.986 0l9.5-9.5l.031-.03c.75-.687.796-1.929-.031-2.756a1.06 1.06 0 0 1-.03-.031'/%3E%3C/svg%3E") ;
}
.svg-icon.plus-circle, .svg.plus-circle, button > i.plus-circle {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 13h-4v4h-2v-4H7v-2h4V7h2v4h4m-5-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2'/%3E%3C/svg%3E") ;
}
.svg-icon.eye, .svg.eye, button > i.eye {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 56 56'%3E%3Cpath fill='%23000' d='M28.01 46.456c16.556 0 27.99-13.38 27.99-17.56c0-4.201-11.454-17.56-27.99-17.56C11.68 11.335 0 24.694 0 28.895c0 4.18 11.659 17.56 28.01 17.56m0-3.238c-13.482 0-24.424-11.434-24.424-14.323c0-2.438 10.942-14.322 24.424-14.322c13.442 0 24.404 11.884 24.404 14.322c0 2.89-10.962 14.323-24.404 14.323m0-2.848c6.373 0 11.495-5.225 11.495-11.475c0-6.413-5.122-11.474-11.495-11.474c-6.413 0-11.556 5.06-11.515 11.474c.02 6.25 5.102 11.475 11.515 11.475m0-7.663c-2.13 0-3.852-1.722-3.852-3.812c0-2.11 1.721-3.81 3.852-3.81c2.11 0 3.832 1.7 3.832 3.81c0 2.09-1.721 3.812-3.832 3.812'/%3E%3C/svg%3E") ;
}
.svg-icon.nu-client, .svg.nu-client, button > i.nu-client {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M19.04 22.376v-8l5.3 8v-8m2.791 0v5.35a2.65 2.65 0 1 0 5.3 0v-5.35M12.7 4.5h-2.3c-1.1 0-2 .9-2 2v35c0 1.1.9 2 2 2h2.3'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M12.7 4.5v39h24.9c1.1 0 2-.9 2-2v-35c0-1.1-.9-2-2-2z'/%3E%3Ccircle cx='23.033' cy='24.936' r='.75' fill='%23000'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M23.033 27.073v4.621m-2.834-6.975v6.103c0 .482.39.872.872.872h.262m14.417-6.06v5.188c0 .482.39.872.872.872h.262m-2.049-4.621h1.831m-17.992 3.742a1.743 1.743 0 0 1-3.258-.866v-1.133a1.744 1.744 0 0 1 3.256-.869m14.991 3.747v-2.877a1.744 1.744 0 1 0-3.487 0m-.001 2.877v-4.621m-2.055 3.74a1.743 1.743 0 0 1-3.26-.864v-1.133a1.744 1.744 0 1 1 3.488 0v.567H24.86'/%3E%3C/svg%3E");
}
.svg-icon.arrows-cw, .svg.arrows-cw, button > i.arrows-cw {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cpath id='openmojiCounterclockwiseArrowsButton0' d='m20.771 30.421l-3.709 4.1c.683-7.708 5.642-14.356 12.963-17.014a19.3 19.3 0 0 1 6.6-1.167c5.482 0 10.76 2.375 14.477 6.516l.61.68l3.857-3.608l-.61-.68C50.253 14.006 43.572 11 36.629 11c-2.848 0-5.66.496-8.356 1.476c-9.208 3.343-15.56 11.828-16.433 21.583l-3.29-3.638l-3.344 3.117l9.455 10.45l9.453-10.45zM67 38.347l-9.455-10.45l-9.453 10.45l3.342 3.117l3.693-4.082c-.65 7.75-5.62 14.442-12.973 17.112a19.3 19.3 0 0 1-6.6 1.166c-5.482 0-10.76-2.375-14.477-6.516l-.61-.68l-3.856 3.608l.61.68C21.925 57.993 28.607 61 35.55 61c2.848 0 5.659-.497 8.355-1.475c9.249-3.357 15.62-11.902 16.447-21.712l3.303 3.65z'/%3E%3C/defs%3E%3Cuse href='%23openmojiCounterclockwiseArrowsButton0' fill='%233f3f3f' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cuse href='%23openmojiCounterclockwiseArrowsButton0' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E") ;
}
.svg-icon.reset, .svg.reset, button > i.reset {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13 20q-1.542 0-2.953-.572t-2.54-1.6l.734-.712q.988.886 2.17 1.385T13 19q2.92 0 4.96-2.04T20 12q0-2.9-2.05-4.95T13 5T8.05 7.05T6 12v1.387l2.152-2.153l.714.689L5.5 15.288l-3.365-3.365l.713-.688L5 13.412V12q0-1.664.626-3.118T7.34 6.34t2.542-1.714T13 4t3.118.626t2.543 1.714t1.713 2.542T21 12q0 3.327-2.336 5.664T13 20m-2.884-4.23V11h1V9.885q0-.787.549-1.336T13 8t1.336.549t.548 1.336V11h1v4.77zM11.885 11h2.23V9.885q0-.464-.325-.79T13 8.77t-.79.326t-.326.79z'/%3E%3C/svg%3E");
}
.svg-icon.zoom-in, .svg.zoom-in, button > i.zoom-in {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='-2.5 -2.5 24 24'%3E%3Cpath fill='%23000' d='M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12m6.32-1.094l3.58 3.58a1 1 0 1 1-1.415 1.413l-3.58-3.58a8 8 0 1 1 1.414-1.414zM9 7h2a1 1 0 0 1 0 2H9v2a1 1 0 0 1-2 0V9H5a1 1 0 1 1 0-2h2V5a1 1 0 1 1 2 0z'/%3E%3C/svg%3E");
}
.svg-icon.zoom-out, .svg.zoom-out, button > i.zoom-out {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5A6.5 6.5 0 0 0 9.5 3A6.5 6.5 0 0 0 3 9.5A6.5 6.5 0 0 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 5l1.5-1.5zm-6 0C7 14 5 12 5 9.5S7 5 9.5 5S14 7 14 9.5S12 14 9.5 14M7 9h5v1H7z'/%3E%3C/svg%3E");
}
.svg-icon.center, .svg.center, button > i.center {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.134 2.5c-2.666.06-4.223.315-5.287 1.375C2.915 4.803 2.604 6.108 2.5 8.2m12.366-5.7c2.666.06 4.223.315 5.287 1.375c.932.928 1.243 2.233 1.347 4.325m-6.634 13.3c2.666-.06 4.223-.315 5.287-1.375c.932-.928 1.243-2.233 1.347-4.325M9.134 21.5c-2.666-.06-4.223-.315-5.287-1.375c-.932-.928-1.243-2.233-1.347-4.325M16 12a4 4 0 1 1-8 0a4 4 0 0 1 8 0' color='%23000'/%3E%3C/svg%3E");
}
.svg-icon.rotate-left, .svg.rotate-left, button > i.rotate-left {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47M6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47m1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03zM13 4.07V1L8.45 5.55L13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93'/%3E%3C/svg%3E");
}
.svg-icon.rotate-right, .svg.rotate-right, button > i.rotate-right {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.93 11a7.906 7.906 0 0 0-1.62-3.89l-1.42 1.42c.54.75.88 1.6 1.02 2.47zM11 1v3.07C7.06 4.56 4 7.92 4 12s3.05 7.44 7 7.93v-2.02c-2.84-.48-5-2.94-5-5.91s2.16-5.43 5-5.91V10l4.55-4.45zm4.46 15.87c-.75.54-1.59.89-2.46 1.03v2.02c1.39-.17 2.74-.71 3.9-1.61zm2.85.02c.9-1.16 1.45-2.5 1.62-3.89h-2.02c-.14.87-.48 1.72-1.02 2.48z'/%3E%3C/svg%3E");
}
.svg-icon.previous, .svg.previous, button > i.previous {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M8.293 12.707a1 1 0 0 1 0-1.414l5.657-5.657a1 1 0 1 1 1.414 1.414L10.414 12l4.95 4.95a1 1 0 0 1-1.414 1.414z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg-icon.next, .svg.next, button > i.next {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg-icon.mirror, .svg.mirror, button > i.mirror {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036c-.01-.003-.019 0-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M13 3a1 1 0 1 0-2 0v18a1 1 0 1 0 2 0zM3 6a2 2 0 0 1 2-2h4v2H5v12h4v2H5a2 2 0 0 1-2-2zm11-1a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1m4 0a1 1 0 0 1 1-1a2 2 0 0 1 2 2a1 1 0 1 1-2 0a1 1 0 0 1-1-1m2 3a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m0 5a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1m0 4a1 1 0 0 1 1 1a2 2 0 0 1-2 2a1 1 0 1 1 0-2a1 1 0 0 1 1-1m-6 2a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1'/%3E%3C/g%3E%3C/svg%3E");
}
.svg-icon.approve, .svg.approve, button > i.approve {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m17.371 18.587l-.655-.656q-.13-.129-.307-.129q-.178 0-.307.129q-.129.128-.129.303t.129.304l.86.86q.186.187.419.187t.419-.187l2.098-2.067q.129-.129.139-.297q.01-.169-.139-.317q-.129-.129-.316-.129t-.317.13zM7.27 8.73h9.462q.213 0 .356-.143t.144-.357q0-.233-.144-.366q-.143-.134-.356-.134H7.269q-.213 0-.357.143t-.143.357t.143.357t.357.143M18 22.116q-1.671 0-2.835-1.165Q14 19.787 14 18.116t1.165-2.836T18 14.116t2.836 1.164T22 18.116q0 1.67-1.164 2.835Q19.67 22.116 18 22.116M4 5.616q0-.672.472-1.144T5.616 4h12.769q.67 0 1.143.472q.472.472.472 1.144v5.317q0 .213-.143.357t-.357.143t-.357-.143t-.143-.357V5.616q0-.231-.192-.424T18.384 5H5.616q-.231 0-.424.192T5 5.616V19.05h6.344q.031.202.073.404q.043.202.11.398q.067.179-.09.293q-.158.115-.3.01l-.249-.17q-.111-.073-.234-.073t-.235.073l-.877.607q-.111.074-.234.074t-.235-.074l-.877-.607q-.112-.073-.235-.073t-.234.073l-.877.607q-.111.074-.234.074t-.235-.074l-.877-.607q-.112-.073-.235-.073t-.234.073L4 20.788zm3.27 10.653h3.874q.214 0 .357-.143t.143-.357t-.143-.356t-.357-.144H7.27q-.213 0-.357.144t-.143.356t.143.357t.357.143m0-3.769h7.204q.213 0 .357-.143t.143-.357t-.143-.357t-.357-.143H7.269q-.213 0-.357.143T6.77 12t.143.357t.357.143M5 19.05V5z'/%3E%3C/svg%3E");
}
.svg-icon.approve.green, .svg.approve.green, button > i.approve.green {
  --icon-color: green;
}
.svg-icon.move-up, .svg.move-up, button > i.move-up {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8.442 19q-2.56 0-4.385-1.73T2.23 13t1.926-4.21t4.557-1.798L6.658 4.92l.707-.707l3.29 3.287l-3.288 3.289l-.708-.714l2.07-2.071q-2.216.119-3.857 1.504q-1.64 1.384-1.64 3.492q0 2.114 1.54 3.557Q6.31 18 8.46 18h2.04v1zm5.058-8.192V5H21v5.808zm0 8.192v-5.808H21V19zm1-1H20v-3.808h-5.5z'/%3E%3C/svg%3E") ;
}
.svg-icon.move-down, .svg.move-down, button > i.move-down {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m7.366 19.789l-.708-.708l2.056-2.073q-2.631-.127-4.557-1.798Q2.23 13.54 2.23 11t1.826-4.27T8.442 5H10.5v1H8.461Q6.31 6 4.772 7.443Q3.23 8.887 3.23 11q0 2.108 1.64 3.492q1.64 1.385 3.858 1.504l-2.071-2.071l.707-.713l3.289 3.288zM13.5 19v-5.808H21V19zm0-8.192V5H21v5.808zm1-1H20V6h-5.5z'/%3E%3C/svg%3E") ;
}
.svg-icon.update, .svg.update, button > i.update {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M1.75 16.002C3.353 20.098 7.338 23 12 23c6.075 0 11-4.925 11-11m-.75-4.002C20.649 3.901 16.663 1 12 1C5.925 1 1 5.925 1 12m8 4H1v8M23 0v8h-8'/%3E%3C/svg%3E") ;
}
.svg-icon.delete, .svg.delete, button > i.delete {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.616 20q-.672 0-1.144-.472T6 18.385V6H5V5h4v-.77h6V5h4v1h-1v12.385q0 .69-.462 1.153T16.384 20zM17 6H7v12.385q0 .269.173.442t.443.173h8.769q.23 0 .423-.192t.192-.424zM9.808 17h1V8h-1zm3.384 0h1V8h-1zM7 6v13z'/%3E%3C/svg%3E") ;
}
.svg-icon.question, .svg.question, button > i.question {
  --svg-size: 36px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-1-5h2v2h-2zm2-1.645V14h-2v-1.5a1 1 0 0 1 1-1a1.5 1.5 0 1 0-1.471-1.794l-1.962-.393A3.501 3.501 0 1 1 13 13.355'/%3E%3C/svg%3E") ;
}
.svg-icon.warning, .svg.warning, button > i.warning {
  --svg-size: 36px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 36 36'%3E%3Cpath fill='%23ffcc4d' d='M2.653 35C.811 35-.001 33.662.847 32.027L16.456 1.972c.849-1.635 2.238-1.635 3.087 0l15.609 30.056c.85 1.634.037 2.972-1.805 2.972z'/%3E%3Cpath fill='%23231f20' d='M15.583 28.953a2.421 2.421 0 0 1 2.419-2.418a2.421 2.421 0 0 1 2.418 2.418a2.422 2.422 0 0 1-2.418 2.419a2.422 2.422 0 0 1-2.419-2.419m.186-18.293c0-1.302.961-2.108 2.232-2.108c1.241 0 2.233.837 2.233 2.108v11.938c0 1.271-.992 2.108-2.233 2.108c-1.271 0-2.232-.807-2.232-2.108z'/%3E%3C/svg%3E") ;
}
.svg-icon.error, .svg.error, button > i.error {
  --svg-size: 36px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3a9 9 0 0 0-9 9c0 2.397.935 4.573 2.463 6.186l.504.532L4.7 21H12a9 9 0 1 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11s-4.925 11-11 11H1.3l2.22-3.994A10.96 10.96 0 0 1 1 12m12-5.5V14h-2V6.5zm-2 9h2.004v2.004H11z'/%3E%3C/svg%3E") ;
}

.svg-icon, button > i {
  vertical-align: middle;
  display: inline-block;
  width: var(--svg-size);
  height: var(--svg-size);
  background-color: var(--icon-color);
  -webkit-mask: no-repeat center/100%;
  mask: no-repeat center/100%;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}

button.svg::before, a.svg::before, span.svg::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.325em;
  content: var(--svg);
  margin-right: 10px;
}