@CHARSET "UTF-8";

body { background-color:#ddddff; font-family: Arial, sans-serif; }
div#content { text-align:center;position:relative; }
div.binfo { background-color:#e4e4e4;width:90%;margin:5px auto;position:relative;border-radius:0.5em; }

table { margin:5px auto; }

table.tblHead { background-color:#e4e4e4; border-width:1px; border-style:outset; width:90% }
table.tblHead th, table.tblHead td { border-width:1px; border-style:inset; }
td.nb { white-space:nowrap; }

table.tblAlt {border-collapse: collapse;}
table.tblAlt td, table.tblAlt th {border:1px solid silver;padding-left:4px;padding-right:4px;}

table.tblEdit { background-color:#333333; }
table.tblEdit tbody tr>:first-child { background-color:#99dd99; text-align:right; }
table.tblEdit tbody td { padding:4px; background-color:#dddd99; text-align:left; }
table.tblEdit tfoot td { background-color:#dddddd; text-align:right; }
table.tblEdit tfoot tr>:first-child { background-color:#dddddd; text-align:center; }
table.tblEdit thead td,table.tblEdit thead th { background-color:#dddddd; }
table.tblFull { width:80% !important; }
table.tblHalf { width:60% !important; }
table.tblmini { width:auto !important; }
table.tblmini tbody td { padding:4px; background-color:#dddd99; text-align:center; }

table.tblEdit td, table.tblList td { padding:4px; background-color:transparent; }
table.tblEdit th, table.tblList th { padding:4px; }

table.tblList { background-color:#333333; width:90%;}
table.tblList thead tr, table.tblList tfoot tr { padding:4px; background-color:#99dd99; }
table.tblList td { text-align:center; }

table.tblList td.edit {width:9em; background-image: url('img/b_edit.png'); background-repeat: no-repeat; background-position: right center; background-origin: content-box;}
table.tblList td.edit input {width: 8em; font-family: Sans-serif; border-width: 0px; text-align: right;}

table.tblStat { background-color:#333333; }
table.tblStat thead tr, table.tblStat tfoot tr { padding:4px; background-color:#9999ff; }
table.tblStat tbody tr { background-color:#d3d3f5; }
table.tblStat tbody tr:hover { background-color:#a8b0bb; }
table.tblStat td { padding: 4px; }

table.tblAdd { background-color:#d3d3f5; padding:5px 0px; }
table.tblAdd td {padding:2px 5px;}

table.report td { text-align:left; }
table.report tr>:first-child { text-align:center; }

td.mN { background-color:#dddd99 !important; }
td.mN:hover { background-color:#eeeed4 !important; }
tr.mN { background-color:#dddd99; }
tr.mN:hover { background-color:#eeeed4; }
tr.mY { background-color:#dddd66; }
tr.mY:hover { background-color:#eeee88; }
td.mR { background-color:#dd9999 !important; }
td.mR:hover { background-color:#ffaaaa !important; }
tr.mR { background-color:#dd9999; }
tr.mR:hover { background-color:#ffbbbb; }
td.mG { background-color:#e4e4e4; color:gray !important; }
td.mG:hover { background-color:#eeeeee; color:black !important; }
tr.mG { background-color:#e4e4e4; color:gray; }
tr.mG:hover { background-color:#eeeeee; color:black; }
tr.mB { background-color:#e4e4e4; color:black; font-weight:bold; }
td.mB { font-weight:bold; }
td.mS { background-color:#dd99dd !important; color:black !important; }
tr.hided { display:none; }

div.on { color:green; text-align:left; margin-left:10px; white-space:nowrap; }
div.off { color:red; text-align:left; margin-left:10px; white-space:nowrap; }

A:link {color:#0000CC; text-decoration: none}
A:visited {color:#0000CC; text-decoration: none}
A:active {color:#0000CC; text-decoration: none}
A:hover {color:#00004F; text-decoration: underline;}

hr { width:90%; }

div#tp1 {position:absolute;right:20px;font-weight:normal;background-color:#e4e4e4;}
span#rtimer {right:100px;font-weight:normal;font-size:smaller}
div#rb_tooltip {position:absolute;z-index:10000;border:1px solid silver;text-align:center;background-color:#FFFFE0;border-radius:8px;}

div.co { padding:10px;max-width:500px; }
sup.ip {padding:5px;cursor:pointer;font-size:smaller}

.flDIV {position:absolute;border:1px solid silver;text-align:center;background-color:yellow;border-radius:5px;}
.newDd {width:100%;height:8px;text-align:right;background-color: #D0D0FF;cursor:move;font-size:6px;}

div.tlc { width:70%; background-color:#f0f0f0; text-align:left; padding:10px; margin:5px auto; }
div.tl { margin-bottom:15px; }
div.th { border:1px solid silver; width:100%; margin:5px 0px; }
div.ti { border:1px solid silver; padding-left:50px;}
div.thr { position:relative; background-color:#dddd99; }
div.td {border:1px solid silver;background-color:#ffd;width:70%;margin:15px;padding:5px;}
span.ts { padding:0px 10px; }
span.tu { padding:0px 30px; }
div.to { position:absolute; right:5px;top:0px; padding:0 10px 0 10px; text-align:right; background-color:#dddd99;}
div.tb { padding:5px; overflow:hidden; }
div.tb:hover { background-color:white; }

div.sl {width:60%;background-color:#e4e4e4;text-align:center;padding:10px;margin:20px 5px;overflow:hidden;}

div.help {text-align:justify;padding:1em 2em;}
div.help:first-letter, div.help p:first-letter {padding-left:1em;}
div.help_bottom {margin:2em auto; max-width:60%; min-width:300px; background-color:#e4e4e4;}

.green {color:#080;}
.grey {color:grey;}
.red {color:#a00;}
.b {font-weight: bold;}
.i {font-style: italic;}

div.twocol {width:90%;margin:0 auto;background-color:#e4e4e4;}
div.twolr {width:46%;float:left;margin:5px auto;padding:0 2%;}
div.clear {clear: both;}

span#ext_rows { padding:0 10px;cursor:pointer; }

td.bp_2 {text-align:left !important; padding-left:1em !important;}
td.bp_3 {text-align:left !important; padding-left:2em !important;}
td.bp_4 {text-align:left !important; padding-left:3em !important;}
td.bp_5 {text-align:left !important; padding-left:4em !important;}

tr.asHead th, tr.asHead td { background-color:#99dd99; }

div.ym_menu {margin:1em;}

div#shadow {background-color:rgba(0,0,0,0.8);z-index:2000;width:100%;height:100%;position:absolute;left:0;top:0;}
div.form {border: 4px solid silver;background-color:#eee;margin:auto;min-width:300px;width:600px;position:relative;top:100px;border-radius:10px;padding:15px;}
div#plan_display {width:30em;background:white;padding:2px 10px;}

div.toUp {position:fixed;bottom:20px;right:20px;background-color:rgba(255, 255, 255, 0.7);padding:2px;border-radius:0.5em;}
div.toUp:hover {background-color:white;}

div.view_holder {display:flex; justify-content:center; flex-wrap:wrap;}
div.block_view {width:162px;border: 2px solid #333333;border-radius:0.5em;margin:3px;background-color:#dddd99;position:relative; overflow: hidden;}
div.block_view div:first-child {background-color:#99dd99;border-radius:0.5em 0.5em 0 0;padding-right:16px;text-align:center;}
div.block_view div {text-align:left;border-top:1px solid silver;padding:0 0.3em;}
div.block_view div.bl_edit, div.binfo div.bl_edit {position:absolute;top:0;right:0;border:none;padding:0;}
div.block_view div.bl_edit a, div.binfo div.bl_edit a {display:block;width:20px;height:20px;background:url('img/b_gear.png') no-repeat center;}
div.offline div:first-child {background-color:#ee4444;font-weight:bold;color:white;text-shadow:0 0 2px black, 0 0 1em white;}
div.offline div:first-child a {color:white;}
div.yellow div:first-child {background-color:#ffff33;}

div.block_add {border: 2px solid #333333;border-radius:0.5em;margin:3px;padding:10px;background-color:#dddd99;position:relative;font-size:20px;font-weight:bold;}

.menuF a, .menuF span {padding: 0 0.5em;white-space: nowrap;border-top: none;border-left: 1px solid black;border-right: 1px solid black;margin-right: -1px;}
.menuF a:hover, .menuF span:hover {background-color:#f4f4f4;}
.menuF {display:flex; justify-content:center; flex-wrap:wrap;}

@media screen and (max-width: 640px) {
	table:not(.noScroll) {overflow-x: auto; display: block;}
	table.tblHead, table.tblFull, table.tblHalf, table.tblList, div.twocol, div.twolr {width:auto !important;}
	div#tp1 {background:white;padding:1px 3px;}
	div.tlc {width:90%;}
	table.tblAdd td {white-space:nowrap;}
	table.tblAdd [type="text"] {width:95%;}
	table.tblAdd textarea {width: 98%;height: 10em;}
	tfoot tr>:last-child { text-align:left !important; padding-left: 5em !important; }
	div.toUp { display:none; }
	.toLeft { float:left; margin-right: 3px; }
	.menuF a, .menuF span {line-height:1.7em;}
}

@media print { /* Стиль для печати */
	body { background-color:white; font-family: Arial, sans-serif; font-size:9px; color:black; }
	div#content {width: 650px;}
	tr.mN,tr.mY,tr.mG,tr.mR,table.tblmini tbody td {background-color:white; }
	table.tblHead,div.binfo,input,.print_hide,div#rb_tooltip,div.toUp { display:none; }
	table { border:1px solid black;border-collapse: collapse; width:100% !important; }
	table.tblFull { width:100% !important; }
	table.tblEdit,table.tblmini,table.tblHalf {width:auto !important;}
	td,th { border:1px solid black;background-color:white; }
	tfoot { display:table-row-group; }
	A:link,A:visited,A:active,A:hover { color:black;text-decoration: none;font-weight:bold; }
}