@import "variables";

.card
{
  background-color : #fff;
  background-clip  : border-box;
  min-width        : 5rem;
  border-radius    : .25rem;
  border           : 1px solid #cfdbe2;
  border-top-width : 3px;
  margin-top       : 1rem;
  margin-bottom    : 1.25rem;

  .card-header
  {
    background-color : #fff;
    padding          : 0.75rem 1rem;
    margin-bottom    : 0;
    border-bottom    : 1px solid $gray-300;
    display          : flex;
    align-items      : center;
    justify-content  : space-between;

    // .card-header-left
    // {
    //   /*font-size: 1.1rem;
    //   font-weight: 400;
    //   margin: 0 0 0 10px;*/
    // }

    // .card-header-center
    // {
    // }

    .card-header-right
    {
      list-style : none;
      padding    : 0;
      margin     : 0;
      color      : #688696;

      .card-actions-link
      {
        text-align      : center;
        text-decoration : none;
        padding         : 6px 10px;
        color           : #688696;
      }

      .card-actions-link:not(:last-child)
      {
        margin-right : -4px;
      }

      .card-actions-link:hover
      {
        background-color : $gray-300;
      }

      .card-actions-button
      {
        color            : #688696;
        border           : none;
        padding          : 6px 10px;
        background-color : transparent;
      }

      .card-actions-button:not(:last-child)
      {
        margin-right : -4px;
      }

      .card-actions-button:hover
      {
        background-color : $gray-300;
      }
    }
  }

  .card-body
  {
    padding : 0.75rem 1rem;

    .table
    {
      color         : $text-color;
      margin-bottom : 0;

      > tbody > tr:not(:last-child) > td
      {
        border-top    : none;
        border-bottom : 1px solid $gray-300;
      }
    }
  }

  .card-footer
  {
    background-color : #fff;
    padding          : 0.75rem 1rem;
    margin-bottom    : 0;
    border-top       : 1px solid $gray-300;
    display          : flex;
    align-items      : center;
    justify-content  : space-between;

    .card-footer-left
    {
      font-size   : 1.1rem;
      font-weight : 400;
      /*margin: 0 0 0 10px;*/
    }

    // .card-footer-center
    // {
    // }

    // .card-footer-right
    // {
    // }
  }

  .no-padding
  {
    padding : 0;
  }
}