.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:10px;}

.grid-view table.items
{
	background: white;
	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
{
	font-size: 12px;
    color:#666;
}

.grid-view table.items th
{
	color: #003366;
	font-size: 10px;
	font-weight:normal;
	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:9px; */
	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%;
	margin:0 auto;
	border: 1px solid #aaa;
	font-size: 10px;
}


.pager {color:#666; margin-top:10px;}
.pager a {color:#003366!important; font-weight:normal!important; border:none!important;}
.pager li.selected a {background:none!important; color:#000!important; font-weight:bold!important;}
.pager .hidden {display:none;}

.drop-down {padding-right:10px!important;}
.drop-down .panel {
    border:1px solid #aaa;
    border-top:none;
}

.drop-down input, .drop-down select, .drop-down textarea {
    border-width: 1px;
    width:350px;
    font: 11px Verdana;
}
.drop-down label {
    width:105px;
    display:block;
    float:left;
    text-align:right;
    padding: 4px 5px 0 0;
    color:#666; 
    font-size: 10px;
}
.drop-down textarea {height:35px;}
.drop-down .row {
    padding: 3px 10px 2px 10px;
}
.drop-down .row.even {background-color:#F0f0f0}
.drop-down .row.buttons button {margin: 0 0 10px 110px; width:100px;}

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

.grid-view .idColumn {width:25px;}
.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;
}

.ui-sortable-helper {
    background-color: #ffffcc!important;
    width:auto!important;
}

tbody .sortable-column {cursor:pointer;}


.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 в цикле, т.к. при удалении четной нечётные сливаются в один фон;
при необходимости доп. подсветки строки, например, красной - добавить просто класс "red" (без .red_even/.red_odd)
*/
.grid-view table.even_odd tr:nth-child(odd) {background: #F0F0F0;}

.grid-view table.even_odd tr.red:nth-child(odd) {background-color: #f9c5c5;}


.custom-select {
	min-width: 350px;
	position: relative;
  }
  
select {
	/*appearance: none;*/
	/*  safari  */
	/*-webkit-appearance: none;*/
	/*  other styles for aesthetics */
	/*width: 100%;*/
	/*font-size: 1.15rem;*/
	/*padding: 0.675em 6em 0.675em 1em;*/
	background-color: #fff;
	border: 1px solid #aaa;
	/*border-radius: 0.25rem;*/
	color: #000;
	cursor: pointer;
	padding: 4px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 3px;
}

option {
	padding: 10px 10px;
}
  
  .custom-select::before,
  .custom-select::after {
	--size: 0.3rem;
	content: "";
	position: absolute;
	right: 1rem;
	pointer-events: none;
  }
  
  .custom-select::before {
	border-left: var(--size) solid transparent;
	border-right: var(--size) solid transparent;
	border-bottom: var(--size) solid black;
	top: 40%;
  }
  
  .custom-select::after {
	border-left: var(--size) solid transparent;
	border-right: var(--size) solid transparent;
	border-top: var(--size) solid black;
	top: 55%;
  }