body { font-size:0; font-family:Tahoma, Geneva, sans-serif; color:#000; text-align:center; margin:0; padding:0;
    background-color:#FFFFFF;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#FFFFFF)) repeat-x;
    background:-webkit-linear-gradient(top, #EEEEEE, #FFFFFF) repeat-x;
    background:-moz-linear-gradient(top, #EEEEEE, #FFFFFF) repeat-x;
    background:-ms-linear-gradient(top, #EEEEEE, #FFFFFF) repeat-x;
    background:-o-linear-gradient(top, #EEEEEE, #FFFFFF) repeat-x;
}
form { padding:0; margin:0; }
h1, h2, h3 { margin:0; }
.dv0x0 { height:35px; margin:-1px 0 0 0;
    background-color:#F0542A;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#C23512), to(#F0542A)) repeat-x;
    background:-webkit-linear-gradient(top, #C23512, #F0542A) repeat-x;
    background:-moz-linear-gradient(top, #C23512, #F0542A) repeat-x;
    background:-ms-linear-gradient(top, #C23512, #F0542A) repeat-x;
    background:-o-linear-gradient(top, #C23512, #F0542A) repeat-x; }
#LSide, #RSide { display:inline-block; vertical-align:top; overflow:initial; font-size:13px; -webkit-transition:350ms all ease-out; transition:350ms all ease-out; }
.WResize { height:15px; width:15px; position:absolute; cursor:nwse-resize; right:0; bottom:0; }
#LSide { width:200px; height:100vh; background:#111; position:fixed; left:0; z-index:0; }
#LSide.btnLSideClk { width:0; }
#btnLSide { width:20px; height:24px; position:absolute; background:#111; margin:10px 0 0 168px; border-radius:0 10px 10px 0; cursor:pointer; -webkit-transition:350ms all ease-out; transition:350ms all ease-out; z-index:1; }
#btnLSide svg { height:16px; margin:4px 3px 0 0; }
#btnLSide svg path { fill:#FFF; }
#btnLSide svg:hover path { fill:#FE0; }
#LSide.btnLSideClk #btnLSide { margin:10px 0 0 0; }
#LSide.btnLSideClk #btnLSide svg { transform:rotateY(-180deg); }
#LSide ul { list-style:none; text-align:left; padding:0 5px; margin:0; }
#LSide li:first-of-type { border-top:none; }
#LSide li:last-of-type { border-bottom:none; }
#LSide li { cursor:pointer; color:#FFF; padding:0; line-height:25px; border-bottom:1px solid #333; border-top:1px solid #000; white-space:nowrap; }
#LSide li.svg { text-align:center; fill:#FFF; font-size:10px; }
#LSide li svg { width:95px; }
#LSide li:hover { color:#FE0; }
#LSide li:hover svg { fill:#FE0; }
#LSide li:hover:not(:last-of-type) { border-bottom:1px solid #444; }
#LSide .nano { height:calc(100% - 90px); }
#LSide > div:last-child { overflow:hidden; margin:0 10px; text-align:center; }
#LSide > div:last-child a { color:#fff; text-decoration:none; }
#LSide > div:last-child a:hover { color:#FE0; }
#LSide > div:last-child svg { background:#111; fill:#FFF; }
#LSide > div:last-child svg:hover { fill:#FE0; }
#LSide > div:last-child div:first-child { font-size:11px; margin-bottom:10px;}
#LSide > div:last-child div:first-child:hover svg { fill:#FE0; }
#RSide.btnLSideClk { width:100%; margin:0; }
#RSide { width:calc(100% - 200px); margin:0 0 0 200px; height:100vh; }
#HmPgBtn { padding:10px 0 0 0 !important; }
#HmPgBtn svg { width:120px !important; fill:#FFF; }
.dv1x1 { width:100%; font-size:50px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#C0C; margin:10vh 0 30px 0; line-height:15px; }
.dv1x1 span { font-size:11px; color:#999; font-family:Tahoma, Geneva, sans-serif; }
.dv2x1 { overflow:auto; margin:10px 0 0 0; text-align:right; display:inline-block; }
h1 {
    font-family: Arial, serif; font-size:15px; font-weight:bold; text-transform:uppercase; margin:0 0 10px 0; }
.Main { width:calc(100% - 20px); max-width:800px; padding:0 10px; display:inline-block; }
.mnu { overflow:auto;
    font-family: Arial, serif; padding:0; margin:0 0 20px 0; }
.mnu span { display:inline-block; line-height:normal; }
.mnu li { list-style:none; padding:5px; width:calc(33% - 16px); display:inline-block; color:#FFF; background-color:#999; text-align:center; border-radius:4px; cursor:pointer; margin:0 5px 0 0; vertical-align:top; }
.mnu li:last-of-type { margin:0; }
.mnu li:not(.s):hover { background-color:#666; }
.mnu li.s { background-color:#F0542A; }
.MainCore { overflow:auto; font-size:0; }
.MainCore > div { display:inline-block; vertical-align:top; font-size:12px; }
.MainCore .L { width:calc(100% - 221px); height:45vh; margin:0 10px 0 0; }
.MainCore .L > div { height: calc(100% - 10px)!important; }
.MainCore .R { width:199px; border-left:1px dashed #333; padding-left:10px; }
.ftr { margin:30px 0 0 0; }
.Top { text-align:justify; color:#333; margin:0 0 30px 0; }
.hl1, .hl2, .hl3 { height:1px; font-size:0; margin:5px 0; }
.hl1 { border-bottom:1px dotted #666; }
.hl4 { height:1px; font-size:0; border-top:1px dashed #000; margin:2px 10px 2px 10px; }
.hl5 { height:1px; font-size:0; border-top:1px dotted #360; margin:2px 0 2px 0; }
.hl6 { height:2px; font-size:0; background:url(images/hl3.png) no-repeat 50% 0; }
.RoundTop { border-top-left-radius:2px; border-top-right-radius:2px; }
.FL { float:left; }
.FR { float:right; }
.Pntr { cursor:pointer; }
.marker { position:fixed; background:#c00; width:1px; height:22px; }
.protected, .templateNotice { margin:10px 5px 0 5px; padding:5px; border-radius:3px; }
.protected { font-weight:bold; border:1px solid #FFFF00; background:rgba(255, 255, 0, 0.7); }
.templateNotice {cursor:pointer; border:1px solid #c55b00; background:#ffdec3; }
/* Textboxes */
.Box input[type="text"], .Main input[type="text"], input[type="password"], textarea, .PInput { width:187px; display:inline-block; border:1px solid #AAA; height:24px; margin:4px 0; padding:0 5px; border-radius:5px; }
.PInput { background:#FFF; }
/* Input Possibilities */
.Grp { padding:5px; text-align:left; }
.templates .Grp { padding:5px 0; }
.Grp input[type='checkbox'] { margin:2px 5px 0 0; float:left; }
.Grp.v2 { padding:0; }
.mng {overflow:auto;border-radius:4px 4px 0 0;background:rgba(255, 255, 255, 0.3);padding:3px 3px 3px 5px;line-height:18px;margin:2px 0 1px 0;}
.mng.v2 { margin:5px 5px 0 5px; padding:3px; border-bottom:1px solid rgba(255, 255, 255, 0.5); background:linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.3)); }
.mng.v2 input[type='text'] { border:none; margin:3px; width:calc(100% - 16px); }
.mng.v2 div { margin:3px; font-weight:bold; }
.mng.v2 select { height:19px; border:none; margin:0; float:right; }
.Grp:nth-child(even) .mng { background:rgba(0, 0, 0, 0.2); }
.Grp .mng .btn, .btn.v2 { float:right; font-size:11px; padding:0 5px; border-radius:4px; margin:0 0 0 3px; line-height:18px; }
.Grp .mng .btn.v2 { float:none; cursor:default; background:#fff799; color:#000; }
.TempUL { display:none; }
.Grp ul { margin:0; padding:0; }
.Grp ul li { list-style:none; background:rgba(255, 255, 255, 0.7); padding:5px; min-height:22px; font-size:0; }
.Grp ul.Zero.Fixed li { line-height:25px; font-size:inherit; }
.Grp ul:not(.Fixed) li { margin:0 18px 0 0; }
.Grp ul li div.extra { position:absolute; border-radius:4px; font-size:9px; padding:0 5px; line-height:14px; min-height:initial; font-weight:bold; background:#FFF; display:none; }
.Grp ul li:hover:not(:last-child) div.extra { display:block; }
.Grp ul li[rid] strong { cursor:pointer; color:#FFF; border-radius:4px; padding:0 3px; font-size:11px; }
.Grp ul .u { color:#06C; }
.Grp ul .u[rid] strong { background-color:#06C; }
.Grp:nth-child(even) ul .u > *:not(strong) { color:#80bfff }
.Grp:nth-child(even) ul .u[rid] strong { background-color:#80bfff }
.Grp ul .c { color:#C00; }
.Grp ul .c[rid] strong { background-color:#C00; }
.Grp:nth-child(even) ul .c > *:not(strong) { color:#fda2a2 }
.Grp:nth-child(even) ul .c[rid] strong { background-color:#fda2a2 }
.Grp ul .e { color:#060; }
.Grp:nth-child(even) ul .e { color:#76ff6d }
.Grp ul .s { color:#000; }
.Grp:nth-child(even) ul .s { color:#FFF; }
.chatlog li[H] { display:none;}
.chatlog .Grp ul li[GID] { text-align:center; line-height:10px; min-height:initial; font-size:10px; font-weight:bold; background:#ffff6d; color:#00C; cursor:pointer; }
.chatlog .Grp ul li[GID]:hover { background:#ffffaa; }
.chatlog .Grp .mng { font-size:11px; line-height:12px; }
.chatlog .Grp .mng .btn { margin:0 0 0 3px; line-height:24px; padding:0 8px; background:rgba(0, 0, 0, 0.4); }
.Grp.v2 ul li { margin:0; }
.Grp ul.Zero li input[type='text'] { width:150px; margin:0 10px; height:23px; }
.Grp:nth-child(even) ul li:not([GID]) { background:rgba(0, 0, 0, 0.7); }
.Grp:nth-child(even) ul li > span { color: #ddd; }
.Grp:nth-child(even) ul li div.extra { background:#000; }
.Grp:nth-child(even) ul li:not(:first-of-type) { border-top:1px solid rgba(255, 255, 255, 0.2); }
.Grp:nth-child(even) ul li:not(:last-of-type) { border-bottom:1px solid rgba(0, 0, 0, 0.5); }
.Grp:not(.v2) ul:not(.Zero) li:first-of-type { margin:0; border-radius:0 0 4px 0; }
.Grp:not(.v2) ul li:last-of-type { border-bottom-left-radius:4px !important; border-bottom-right-radius:4px !important; }
.Grp ul li:not(:first-of-type) { border-top:1px solid rgba(255, 255, 255, 0.9); }
.Grp ul li:not(:last-of-type) { border-bottom:1px solid rgba(0, 0, 0, 0.1); }
.Grp ul > li > dl, .txtTags dl { display:inline-block; padding:0 5px 0 3px; line-height:20px; border-radius:5px; font-size:12px; margin:0 5px 0 0; border:1px solid #BBB; }
.Grp ul > li > dl:not(.nodrag) { cursor:grab; cursor:-moz-grab; cursor:-webkit-grab; }
.Grp ul > li > dl.sel { opacity:0.5; }
.Grp ul > li > dl.grab { cursor:grabbing; cursor:-moz-grabbing; cursor:-webkit-grabbing; position:fixed; opacity:0.8; }
.Grp ul > li > dl:not(.nodrag):hover { color:#900; border-color:#900; }
.Grp ul > li > dl dd, .txtTags dd { display:inline-block; font-family:monospace; font-size:15px; background:#888; vertical-align:top; margin:3px 3px 0 0; padding:1px 2px; border-radius:3px; cursor:pointer; line-height:11px; color:#fff799; }
.Grp ul > li > dl dd.m { background:#6a0015; }
.Grp ul > li > dl dd.o { background:#006a24; }
.Grp ul > li > dl dt, .txtTags dt { display:inline-block; }
.rmvListItem { cursor:pointer; border-radius:0 4px 4px 0; background:rgba(255, 255, 255, 0.7); color:#000; position:absolute; font-weight:bold; line-height:13px; padding:5px; font-size:12px; right:16px; }
.Grp:nth-child(even) .rmvListItem { background:rgba(0, 0, 0, 0.7); color:#FFF; }
.nano .rmvListItem { right:5px; }
.nano .templates .rmvListItem { right:6px; }
.Grp ul:not(.Zero) li:first-of-type .rmvListItem { display:none; }
.txt { display:none; vertical-align:top; font-size:0; direction:rtl; border-radius:5px; }
.Grp li:hover .txt { display:inline-block; }
.txt *:not(b), .dropdown *:not(b) { vertical-align:top; border:1px solid #666; direction:ltr; }
.dropdown.v2 * { background:#EFEFEF !important; }
.dropdown.v3 { display:inline-block; vertical-align:top; width:100%; direction:ltr; }
div.dropdown.v3 { height:0; }
.Zero.v2 .dropdown.v3 { width:calc(100% - 115px); }
.txt > span { display:inline-block; border-radius:5px 0 0 5px; border-right:none !important; height:20px; width:22px; text-align:center; line-height:20px; font-size:10px; font-weight:bold; cursor:pointer; background:rgba(0, 0, 0, 0.15);
    color:#20f; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.txt > span:hover { background:rgba(0, 0, 0, 0.3); }
.input { display:inline-block; outline:none; -webkit-user-modify:read-write; -moz-user-modify:read-write; user-modify:read-write; overflow:hidden;
    white-space:nowrap; }
.input.r { -webkit-user-modify:read-only; -moz-user-modify:read-only; user-modify:read-only; }
.input:empty:before { color:#888; content:attr(placeholder); display:block; }
.txt .input { width:170px; height:20px; margin:0 !important; border-radius:5px; outline:none; padding:0 5px; font-size:12px; line-height:19px; }
.txt:not(.lst) .input { border-left:none !important; border-radius:0 5px 5px 0; width:150px !important; }
.lst:not(.extractorColor) div.nano { background:#FFF; }
div.txt.v3 { width:calc(100% - 30px); }
div.txt.v3.r1 { width:calc(100% - 60px); }
.txt.v3 .input { border-radius:3px; height:23px; border-color:#ffc100 !important; width:calc(100% - 12px); line-height:23px; background:#e4e4e4; }
.txt.v3 .input.r { background:rgba(0, 0, 0, 0.25); }
.Grp:nth-child(even) ul li .txt.v3 .input.r { background:rgba(255, 255, 255, 0.7); }
.txt .nano, .dropdown .nano, .bar .nano { position:absolute; z-index:1; margin:-2px 0 0 0; min-height:200px; width:182px; border-top-style:dashed !important; border-radius:0 0 5px 5px; line-height:20px; font-size:12px; color:#555; max-height:200px; }
.dropdown.v3 .nano { width:calc(100% - 2px); border-radius:0 0 3px 3px; border-color:#FC0 !important; border-top-color:#666 !important; z-index:1; }
.dropdown > div:not(.input) { display:none; }
.dropdown.v3 > div:not(.input) { position:relative; width:initial; }
.dropdown dl { margin:0; border:none !important; z-index:1; }
.dropdown dt { border-width:1px 0 1px 0 !important; border-top-color:rgba(255, 255, 255, 0.7) !important; border-bottom-color:rgba(0, 0, 0, 0.1) !important; padding:0 5px; cursor:pointer; }
.dropdown.v3 dt { background:#d3d3d3; border-top-color:#999 !important; border-bottom-color:#ddd !important; padding:3px; }
.dropdown dt:first-of-type { border-width:0 0 1px 0 !important; }
.dropdown dt:last-of-type { border-width:1px 0 0 0 !important; }
.dropdown dt:hover { background:#777 !important; }
.dropdown.v3 dt:nth-child(even) { background:#c0c0c0; }
.dropdown.v3 dt div, .input > div { border:none !important; background:none; }
.dropdown dt span, .dropdown .input span { display:inline-block; padding:0 3px; line-height:16px; border-radius:3px; font-size:12px; margin:3px 3px 0 0; font-weight:bold; border:none !important; color:#333; }
.entityColor:not(td), .entityColor div { background:#fff799; }
.erColor:not(td), .erColor div { background:#deebff !important; }
.thoughtColor:not(td), .thoughtColor div { background:#fff; }
.extractorColor:not(td), dl.extractorColor, .extractorColor div { background:#d8ffbf }
.txt.lst > * { width:180px; }
.dropdown .input:focus { border-bottom-left-radius:0; border-bottom-right-radius:0; }
.txt.E:not(.lst) .input:focus { border-radius:0 5px 0 0; }
.txt .input:focus + span { border-radius:5px 0 0 0; }
.MskDiag:not(.grab) .dropdown .input:focus ~ div { display:block; border:none; }
.Grp[v="1"] li select, .Grp[v="2"] li select { width:32%; }
.Grp[v="1"] ul.Zero li input[type='text'] { width:calc(34% - 17px); margin:0 0 0 5px; }
.Grp[v="2"] .dropdown { width:calc(68% - 6px); margin:3px 0 0 5px; }
.Grp[v="3"] li select, .Grp[v="4"] li select, .Grp[v="3"] .dropdown, .Grp[v="4"] .dropdown { width:calc(50% - 10px); vertical-align: top; margin: 3px 0; }
.Grp[v="3"] li span, .Grp[v="4"] li span { margin: 0 5px; font-size: 20px; vertical-align: top; line-height: 30px; }
.Grp.Scenarios .mng { margin:0 0 1px 0; }
.Grp.Scenarios input { margin:0; }
/* Buttons */
input[type="submit"], input[type="button"], .btn, .btn1x1, .btns1x1 div { background:#666; color:#FFF; text-align:center; font-size:12px; line-height:24px; cursor:pointer; border:none; -moz-border-radius:5px; border-radius:5px; display:inline-block; margin:4px 0; }
.btn.B { font-weight:bold; }
input[type="submit"]:hover, input[type="button"]:hover, .btn:hover, .btn1x1:hover, .btns1x1 div:hover { background-color:#777; }
.btns1x1 { overflow:auto; }
.btns1x1 .Disable { border:1px #000 dotted; background-color:transparent; opacity:0.4; filter:alpha(opacity=40); }
.btns1x1 .Disable:hover { background-color:transparent; }
.rbtn { background:rgba(0, 0, 0, 0.7); color:#FFF; cursor:pointer; float:right; width:20px; text-align:center; line-height:20px; border-radius:50%; margin:2px 3px 0 0; }
.rbtn:hover { background:rgba(255, 255, 255, 0.7); color:#000; }
.minmax { font-size:0; }
.minmax svg { fill:none; stroke:#FFF; vertical-align:middle; }
.minmax:hover svg { stroke:#000; }
.rbtn.close { font-family:Verdana; font-weight:bold; font-size:11px; }
.btnBlk { margin:3px 0 0 0; display:inline-block; background:#000; color:#FFFFFF; cursor:pointer; padding:4px 8px; border-radius:4px; font-size:11px; }
.btnBlk:hover { background:#333333; color:#FC0; }
.diagFooterBtns { border-top:1px dotted #666; overflow:auto; padding:3px 5px; text-align:center; }
.diagFooterBtns .btn { padding:0 10px; }
.diagFooterBtns .FL.btn { margin:4px 5px 0 0; }
.diagFooterBtns .FR.btn { margin:4px 0 0 5px; }
.Grp ul li .btn, td .btn { border-radius:3px; cursor:pointer; background:#00ad63; color:#FFF; display:inline-block; padding:5px; text-align:center; font-size:12px; margin:0 5px 0 0; }
td .btn { margin:3px 5px 0 0; }
.btn.dis { opacity:0.3; cursor:default; pointer-events:none; }
.edit, .view, .switch { width:15px; height:15px; }
.edit { background:#00ad63 url(../images/btn_edit.png) no-repeat 50% 50% !important; }
.view { background:#00ad63 url(../images/btn_view.png) no-repeat 50% 50% !important; background-size:70% !important; }
.switch { background:#00ad63 url(../images/btn_switch.png) no-repeat 50% 50% !important; width:15px; height:15px; }
.exist { width:100px; line-height:15px; }
.exist.N { background:#c50028 !important; }
.btnClr { border:1px #AAA solid; width:25px; height:15px; display:inline-block; cursor:pointer; margin:1px 0; background:#FFFFFF; }
/* List */
.ListBox { border:1px solid rgba(255, 255, 255, 0.3); border-top:none; margin:0 5px 5px 5px; border-radius:0 0 3px 3px; }
.ListBox.v2 { margin:5px 0; border:1px solid #666; border-radius:3px; }
ul.lst { max-height:300px; border:1px solid #666; margin:5px 5px 0 5px; padding:0; }
.ListBox ul.lst { border:none; max-height:initial; }
.ListBox ul.lst:not(.nano-content) { margin:0; }
.ListBox.v2 ul.lst { border-radius:3px; border-color:#999; }
ul.lst li { list-style:none; background:rgba(255, 255, 255, 0.2); overflow:auto; line-height:23px; padding:0 5px; border-top:1px dotted #666; }
ul.lst.v2 li { display:flex; }
ul.lst.v3 li { cursor:pointer; }
ul.lst.DocItems li { cursor:pointer; }
ul.lst.DocItems li:hover, ul.lst.DocItems li.sel { cursor:pointer; color:#333; background:rgba(255, 255, 0, 0.7); }
.ListBox.v2 ul.lst li { overflow:hidden; }
ul.lst li.sys, ul.lst li.sys b { color:#0000BB; }
ul.lst li.lrn { color:#007200; }
ul.lst li.deleted { color:#bb5600; }
ul.lst li:first-child { border:none; }
ul.lst li:nth-child(even) { background:rgba(255, 255, 255, 0.7); }
ul.lst li:hover { background:rgba(255, 255, 255, 0.9); }
ul.lst li.u { background:rgba(255, 204, 0, 0.8); }
ul.lst li > div { line-height:14px; display:inline-block; padding:3px 0; vertical-align:middle; width:calc(100% - 78px); }
ul.lst li > span { float:right; display:inline-block; cursor:pointer; border-radius:3px; background:#666; font-size:10px; padding:0 5px; margin:4px 0 0 5px; color:#FFF; line-height:15px; white-space:nowrap; }
ul.lst li > span:hover { background:#777; }
ul.lst li > div ~ span { float:none; }
ul.lst.v2 li > span { margin:auto 0 auto 5px }
ul.lst li > b, td > b[eid] { color:#002667; cursor:pointer; }
ul.lst li.lrn > b { color:#007200; }
ul.lst li.red > b, ul.lst li.green > b { color:#FFF; }
ul.lst li > dl { display:inline-block; line-height:13px; margin:4px 0; width:100%; }
ul.lst li > dl > span { font-size:10px; color:#666; }
.Simulator > div { overflow:auto; }
.Simulator > div:first-child > div { display:inline-block; width:calc(50% - 5px); vertical-align:top; }
.Grp ul li.Simulator .btn { padding:4px; font-size:10px; line-height:10px; margin:0; }
.Simulator select, .Simulator input { float:right; width:calc(100% - 100px); margin:0 !important; }
.Simulator input { width:calc(100% - 112px) !important; }
.Simulator .SimStatus { float:left; line-height:18px; font-size:11px; color:#00C; }
.SimBox { border:1px solid #AAA; background:#FFF; padding:5px; height:63px !important; border-radius:3px; width:calc(50% - 11px) !important; }
.SimBox > div > div { width:100%; line-height:15px; font-size:11px; text-align:center; margin:0 0 1px 0; background:#00C; color:#FFF; }
.SimBox > div > div.d { background:#080; }
ul.Bills { margin:0; padding:5px; }
ul.Bills li { border:1px solid #FFF; border-radius:4px; list-style:none; margin:0 0 5px 0; padding:5px; }
ul.Bills li div { display:inline-block; width:60%; }
ul.Bills li div:last-child { width:40%; vertical-align:top; }
ul.Bills li div span { color:#00C; }
ul.Bills li:nth-child(even) { background-color:rgba(255, 255, 255, 0.7); }
.templates { border:2px solid #c55b00; margin:0 0 0 5px; border-radius:6px; padding:5px 5px 0 5px; }
/* Tables */
.tbl1x1 { text-align:left; width:100%; }
.tbl1x1 td { padding:5px; }
.tbl1x1 input[type="text"], .tbl1x1 textarea { width:300px; border:1px solid #333; }
.MskDiag table { padding:0; border-spacing:0; margin:5px; border-collapse:separate; text-align:left; width:calc(100% - 10px); }
.MskDiag td { padding:0; }
.MskDiag table input[type="text"], .MskDiag table textarea, .PInput { width:calc(100% - 12px); margin:3px 0; }
.MskDiag select { height:25px; border:1px solid #AAA; border-radius:5px; margin:3px 0; }
.MskDiag input[type='checkbox'] {vertical-align:middle;}
.MskDiag .diagFooterBtns select { color:#FFF; margin:4px 5px 0 0; height:24px; background:#666; }
.MskDiag table select { width:100%; }
.MskDiag table .dropdown.v3 .input { margin:3px 0 0 0 !important; }
.MskDiag table table { background-color:rgba(255, 255, 255, 0.6); padding:5px; margin:0; width:100%; border-radius:4px; table-layout:fixed; }
.tbl2 thead { line-height:10px; color:#000; }
.tbl2 tr:nth-child(even) { background-color:rgba(255, 255, 255, 0.6); }
.tbl2 td { padding:2px; }
.tblInterface { vertical-align:top; width:50% !important; display:inline-table; }
.tblInterface .btn { padding:0 8px; margin:3px 5px 3px 0; }
/* Mask Dialog */
#xdivmasking { position:fixed; top:0; left:0; z-index:46; background-color:rgba(0, 0, 0, 0.5); height:100vh; width:100vw; }
.MskDiag { position:fixed; min-height:30px; float:left; font-size:12px; min-width:200px; }
.ModalTmp { display:none; }
.diag1 { min-width:100px; background:#EEE; box-shadow:0 0 2px 2px #333333; }
.title1 { font-weight:bold; color:#CC0000; }
.Box { margin:5px; border-radius:4px; text-align:left; width:calc(100% - 12px); height:calc(100% - 12px); }
.Box input[type="text"], .Box input[type="password"], .Box textarea { width:calc(100% - 12px); outline:none;
    font-family: Tahoma, serif; }
.Box input[type="text"][readonly], .Box textarea[readonly] { background:#DDD; }
.Box input.recDesc { background:#ffffc1;border:none;font-weight:bold; font-size:12px;}
.bar { background:rgba(0, 0, 0, 0.15); font-size:0; padding:5px 0; }
.bar > div { background:#FFF; border-radius:5px; margin:0 0 0 5px; display:inline-block; vertical-align:top; }
.bar > div:focus { border-radius:5px 5px 0 0; }
.bar > .btn { width:90px; }
.bar .svg { position:absolute; }
.bar svg { margin:1px 0 0 4px; height:22px; width:22px; cursor:pointer; fill:#000; stroke:#000; }
.bar svg:hover { fill:#C00; stroke:#C00; }
.bar input[type='text'] { border:none; margin:0; vertical-align:top; padding:0 5px 0 30px; outline:none; width:calc(100% - 35px); }
.bar > div > div:not(.svg) { display:none; position:relative; width:initial; }
.MskDiag:not(.grab) .bar input[type='text']:not(.srch):focus:not([readonly]) { border-radius:5px 5px 0 0; }
.MskDiag:not(.grab) .bar input[type='text']:focus ~ div { display:block; }
.bar .nano { margin:0; width:100%; background:#FFF; border-top:1px dashed #DDD; box-shadow:0 2px 3px 0 #888; z-index:100; }
.bar dt { padding:5px; cursor:pointer; }
.bar dt:hover { background-color:#fffbd1; }
.bar dt:not(:last-child) { border-bottom:1px dotted #888; }
.bar .cbo.dis, .bar .cbo.dis input { background-color:transparent; }
.bar .cbo.dis input { font-weight:bold; }
.BoxBar { background:#666; color:#FFF; line-height:25px; padding-left:10px; cursor:move; overflow:auto; border-radius: 3px 3px 0 0; }
.BoxBar h2 { float:left; margin:0; width:calc(100% - 50px); white-space:nowrap; font-size:14px; font-weight:bold; overflow:hidden; }
.BoxBar h2 b { color:#ffe57b; }
.TopBar { padding:5px; border-bottom:1px dotted #000; margin:0 0 8px 0; }
.msg { background-color:rgba(0, 0, 0, 0.8); color:#FFF; font-size:13px; font-weight:bold; border-radius:4px; padding:20px; }
ul.tabs { height:34px; background:rgba(0, 0, 0, 0.15); font:11px verdana; color:#666; font-weight:bolder; overflow:auto; padding:0 10px; margin:0; }
ul.tabs li { padding:0 10px; margin:8px 5px 0 5px; line-height:26px; list-style:none; float:left; cursor:pointer; }
ul.tabs li:first-child { margin:8px 10px 0 0; }
ul.tabs li.active { background:#EAEAEA; border-radius:4px 4px 0 0; }
.TabsCntnt > div { position:absolute; width:100%; height:100%; }
.nav a { color:#463bff; cursor:pointer; }
.nav a.sel { font-weight:bold; }
.nav a:hover, .nav a.sel { color:#8b00ff; }
.loginBox { display:table; margin:0 20%; width:60%; text-align:center; height:calc(100% - 25px); }
.diagLogin .loginBox { margin:5px 0; width:100%; }
.loginBox form { margin:0 10px; }
.loginBox > div { display:table-cell; vertical-align:middle; }
.loginBox .btn { padding:0 10px; }
.diagChatlogs .UDate, .diagChatlogs .FDate { background:#000; width:142px; text-align:left; }
.diagChatlogs .Date { position:absolute; z-index:11;margin:19px 0 0 -5px; border-radius:4px; border:1px solid #000; overflow:hidden; display:none; }
.chatSearch { width:calc(100% - 305px); }
.diagFooterBtns .chatSearch input { width:calc(100% - 112px);outline:none;border:1px #aaa solid;height:22px;padding:0 114px 0 5px;}
.diagFooterBtns .chatSearch select { outline:none; border:none; position:absolute;margin-left:-109px;width:109px;background:#aaa;padding:0 0 0 10px;border-radius:0 5px 5px 0;font-size:12px; }
.hide { visibility:hidden; }
/* Tag Textbox */
.txtTags { background:#FFF; padding:5px; border:1px solid #AAA; border-radius:5px; margin:3px 10px; width:100%; min-height:14px; }
.txtTags input[type="text"] { display:none; vertical-align:top; border:1px solid #d4ca00; margin:0 !important; width:103px !important; background:#fff799; height:20px; border-radius:3px; font-size:11px; }
.txtTags:hover input[type="text"] { display:inline-block; }
/* tipsy */
.tipsy { padding:5px; font-size:11px; position:absolute; z-index:100000; }
.tipsy-inner { padding:5px 8px 4px 8px; background-color:black; color:white; max-width:200px; text-align:center; }
.tipsy-inner { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position:absolute; background:url('../images/tipsy.gif') no-repeat top left; width:9px; height:5px; }
.tipsy-n .tipsy-arrow { top:0; left:50%; margin-left:-4px; }
.tipsy-nw .tipsy-arrow { top:0; left:10px; }
.tipsy-ne .tipsy-arrow { top:0; right:10px; }
.tipsy-s .tipsy-arrow { bottom:0; left:50%; margin-left:-4px; background-position:bottom left; }
.tipsy-sw .tipsy-arrow { bottom:0; left:10px; background-position:bottom left; }
.tipsy-se .tipsy-arrow { bottom:0; right:10px; background-position:bottom left; }
.tipsy-e .tipsy-arrow { top:50%; margin-top:-4px; right:0; width:5px; height:9px; background-position:top right; }
.tipsy-w .tipsy-arrow { top:50%; margin-top:-4px; left:0; width:5px; height:9px; }
/* Windows */
.diagIO .ListBox { min-height:initial; height:calc(50% - 43px); }
.diagConflict .ListBox { min-height:initial; height:calc(50% - 66px); }
.diagIO .ListBox > .nano, .diagConflict .ListBox > .nano { height:100%; }
/* Overrides */
.rglr { font-weight:normal; }
.green { background-color:#005500 !important; }
.green:hover { background-color:#008800 !important; }
.orange { background-color:#c55b00 !important; }
.orange:hover { background-color:#ff7600 !important; }
.red { background-color:#B00 !important; }
.red:hover { background-color:#F00 !important; }
.Main input[type="submit"], .Main .btn { width:199px; }
#RSide .cp { padding:35px; text-align:left; }
#chat, #ChatLog { float:left; background:url(images/bg2x3.png) repeat-x; height:400px; padding:5px; }
#chat { line-height:20px; width:500px; margin:0; overflow:auto; text-align:left; }
#chat .fnt2 span { cursor:pointer; }
#chat .fnt2 span:hover { background-color:#C00; color:#FFF; }
#ChatLog { width:393px; border-left:1px dotted #666; overflow-x:hidden; overflow-y:scroll; }
#ChatLog div:hover { background-color:#FFF; }
.dv1x0 { width:920px; text-align:left; }
.dv1x2 { background:url(images/bg2x1.png) no-repeat 50% -10px; }
.dv1x2 div { background:url(images/lgo1x1.png) no-repeat 395px 70px; height:140px; }
.dv1x3 { background:url(images/bg2x2.png) repeat-x; padding:0 3px 5px 3px; overflow:auto; font-size:11px; }
.dv1x4 { background:url(images/bg3x1.png) no-repeat 50% 0; height:23px; margin:-15px 0 0 0; }
.dv2x1 { margin:100px 0 0 0; background:#EEE; border:1px solid #000; width:650px; height:150px; }
.dv3x1 { line-height:30px; font-size:12px;
    font-family: Tahoma, serif; color:#FC0; background:#333; text-align:left; padding:0 0 0 10px; }
.dv4x1 { overflow:auto; }
.dv4x2, .dv4x3 { float:left; text-align:left; }
.dv4x2 { height:30px; width:200px; color:#006; line-height:30px; padding:0 0 0 10px;
    font-family: Tahoma, serif; font-size:11px; }
.dv4x3 { height:25px; width:400px; padding:5px 0 0 0; }
.dv5x1, .dv5x2 { background:#333; border:1px solid #000; color:#FFF; font-size:11px;
    font-family: Tahoma, serif; padding:5px; text-decoration:none; cursor:pointer; }
.dv5x1:hover, .dv5x2 { background:#555; color:#FC0; }
.dv6x1 { background:#EEE;
    font-family: Tahoma, serif; padding:10px; overflow:auto; }
.dv6x2 { float:left; font-size:13px; }
.dv6x3 { float:right; font-size:10px; margin:0 0 0 10px; }
.dv6x3 a:link, .dv6x3 a:visited { color:#0F5F9F; text-decoration:none; }
.dv7x1 { overflow:auto; }
.dv7x2, .dv7x3 { float:left; text-align:left; }
.dv7x2 { height:30px; width:150px; color:#006; line-height:30px;
    font-family: Tahoma, serif; font-size:11px; }
.dv7x3 { height:25px; width:550px; padding:5px 0 0 0; }
.dv8x1 { border:#C00 1px solid; background:#FFF; float:left; margin:0 0 3px 3px; padding:5px; cursor:pointer; }
.dv8x1:hover { border:#00C 1px solid; background:#FF6; }
.dv9x1 { border:1px solid #333; margin:0 0 10px 0; padding:10px; background:#EEE; font-size:12px; }
.dv10x1 { position:absolute; margin:1px 0 0 0; z-index:1000; width:500px; height:95px; overflow-x:hidden; overflow-y:scroll; background:#FFF; border:1px solid #8FC4E9; display:none; }
.dv10x1 ul { margin:0; padding:0; }
.dv10x1 li { padding:3px 5px; cursor:pointer; color:#039; list-style:none; }
.dv10x1 li:hover { padding:2px 5px; background:#08ADE2; color:#FFF; }
.fnt3 { color:#C00; font-weight:bold; font-size:13px; }
.fnt4 { font-size:11px; }
.ico1x1 { width:27px; height:30px; background:url(images/ico1x1.png) no-repeat; margin:0 5px 0 5px; }
.btn1x1 { cursor:pointer; width:90px; height:30px; background:url(images/btn1x1.png) no-repeat; margin:0 0 0 5px; }
.btn2x1 { width:142px; height:30px; background:url(images/btn2x1.png) no-repeat; margin:0 5px 0 0; }
thead { font-weight:bold; line-height:20px; color:#C00; }
.td1x1 { text-align:left; padding:0 5px 0 0; border-right:1px dashed #000; }
.tbl2x1 { border:1px solid #000; width:100%; margin:0 0 5px 0; }
.tr2x1 { background:#EEE; height:25px; font-size:11px; color:#900; }
.tr2x2 { font-size:12px; height:25px; color:#030; }
.tr2x2 td { padding:0 0 0 5px; border-bottom:1px dotted #000; }
.tr2x3, .tr2x4 { font-size:12px; height:25px; color:#030; font-weight:bold; }
.tr2x3 td { padding:0 0 0 5px; border-bottom:1px dotted #000; }
.tr2x4 td { padding:0 0 0 5px; border-bottom:1px dotted #000; border-top:1px dotted #000; }
.td2x1 { padding:0 0 0 5px; }
.td2x2 { padding:0 5px 0 0; text-align:right; }
.td2x2 a:link, .td2x2 a:visited { text-decoration:none; }
.td2x2 a:hover { text-decoration:underline; }
.td2x3 { border-right:1px dotted #000; }
.td5x1 { Padding:5px; font-size:12px; }
.tbl3x1 { margin:5px; }
.tbl3x1 td { padding:5px; border-bottom:1px dashed #666; font-size:12px; }
.td3x1 { border-right:1px dashed #666; width:20px; color:#900; }
.tbl4x1 { width:100%; }
.tbl4x1 td { padding:5px; vertical-align:top; }
.tbl4x1 textarea { height:40px; width:95%; }
.tr4x1 td { background:#EEE; color:#609; padding:5px 0 5px 5px; font-size:11px; }
.td4x1 { border-right:1px dotted #666; }
.tr5x1 td { padding:5px; }
.tbl5x1 { width:100%; }
.tbl5x1 td { vertical-align:top; }
.tbl3x1 input[type="text"] { width:280px; background:#DDD; border:1px solid #000; font-size:11px; }
#RSide { font-family:Tahoma; }
.Loading { background-repeat:no-repeat !important; background-image:url('../images/loading.gif') !important; background-position:50% 50%; min-height:100px; }
.Loading2 { background:#FFFFFF url(../images/loading.gif) no-repeat 50% 50% !important; }
.Loading3 { background-image:url(../images/loading2.gif); background-repeat:no-repeat; background-position:calc(100% - 5px); }
.LoadingOverlay { position:absolute; text-align:center; background-color:rgba(255, 255, 255, 0.5); margin:25px 0 0 0; height:calc(100% - 37px); width:calc(100% - 12px); border-radius:0 0 2px 2px; z-index:100; }
.DivInfo { border:#61AFF7 solid 1px; background-color:#DFF4FF; padding:5px; margin:5px 0; }
.DivError { border:#FF0000 solid 1px; background-color:#FFE1E1; padding:5px; margin:5px 0; }
.RMPreview { width:calc(100% - 10px); font-size:0; background:#111; border-radius:5px; padding:5px; cursor:pointer; text-align:left; }
.RMPreview .ttl { font-weight:bold; color:#FC0; font-size:10px; margin-bottom:5px; }
.RMPreviewOut { background:#FFF; border-radius:3px 3px 0 0; width:calc(100% - 10px); list-style:none; margin:0 0 4px 0; padding:5px; height:136px; overflow-y:scroll; }
.RMPreviewOut .u { color:#06C; }
.RMPreviewOut .c { color:#C00; }
.RMPreviewOut.Trace .u[vid] strong, .RMPreviewOut.Trace .c[vid] strong { color:#FFF; border-radius:4px; cursor:pointer; padding:0 3px; font-size:11px; }
.RMPreview.RTL { text-align:right; direction:rtl; }
.RMPreviewOut.Trace .u[vid] strong { background:#06C; }
.RMPreviewOut.Trace .c[vid] strong { background:#C00; }
.RMPreviewOut > li { font-size:13px; }
.RMPreviewOut > li > strong { display:inline-block; }
.Box input[type="text"].RMPreviewIn, .RMPreviewSend { display:inline-block; height:30px; font-size:13px; vertical-align:top; }
.Box input[type="text"].RMPreviewIn { width:calc(100% - 114px); border-radius:0 0 0 3px; padding:0 5px; border:none; margin:0 4px 0 0; }
.RMPreviewSend { cursor:pointer; width:100px; background:#fffacd; border-radius:0 0 3px 0; line-height:30px; text-align:center; }
.RMPreview.RTL input[type="text"].RMPreviewIn { margin:0 0 0 4px; border-radius:0 0 3px 0; }
.RMPreview.RTL .RMPreviewSend { border-radius:0 0 0 3px; }
.RMPreviewSend:hover { background:#FC0; }
.RMPreviewSuggest { position:absolute; margin:1px 0 0 0; z-index:1000; height:95px; overflow-x:hidden; overflow-y:scroll; background:#FFF; border:1px solid #8FC4E9; display:none; font-size:12px; }
.RMPreviewSuggest ul { margin:0; padding:0; }
.RMPreviewSuggest li { padding:3px 5px; cursor:pointer; color:#039; list-style:none; }
.RMPreviewSuggest li:hover { padding:2px 5px; background:#08ADE2; color:#FFF; }
/* Nano Scroller */
.nano {
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
}
.nano > .nano-content {
    position:absolute;
    overflow:scroll;
    overflow-x:hidden;
    margin:0 8.5px 0 0;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
.nano > .nano-content:focus { outline:thin dotted; }
.nano > .nano-content::-webkit-scrollbar { visibility:hidden; }
.has-scrollbar > .nano-content::-webkit-scrollbar { visibility:visible; }
.nano > .nano-pane {
    background:rgba(0, 0, 0, .25) !important;
    border:none !important;
    position:absolute;
    z-index:10;
    width:5px;
    right:0;
    top:0;
    bottom:0;
    visibility:hidden \9; /* Target only IE7 and IE8 with this hack */
    opacity:.01;
    -webkit-transition:.2s;
    -moz-transition:.2s;
    -o-transition:.2s;
    transition:.2s;
}
.nano > .nano-pane > .nano-slider {
    background:rgb(158, 130, 0) !important;
    position:relative;
    margin:0 1px;
    -moz-border-radius:3px !important;
    -webkit-border-radius:3px !important;
    border-radius:3px !important;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
    visibility:visible \9; /* Target only IE7 and IE8 with this hack */
    opacity:0.99;
}
/* Payment Font */
span.brand { position:absolute; right:10px; margin:7px 0 0 0; }
@font-face {
    font-family:PaymentFont;
    src:url(./paymentfont-webfont.eot);
    src:url(./paymentfont-webfont.eot?#iefix) format('embedded-opentype'), url('./paymentfont-webfont.woff') format('woff2'), url(./paymentfont-webfont.woff) format('woff'), url(./paymentfont-webfont.ttf) format('truetype'), url(./paymentfont-webfont.svg#paymentfont-webfont) format('svg');
    font-weight:400;
    font-style:normal
}
.pf { display:inline-block; font:normal normal normal 14px/1 PaymentFont; font-size:19px; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
.pf-amazon:before { content:"\f000" }
.pf-american-express:before { content:"\f001" }
.pf-american-express-alt:before { content:"\f002" }
.pf-atm:before { content:"\f003" }
.pf-bankomat:before { content:"\f004" }
.pf-bank-transfer:before { content:"\f005" }
.pf-bitcoin:before { content:"\f006" }
.pf-bitcoin-sign:before { content:"\f007" }
.pf-braintree:before { content:"\f008" }
.pf-btc:before { content:"\f009" }
.pf-card:before { content:"\f00a" }
.pf-carta-si:before { content:"\f00b" }
.pf-cash:before { content:"\f00c" }
.pf-cash-on-delivery:before { content:"\f00d" }
.pf-cb:before { content:"\f00e" }
.pf-cirrus:before { content:"\f00f" }
.pf-cirrus-alt:before { content:"\f010" }
.pf-clickandbuy:before { content:"\f011" }
.pf-credit-card:before { content:"\f012" }
.pf-diners:before { content:"\f013" }
.pf-discover:before { content:"\f014" }
.pf-ec:before { content:"\f015" }
.pf-eps:before { content:"\f016" }
.pf-eur:before { content:"\f017" }
.pf-facture:before { content:"\f018" }
.pf-fattura:before { content:"\f019" }
.pf-flattr:before { content:"\f01a" }
.pf-giropay:before { content:"\f01b" }
.pf-gittip:before, .pf-gratipay:before { content:"\f01c" }
.pf-google-wallet:before { content:"\f01d" }
.pf-google-wallet-alt:before { content:"\f01e" }
.pf-gbp:before { content:"\f01f" }
.pf-ideal:before { content:"\f020" }
.pf-ils:before { content:"\f021" }
.pf-inr:before { content:"\f022" }
.pf-invoice:before { content:"\f023" }
.pf-invoice-sign:before { content:"\f024" }
.pf-invoice-sign-alt:before { content:"\f025" }
.pf-invoice-sign-alt-o:before { content:"\f026" }
.pf-invoice-sign-o:before { content:"\f027" }
.pf-jcb:before { content:"\f028" }
.pf-jpy:before { content:"\f029" }
.pf-krw:before { content:"\f02a" }
.pf-maestro:before { content:"\f02b" }
.pf-maestro-alt:before { content:"\f02c" }
.pf-mastercard:before { content:"\f02d" }
.pf-mastercard-alt:before { content:"\f02e" }
.pf-mastercard-securecode:before { content:"\f02f" }
.pf-ogone:before { content:"\f030" }
.pf-paybox:before { content:"\f031" }
.pf-paylife:before { content:"\f032" }
.pf-paypal:before { content:"\f033" }
.pf-paypal-alt:before { content:"\f034" }
.pf-paysafecard:before { content:"\f035" }
.pf-postepay:before { content:"\f036" }
.pf-quick:before { content:"\f037" }
.pf-rechnung:before { content:"\f038" }
.pf-ripple:before { content:"\f039" }
.pf-rub:before { content:"\f03a" }
.pf-skrill:before { content:"\f03b" }
.pf-sofort:before { content:"\f03c" }
.pf-square:before { content:"\f03d" }
.pf-stripe:before { content:"\f03e" }
.pf-truste:before { content:"\f03f" }
.pf-try:before { content:"\f040" }
.pf-unionpay:before { content:"\f041" }
.pf-usd:before { content:"\f042" }
.pf-verified-by-visa:before { content:"\f043" }
.pf-verisign:before { content:"\f044" }
.pf-visa:before { content:"\f045" }
.pf-visa-electron:before { content:"\f046" }
.pf-western-union:before { content:"\f047" }
.pf-western-union-alt:before { content:"\f048" }
.pf-wirecard:before { content:"\f049" }
.pf-sepa:before { content:"\f04a" }
.pf-sepa-alt:before { content:"\f04b" }
.pf-apple-pay:before { content:"\f04c" }
.pf-interac:before { content:"\f04d" }
.pf-paymill:before { content:"\f04e" }
.pf-dankort:before { content:"\f04f" }
.pf-bancontact-mister-cash:before { content:"\f050" }
.pf-moip:before { content:"\f051" }
.pf-pagseguro:before { content:"\f052" }
.pf-cash-on-pickup:before { content:"\f053" }
.pf-sage:before { content:"\f054" }
.pf-elo:before { content:"\f055" }
.pf-elo-alt:before { content:"\f056" }
.pf-payu:before { content:"\f057" }
.pf-mercado-pago:before { content:"\f058" }
.pf-mercado-pago-sign:before { content:"\f059" }
.pf-payshop:before { content:"\f05a" }
.pf-multibanco:before { content:"\f05b" }
.pf-gratipay-sign:before { content:"\f05c" }
.pf-six:before { content:"\f05d" }
.pf-cashcloud:before { content:"\f05e" }