/* MAIN Style Sheet */

* {outline:none;outline-width:0;outline:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
*, img {border:none;outline:0;}
*, :focus {outline:none;}
::-moz-focus-inner {border:0;}
html, body {width:100%;height:100%;}
html, body, #Body, form, h1, h2, h3 {margin:0;padding:0;}

a {text-decoration:none;}

a:hover, .bInp, .mainBut, .redBut, .iHnd {cursor:pointer;}

.Wait {cursor:wait !important;}
.fSml, .cSml {font-size:13px;}
.fBig, .cBig {font-size:18px;}

h1, h2, h3 {font-weight:100;}

hr {height:0px;border:none;border-top:1px solid #ccc;border-bottom:1px solid #fff;} hr.Spc {margin:20px 0;}

.Line2 {line-height:150%;} .Line3 {line-height:200%;}
.nobr, a.Butt {display:inline-block;vertical-align:middle;white-space:nowrap;}
.Clear {min-height:1px;clear:both;}

#Body, #Screen, #Head, #Foot, .Block, .Pages {display:block;width:100%;}

.unsel, label, .menuFlap, #Head, #Foot, #toolTip {-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;}

#toTop {display:none;position:fixed;width:40px;height:40px;padding:5px 0 0 0;right:0;bottom:0;opacity:.5;cursor:pointer;z-index:3;background-color:#000;color:#fff;font-size:24px;border-radius:9px 0 0 0;text-align:center;}
#toTop:hover, #toTop:focus {opacity:.9;}

#toolTip {display:none;position:absolute;top:0;left:0;white-space:nowrap;font-size:12px;text-align:center;background:#fff;background:rgba(255,255,255,.9);color:#111;border-radius:5px;border:2px solid #111;padding:6px 9px;box-shadow:0 0 7px rgba(0,0,0,.3);z-index:9918;}
#toolTip .arr {border:1px solid #111;border-color:#111 transparent;border-width:9px 9px 0 9px;position:absolute;bottom:-9px;left:0;z-index:9919;}
#toolTip .arU {border-width:0 9px 9px 9px;bottom:auto;top:-9px;}
/*	*[data-tip] {border-bottom:1px dotted;cursor:help;}	*/

#botErr, #topErr {display:none;}
#topErr {background:#700;color:#edd;text-shadow:-1px -1px 0px #200;width:100%;padding:13px 4%;margin-top:2px;}
.errCls {float:right;padding:3px 7px; margin:-4px 0 7px 9px;border:1px solid #fed;border-radius:15px;cursor:pointer;background:#a00;}
.errCls:hover {background:#f00;}
#topErr hr {border-top:none;border-bottom:1px dotted #fff;}
#topErr a:link, #topErr a:visited {color:#fee;border-bottom:1px dotted;}
#topErr a:hover, #topErr a:focus {color:#ff9;}

/* -- ICONS -- */

.ico40 {display:inline-block;vertical-align:middle;width:40px;height:40px;margin:0;background:transparent url(../../img/ico40.png?r=1) 0 0 no-repeat;cursor:pointer;}

.ico40.Off {background-position:0 -40px;}
.ico40.Iam {background-position:0 -80px;}
.ico40.Add {background-position:0 -120px;}
.ico40.Mod {background-position:0 -160px;}
.ico40.Del {background-position:0 -200px;}
.ico40.Srt {background-position:0 -240px;}
.ico40.Srl {background-position:0 -280px;}
.ico40.Lnk {background-position:0 -320px;}
.ico40.Dir {background-position:0 -360px;}

/*
.ico40.Edy {width:16px;height:16px;margin:-4px;background-image:none;background-color:#bbb;border-radius:8px;}
.ico40.ed0 {background:#060;box-shadow:2px 2px 5px #9f9 inset, -1px -1px 6px #020 inset;}
.ico40.ed1 {background:#d11;box-shadow:2px 2px 5px #fcc inset, -1px -1px 6px #200 inset;}
*/
.ico40.Med { -webkit-transform:scale(.8); -moz-transform:scale(.8); -ms-transform:scale(.8); transform:scale(.8); margin:-4px; }
.ico40.Sml { -webkit-transform:scale(.6); -moz-transform:scale(.6); -ms-transform:scale(.6); transform:scale(.6); margin:-8px; }

.ico40.aFltR {float:right;margin:-9px 0 -9px -40px;}

.ico40.O {opacity:.7;}	.ico40.O:hover, .ico40.O:focus {opacity:1;}

a.ico40 {border:none !important;color::transparent;cursor:pointer;}

/* -- Main Layout -- */

#Head {position:relative;min-height:50px;}

#Head a.Ico {position:absolute;top:5px;width:40px;height:40px;padding:0;}
#Head a.Ico.L {left:5px;}
#Head a.Ico.R {right:5px;}

a.TMB.Ico.Iam {border-radius:50%;background:transparent url(../../img/favicon.png) 50% 50% no-repeat;background-size:cover;}

#Screen, #headTitle {text-align:center;}
#headTitle {font-size:28px;line-height:28px;padding:11px 0 0 0;}

#Foot {font-size:15px;text-align:center;} #Foot sup {font-size:12px;margin-top:-5px;}
#Foot * {display:inline-block;vertical-align:middle;}

.menuFlap {
 position:absolute; top:50px; z-index:101;
 width:100%; max-width:280px; padding:9px;
 background:rgba(235,245,255,.9); box-shadow:1px 1px 7px rgba(0,0,0,.3);
 display:none;
}
#menuMain {left:0;}
#menuUser {right:0;}
.menuFlap.Open {display:block;}
.menuFlap a {display:block;width:100%;padding:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#menuMain a {text-align:left;}
#menuUser a {text-align:center;}

/* -- FORMS -- */

.foRow {display:block;margin-bottom:9px;}
.foRow label {display:block;padding:7px 0 3px 7px;cursor:pointer;}
.foRow .iInp {display:block;margin:2px 0 5px 0;}
.iInp {cursor:text;}
.iInp, .sInp {padding:7px 0 7px 9px;}
.iInp.Req {border-color:#c00;}
.foRow.Chk * {display:inline-block;vertical-align:middle;width:auto;}
.foRow.Chk .cInp {width:18px;height:18px;vertical-align:bottom;position:relative; -webkit-appearance:none;appearance:none;}
.foRow.Chk .cInp:checked::after {content:"\2714";font-size:25px;position:absolute;left:0;top:-14px;}
.foRow.Submit {text-align:center;}
.bInp {text-align:center;padding:9px 13px;} .bInp.fSml {font-size:14px !important;padding:7px 12px;}
.bInp.Fat {font-weight:bold;}
.bInp.Opa, a.Opa {opacity:.7;} a.Opa {cursor:no-drop;} input:disabled {opacity:.4;cursor:no-drop;}
.retErr, .foRow label.retErr {color:#710;text-shadow:0 0 5px #90969c;}
.showPsw {float:right;margin:-41px 5px 0 0;font-size:26px;}
::placeholder {font-style:italic;opacity:1;}
:-ms-input-placeholder {font-style:italic;opacity:1;}
::-ms-input-placeholder {font-style:italic;opacity:1;}
.bInp.Red {background:#900 !important;color:#eaa !important;}
.bInp.Red:hover {color:#fee !important;}
a.Butt {padding:4px 9px;border-radius:5px;background:rgba(0,0,0,.4);color:#eee;}
a.Butt:hover, a.Butt:focus {background:rgba(0,0,0,.5);color:#fff;}
a.Butt.icO {padding:3px;}
.switch {position:relative; -webkit-appearance:none; -moz-appearance:none;appearance:none;width:48px;height:20px;background:#b0b6bc;border-radius:15px;border:1px solid #70767c;box-shadow:1px 1px 6px rgba(0,0,0,.4) inset, 1px 1px 1px rgba(249,253,255,.2); -webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;cursor:pointer;}
.switch:checked {background:#b0badf;}
.switch:after {position:absolute;content:'';top:-4px;display:block;transition:all 0.15s ease-in 0s;width:24px;height:24px;border-radius:50%;border:1px solid #70767c;background:#d1d8df;box-shadow:1px 1px 5px rgba(242,250,255,.7) inset, -1px -1px 6px rgba(0,0,0,.5) inset, 1px 1px 4px rgba(0,0,0,.4);}
.switch:after {left:-1px;background:#eef;}
.switch:checked:after {left:21px;background:#09f;box-shadow:1px 1px 9px rgba(242,250,255,.7) inset, -1px -1px 7px rgba(0,9,20,.5) inset, 1px 1px 4px rgba(0,0,0,.4);border-color:#06c;}

input[type="password"] {font-family:Verdana;letter-spacing:3px;}



/* --- Tables --- */

.dTab, .dRow {display:block;width:100%;margin:0 auto;text-align:left;}
.dTab {border:1px solid #fff;border-color:#aaa #fff #fff #aaa;}
.dRow, .dCol {white-space:nowrap;overflow:hidden;}
.dRow {background-color:#eee;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.dRow.Top {background-color:#c3c9cf;color:#404f5e;text-shadow:1px 1px 0 #f3f9ff;}
.dCol {text-overflow:ellipsis;display:inline-block;vertical-align:top;padding:6px 8px;border:1px solid #fff;border-color:#fff #aaa #aaa #fff;width:50%;}
.dTab.Shad {box-shadow:1px 1px 6px rgba(0,15,36,.15);}
.dTab.SwpC .dRow:not(.Top):nth-child(odd) {background-color:#dddedf;}
.dTab.Over .dRow:not(.Top):not(.colN):hover, .dTab.Over .dRow:not(.Top):not(.colN):focus {background:rgba(250,252,255,.06);}
.dRow.colN, .dRow.colN:hover, .dRow.colN:focus {background:#d4dadf;font-size:15px;font-weight:bold;}
.dRow.colN .dCol {cursor:pointer;opacity:.52;}
.dRow.colN .dCol:hover, .dRow.colN .dCol:focus {background:#d0d6dc;}

.Pages {padding:15px 0;text-align:center;}
.Pages a {padding:5px 9px;margin:0 1px;font-size:17px;}

/* -- PopI -- */

#popIbgr {position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:996;	backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }
#popIfrt {position:fixed;top:25px;left:50%;width:100%;max-width:90px;height:45px;transform:translate(-50%,0);margin:0;padding:0;background:#eee;color:#111;box-shadow:1px 1px 13px rgba(0,0,0,.7);z-index:998;}

#popIfrt.Center {top:49%;transform:translate(-50%,-50%);}
#popIfrt.Scroll {overflow:auto;}
#popIfrt.Scroll::-webkit-scrollbar {width:9px;height:9px;background-color:#eee;}
#popIfrt.Scroll::-webkit-scrollbar-thumb {background-color:#777;border-radius:7px;}

#popIcls {text-align:center;float:right;margin:-9px -9px 0 0;width:21px;height:21px;font-size:14px;border-radius:11px;background:#777;color:#fff;cursor:pointer;}
#popIcls:hover, #popIcls:focus {text-shadow:1px 1px 1px #600;background:#c00;}
#popIfrt.Scroll #popIcls {margin:1px 1px 0 0; border-radius:0 0 0 7px; }
#popItxt {display:block;width:100%;min-height:45px;text-align:center;padding:7px 13px;}

.highlight {background:#ff0;}
q {quotes: "“" "”" "‘" "’";}	q::before {content:open-quote;}	q::after {content:close-quote;}

@media screen and (min-width:621px) {
 .noD {display:none !important;}
 .menuFlap {max-width:280px;}
 #Screen {padding:2%;}
 #Body {min-height:100%;padding-bottom:75px;}
 #Foot {height:50px;margin:-50px auto 0;padding:13px 0 0;}
 #Foot a {display:inline-block;vertical-align:middle;border-left:1px dotted;padding:2px 20px;}
 #Foot a:first-child {border:none;}
}

@media screen and (max-width:620px) {
 .noM {display:none !important;}
 #Head a.Ico.L {left:2%;}
 #Head a.Ico.R {right:2%;}
 #Screen {padding:25px 3%;}
 #Foot {padding:15px 0;}
 #Foot a {display:block;width:100%;padding:11px 0;}
 .dCol {padding:8px;}
 .Pages a {padding:7px 11px;font-size:18px;}
 .menuFlap {padding:13px;}
 .menuFlap a {padding:11px;font-size:17px;}
}