:root{
	--color1:#406CB0;
	--color1-rgba:rgb(64, 108, 176,0.3);
	--color1-hover:#39619c;
	--color1-active:#315385;
	--color1-text:#222;

	--color1-pale:#dce7f7;
	--color1-pale-hover:#cbdbf3;
	--color1-pale-active:#99b0d1;
	--color1-pale-text:#406CB0;
}

input[type='submit'],
input[type='button'],
button {
	background:var(--color1);
	color:#fff;
}

input[type='submit']:active,
input[type='button']:active,
button:active {
	background:var(--color1-active);
}

input:focus,
select:focus,
textarea:focus
{
	border-color:var(--color1);
	box-shadow:0 0 0 4px var(--color1-rgba);
}

#menuHead{
	background:var(--color1);
}
#menuHead ul li:hover{
	background:var(--color1-hover);
}
#menuHead ul li:active{
	background:var(--color1-active);
}

#appMenuItem ul li a{
	padding-top:8px;
	padding-bottom:8px;
}

.gridBlock .gridApp .gridItem_on{
	background:var(--color1-pale);
}

.tbGridUI .trChecked,
#appMenuItem ul li.appMenuItem_on,
.tbGridUI tbody tr:hover{
    background:var(--color1-pale);
}
.tbGridUI tbody tr:active{
    background:var(--color1-pale-active);
}

#appMenuItem ul li.appMenuItem_on a{
	color:var(--color1);
}
a{
	color:var(--color1);
}

.loginPage{
	background:var(--color1) url(../images/bg_admin.jpg) no-repeat center;
}
.transDataTitle{
	color:#000;
	border-bottom:1px solid #e5e5e5;
	font-size:16px;
}

@media(max-width: 768px){
	.transDataTitle{
		border-bottom:1px solid var(--color1);
		font-size:18px;
	}

	#appMenuItem ul li a{
		padding-top:12px;
		padding-bottom:12px;
	}
}

fieldset{
	border:1px solid var(--color1);
}
legend{
	background:var(--color1-pale);
	color:var(--color1);
}

.bgClicFlat{
	cursor:pointer;
	background-color:var(--color1-pale);
}
.bgClicFlat:hover{
	background-color:var(--color1-pale-hover);
}
.bgClicFlat:active{
	background-color:var(--color1-pale-active);
}
/*****/