::-webkit-scrollbar {
  width: 5px; }

/*
::-webkit-scrollbar-button:decrement {
  border-top: none;
  border-bottom: 16px solid #ccc;
}

::-webkit-scrollbar-button:increment {
  border-top: 16px solid #ccc;
  border-bottom: none;
}*/
::-webkit-scrollbar-thumb {
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 8px; }

::-webkit-scrollbar-thumb:hover {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ccc; }

.opacity-70 {
  opacity: .7; }

.icon-btn-2 {
  width: 2em;
  text-align: center; }

.bw-image {
  filter: grayscale(1); }

.login {
  min-height: 100vh; }

.login-card {
  width: 90%;
  max-width: 576px; }

li.active li.active {
  background-color: rgba(0, 50, 128, 0.3); }

.hand-point {
  cursor: pointer;
  transition: 250ms; }
  .hand-point:not(:hover) {
    opacity: 0.5; }

.system-buttons .btn {
  white-space: nowrap; }

.entity-item-image {
  max-width: 40px;
  max-height: 40px;
  border-radius: 4px; }

.svg-icon-box svg {
  max-height: 1.2em; }

.entity-item-tr:first-child .btn-move-up {
  visibility: hidden; }
.entity-item-tr:last-child .btn-move-down {
  visibility: hidden; }

.loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  transform-origin: center center;
  transition: 100ms; }
  .loading:not(.active) {
    transform: scale(0); }

.entity-image-tr,
.image-tr {
  width: 130px; }
  .entity-image-tr .image-box,
  .image-tr .image-box {
    height: 155px; }
  .entity-image-tr .image,
  .image-tr .image {
    max-height: 130px; }
  .entity-image-tr:first-child .btn-move-up,
  .image-tr:first-child .btn-move-up {
    visibility: hidden; }
  .entity-image-tr:last-child .btn-move-down,
  .image-tr:last-child .btn-move-down {
    visibility: hidden; }

.cursor-pointer {
  cursor: pointer; }

.tags {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px; }
  .tags__item {
    position: relative;
    display: inline-block;
    min-width: 4em;
    margin: 0 0.5em 0.5em;
    padding: 0.2em 0.7em;
    user-select: none;
    cursor: pointer;
    transition: 250ms;
    text-shadow: 0 1px white;
    background: #fafafa;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #dadada #d2d2d2 #c5c5c5;
    border-radius: 0.25em 0 0 0.25em;
    opacity: var(--opacity);
    background-image: linear-gradient(to bottom, #fcfcfc, #f0f0f0); }
    .tags__item::after {
      position: absolute;
      top: -1px;
      right: -0.5em;
      display: inline-block;
      width: 0.5em;
      height: calc(100% + 2px);
      background-color: var(--color-tail-1);
      content: '';
      opacity: var(--opacity);
      border-width: 1px 1px 1px 0;
      border-style: solid;
      border-color: #dadada #d2d2d2 #c5c5c5;
      border-radius: 0 0.25em 0.25em 0;
      transition: 250ms; }
    .tags__item::before {
      position: absolute;
      z-index: 2;
      top: calc(50% - 0.25em);
      opacity: var(--opacity);
      right: -0.25em;
      content: '';
      width: 0.5em;
      height: 0.5em;
      display: inline-block;
      border-radius: 0.5em;
      transition: 250ms;
      background-color: var(--color-tail-1); }
    .tags__item:not(.active) {
      --color-tail-1: #fca0a0;
      --color-tail-2: #f09090;
      --opacity: 0.3; }
    .tags__item.active {
      --color-tail-1: #fc0000;
      --color-tail-2: #f08080;
      --opacity: 1; }

.search-pane {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 15em;
  margin: .375rem;
  font-size: 12px; }
  .search-pane__btn {
    position: absolute;
    top: 50%;
    right: 0.5em;
    color: #8a8a8a;
    cursor: pointer;
    transform: translateY(-50%); }
  .search-pane__input {
    padding-right: 2em;
    font-size: inherit; }

.menu-tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1em 0;
  padding: 0.5em 0.5em 0.5em 1em;
  border: 1px solid #eee;
  border-radius: 0.25em; }
  .menu-tr__children {
    flex-basis: 100%; }
  .menu-tr:first-of-type > .menu-tr__controls > .btn-move-up {
    visibility: hidden; }
  .menu-tr:last-of-type > .menu-tr__controls > .btn-move-down {
    visibility: hidden; }
  .menu-tr__title a {
    color: inherit; }
  .menu-tr[data-parent="0"] > .menu-tr__children > .menu-tr {
    background-color: #f5f5f5; }
  .menu-tr:not([data-parent="0"]) > .menu-tr__children > .menu-tr {
    background-color: #f0ffff; }

.loading-progress.active .progress {
  --progress: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 468px;
  height: 50px;
  background: linear-gradient(180deg, #ccc, #eee);
  border-radius: 10rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 -1px 4px rgba(0, 0, 0, 0.2); }
  .loading-progress.active .progress::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    font-weight: 700;
    font-size: 20px;
    transform: translate(-50%, -50%);
    content: attr(data-progress); }
  .loading-progress.active .progress .bar {
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 5px;
    left: 5px;
    width: var(--progress);
    height: 40px;
    background: linear-gradient(0deg, #444, #bbb);
    border-radius: 10rem;
    overflow: hidden; }
    .loading-progress.active .progress .bar::before {
      position: absolute;
      left: -10px;
      background: rgba(255, 255, 255, 0.2);
      content: '';
      width: 20px;
      transform: skew(-30deg);
      height: 100%;
      box-shadow: 50px 0 0 rgba(255, 255, 255, 0.2), 100px 0 0 rgba(255, 255, 255, 0.2), 150px 0 0 rgba(255, 255, 255, 0.2), 200px 0 0 rgba(255, 255, 255, 0.2), 250px 0 0 rgba(255, 255, 255, 0.2), 300px 0 0 rgba(255, 255, 255, 0.2), 350px 0 0 rgba(255, 255, 255, 0.2), 400px 0 0 rgba(255, 255, 255, 0.2), 450px 0 0 rgba(255, 255, 255, 0.2), 500px 0 0 rgba(255, 255, 255, 0.2);
      animation: animate-progress-bar 1s infinite linear; }

@keyframes animate-progress-bar {
  from {
    left: -10px; }
  to {
    left: -60px; } }

/*# sourceMappingURL=admin.css.map */