@import './apps/commudle-admin/src/assets/styles/variables';
.collaborations {
  @apply com-mx-0 com-my-6;
  h6 {
    @apply com-flex com-items-center;
  }
}

.actions {
  a {
    text-decoration: none;
    display: block;
  }
}

.collaboration-communities {
  display: flex;
  flex-wrap: wrap;
  .community {
    margin-right: 1rem;
    width: 150px;
    height: 160px;
    border: 0.5px solid lightgrey;
    padding: 0.5rem;
    @apply com-rounded-md;
    .logo {
      @apply com-bg-tWhite;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      margin: 0 auto;
      overflow: hidden;
      img {
        width: 100%;
        vertical-align: text-bottom;
      }
    }

    .details {
      text-align: center;
    }
  }

  nb-icon {
    font-size: 1rem;
  }
}

::ng-deep {
  nb-option-list {
    .option-list {
      nb-option {
        .logo {
          max-width: 30px;
          max-height: 30px;
          margin: $space-5 $space-5 0 0;
          border-radius: $border-50;
          overflow: hidden;
          img {
            width: 100%;
          }
        }
      }
    }
  }
}

.confirmation-dialog-box {
  @apply md:com-w-[40dvw] com-w-full;
  nb-card-header {
    @apply com-flex com-items-center com-justify-between;
  }
}

.disabled {
  @apply com-pointer-events-none com-opacity-50 com-cursor-not-allowed;
}

.rejected {
  @apply com-uppercase com-text-red-500 com-mt-2;
}
