html * {
  /* font-family: Calibri, sans-serif; */
  font-family: sans-serif;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:root {
  --status-draft-color: #9f9e9e;
  --status-partly-issued-color: #52adf1;
  --status-at-work-color: #ab9773;
  --status-issued-color: #9acf4e;
  --status-return-color: #d1bb10;
  --status-wait-confirm-color: #cd9939;
  --status-on-formation-color: #be9bd9;
  --status-wait-issue-color: #5b9fbb;
  --status-returned-color: #bfcb07;
}

.status-draft {
  border-color: var(--status-draft-color);
}

.status-partly-issued {
  border-color: var(--status-partly-issued-color);
}

.status-at-work {
  border-color: var(--status-at-work-color);
}

.status-issued {
  border-color: var(--status-issued-color);
}

.status-return {
  border-color: var(--status-return-color);
}

.status-wait-confirm {
  border-color: var(--status-wait-confirm-color);
}

.status-on-formation {
  border-color: var(--status-on-formation-color);
}

.status-wait-issue {
  border-color: var(--status-wait-issue-color);
}

.status-returned {
  border-color: var(--status-returned-color);
}

.show-menu:not(.member-type) {
  visibility: visible !important;
  opacity: 1 !important;
}

body.show-preloader .spinner {
  position: absolute;
  height: 100px;
  width: 100px;
  margin: 0px auto;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left: 6px solid rgb(101, 163, 13, .2);
  border-right: 6px solid rgb(101, 163, 13, .2);
  border-bottom: 6px solid rgb(101, 163, 13, .2);
  border-top: 6px solid rgb(101, 163, 13, 1);
  border-radius: 100%;
}

#wait-box {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 5000;
  top: 0;
}

.current-holder {
  font-weight: 600;
  padding-left: 1px;
}

#empty-settings {
  font-style: italic;
  font-size: 20px;
  text-align: center;
}

.package-returned-text {
  color: #9fa908;
}

.package-status.returned,
.package-status-block.returned {
  color: red;
}

.confirm-text {
  text-align: center;
}

.content-container,
.custom-container {
  margin: auto;
}

body.show-preloader {
  opacity: 0.3;
}

body.show-preloader #wait-box {
  display: flex;
  z-index: 10000;
}

input[type='number'] {
  appearance: textfield;
}

.confirm-text {
  white-space: pre-line;
  font-size: 16px;
}

#after-login-popup > div {
  border: 1px solid rgb(101, 163, 13);
}


@media (max-width: 1280px) {
  .custom-container {
    max-width: 85%;
  }

  .content-container {
    max-width: calc(85% + 140px);
  }
}

@media (min-width: 1280px) {
  .custom-container {
    max-width: 85%;
  }

  .content-container {
    max-width: calc(85% + 140px);
  }
}

@media (min-width: 1440px) {
  .custom-container {
    max-width: 85%;
  }

  .content-container {
    max-width: calc(85% + 140px);
  }
}

@media (min-width: 1500px) {
  .custom-container {
    max-width: 80%;
  }
  
  .content-container {
    max-width: calc(80% + 140px);
  }
}

@media (min-width: 1692px) {
  .custom-container {
    max-width: 75%;
  }

  .content-container {
    max-width: calc(75% + 140px);
  }
}

@-webkit-keyframes rotation {
  from {
      -webkit-transform: rotate(0deg);
  }

  to {
      -webkit-transform: rotate(359deg);
  }
}

@-moz-keyframes rotation {
  from {
      -moz-transform: rotate(0deg);
  }

  to {
      -moz-transform: rotate(359deg);
  }
}

@-o-keyframes rotation {
  from {
      -o-transform: rotate(0deg);
  }

  to {
      -o-transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
      transform: rotate(0deg);
  }

  to {
      transform: rotate(359deg);
  }
}