body {
	font-family: Arial, Tahoma;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	background-color: #F0E0C0;
	background-image: url(img/bg.png);
}

a:link, a:visited {
	font-style: normal;
	color: #0040E0;
	text-decoration: none;
}

a:active, a:hover {
	font-style: normal;
	color: #E03030;
	text-decoration: none;
}

div.content {
	text-align: center;
	border: 1px solid #D0D0D0;
	padding: 6px;
	margin: 2px;
	background: rgba(255,255,255,0.2);
	background-image: url(img/gradient.png);
	background-position: bottom;
	background-repeat: repeat-x;
	border-radius: 6px;
	min-width: 1000px;
	min-height: 740px;
}

div.content div.content {
	background-color: rgba(64,64,64,0.2);
	min-width: 0;
	min-height: 0;
}

.pre {
	white-space: pre-wrap;
}

table {
	background-color: #FCFCFC;
	border: 1px solid #A0A0A0;
	border-radius: 4px;
	border-spacing: 1px;
}

td, th {
	text-align: center;
	border: 1px solid #b0b0b0;
	padding: 2px;
	border-radius: 2px;
}

div#userlist td, div#paymentlist td {
	text-align: left;
}

.enabled {
	background-color: #EEFFEE;
}

.disabled {
	background-color: #FFE0E0;
}

.limited {
	background-color: #DEDED0;
}

.title, table.stats .title, div.datepicker thead th {
	background: #404040;
	background: linear-gradient(top, #606060 0%, #202020 100%);
	background: -moz-linear-gradient(top, #606060 0%, #202020 100%);
	background: -webkit-linear-gradient(top, #606060 0%,#202020 100%);
	color: #FFFFFF;
}

.label, table.stats .label {
	background: #90e090;
	background: linear-gradient(top, #a0f0a0 0%, #70cc70 100%);
	background: -moz-linear-gradient(top, #a0f0a0 0%, #70cc70 100%);
	background: -webkit-linear-gradient(top, #a0f0a0 0%, #70cc70 100%);
	color: #000000;
}

div#userlist td.label {
	text-align: center;
}

input[type="text"] {
	border: 1px solid #808080;
	border-radius: 2px;
	padding: 2px;
}

input[type="button"], input[type="submit"], button, select {
	font-weight: bold;
	color: #000000;
	border-top: 1px solid #88aadd;
	border-left: 1px solid #88aadd;
	border-bottom: 1px solid #7090c0;
	border-right: 1px solid #7090c0;
	border-radius: 12px;
	padding: 2px 4px;
	margin: 2px;
	min-width: 42px;
	background-color: #a5b8da;
	background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
	background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
	background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
	background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
	background-image: linear-gradient(to bottom, #a5b8da, #7089b3);
}

select {
	padding: 0;
}

input[type="button"]:hover, input[type="submit"]:hover, button:hover, select:hover {
	border: 1px solid #80a0e0;
	background-color: #d0e0f0;
	background-image: -webkit-linear-gradient(top, #d0e0f0, #7090cc);
	background-image: -moz-linear-gradient(top, #d0e0f0, #7790cc);
	background-image: -ms-linear-gradient(top, #d0e0f0, #7790cc);
	background-image: -o-linear-gradient(top, #d0e0f0, #7790cc);
	background-image: linear-gradient(to bottom, #d0e0f0, #7790cc);
}

input[type="button"]:active, input[type="submit"]:active, button:active, select:active {
	border: 1px solid #ff9913;
	background-color: #ffaf46;
	background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
	background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
	background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
	background-image: -o-linear-gradient(top, #ffaf46, #e78404);
	background-image: linear-gradient(to bottom, #ffaf46, #e78404);
}

option {
	background-color: #819bcb;
	border-radius: 2px;
}

option:hover {
	background-color: #ffaf46;
	background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
	background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
	background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
	background-image: -o-linear-gradient(top, #ffaf46, #e78404);
	background-image: linear-gradient(to bottom, #ffaf46, #e78404);
}

table .empty {
	background-color: #DDDDDD;
}

table.stats .good {
	background-color: #D0FFD0;
}

table.stats .bad {
	background-color: #FF3232;
	color: #FFFFFF;
}

fieldset {
	border: 1px solid #C0C0C0;
	border-radius: 6px;
	background: rgba(255,255,255,0.3);
}

div#left {
	float: left;
	border-right: 1px solid #C0C0C0;
	max-width: 20%;
}

div#right {
	margin-left: 20%;
}

div#footer {
	clear: both;
}

#userlist tr:hover, #paymentlist tr:hover, #paymentlist td:hover {
	background-color: #FFFFFF;
}

div#loading {
	border: 1px solid #808080;
	padding: 20px;
	position: fixed;
	left: 45%;
	top: 40%;
	background-color: #FFFFFF;
	color: #000000;
	opacity: 0.8;
	text-align: center;
	font-size: smaller;
	border-radius: 6px;
}

div#window {
	padding: 6px;
	position: fixed;
	text-align: center;
	left: 20%;
	top: 20%;
	max-height: 80%;
	min-height: 25%;
	height: 70%;
	width: 60%;
	border: 1px #808080 solid;
	background-image: url(img/gradient.png);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #d0d0d0;
	border-radius: 6px;
}

div#events {
	border: 1px solid #202020;
	padding: 12px;
	position: fixed;
	right: 0;
	bottom: 0;
	background-color: #404040;
	color: #F0F0F0;
	opacity: 0.5;
	z-index: 99;
	text-align: left;
	border-radius: 6px 0 0 0;
	max-width: 320px;
	margin: 0 auto;
	font-size: smaller;
}

div#events:hover {
	opacity: 1;
}

div#window td.label {
	width: 32px
}

img {
	border: none;
	vertical-align: middle;
}

textarea {
	font-family: monospace;
	border: 1px solid #C0C0C0;
	color: #000000;
	background-color: rgba(255,255,255,0.5);
}

div#nav {
	font-size: 10px;
	text-align: center;
	margin: 0px 2px 10px 2px;
	border: 1px solid #D0D0D0;
	background-color: rgba(64, 64, 64, 0.1);
	background-image: url(img/gradient.png);
	background-position: bottom;
	background-repeat: repeat-x;
	border-radius: 6px;
	min-width: 900px;
}

div#nav form {
	display: inline;
}

div#nav form select {
	font-size: 10px
}

div#nav h2 {
	padding: 12px;
}

div#nav ul ul {
	display: none;
}

div#nav ul li:hover > ul {
	display: block;
}

div#nav ul {
	text-align: left;
	font-weight: bold;
	padding: 0 30px;
	list-style: none;
	position: relative;
	display: inline-table;
	margin: 0;
}

div#nav ul:after {
	content: "";
	clear: both;
	display: block;
}

div#nav ul li {
	float: left;
}

div#nav ul li a:hover {
	border-radius: 4px 4px 0 0;
	background: #fcfcfc;
	background: linear-gradient(top, #fcfcfc 0%, #dddddd 100%);
	background: -moz-linear-gradient(top, #fcfcfc 0%, #dddddd 100%);
	background: -webkit-linear-gradient(top, #fcfcfc 0%, #dddddd 100%);
}

div#nav ul li a {
	display: block;
	padding: 14px;
	margin: 0;
}

div#nav ul ul {
	background: rgba(240,240,240,0.9);
	border-radius: 0;
	padding: 0;
	position: absolute;
	top: 100%;
}

div#nav ul ul li {
	float: none;
	border-bottom: 1px solid #d0d0d0;
	position: relative;
}

/* gotop button */

button#gotop {
	display: none;
	position: fixed;
	bottom: 2.5%;
	left: 2.5%;
	border: none;
	outline: none;
	z-index: 2;
	background: #404040;
	opacity: 0.25;
	color: #F0F0F0;
	cursor: pointer;
	padding: 6px;
	font-size: 14pt;
	border-radius: 24px;
	text-align: center;
	min-width: 40px;
}

button#gotop:hover {
	opacity: 0.8;
}

/* datepicker */

div.datepicker {
	position: absolute;
	text-align: center;
	border: 1px #c0c0c0 solid;
	background: #FFFFFF;
	padding: 0px;
}
div.datepicker table {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 180px;
	border-radius: 0;
}
div.datepicker table thead tr th {
	font-weight: bold;
	border-radius: 0;
	padding: 0px;
	margin: 0px;
}
div.datepicker table tbody tr {
	border: 1px white solid;
	margin: 0px;
	padding: 0px;
}
div.datepicker table tbody tr td {
	border: 1px #eaeaea solid;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
div.datepicker table tbody tr td:hover,
div.datepicker table tbody tr td.outbound:hover,
div.datepicker table tbody tr td.today:hover {
	border: 1px #c4d5e3 solid;
	background: #e9eff4;
	cursor: pointer;
}
div.datepicker table tbody tr td.wday {
	font-size: smaller;
	border: 1px #ffffff solid;
	background: #ffffff;
	cursor: text;
}
div.datepicker table tbody tr td.outbound {
	background: #e8e4e4;
}
div.datepicker table tbody tr td.today {
	border: 1px #16518e solid;
	background: #c4d5e3;
}
div.datepicker table tbody tr td.nclick,
div.datepicker table tbody tr td.nclick_outbound,
div.datepicker table tbody tr td.nclick_today {
	cursor: default; color: #aaa;
}
div.datepicker table tbody tr td.nclick_outbound {
	background: #E8E4E4;
}
div.datepicker table tbody tr td.nclick_today {
	background: #c4d5e3;
}
div.datepicker table tbody tr td.nclick:hover,
div.datepicker table tbody tr td.nclick_outbound:hover,
div.datepicker table tbody tr td.nclick_today:hover {
	border: 1px #eaeaea solid;
	background: #FFF;
}
div.datepicker table tbody tr td.nclick_outbound:hover {
	background: #E8E4E4;
}
div.datepicker table tbody tr td.nclick_today:hover {
	background: #c4d5e3;
}
div.datepicker table tfoot tr td {
	font-size: smaller;
	border-top:1px solid #c0c0c0;
	cursor: pointer;
	text-align: center;
	padding: 0px;
}

.qbad {
	background-color: #FFEEEE;
}

.qnormal {
	background-color: #FFFFEE;
}

.qgood {

}

img.graph {
	cursor: zoom-out;
}

.smotreshka_hero {position: fixed; bottom: 50px; right: 0; width: 300px; height: 321px; z-index: 99; text-align: right;}
.smotreshka_hero .smotreshka01 {background: url(img/smotreshka01.gif); width: 321px; height: 250px; position: absolute; bottom: 0; right: 0;}

.smotreshka_hero .exit_hero {position: absolute; top: 100px; left: 3px; cursor: pointer; display: none; z-index: 11;}
.smotreshka_hero:hover .exit_hero {display: table;}

@keyframes icon-hue {
	0% {
		filter: hue-rotate(0deg);
	}
	100% {
		filter: hue-rotate(360deg);
	}
}

#icon:hover {
	animation: icon-hue 3s infinite;
}
/*
 * DOM element rendering detection
 * https://davidwalsh.name/detect-node-insertion
 */
@keyframes chartjs-render-animation {
	from { opacity: 0.99; }
	to { opacity: 1; }
}

.chartjs-render-monitor {
	animation: chartjs-render-animation 0.001s;
}

/*
 * DOM element resizing detection
 * https://github.com/marcj/css-element-queries
 */
.chartjs-size-monitor,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-shrink {
	position: absolute;
	direction: ltr;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	pointer-events: none;
	visibility: hidden;
	z-index: -1;
}

.chartjs-size-monitor-expand > div {
	position: absolute;
	width: 1000000px;
	height: 1000000px;
	left: 0;
	top: 0;
}

.chartjs-size-monitor-shrink > div {
	position: absolute;
	width: 200%;
	height: 200%;
	left: 0;
	top: 0;
}

div.sberbuttons {
	border-radius: 3px;
	border-top: none;
	border-left: none;
	border-bottom: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	background-color: #FAFAFA;
	color: #101010;
	padding: 10px 20px;
	width: auto;
	margin: 5px auto;
	display: inline-block;
}

div.sberbuttons button {
	border-radius: 21px;
	border: none;
	background: #08a652;
	color: #F0F0F0;
	padding: 6px;
}