/* Tables
   ------------------------------------------ */
.table {
   margin: 20px 0;

   table {
      width: 100%;

      th {
         border: none;
         padding: 10px;
      }
      td {
         padding: 10px;
         white-space: normal;
         line-height: 15px;
      }
   }
}

.table__flex {
   margin-bottom: 20px;
   .table__header {
      p {
         font-weight: 600;
      }
   }
   .table__row {
      border-bottom: 1px solid #d3dee6;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0;
      width: 100%;

      @media (max-width: $medium) {
         flex-direction: column;
         align-items: flex-start;
         .btn {
            margin-top: 10px !important;
         }
      }
   }
   .table__item {
      flex: 1;
      p {
         margin: 0;
      }
      .btn {
         margin: 0;
      }
   }
}