/**
 * @package     FILEman
 * @copyright   Copyright (C) 2011 Timble CVBA. (http://www.timble.net)
 * @license     GNU GPLv3 <http://www.gnu.org/licenses/gpl.html>
 * @link        http://www.joomlatools.com
 */

$assets: '../..';

select {
  width: auto;
}

///* @group Joomla resets */
table {
  tr, td {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }

  @include rtl {
    tr, td {
      text-align: right;
    }
  }
}

table {
  tr {
    &.selected {
      td {
        background-color: rgba(0, 0, 0, 0.1) !important;
      }
    }
  }
}

.btn {
  letter-spacing: normal;
}

///* @end */

/* @group General */

.files-pagination {
  text-align: center;

  & > a,
  & > span {
    text-decoration: none;
    width: 20px;
    padding: 0;
    display: inline-block;
  }

  a {
    color: hsl(210, 89%, 31%);
  }

  a:hover {
    color: hsl(210, 89%, 31%) !important;
    background: none !important;
    text-decoration: underline !important;
  }

  .next,
  .prev {
    text-decoration: underline;
    width: inherit;
  }

  .next a {
    padding-left: 20px;

    @include rtl {
      padding-left: 0;
      padding-right: 20px;
    }
  }

  .prev a {
    padding-right: 20px;

    @include rtl {
      padding-right: 0;
      padding-left: 20px;
    }
  }

  select {
    width: auto;
  }
}

/* @end */

/* @group table.css */
.files-list {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;

  @include border-radius(2px);

  thead tr,
  thead th {
    border-top: none;
    text-align: left;
    border-bottom: 1px solid hsla(0, 0%, 0%, 0.04);
  }

  @include rtl {
    thead tr,
    thead th {
      text-align: right;
    }
  }

  tr,
  th,
  td {
    border-left: none;
    border-right: none;
  }

  tfoot tr,
  tfoot td {
    border-bottom: none;
  }
}

/* @end */

.pagination-toolbar .limit {
  margin-right: 5px;
  float: left;
  padding: 0 14px;
  line-height: 34px;
  border-top: 1px solid transparent;

  @include rtl {
    margin-right: 0;
    margin-left: 5px;
    float: right;
  }
}