@charset "UTF-8";
/*!
 * This file is part of the Grido (http://grido.bugyik.cz)
 *
 * Copyright (c) 2011 Petr Bugyík (http://petr.bugyik.cz)
 *
 * For the full copyright and license information, please view
 * the file LICENSE.md that was distributed with this source code.
 */
.grido table, .grido .filter {
  background: #fff;
  border-radius: 4px;
  border-spacing: 0;
  border: 1px solid #CACACA;
  text-align: left;
  width: 100%; }

.grido table, .grido .filter.outer {
  box-shadow: 1px 1px 12px -1px rgba(0, 0, 0, 0.2); }

.grido thead th,
.grido tfoot td,
.grido .filter.outer {
  background: #E9E9E9;
  background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #E9E9E9));
  background: -webkit-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
  background: -o-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
  background: -ms-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
  background: linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')"; }

.grido thead .filter th {
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #e9e9e9));
  background: -webkit-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background: -o-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background: -ms-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background: linear-gradient(to bottom, #f2f2f2 0%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e9e9e9',GradientType=0 ); }

.grido tr.head th:first-child {
  border-radius: 4px 0 0 0; }

.grido tr.head th:last-child {
  border-radius: 0 4px 0 0; }

.grido th, .grido td {
  border: 1px solid #CACACA;
  border-width: 0 1px 1px 0;
  height: 30px; }

.grido thead, .grido tfoot {
  font-size: 1em; }

.grido tbody {
  font-size: 0.9em; }

.grido .no-results {
  text-align: center; }

.grido tr.filter {
  height: 20px; }
  .grido tr.filter th {
    padding: 2px 6px 2px 6px;
    border-radius: 0;
    height: 35px; }

.grido .filter.outer {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  min-height: 5em; }
  .grido .filter.outer .items {
    width: 85%;
    float: left; }
    .grido .filter.outer .items > span {
      float: left;
      display: block;
      width: 12em;
      height: 5em;
      padding: 7px; }
  .grido .filter.outer label {
    margin-bottom: 2px; }
  .grido .filter.outer select, .grido .filter.outer input.text {
    width: 100%; }

.grido .filter.inner select {
  width: 100%; }

.grido .filter.inner input.text {
  width: 100%; }

.grido .filter.inner input.checkbox {
  margin: 0 auto; }

.grido .filter .daterange {
  min-width: 192px !important; }

.grido th.column {
  text-transform: uppercase; }
  .grido th.column .arrow {
    content: "";
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle; }
  .grido th.column a.desc .arrow {
    border-top: 4px dashed;
    border-bottom: 0; }
  .grido th.column a.asc .arrow {
    border-top: 0;
    border-bottom: 4px dashed; }
  .grido th.column a, .grido th.column span {
    display: block; }

.grido th.actions {
  text-align: center; }

.grido th.buttons {
  text-align: center; }

.grido td.actions {
  text-align: center; }
  .grido td.actions a {
    margin-right: 3px; }

.grido th.checker {
  width: 1%;
  text-align: center; }

.grido td.checker {
  text-align: center; }

.grido th:last-child, .grido td:last-child {
  border-right: 0; }

.grido tfoot {
  text-align: center;
  line-height: 23px !important; }
  .grido tfoot tr {
    height: 35px; }
  .grido tfoot td {
    border-bottom: 0; }
    .grido tfoot td:first-child {
      border-radius: 0 0 0 4px; }
    .grido tfoot td:last-child {
      border-radius: 0 0 4px 4px; }
  .grido tfoot .operations {
    float: left;
    text-align: left; }
  .grido tfoot .right {
    float: right;
    text-align: left; }
  .grido tfoot .search {
    display: none; }

.grido .center {
  text-align: center; }

.grido .left {
  text-align: left; }

.grido .right {
  text-align: right; }

.grido .filter.outer label {
  font-size: 12px; }

.grido table {
  border-collapse: inherit; }
  .grido table thead th, .grido table th, .grido table td {
    vertical-align: middle; }

.grido table tfoot td {
  text-align: inherit; }

.grido tfoot tr td {
  line-height: 22px; }

.grido table td, .grido table th {
  border-top: 0 !important; }

.grido thead th {
  border-bottom: 1px solid #CACACA !important;
  padding: 3px 6px !important; }

.grido tbody tr td, .grido tfoot tr td {
  vertical-align: middle;
  height: 20px;
  padding: 5px; }

.grido input.text, .grido select {
  margin-bottom: 0;
  padding: 0;
  height: 23px;
  width: auto; }

.grido input.text {
  text-indent: 3px; }

.grido .buttons input {
  width: auto;
  height: auto;
  margin-right: 4px; }

.grido .form-control {
  height: auto;
  width: auto; }

.grido tbody .form-control {
  width: 100%;
  height: 23px;
  padding: 0 0 0 3px; }

.grido tfoot .form-control {
  display: inline; }

.grido tr.active td {
  background-color: #d9edf7 !important; }

/******************** BOOTSTRAP TEMPLATE ********************/
.grido.bootstrap.table-responsive {
  overflow-x: visible; }

.grido.bootstrap .filter.outer .items {
  width: 100%; }

.grido.bootstrap tfoot tr td {
  line-height: 10px; }
  .grido.bootstrap tfoot tr td label {
    font-weight: normal; }

.grido.bootstrap .operations {
  padding: 2px 0 0 2px; }

.grido.bootstrap .right {
  padding: 2px 2px 0; }
  .grido.bootstrap .right span {
    margin-left: 3px; }
  .grido.bootstrap .right .export a, .grido.bootstrap .right .reset button {
    margin-top: -2px; }

.grido.bootstrap .paginator {
  width: 300px;
  margin: 0 auto;
  padding: 0 5px; }
  .grido.bootstrap .paginator ul {
    margin: 0;
    display: inline-block; }
    .grido.bootstrap .paginator ul li {
      display: inline; }
      .grido.bootstrap .paginator ul li a {
        width: 22px;
        padding: 0;
        border-radius: 0; }
      .grido.bootstrap .paginator ul li a, .grido.bootstrap .paginator ul li span {
        float: left;
        line-height: 26px;
        text-decoration: none; }
      .grido.bootstrap .paginator ul li:first-child a {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-right: 0; }
      .grido.bootstrap .paginator ul li:last-child a {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-left: 0; }
  .grido.bootstrap .paginator input {
    width: 125px;
    height: 28px;
    padding: 0;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    float: left;
    border-radius: 0;
    margin: 0 -1px;
    -moz-appearance: textfield; }
    .grido.bootstrap .paginator input::-webkit-input-placeholder {
      color: inherit; }
    .grido.bootstrap .paginator input::-moz-placeholder {
      color: inherit; }
    .grido.bootstrap .paginator input:-ms-input-placeholder {
      color: inherit; }
    .grido.bootstrap .paginator input::-webkit-outer-spin-button, .grido.bootstrap .paginator input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }

.grido.bootstrap .bootstrap-select .btn-default {
  background-image: none; }

.grido.bootstrap .bootstrap-select .btn {
  padding: 0 12px; }

.grido.bootstrap .filter textarea {
  height: 23px !important; }