search_ui/assets/entity/scss/pag/component/entity-view-page.scss

// #region mehdi all

// #region all
.main {
  max-width: 20em;
  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;
  }
}

.Active {
  //text-decoration: none;
  color: $primaryMain !important;
  .item-navigation a {
    color: $primaryMain !important;
  }
}
.close-panel {
}
.circle {
  position: relative;

  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: black solid 1px;
  // background-color:green;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle svg {
  position: absolute;
  left: 4px;
}

.circle:hover {
  right: 4px;
}

// #endregion
// #region mehdi navigation

.navigation {
  overflow-y: auto;
  // width: 31vh;
  // height: 79vh;
  height: calc(100dvh - 6em);
  // max-width: 20em;
  // width: 100%;
  // position: relative;
  // right: 28px;
  // top: 7%;

  .item {
    position: relative;
    top: 10px;

    .item-navigation a:hover {
      color: $primaryMain !important;
    }
  }
}
// #endregion
// #region mehdi entityList
// #endregion
// #region mehdi Specifications
.collapses {
  overflow-y: auto;
  top: 0px;
  width: 94%;
  height: auto;
  max-width: 300px;
  position: relative;
}
.collapses-main {
  width: 98%;
  height: 92vh;
  margin-right: 5px;
  min-width: 200px;
  //background-color: #00b6e3;
  overflow: hidden;
  overflow-y: auto;
}
.button-meno {
  font-size: 12px;
  transform: rotate(90deg);
  width: 10px;
  height: 10px;
  margin-top: 15px;
  text-decoration: none;
  span:hover {
    color: $primaryMain;
  }
}
.select-text {
  text-align: right;
  background-color: $backgroundColor;
  font-size: 14px;
  border-radius: 8px;
  border-color: $borderColor;
  padding: 6px;
  &:hover {
    border-color: $borderColor;
  }
}
// #endregion
// #region mehdi entiySubjects
.entiySubjects {
  overflow-y: auto;
  width: 100%;
  height: 83vh;
  max-width: 300px;
  position: relative;
  right: 5px;
  top: 4vh;
}
// #endregion
// #region mehdi Settings
.header-progress {
  position: relative;
  top: 20px;
  text-align: center;
}
.progress-main {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: right;
  top: 25px;

  label {
    font-size: 13px;
    margin: 5px;
  }
  .progress-div {
    display: flex;
    flex-direction: row-reverse;
  }
  .progress {
    margin: 5px;
    height: 20px;
    width: 60px;
  }
}
// #endregion
// #region mehdi centralEntity
// .select-text {
//   text-align: center;
//   background-color: #fff;
//   font-size: 14px;
//   border-radius: 8px;
//   border-color: #f1f1f1;
//   padding: 6px;
//   &:hover {
//     border-color: #afbac6;
//   }
// }
// .header-text-button {
//   width: 20px;
//   height: 40px;
//   position: relative;
//   top: 10px;
//   margin-right: 2rem;
// }
.axis-resarch {
  width: 271px;
  height: 38rem;
  margin-top: 25px;
  // background-color: red;

  .axis-resarch-checkbox {
    display: flex;
    align-items: flex-start;

    &:hover {
      color: $primaryMain !important;
    }
    svg {
      margin-left: 10px;
    }
    p {
      margin-left: 10px;
      font-size: 14px;
    }
  }
}
.research {
  // background-color: green;
  position: relative;
  width: 19em;
  height: 88vh;
  top: 23px;
  overflow-y: auto;
  overflow-x: hidden;
  .card-research {
    // background-color: red;
    height: 16vh;
    width: 30vh;
    margin: 5px auto;
    position: relative;
    top: 12px;
    .card-research-img {
      background-color: $primaryMain;
      display: flex;
      width: 97%;
      height: 20%;
      margin: 5px auto;
      justify-content: space-between;
      flex-direction: row;

      .img {
        width: 29px;
        height: 29px;
        top: 5px;
        right: 5px;
      }
    }
    .card-research-text {
      // background-color: aquamarine;
      width: 95%;
      height: 47%;
      margin: 0 auto;
      overflow: auto;
      p{
        
        font-size: 14px;
    // white-space: nowrap; /* جلوگیری از شکستن خط */
  // overflow: auto; /* عدم نمایش محتوای بیشتر از اندازه */
  // text-overflow: ellipsis; /* نمایش سه نقطه در پایان متن */
      }
    }
    .card-research-icon {
      // background-color: burlywood;
      width: 95%;
      height: 19%;
      margin: 5px auto;
      display: flex;
      flex-direction: row-reverse;
      div {
        width: 20px;
        height: 20px;
        background-color: $backgroundColor;
        margin: 5px;
        font-size: 11px;
      }
    }
  }
}
// #endregion
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
}
@media only screen and (min-width: 576px) and (max-width: 766.98px) {
}
@media (max-width: 575.98px) {
}


// #endregion