:root {
    --rz-body-font-size: 1.4rem;
    --rz-text-font-family: "MatterSQ", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.sk-spinner {
    display: none;
}

.sk-loading {
    position: relative;
}

.sk-loading:after {
    content: '';
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sk-loading > .sk-spinner {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
}

.sk-spinner-rotating-plane.sk-spinner {
    width: 30px;
    height: 30px;
    background-color: #1ab394;
    margin: 0 auto;
    -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
    animation: sk-rotatePlane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

@keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

.sk-spinner-double-bounce.sk-spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto;
}

.sk-spinner-double-bounce .sk-double-bounce1,
.sk-spinner-double-bounce .sk-double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #102a43;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
    animation: sk-doubleBounce 2s infinite ease-in-out;
}

.sk-spinner-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes sk-doubleBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-doubleBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.modal-dialog-large {
    top: 0;
}

.modal-dialog.width-xlg {
    max-width: 720px;
}


.modal-dialog.width-70vw {
    max-width: 70vw;
}

.qrcode-container {
    text-align: center;
    width: 128px;
    height: 128px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.icon-wrapper a {
    white-space: nowrap;
}

.big-form {
    max-width: 100%;
}

.rz-chart {
    height: 70vh !important;
}

.rz-minute-picker, .rz-hour-picker {
    height: auto !important;
}

.rz-dropdown {
    height: auto !important;
}

.rz-calendar-month-dropdown, .rz-calendar-year-dropdown {
    width: auto
}
.blazor-tag-input {
    width: 5vw;
}


.form-upload {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
}
.form-upload .upload-input {
  position: relative;
  height: 200px;
  border-radius: 12px;
  border: 1.5px dashed #d0d5dd;
  background: var(--white, #fff);
  padding: 0 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 6px;
  transition: all 0.3s linear;
}
.form-upload .upload-input:hover {
  color: var(--navy-blue-900, #0e1087);
  box-shadow: rgba(4, 6, 105, 0.1) 0px 0px 0px 3px;
}
.form-upload .upload-input input[type=file] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100% !important;
  width: 100% !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100% !important;
  width: 100%;
  border: none;
  background: none;
  opacity: 0;
  cursor: pointer;
}
.form-upload .upload-input .upload-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.form-upload .upload-input .upload-content .upload-icon {
  height: 48px;
  width: 48px;
  background-color: #f0f2f5;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}
.form-upload .upload-input .upload-content span.svg {
  width: 20px;
  height: 20px;
}
.form-upload .upload-input .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.form-upload .upload-input .content .up-link {
  color: var(--navy-blue-400, #5053e9);
  font-weight: 550;
}
.form-upload .upload-input .content .__title {
  margin-bottom: 4px;
}
.form-upload .upload-input .content .__desc {
  color: var(--black-400, #4c4747);
  font-size: 1.2rem;
}
.form-upload.mode-2 {
  margin-top: 4px;
}
.form-upload.mode-2 .upload-input {
  height: 60px;
}
.form-upload.mode-2 .upload-input .upload-content {
  flex-direction: row;
  gap: 12px;
}
.form-upload.mode-2 .upload-input .upload-content .upload-icon {
  height: 32px;
  width: 32px;
  margin-bottom: 0;
}
.form-upload.mode-2 .upload-input .upload-content .upload-icon span.svg {
  height: 16px;
  width: 16px;
}
.form-upload.mode-2 .upload-input .content {
  text-align: left;
}
.form-upload.mode-2 .upload-input .content .__title {
  margin-bottom: 0;
}

.upload-status .label {
  font-size: 1.3rem;
  font-weight: 550;
  color: var(--grey-text-deactivated-80, #404851);
}
.upload-status .upload-progress {
  margin-top: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.upload-status .upload-progress .filename {
  font-size: 1.3rem;
  font-weight: 550;
  line-height: 140%;
}
.upload-status .upload-progress .file-info {
  color: var(--grey-text-deactivated-50, #6b7888);
  font-size: 1.2rem;
  font-weight: 450;
  line-height: 140%;
  margin-top: 4px;
}
.upload-status .upload-progress .file-info span:not(.last-of-type) {
  margin-right: 4px;
}
.upload-status .upload-progress .file-info .size::before {
  display: inline-block;
  content: "";
  height: 4px;
  width: 4px;
  border-radius: 20px;
  background-color: var(--grey-text-deactivated-50, #6b7888);
  position: relative;
  top: -2px;
  margin-right: 4px;
}
.upload-status .upload-progress .progress-action {
  display: flex;
  align-items: center;
}
.upload-status .upload-progress span.svg-close {
  cursor: pointer;
}
.upload-status .upload-progress .upload-counter {
  font-weight: 600;
  font-size: 1.3rem;
  margin-right: 12px;
}
.upload-status .upload-progress.complete {
  justify-content: flex-start;
  gap: 12px;
}
.upload-status .upload-progress.complete .progress-info {
  flex: 1 0 auto;
}
.upload-status .upload-progress.complete span.svg-complete-state {
  width: 48px;
  height: 48px;
}
.upload-status .upload-progress.complete .state-icon {
  display: inline-flex;
}
.upload-status .upload-progress.complete .progress-action {
  gap: 10px;
}
.upload-status .upload-progress.complete .progress-action span.svg {
  height: 20px !important;
  width: 20px !important;
}

.upload-image.work-id {
  width: max-content;
  height: 180px;
  overflow: hidden;
}
.upload-image.work-id img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.svg {
    display: inline-block;
    background-size: cover;
    width: 24px;
    height: 24px;
}

.svg-trash-red {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 6.21399C17.67 5.88399 14.32 5.71399 10.98 5.71399C9 5.71399 7.02 5.81399 5.04 6.01399L3 6.21399' stroke='%23D42620' stroke-opacity='0.8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 5.20401L8.72 3.89401C8.88 2.94401 9 2.23401 10.69 2.23401H13.31C15 2.23401 15.13 2.98401 15.28 3.90401L15.5 5.20401' stroke='%23D42620' stroke-opacity='0.8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.8499 9.37402L18.1999 19.444C18.0899 21.014 17.9999 22.234 15.2099 22.234H8.7899C5.9999 22.234 5.9099 21.014 5.7999 19.444L5.1499 9.37402' stroke='%23D42620' stroke-opacity='0.8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3301 16.734H13.6601' stroke='%23D42620' stroke-opacity='0.8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 12.734H14.5' stroke='%23D42620' stroke-opacity='0.8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.svg-complete-state {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24.234' r='24' fill='%23E7F6EC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 35.484C30.2132 35.484 35.25 30.4472 35.25 24.234C35.25 18.0208 30.2132 12.984 24 12.984C17.7868 12.984 12.75 18.0208 12.75 24.234C12.75 30.4472 17.7868 35.484 24 35.484ZM28.5943 22.6558C29.1034 22.1896 29.1381 21.3989 28.6718 20.8898C28.2055 20.3807 27.4149 20.3459 26.9057 20.8122L22.2907 25.039L21.0943 23.9432C20.5852 23.477 19.7945 23.5117 19.3282 24.0208C18.8619 24.5299 18.8966 25.3206 19.4057 25.7869L21.4464 27.6558C21.9242 28.0934 22.6571 28.0934 23.1349 27.6558L28.5943 22.6558Z' fill='%230F973D'/%3E%3C/svg%3E");
}

.svg-cloud-upload {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99984 11.0834C6.99984 7.53955 9.87268 4.66671 13.4165 4.66671C16.5557 4.66671 19.1705 6.92209 19.7247 9.90116C19.8024 10.3189 20.1011 10.6614 20.5044 10.7951C22.827 11.5654 24.4998 13.7556 24.4998 16.3334C24.4998 19.555 21.8882 22.1667 18.6665 22.1667C18.0222 22.1667 17.4998 22.689 17.4998 23.3334C17.4998 23.9777 18.0222 24.5 18.6665 24.5C23.1768 24.5 26.8332 20.8437 26.8332 16.3334C26.8332 12.9588 24.7871 10.0648 21.8705 8.81955C20.8725 5.08438 17.4669 2.33337 13.4165 2.33337C8.58401 2.33337 4.6665 6.25088 4.6665 11.0834C4.6665 11.2004 4.66881 11.3169 4.67337 11.4328C2.57873 12.6413 1.1665 14.9047 1.1665 17.5C1.1665 21.366 4.30051 24.5 8.1665 24.5C8.81084 24.5 9.33317 23.9777 9.33317 23.3334C9.33317 22.689 8.81084 22.1667 8.1665 22.1667C5.58918 22.1667 3.49984 20.0774 3.49984 17.5C3.49984 15.5665 4.67604 13.9049 6.3566 13.197C6.84291 12.9921 7.13116 12.4864 7.05956 11.9635C7.02023 11.6763 6.99984 11.3826 6.99984 11.0834Z' fill='%23475367'/%3E%3Cpath d='M13.2247 16.6281C13.6668 16.2351 14.3329 16.2351 14.7749 16.6281L16.5249 18.1836C17.0065 18.6117 17.0499 19.3491 16.6218 19.8307C16.2473 20.252 15.6361 20.3379 15.1665 20.0662V25.6667C15.1665 26.311 14.6442 26.8334 13.9998 26.8334C13.3555 26.8334 12.8332 26.311 12.8332 25.6667V20.0662C12.3636 20.3379 11.7523 20.252 11.3779 19.8307C10.9498 19.3491 10.9932 18.6117 11.4747 18.1836L13.2247 16.6281Z' fill='%23475367'/%3E%3C/svg%3E");
}

.tab-img {
    height: auto;
    width: 15vw;
    aspect-ratio: 1/1;
    object-fit: cover;
    padding: 10px
}