// @import "../../common/scss/customizations/my-variables";

.main-page__content {
  height: calc(100dvh - 68px);
  min-height: 20em;
  margin-right: var(--sidebar-collapsed-width);
}
.color-1 {
  color: #6f6f6f;
  // border-style: dashed;
  // border-color: #a5abac;

  padding: 0.2em;
  border-radius: 0.4em;
  transition: all 0.2s;

  &:hover {
    // border-color: #555555;
    // filter: brightness(0.8);
    transform: scale(1.1);
    transition: all 0.2s;
  }
}
.fz-9 {
  font-size: 0.9rem;
}
.fz-8 {
  font-size: 0.8rem;
  color: #a1a1a1;
}
.main {
  max-width: 20em;
  min-width: 18em;
  width: 100%;
  border-left: 1px solid #eee;
  padding: 1em;
  
  // position: static;
  // flex: 1 1 100%;
  // max-width: 25em;
  // max-width: 20em;
  // width: auto;
  // min-width: 20em;
  // overflow-y: auto;
  // min-height: 100dvh;
  // margin-right: 25px;

  // &::before {
  //   content: "";
  //   height: 98%;
  //   border-left: solid $borderColor 1px;
  //   position: absolute;
  //   left: 0;
  // }
}
.header-icon {
  display: flex;
  // top: 1rem;
  // position: relative;
  // right: 0.4rem;
  // width: 159px;
  // position: relative;
  // &::before {
  //   content: "";
  //   width: 19.4rem;
  //   border-bottom: solid $borderColor 1px;
  //   position: absolute;
  //   bottom: 0;
  // }
  p {
    margin: 0;
  }
}
a{
  &:not([href]) {
    cursor: pointer;
  }
}
.combo {
  border-radius: 0.5rem;
  border-color: var(--color-8);
  color: var(--color-2);
  margin-right: 0.5rem;
}
.m-start {
  margin-right: 1.5rem;
}
.menu-bar-content {
  // @include border-left(1px, var(--color-8));
  position: fixed;
  right: 4em;
  top: 4.3em;
  width: 305px;
  padding-top: 24px;
  padding-right: 24px;
  padding-left: 24px;
  min-height: 100dvh;
  overflow-y: auto;
  &__edit-mark {
    transition: all 0.3s ease;
    margin-right: auto;
    opacity: 0;

    i {
      // @include font-icon-background-color(
        // -webkit-linear-gradient(#8fa4ab 0%, #bdc7d2 100%)
      // );
      font-size: 20px;
      width: 30px;
    }
    &-container {
      margin-right: auto;
      background-color: none;
      background: none;
      border: none;
      width: unset;
      display: flex;
      justify-content: flex-end;
      outline: none;
    }
  }
}
.cover-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.niafam-plus.close {
  display: flex;
  transform: rotate(45deg);
}
.plus-item {
  display: flex;
  align-items: center;
}
.v-select {
  flex: 1;
  &[dir="rtl"] .vs__deselect {
    margin-right: 8px !important;
  }
}