@import "~styles/mixins";

.Permissions {
  .container {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    padding: 20px 0;

    .header {
      padding: 15px 50px 35px;

      .title {
        font-size: 32px;
        font-weight: bold;
        letter-spacing: 0.6px;
      }
    }

    table {
      width: 100%;
      text-align: left;

      thead {
        background-color: #f8f8f8;

        th {
          font-size: 18px;
        }

        span {
          border-left: 2px solid #ededed;
          padding-left: 10px;
        }
      }

      th {
        vertical-align: middle;
        letter-spacing: 0.3px;

        &.space {
          width: 50px;
        }
      }

      tr {
        border: solid 2px #ededed;
        height: 50px;
      }
    }

    .switch {
      padding-left: 10px;
    }
  }
}
