:root {
	--font-size: 14px;
}

.grid-view-loading {background:url("../i/ajax-loader.gif") no-repeat scroll 50% 55% transparent;}
.grid-view-loading tbody tr {display:none;}
.grid-view-loading tbody {height:150px;display:block;}
.grid-view-loading table {background:none!important;}

.grid-view {padding-right: 5px;}

.grid-view table.items {background: #fff;border-collapse: collapse;border: 1px #BABEC0 solid;width: 100%!important;/* margin-left:1px; */}
.grid-view table.items td {padding:4px;border-right:1px solid #BABEC0;}

.grid-view table.items th, .grid-view table.items td {
	color: #656676;
	font-size: 12px;	/* default/fallback */
	
	/*font-size: 14px;*/
	font-size: var(--font-size);
}

.grid-view table.items th {
	color: #00461d;
	/* font-size: 10px; */
	font-weight: 400;
	text-align: left;
	/* background:url("../i/data-list-th-bg.gif") repeat-x scroll 0 0 transparent; */
	background: #fafafa;
	border: 1px solid #BABEC0;
	border-left:none;
	height: 22px;
	line-height: 1.1;
	padding-left:4px;
}

/*
.grid-view table.items th a {color: #EEE;font-weight: bold;text-decoration: none;}
.grid-view table.items th a:hover {color: #FFF;}
*/

.grid-view table.items th a.asc {background:url(../i/up.gif) right center no-repeat;padding-right: 10px;}

.grid-view table.items th a.desc {background:url(../i/down.gif) right center no-repeat;padding-right: 10px;}

.grid-view table.items tr.odd {background: #F0F0F0;}
/*
.grid-view table.items tr.odd{background: #E5F1F4;}
*/
.grid-view table.items tr.selected {/*background: #ddd;*/}

/*
.grid-view table.items tr:hover{background: #ECFBD4;}
.grid-view .link-column img{border: 0;}
*/

.grid-view .button-column {text-align: center;width: 60px;}
/*
.grid-view .button-column img {border: 0;}
.grid-view .checkbox-column {width: 15px;}
*/

/*
.grid-view .summary {margin: 5px 0 5px 0; text-align: right; color:#666; font-size: 10px;}
/**/

/*
.grid-view .pager {margin: 5px 0 0 0;text-align: right;}

.grid-view .empty {font-style: italic;}
*/

.grid-view .filters {text-align:center;}

.grid-view .filters input,
.grid-view .filters select {/*width: 95%;*/width: 100%;margin:0 auto;border: 1px solid #aaa;/* font-size: 10px; */}

.grid-view tr.even.marked {background-color:#ffeaea!important;}
.grid-view tr.odd.marked {background-color:#ffe2e2!important;}

.grid-view .idColumn {width: 26px;text-align: center;}
.grid-view .column60 {width:60px;}
.grid-view .column80 {width:80px;}

.grid-view .empty {padding: 20px;/* font-size: 10px; */text-align:center;}

.grid-view .filters {border-bottom: 1px solid #BABEC0;}


.grid-view tr.new {background-color: #ccffcc; }
.grid-view tr.red {background-color: #f9dbdb;}
.grid-view tr.greenEEFFEC {background-color: #eeffec;}
.grid-view tr.lightblue {background-color: #ccf2ff;}
.grid-view .yellow td {background-color: #ffffe6;}
.grid-view .green td {background-color: #e6ffe6;}



/*
стиль таблицы с динамическими чередующимися фонами строк:
не нужно задавать каждой строке .even/.odd в цикле,
т.к. при удалении четной нечётные строки сливаются в один фон
и чередование нарушается;
строки автоматически раскрашиваются при чередовании в CSS:
*/
.grid-view table.even_odd tr:nth-child(odd) {background: #F0F0F0;}

/* при необходимости доп. подсветки строки, например, красной - добавить просто класс "red" (без .red_even/.red_odd) */
.grid-view table.even_odd tr.red:nth-child(odd) {background-color: #f9c5c5;}