/**
 * 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.
 */

/******************** GRID ********************/

.grido table {
    background: #fff;
    /*border-radius: 4px;*/
    border-spacing: 0;
    border: 1px solid #CACACA;
    text-align: left;
    width: 100%;
}

/*.grido .filter {*/
    /*background: #fff;*/
    /*border-radius: 4px;*/
    /*border-spacing: 0;*/
    /*border: 1px solid #CACACA;*/
    /*text-align: left;*/
    /*width: 100%;*/
/*}*/

.grido table {
    /*box-shadow: 1px 1px 12px -1px rgba(0,0,0,.2);*/
}

/*.grido .filter.outer {*/
    /*box-shadow: 1px 1px 12px -1px rgba(0,0,0,.2);*/
/*}*/

/*.grido thead th*/
/*{*/
    /*border-bottom-width: 2px;*/
/*}*/

/*.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 th.column {width: 7%}*/

.grido thead {font-size: 1.15em}
.grido tfoot {font-size: 1.1em}

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

/******************** FILTER ********************/

.grido tr.filter {height: 20px}

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

.grido .filter.outer {
    display: 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,
.grido .filter.inner select,
.grido .filter.inner input.text {width: 100%}
.grido .filter.inner input.checkbox {margin: 0 auto}

.grido .filter.outer .buttons {
    float: right;
    margin: 1.4em 1em 0;
}

/******************** SORTING ********************/

.grido th.column span {
    width: 0;
    height: 0;
    vertical-align: top;
    content: "";
    float: right;
    margin-top: 8px;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.grido th.column.asc span {border-bottom: 4px solid #555}
.grido th.column.desc span {border-top: 4px solid #555}

/******************** OTHERS ********************/

.grido th.actions {
    /*width: 7%;*/
    /*max-width: 200px;*/
    text-align: center;
}

.grido th.buttons,
.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 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 {text-align: center; line-height: 23px!important}
.grido tfoot .operations {float: left;text-align: left}
.grido tfoot .count {float:right; text-align: left}

.grido .center {text-align: center}
.grido .left {text-align: left}
.grido .right {text-align: right}

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

/******************** TWITTER BOOTSTRAP RESET ********************/

.grido table {border-collapse: inherit}
.grido table thead th {vertical-align: middle}
.grido table th, .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: 2px solid #CACACA!important;
    padding: 3px 6px!important;
    background: #e0e0e0;
}
.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}

.btn-mini [class*=" icon-"]
{
    margin-top: 1px
}

.btn-sm .fa,
.btn-xs .fa,
small .fa,
.btn-group-sm .fa,
.btn-group-xs .fa,
.input-group-sm .fa,
.input-group-xs .fa
{
    font-size: 14px;
    top: 1px;
    position: relative;
}



.grido .count-left, .grido .count
{
    font-size: 12px;
}

.grido select:focus, .grido select.form-control:focus
{
    background-image: none;
}

.grido .count select
{
     -webkit-appearance: menulist;
    -moz-appearance: menulist;
        appearance: menulist;
    padding-right: 0;
     background-image: none;
     font-size: 12px;
     line-height: 1.5;
    box-shadow: none;
}

.grid-filter.date
{
    max-width: 105px;
}

.grido-wrapper
{
    max-width: 100%;
    overflow-x: auto;
}

.no-wrap
{
    white-space: nowrap;
}