@import '~styles/mixins';
@import '~styles/adminMixins';

.ResourceItem {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;

  .left-container {
    display: flex;
    align-items: center;
    .id {
      margin-left: 5px;
      font-size: 60%;
    }
  }

  .header {
    padding: $default_spacing_v 0;
    margin: 0 $default_spacing_h;
    width: auto;
    min-height: 89px;
  }

  .status {
    position: relative;
    margin-left: 20px;

    .infos {
      > * {
        @include middle;
        @include status;
        margin-right: 5px;
        border-radius: 2px;
        &:not(.label) {
          height: 10px;
          width: 10px;
        }
      }
    }
  }

  .actions {
    display: flex;
    align-items: center;

    .dropdown {
      width: auto;
      margin-left: 20px;
    }

    .actions-items {
      min-width: 120px;
      // text-align: left;

      .item {
        &:hover {
          background-color: rgba($color: $color-grey, $alpha: 0.2);
          cursor: pointer;
        }

        font-size: 14px;
        padding: 6px 12px;

        &.red {
          color: $color-red;
        }

        &:first-child {
          border-top: none;
        }
      }
    }
  }

  .container {
    display: flex;
    position: relative;
    height: 100%;
    overflow: auto;

    .content {
      width: 100%;
    }
  }
}
