@import "../../../../assets/scss/variables";

#invitation-view{
  .btn-with-pop-container {
    display: flex;
    flex-direction: column;

    .popup-content {
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
      padding: 35px 35px 25px 35px;
      background: white;
      z-index: 50;
      width: 553px;
      height: 500px;
      display: flex;
      flex-direction: column;
      position: absolute;
      right: 103px;

      &-header {
        border-bottom: 1px solid #a2a2a2;
        margin-bottom: 20px;
        padding-bottom: 10px;
        p{
          font-size: 1.4rem;
          font-weight: $regular;
          color:$main-color;
          span{
            font-weight: $bold;
          }
        }
      }

      &-body {
        overflow-x: hidden;
        overflow-y: auto;
        display: flex;
        flex-direction: column;

        .person-in-group {
          display: flex;
          justify-content: space-between;
          padding:0 10px 8px 0;
          border-bottom: 1px dotted $inactive-color;

          .status-column {
            min-width: unset;
            width: 100px;
            margin-right: 50px;
          }

          p {
            font-weight: $regular;
            font-size: $info-size;
            color: $main-color;
          }

          &:not(:first-child) {
            padding-top: 8px;


          }
        }

        &::-webkit-scrollbar {
          width: 5px;
          height: 50% !important;
          transform: scaleY(0.5) !important;
        }

        /* Track */
        &::-webkit-scrollbar-track {
          background: #e9f0f9;
          border-radius: 10px;
        }

        /* Handle */
        &::-webkit-scrollbar-thumb {
          background: #ccc;
          border-radius: 10px;
          //background-color: transparent;
          //border-top: 150px solid #1A73E8 /*or any height and color you want*/;
        }

        /* Handle on hover */
        &::-webkit-scrollbar-thumb:hover {
          background: transparent;
        }
      }
    }
  }
}