@font-face {
  font-family: 'ClearSans';
  src: url('fonts/ClearSans-Regular.eot'); /* IE 5-8 */ 
  src: local('☺'),             /* sneakily trick IE */
        url('fonts/ClearSans-Regular.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
        url('fonts/ClearSans-Regular.ttf') format('truetype'), /* Opera, Safari */
        url('fonts/ClearSans-Regular.svg#font') format('svg'); /* iOS */
}
html {height: 100%;}
body {height:100%;font-family:ClearSans, sans-serif;margin:0px;background-color:#f4f4f4;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'65'%20height%3D'100'%20stroke%3D'%23EEEEEE'%3E%3Cline%20x1%3D'0'%20y1%3D'0'%20x2%3D'0'%20y2%3D'40%25'%2F%3E%3Cline%20x1%3D'0'%20y1%3D'60%25'%20x2%3D'0'%20y2%3D'100%25'%2F%3E%3Cline%20x1%3D'50%25'%20y1%3D'10%25'%20x2%3D'50%25'%20y2%3D'90%25'%2F%3E%3Cline%20x1%3D'100%25'%20y1%3D'0'%20x2%3D'100%25'%20y2%3D'40%25'%2F%3E%3Cline%20x1%3D'100%25'%20y1%3D'60%25'%20x2%3D'100%25'%20y2%3D'100%25'%2F%3E%3Cline%20x1%3D'0'%20y1%3D'0'%20x2%3D'50%25'%20y2%3D'10%25'%2F%3E%3Cline%20x1%3D'50%25'%20y1%3D'10%25'%20x2%3D'100%25'%20y2%3D'0'%2F%3E%3Cline%20x1%3D'0'%20y1%3D'100%25'%20x2%3D'50%25'%20y2%3D'90%25'%2F%3E%3Cline%20x1%3D'50%25'%20y1%3D'90%25'%20x2%3D'100%25'%20y2%3D'100%25'%2F%3E%3Cline%20x1%3D'0'%20y1%3D'40%25'%20x2%3D'100%25'%20y2%3D'60%25'%2F%3E%3Cline%20x1%3D'0'%20y1%3D'60%25'%20x2%3D'100%25'%20y2%3D'40%25'%2F%3E%3C%2Fsvg%3E");}
#topBar {z-index:10002;position:fixed;top:0px;left:0px;width:100%;height:40px;background-color:#3E50B4;}
#wCont {position:absolute;width:100%;top:40px;left:0px;}
#wContZ {position:absolute;z-index: 10002;top:40px;left:0px;width:0px;height: :0px;}
#topBar > span:first-child {display:inline-block;margin:9px 0 0 10px;color:white;font-size:1em;}
#topBarBtns {position:absolute;right:0px;top:7px;}
#topBarBtns button {margin-right:20px;top;stroke:#8C96D3;background:none;border:none;cursor:pointer;}
#topBarBtns svg {width:18px;height:18px;fill:white;}
#topBarBtns path {opacity:0.4;}
#topBarBtns button.selected path {opacity:1;}
.feedback, .signIn, .signOut {color:white;text-decoration:underline;vertical-align:text-top;}
@media (max-width:700px) {
	.signIn {display:none;}
}
.signInMenu {position:absolute;top:100%;right:60px;padding:10px;border-radius:0 0 5px 5px;border:solid 1px gray; border-top:0px;background:white;text-align:center;}
#sideMenuCont {z-index:10001;position:fixed;top:40px;bottom:0px;right:0px;width:0px;background-color:white;}
#sideMenuCont2 {}
.sideMenuBtn {position:absolute;right:100%;top:12px;width:30px;height:30px;background-color:#bcbcbc;color:white;border-radius:10px 0 0 10px;line-height:27px;font-size:x-large;text-align:center;cursor:pointer;}
.sideMenuBtn  svg {fill:white;width:18px;height:18px;}
#DPCtrls {position:absolute;right:100%;top:45px;background-color: lightgray;border-radius: 5px 0px 0px 5px; padding: 3px;}
.DPCL {display:inline-block;width:20px;height:20px;cursor:pointer;border-radius:12px;margin:2px;border:solid 2px lightgray;}
.DPCL.selected {border-color:transparent;}
#sideMenu {position:absolute;left:0px;top:0px;height:100%;min-width:210px;overflow:auto;border-left:solid 1px lightgray;}
.fpop {padding:10px;overflow:hidden;}
.fpop > span {border:solid 1px black; border-radius:5px;padding:3px;margin:3px;float:left;cursor:pointer;line-height:1.3;}
.fpop > span > svg {vertical-align:bottom;}
.fpop > span:hover {background:lightblue;}
#sideMenu div:not(:first-child) {border-top:solid 1px lightgray;padding:10px;cursor:pointer;padding:10px;}
#sideMenu div:not(:first-child):hover {background:lightblue;}
#keypadOuter {position:absolute;top:100%;height:0px;z-index:9999;width:400px;text-align:left;}
.keypad {font-size:initial;color:white;display:inline-block;position:relative;margin-top:4px;line-height:initial;}
.keypad > div {display:inline-block;solid 1px #656565;}
.kpSep {border-bottom:solid 1px #656565;}
.keypad2 span:hover, .keypad1 {background-color:#5a5a5a;}
.keypad3 span:hover, .keypad2 {background-color:#474646;}
.keypad2 span.clicked, .keypad3 {background-color:#3d3a3a;}
.keypad3 span.clicked {background-color:#2c2a2a}
.keypadBody {display:none;}
.keypadBody.selected {display:block;}
.keypad span {display:inline-block;line-height:47px;vertical-align:middle;width:40px;height:45px;border:solid 1px #656565;border-width:0 1px 0 0;border-collapse:collapse;cursor:pointer;font-size:22px;text-align:center;}
#letters span {width:32px;}
#funcs span {width:50px;}
#eqKey {background-color:#3e50b4;}
#keypadTabs {width:100%;background-color:#343434;font-size:14px;}
#keypadTabs td {text-align:center;border:solid transparent;border-width:0 0 3px 0;cursor:pointer;}
#keypadTabs td.selected {border-color:#3e50b4;}
.parKey {font-weight:bold;background-color:#3e50b4;display:none !important;}
.gotSeg .parKey {display:inline-block !important;}
.CD {position:absolute;box-shadow: 0px 2px 8px 0px rgba(200, 200, 200, 0.57);background-color:white;margin-bottom:2px;border:solid 1px #919bd1;}
.CDRemove {position:absolute;top:0px;left:100%;width:24px;height:26px;border-radius:0 12px 12px 0;background-color:white;box-shadow: 0px 2px 8px 0px rgba(200, 200, 200, 0.57);clip: rect(-6px, 30px, 34px, 0px);color:#c5c5c5;font-size:16px;line-height:25px;text-align:center;cursor:pointer;border:solid 1px #919bd1;border-left:none;top:-1px;}
.CDBtns {display:inline-block;margin:0 15px 8px 15px;}/* give room to resize corner button */
.CDBtns button {padding:0px;border:none;cursor:pointer;background:none;margin-right:15px;}
.CD.idle .CDBtns button {display:none;}
.CD.idle .ECDR, .CD.idle .calcBtn, .noCalc .calcBtn, .noResize .ECDR , .noCopy .copyBtn{display:none;}
.wRemove {position:absolute;border:solid 1px #919bd1;border-left:none;top:-1px;left:100%;width:24px;height:26px;border-radius:0 12px 12px 0;background-color:white;box-shadow: 0px 2px 8px 0px rgba(200, 200, 200, 0.57);clip: rect(-6px, 30px, 34px, 0px);color:#c5c5c5;font-size:16px;line-height:25px;text-align:center;cursor:pointer;}
.plotBtn {stroke:#838383;}
.plotBtn.plotting {display:inline !important;}
.visBtn {position:relative;top:3px;fill:#838383;}
.popupTran {transition-property:top,left,transform;transition-duration:0.5s;transform-origin:top left;}
.PHS .CD:last-child {border-bottom:0px;border-radius:5px 5px 0px 0px;margin-bottom:150px;}
.PRemove {font-family:sans-serif;position:absolute;color:white;background:gray;border-radius:10px;width:20px;height:20px;cursor:pointer;text-align:center;top:-8px;right:-10px;}
.WHelp {position:absolute;cursor:pointer;top:8px;right:15px;}
.WHelp svg {fill:#838383;width:14px;height:14px;}
.tableBtn {stroke:#838383;}
.tableMode .tableBtn {stroke:#3E50B4;}
.undoBtn {position:relative;border:none;background:none;;cursor:pointer;}
.calcBtn {position:absolute;left:100%;margin-bottom:-14px;background:lightblue;color:white;border-radius:5px;padding:3px;cursor:pointer;line-height:initial;}
.sundoBtn {position:absolute;left:0px;border:none;background:none;cursor:pointer;}
.CD.tableMode .CDMain .editBtn, .FracEC .editBtn , .noEdit .editBtn {display:none;}
.ECD {position:relative;display:inline-block;text-align:center;margin-top:4px;margin-bottom:4px;line-height:0;}
.ECD.hist {margin-right:0px !important;margin-left:0px !important;}
.ECD.disabled .undoBtn, .ECD.disabled .undoBtn, .ECD.disabled .sundoBtn {display: none;}
.EC {height:20px;}
.hist > .EC, .hist > .subEC {margin-right:15px;margin-left:15px;}
.ECDR {position:absolute;height:30px;width:30px;bottom:0px;right:0px;border-radius:30px 0 0 0;border:solid 1px #e5e5e5;border-width:1px 0 0 1px;text-align:center;background:white;}
.FracEC .ECDR {right:-20px;}
.ECDR svg {position:relative;top:10px;}
td .ECDR {height:20px;width:20px;}
td .ECDR svg {top:3px;}
.degBtn {position:absolute;top:0px;right:0px;background:lightgray;color:white;border-radius:0.4em;padding:0.05em;line-height:1;cursor:pointer;}
td .ECD {margin:0;}
td .ECD.edit, td .ECD.calcOn {margin-right:25px;}
.EC.empty {width:40px;background:lightgray;}
.CDMain {position:relative;}
.CDMain .ECD {margin-right:15px;margin-left:15px;}
.CDMain .EC.empty {width:100px;margin:2px;border-bottom:solid 1px gray;}
.tableMode .CDMain {border-bottom:solid 1px #e9e9e9;margin-bottom:5px;}
.AT .EC.empty {background:none;}
.PCC .EC.empty {width:25px;background:none;}
.ECD.edit .EC {background-color:rgba(62, 80, 180, 0.1);}
.subEC > div {border: solid 1px; border-right: none;border-top:none;border-radius: 0 0 0 7px;margin: 0 5px -1px 5px;padding-left:3px;text-align:left;position:relative;}/* relative for resizeBtn*/
.output .subEC > div {display:inline-block;margin:0px;padding:0px;border-width:0px 1px;}
.ECH {text-align:left;border-bottom:solid 1px #e5e5e5;margin-bottom:-1px;}
.ECH:nth-child(-n+3)  {padding-bottom:1px;margin-bottom:1px;}
.showHist > .ECH {padding-bottom:3px;margin-bottom:3px;}
.ECH div {position:relative;height:0px;transition-property:width,height;transition-duration:0.5s;overflow:hidden;}

.AT th, .GT th {border:solid 1px #d6d6d6;}
.AT td, .GT td {border:solid 1px #d6d6d6; border-bottom:none;border-left-width:0px;text-align:center;position:relative;}

.AT {margin:0 auto 5px auto;box-shadow: 0px 2px 8px 0px rgba(200, 200, 200, 0.57);}
.AT th {color:white;border-right-width:0px;}
.AT th:nth-child(odd) {border:solid 1px transparent;background-color:#3E50B4;}
.AT th:nth-child(even) {border:solid 1px transparent;background-color:#3948a3;}
.AT th:nth-last-child {-n+2} {border-right-width:1px;}
.AT th:last-child {background-color:inherit;border-left-width:0px;border-color:#d6d6d6;}
.AT td > * {vertical-align:middle;}
.AT tr:nth-child(2) td {border-top-width:0px;}
.AT td:first-child {border-left-width:1px;}
.cdClose {background-color:#f4f4f4;color:#c2c2c2;font-size:x-small;cursor:pointer;}
.AT tr:last-child .cdClose {color:transparent;}
.AT td.output {cursor:pointer;position:relative;}

.GTCorner {position:relative;}
.GTCorner button {background:white;border:solid 1px #858585;padding:1px 3px;border-radius:5px;cursor:pointer;margin-right:4px;}
.GT td {padding:0px 4px;}
.GT th {background:#C8CDEA;position:relative;}
.GT th svg {background-color:#D8DDFA;}
.GTCorner button svg {background-color:white;}
.GT th .sundoBtn {border-radius:0px 0px 15px;padding:0px;left:-1px;top:-1px;}
.GT textarea {font-weight:bold;}
.GT textarea:not(:focus) {background:lightblue;}
.GT tr:first-child th:first-child {border-radius:5px 0px 0px;}
.GT tr:first-child th:last-child {border-radius:0px 5px 0px 0px;}
.GTRef {position:absolute;width:22px;height:22px;top:0px;right:0px;border-radius:0 0 0 22px;border:solid 1px #e5e5e5;border-width:0 0 1px 1px;cursor:pointer;text-align:center;}
.GTRef svg {position:relative;top:-1px;left:1px;}
.ECD > .editBtn,  .GT .editBtn , .FMEC .editBtn {position:absolute;left:0px;bottom:0px;border:none;background:none;cursor:pointer;}

.ECExt svg {fill:blue;}
.CDREX {transition-duration:0.5s;}
.QM {position:absolute;top:50%;left:50%;margin-left:-5px;margin-top:-9px;color:blue;}
.CDRowPnt{float:left;color:#d6d6d6;cursor:pointer;margin-left:5px;}
.CDRowPnt.on {color:#242b61;}
.derVal{border:solid 1px gray;border-radius:5px;height:20px;width:20px;padding:2px;stroke:black;}
.derVal line {marker-end:url(#slopeArrow);}
.slopeDisp{marker-end:url(#slopeArrow);}
#calcs {text-align:center;padding:10px;}
.blink {
  animation: blink 0.5s steps(2, start) infinite;
  -webkit-animation: blink 0.5s steps(2, start) alternate infinite;
}
@keyframes blink {
  to { visibility: hidden; }
}
@-webkit-keyframes blink {
  to { visibility: hidden; }
}
.AssignPopup {position:fixed;border-radius:5px;border:solid 1px gray;padding:15px 10px 10px 10px;background:white;text-align:center;z-index:10001;}
.AssignPopup svg.EC {border:solid 1px gray;}
.BilateralPopup {position:absolute;border-radius:5px;border:solid 1px gray;padding:15px 10px 10px 10px;background:white;text-align:center;z-index:10001;}
.BilateralPopup svg {border:solid 1px gray;}
.BPOpSelect {display:inline-block;}
.BPOpSelect span {border:solid 1px black;margin:2px;border-radius:5px;padding:5px;background-color:white;cursor:pointer;font-size:larger;}
.BPEC {display:inline-block;}
.popupMask {z-index:10000;position:fixed;left:0%;right:0%;top:0%;bottom:0%;}
* :not(input):not(textarea):not([contenteditable])	{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
#dragSvg {z-index:10001;position:absolute;top:0px;left:0px;width:100%;height:100%;}
.DDMW {position:absolute;border:solid 1px #919bd1;background:white;padding:15px;padding-top:30px;box-shadow: 0px 2px 8px 0px rgba(200, 200, 200, 0.57);}
.PGScan {position:absolute;margin-top:-8px;top:50%;left:10px;height:30px;width:10px;border:solid 1px gray;background:lightgray;border-radius:5px;}
.PGZ {position:absolute;width:24px;height:24px;background:white;border-radius:12px;cursor:zoom-in;text-align:center;}
.PGZ > svg {vertical-align:middle;}
.PGYZ {left:50%;margin-left:-11px;bottom:1px;}
.PGXZ {bottom:50%;margin-bottom:-20px;right:5px;}
.PGXYZ {bottom:5px;right:8px;}
.PGSubGraph {position:absolute;bottom:0px;left:-1px;}
.PGSubGraph .DDMW {padding-top:0px;border-top:none;}
.PGRemove {top:-10px;right:-10px;}
.wCtrls {position:absolute;top:8px;left:20px;}
.TW .wCtrls {top:6px;left:16px;}
.wRCtrls button, .wCtrls button {padding:0px;border:none;cursor:pointer;background:none;margin-right:10px;}
.wCtrls svg {fill:#838383;}
.wCtrls .selected svg {fill:blue;}
.wRCtrls {position:absolute;top:8px;right:28px;cursor:pointer;}
.qMenu {position:absolute;outline:none;width:140px;height:140px;border-radius:5px;background-color:white;box-shadow:0px 0px 5px 1px #d0d0d0;margin-top:-10px;margin-left:-5px;}
.qMenu div {position:absolute;text-align:center;border-radius:5px;display:table;line-height:2.2;cursor:pointer;}
.qMenu div span {display:table-cell;vertical-align:middle;cursor:pointer;}

.wInner {position:relative;width:100%;height:100%;border:solid 1px #d0d0d0;box-shadow: 0px 0px 5px 1px #d0d0d0 inset;box-sizing:border-box;}
.slider {position:relative;height:3px;margin:40px 20px 25px 20px;min-width:120px;}
.slFill {position:absolute;height:100%;left:0px;right:0px;background:#C8CDEA;}
.slider:first-child {margin-top:25px;}
.sliderMarker {position:absolute;width:20px;height:20px;border-radius:11px;margin-top:-11px;margin-left:-11px;background:white;border:solid 2px black;text-align:center;cursor:pointer;}
.sliderMarker > span {position:absolute;bottom:100%;width:100px;margin-left:-55px;text-align:center;margin-bottom:2px;}
.slider.disabled * {cursor:initial;}
.slSide {position:absolute;width:15px;height:15px;border-radius:7px;background:#C8CDEA;top:-6px;cursor:pointer;}
.slSide span {position:absolute;margin-top:-5px;background:white;border-radius:5px;}
.slMin {left:-4px;}
.slMin span {right:100%;margin-right:5px;}
.slMax {right:-4px;}
.slMax span {left:100%;margin-left:5px;}
.slTran {transition-property:left,right,margin-left,margin-right;transition-duration:0.5s;}

.PCC {position:relative;display:inline-block;}
.PCC.active {background:lightblue;}
.PCC > * {vertical-align:bottom;}

.GWRotate {position:absolute;top:3px;left:50%;margin-left:-10px;padding:0px 4px;background:white;color:gray;border:solid 1px gray;cursor:ew-resize;}
.GWMove {position:absolute;top:6px;left:50%;cursor:move;margin-left:20px;}
.GWList {position:absolute;left:100%;margin-left:1px;top:30px;}
.GWList > div {padding-right:3px;}
.GWItem {background:white;position:relative;border-bottom:solid 1px lightgray;box-shadow:1px 2px 8px 0px rgba(200, 200, 200, 0.57);padding:2px 20px 2px 2px;text-align:center;white-space:nowrap;}
.GWItem.invalid {border:solid 1px red;}
.GWItem.colorable {padding-left:18px;}
.GWItem > span > * {vertical-align:middle;}
.GWItemRemove {position:absolute;top:50%;margin-top:-12px;right:0px;width:20px;height:20px;color:#c5c5c5;font-size:16px;font-weight:bold;text-align:center;cursor:pointer;}
.GWColor {position:absolute;width:12px;height:12px;top:50%;margin-top:-7px;border-radius:7px;left:2px;cursor:pointer;}
.colSelM {position:absolute;top:0px;left:0px;border-radius:5px;background-color:#464646;}
.colSelM:focus {outline:none;}
.colSelM span {display:inline-block;width:19px;height:19px;border-radius:10px;border:solid 1px transparent;margin:3px;cursor:pointer;}

.statHeader {min-height:30px;position:relative;display:inline-block;}
button.wHeaderBtn, .wHeader button {background:white;color:#858585;border:solid 1px #858585;padding:0px 3px;border-radius:2px;margin-right:5px;cursor:pointer;vertical-align:middle;}
button.wHeaderBtn.selected, .wHeader button.selected {background-color:#4658BA;border-color:transparent;color:white;}
.wHeader button svg {vertical-align:middle;}
.wHeader button:not(.plotting) svg {stroke:#838383;}
.wHeader button.selected svg {stroke:white;}
.MoDist  .ECD, .statHeader .ECD {border:solid 1px #F4F4F4;}
.statHeader.nonTable .ECD {margin-right:2px;}
.MoDist .EC.empty, .statHeader .EC.empty {width:25px;background:#EBEEF7;}
.PTNode {position:absolute;width:60px;margin-left:-30px;height:30px;margin-top:-15px;border:solid 1px lightgray;background:white;border-radius:5px;}
.PTNode.selected {border-color:#DE4526;border-width:3px;}
.PTNode.chosen {background-color:#C8CDEA;}
.PTNode.root {border:none;width:0px;height:0px;margin:-10px 0 0 0;}
.PTRemove {position: absolute;color: #808184;background: white;width: 12px;height: 12px;font-size: 12px;cursor: pointer;border-radius: 7px;border: solid 1px #808184;text-align: center;line-height: 0.85;}
.PTTop {top:-7px;}
.root .PTTop {top:-15px;}
.PTBottom {bottom:-7px;}
.PTLeft{left:-7px;}
.PTRight{right:-7px;}
.PTWide {color:#3E50B4;font-weight:bold;}
.PTAdd {position:absolute;color:white;background:gray;border-radius:0 0 7px 7px;width:16px;height:13px;cursor:pointer;text-align:center;bottom:-13px;left:50%;margin-left:-8px;font-size:13px;line-height:1;}
.root .PTAdd {border-radius:7px;}
.PTProb {position:absolute;}
.PTProb .EC {background:white;border:solid 1px #C8CDEA;border-radius:5px;}
.PTDM .PTAdd, .PTDM .PTRemove {display:none;}

.RDNum {display:inline-block;font-family:monospace;overflow:hidden;vertical-align:middle;box-shadow: 0px 0px 5px 1px #d0d0d0 inset;min-width:70px;padding:0px 5px;color:#414141;}
.RDBtn {vertical-align:middle;border:none;background:none;font-size:0.8em;color:#3D51B4;cursor:pointer;}
.RDBtn:focus {outline:none;}
.RI {display:block;resize:none;width:100%;min-height:10px;}

.SelMask {position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:5px;background-color:rgba(173,216,230,0.5);}
[contenteditable]:focus {outline:none;}
.DV h1, .DBH {margin:0px;text-align:center;font-size:150%;}
.CEPH {display:inline-block;min-width:40px;}
.CEPH:empty, .DBH:empty {color:gray;}
.CEPH:empty:not(:focus):before, .DBH:empty:not(:focus):before{content:attr(data-ph);}
.DV, .DBC {border-bottom:solid 1px transparent;margin:0px 23px;padding-top:5px;}
.DBC:empty {color:gray;}
.DBC.editMode:empty:before{content:attr(data-ph);}
.HDBD > .DBC.editMode {padding-bottom:80px;}/* Give some slack for entering content */
.DDMITEM {position:relative;text-align:center;margin-bottom:10px;}
.DBC.editMode .DDMITEM {background-color:rgba(200,200,200,0.1);}
.DBC .DDMITEM.discourse {background-color:#e6fbff;}
.PTRemove.selected {color:#3E50B4;border-color:#3E50B4;}
.DDMITEM, td, th {text-align:center;}
.DDMITEM > * {margin:auto;}
.DDMITEM .wHeaderBtn {background-color:transparent;}/* for mult choice */
.DDMITEM .wHeaderBtn.selected {background-color:#00aff0;}
.DBC h2 {font-size:large;}
.MCITEM {position:relative;border-radius: 5px;border:solid 2px gray;}
.MCITEM.selected {border:solid 3px blue;}
.MCITEMCOUNT {position:absolute;padding:1px 5px;color;gray;border:solid 1px gray;background:#e6fbff;border-radius:2px;font-size:75%;top:4px;left:4px;}
.DBC .PTRemove {top:0px;right:0px;}
.DBPB {position:absolute;right:100%;margin-right:1px;}
.HDCtrls {position:absolute;right:0px;top:15px;}
.HDCtrls button {padding:0px;border:none;cursor:pointer;background:none;margin-right:10px;color:#8C96D3;fill:#8C96D3;}
.HDBD {position:absolute;right:0px;top:50px;bottom:0px;overflow:auto;width:100%;}
.HDTitle {color:white;padding-left:10px;font-size:large;line-height:3;}
.HDTitle button {border:none;background:none;color:white;cursor:pointer;}
.FOLITEM, .FILITEM {padding-left:30px;line-height:3;border-bottom:solid 1px #C2C2C2;position:relative;background-color:#f9f9f9;color:#414042;}
.FOLITEM.selected, .FILITEM.selected {color:#f8c761;}
.FOLIcon svg {fill:#414042;vertical-align:text-bottom;}
.selected .FOLIcon svg {fill:#f8c761;}
.ITEMBTNS {position:absolute;right:15px;top:0px;}
.FOLIcon {margin-right:11px;}
.FOLTitle {display:inline-block;}
.SPBtns button {border:solid 1px #818386;color:#818386;background-color:white;cursor:pointer;}
.SPBtns button:first-child {border-radius:10px 0 0 10px;}
.SPBtns button:last-child {border-radius:0 10px 10px 0;}
.FOLTitle:empty:before{content:'...';}
.FILSHOW {cursor:pointer;margin-left:3px;}
.FILSHOW svg {vertical-align:middle}
.FOLGO {float:right;margin-right:5px;cursor:pointer;margin-top:4px;width:20px;height: 20px;}
.insertBtn {display:inline-block;width:40px;height:40px;border:none;vertical-align:top;text-align:center;padding:0px;border-left:solid 1px #f1f2f2;cursor:pointer;}
.insertBtn svg {vertical-align:middle;}
.HDLink {border-radius:5px;background:lightgray;text-decoration:none;color:inherit;margin-right:10px;}
.STD {padding:5px;}
.STD > span {font-size: 11px;display: inline-block;cursor: pointer;padding: 3px;border:solid 1px black;background-color:transparent;line-height:1.5;color:black;vertical-align:middle;margin-right:5px;border-radius:2px;}
.STD > span.selected {background-color:#f8c761;border-color:transparent;}
.ESC > div {position:relative;transition-property:height;transition-duration:0.5s;overflow:hidden;padding:0px 15px;}
.ESC > div:not(:last-child) {border-bottom: solid 1px #e5e5e5;}
.ESC.collapsed > div:not(:first-child):not(:last-child) {height: 1px !important;} 

.FMEC {position:absolute;top:0px;right:0px;padding:2px;border-right:none;border-top:none;border-radius:0 0 0 5px;background-color:white;box-shadow: 0px 0px 5px 1px #d0d0d0;padding-right:20px;}
.FMEC .copyBtn , .FracEC .copyBtn{display:none !important;}
.FMNS .FMReady {fill:lightgreen;cursor:pointer;}
.FMIS {position:absolute;top:0px;right:100%;background:white;padding:5px;}
.FMIS .ECD {vertical-align:middle;}
.FMIS .slider {min-width:90px;}
.DragMarker {position:absolute;width:20px;height:20px;margin-left:-10px;margin-top:-10px;background:#3E50B4;border-radius:10px;z-index:10001;}

.PMVis {width:100%;height:100%;background-color:#f4f4f4;}
.PMError, .PMError * {stroke:red !important;fill:red !important;}
.PMBlock {display:inline-block;stroke:black;position:relative;width:20px;height:20px;border:solid 1px black;text-align:center;background-color:#3E50B4;margin:3px;vertical-align:middle;}
.VehDisp {display:inline-block;height:30px;width:60px;background-color:#EBEEF7;}
.VehDisp svg {background-color:white;}
.VehDir {border:none;background-color:#e4e4e4;font-weight:bold;border-radius:5px;cursor:pointer;}
.VehPad {position:absolute;width:100px;height:50px;margin-left:-50px;margin-top:-25px;background-color:white;border:solid 1px gray;border-radius:5px;}
.VehPad  .sundoBtn {top:0px;}
.MoDist {text-align:center;}
.MoDist div {vertical-align:middle;}
.NoPos .VePos {display:none;}
.GCDSl .slSide {display:none;}

.FMANIM line, line.FMANIM {stroke-dasharray:10;animation:dash 1s linear infinite}
@keyframes dash {
	to {stroke-dashoffset:20;}
}

.EVBtns {margin-right:20px;}
.EVBtns button {fill:rgb(131,131,131);stroke:rgb(131,131,131);padding:2px 4px 0px 4px;margin-right:5px;}
.EVBtns button.selected {fill:rgb(62, 80, 180);stroke:rgb(62, 80, 180);background:lightgray;border-radius:5px 5px 0 0;}

.ddmTip {position:absolute;width:20px;height:20px;border-radius:15px;border:solid 1px black;background:yellow;margin:-11px 0 0 -11px;text-align:center;font-size:larger;line-height:16px;cursor:pointer;}
.ddmTip.open {background:black;border-color:yellow;color:yellow;}