@import "../../../config";

.notifs {
  position: relative;
  width: 100%;
  height: 100%;

  md-toolbar {
    position: relative;
    min-height: 48px;
    height: 48px;
  }

  .notifs-list {
    position: relative;
    width: 100%;
    height: calc(100% - 48px);
    overflow-y: auto;

    .notifs-list-item {
      position: relative;
      width: 96%;
      margin-left: auto;
      margin-right: auto;
      padding: 26px 8px 8px 8px;
      border-radius: 8px;
      user-select: none;
      -webkit-user-select: none;

      .notif-delete {
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
      }

      .notif-app {
        position: absolute;
        top: 0;
        left: 8px;
        fill: $color02;
      }

      // span {
      //   position: absolute;
      //   top: 0;
      //   left: 0;
      //   padding: 2px 8px;
      //   font-size: 12px;
      //   font-style: italic;
      //   color: $color01;
      // }
    }

    .typeAction {
      background-color: #fff2e6;
      border: 1px solid #ffd9b3;
      color: red;
      cursor: pointer;
    }

    .typeInfo {
      background-color: #f2f2f2;
      border: 1px solid #d9d9d9;
      color: red;
    }
  }
}
