/**

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

*{font-family:arial;}

.grido table, .grido .filter {

    background: #fff;

    

    border-spacing: 0;

  

    text-align: left;

    

}

.filter{

	display:none !important;

	

}

.buttons{

	/*display:none;*/

}

.items{text-align:right;

padding:20px;

box-sizing:border-box;

}

/*.items > span{}

.items > span:last-of-type{ display: block !important;}

.items > span:last-of-type > label {display:none !important;}*/

th a{

	display:inline-block;

	color: white;

	margin-top:125px;

	/* Safari */

-webkit-transform: rotate(-90deg);



/* Firefox */

-moz-transform: rotate(-90deg);



/* IE */

-ms-transform: rotate(-90deg);



/* Opera */

-o-transform: rotate(-90deg);



/* Internet Explorer */

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

#frm-filtrForm input[type="radio"]{

	opacity:0;

	display:block;

	position:absolute;

	width:100%;

	height:100%;

	left:0;

	top:0;

	cursor: pointer;

}



#frm-filtrForm label{

	

	display: inline-block;

	background-color:#e6e6e6;

	padding:7px;

	margin-right:2px;

	margin-bottom:-3px;

	position:relative;

	-webkit-box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0.24);

-moz-box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0.24);

box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0.24);

opacity:0.9;

 -webkit-border-top-left-radius: 5px;

-webkit-border-top-right-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-topright: 5px;

border-top-left-radius: 5px;

border-top-right-radius: 5px;

}

#frm-filtrForm label:hover{opacity:1; 	padding:10px; 	margin-bottom:0px;}

#frm-filtrForm label.checked{

	padding:10px;	

background-color: #444444;

color:white;

	-webkit-box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0);

-moz-box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0);

box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0);

}

th {

	text-align:center;

	border-right: 1px solid #5b5b5b;

	background-color: #444444;

}

.grido table, .grido .filter.outer {

 

}

#grid{

	overflow: scroll;

	width:100%;

	



}

#grid tr { 

    border-spacing: 1px;

    border-collapse: separate;

	

}

#grid tbody tr { 

 opacity:0.9;

	

}

#grid tbody tr:hover > td { 

 opacity:1;

background-color: gray;

color: white;

}

#grid tr:hover { 

    border-spacing: 1px;

    border-collapse: separate;

	

}



table#grid tbody tr>td:first-of-type{

	

background: rgba(156,138,89,1);

background: -moz-linear-gradient(top, rgba(156,138,89,1) 0%, rgba(189,172,127,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(156,138,89,1)), color-stop(100%, rgba(189,172,127,1)));

background: -webkit-linear-gradient(top, rgba(156,138,89,1) 0%, rgba(189,172,127,1) 100%);

background: -o-linear-gradient(top, rgba(156,138,89,1) 0%, rgba(189,172,127,1) 100%);

background: -ms-linear-gradient(top, rgba(156,138,89,1) 0%, rgba(189,172,127,1) 100%);

background: linear-gradient(to bottom, rgba(156,138,89,1) 0%, rgba(189,172,127,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c8a59', endColorstr='#bdac7f', GradientType=0 );

color:white;

font-size:18px;

max-width:100px;

text-align:left;

padding-right:30px;

padding-left:30px;

border-bottom:1px solid #ab9863;

border-top:8px solid #bfad7a;

}

table#grid tbody tr.top>td:first-of-type{

background: rgba(156,138,89,1);	

background-image:url('../images/ftop.png'), rgba(156,138,89,1);

background-image:url('../images/ftop.png'), -moz-linear-gradient(top, rgba(156,138,89,1) 0%, rgba(189,172,127,1) 100%);

background-image:url('../images/ftop.png'), -webkit-gradient(left top, left bottom, color-stop(0%, rgba(156,138,89,1)), color-stop(100%, rgba(189,172,127,1)));

background-image:url('../images/ftop.png'), -webkit-linear-gradient(top, rgba(156,138,89,1) 0%, rgba(189,172,127,1) 100%);

background-image:url('../images/ftop.png'), -o-linear-gradient(top, rgba(156,138,89,1) 0%, rgba(189,172,127,1) 100%);

background-image:url('../images/ftop.png'), -ms-linear-gradient(top, rgba(156,138,89,1) 0%, rgba(189,172,127,1) 100%);

background-image:url('../images/ftop.png'), linear-gradient(to bottom, rgba(156,138,89,1) 0%, rgba(189,172,127,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c8a59', endColorstr='#bdac7f', GradientType=0 );

/*background-image:url('../images/ftop.png'), -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);

background-image: url('../images/ftop.png'), -webkit-gradient(left top, left bottom, color-stop(0%, rgba(169,3,41,1)), color-stop(44%, rgba(143,2,34,1)), color-stop(100%, rgba(109,0,25,1)));

background-image:url('../images/ftop.png'), -webkit-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);

background-image:url('../images/ftop.png'), -o-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);

background-image:url('../images/ftop.png'), -ms-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);

background-image:url('../images/ftop.png'), linear-gradient(to bottom, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );*/



font-weight: bold;

background-position:left center;

background-repeat: no-repeat;

padding-left:40px;

}

table#grid tbody tr.topr>td:first-of-type{

	

background: rgba(156,138,89,1);	

background-image:url('../images/ftopr.png'), rgba(156,138,89,1);

background-image:url('../images/ftopr.png'), -moz-linear-gradient(top, rgba(156,138,89,1) 0%, rgba(189,172,127,1) 100%);

background-image:url('../images/ftopr.png'), -webkit-gradient(left top, left bottom, color-stop(0%, rgba(156,138,89,1)), color-stop(100%, rgba(189,172,127,1)));

background-image:url('../images/ftopr.png'), -webkit-linear-gradient(top, rgba(156,138,89,1) 0%, rgba(189,172,127,1) 100%);

background-image:url('../images/ftopr.png'), -o-linear-gradient(top, rgba(156,138,89,1) 0%, rgba(189,172,127,1) 100%);

background-image:url('../images/ftopr.png'), -ms-linear-gradient(top, rgba(156,138,89,1) 0%, rgba(189,172,127,1) 100%);

background-image:url('../images/ftopr.png'), linear-gradient(to bottom, rgba(156,138,89,1) 0%, rgba(189,172,127,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c8a59', endColorstr='#bdac7f', GradientType=0 );

/*

background-image:url('../images/ftopr.png'), -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);

background-image: url('../images/ftopr.png'), -webkit-gradient(left top, left bottom, color-stop(0%, rgba(169,3,41,1)), color-stop(44%, rgba(143,2,34,1)), color-stop(100%, rgba(109,0,25,1)));

background-image:url('../images/ftopr.png'), -webkit-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);

background-image:url('../images/ftopr.png'), -o-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);

background-image:url('../images/ftopr.png'), -ms-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);

background-image:url('../images/ftopr.png'), linear-gradient(to bottom, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );*/



font-weight: bold;

background-position:left center;

background-repeat: no-repeat;

padding-left:40px;

}

.hidden{

	opacity:0;

}

table#grid tbody tr>td:last-of-type{

line-height:50px;

	text-align:right !important;

	padding-right:5px;

}

table#grid tbody tr>td:last-of-type a{

	display:inline;

	padding:5px;



	width:130px;

	height:35px;

	color:white;

	background-color:#894a50;

	text-decoration:none;

	border:3px solid #894a50;

border-radius:5px;

}

table#grid tbody tr>td:last-of-type a:hover{

color:#894a50;

	background-color:white;

	text-decoration:none;

}





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

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

table tr:nth-child(odd) td{

}

table tr:nth-child(even) td{

	

}



.grido th,

.grido td

{

  

    height: 170px;

}.grido td

{

  

    text-align:center;

}



.grido th.column {}



.grido thead {font-size: 1.15em}

.grido tfoot {font-size: 1.1em; display:none;}



.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: inline-block;

  

    margin-bottom: 20px;

    min-height: 5em;

}



.grido .filter.outer .items {

    width: 100%;

  

}



.grido .filter.outer .items > span {

    

    display: inline-block;



    

}



.grido .filter.outer label {

    margin-bottom: 2px;

}





.grido .filter.outer input.text,



.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: 15%;

    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: 5px solid #5b5b5b!important;

    padding: 3px 12px!important;

}

.grido tbody tr td, .grido tfoot tr td {

    vertical-align: middle;

    height: 50px;

   

}



.grido input.text, .grido select {

    margin-bottom: 0;

    padding: 0;

    



}

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



.grido .buttons input {

    width: auto;

    height: auto;

    margin-right: 4px;

}



.grido .form-control {

  

  

}



.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;

}