.symbolName {
    border-width: 0px;
    padding: 0px 4px;
    float: left;
    width: 200px;
    font-weight: bold;
    font-size: 16px;
}

.header-img {
    width: 35px;
    height: 35px;
    margin: 11px;
    border-radius: 50%;
    border: 1px solid #f3eaff;
    background-color: #fff;
    float: right;
}

.alertPop {
    float: right;
    text-align: center;
    z-index: 99999999;
}

.addCPIcon {
    background-size: 21px 21px !important;
    background: url(../icons/add.png) no-repeat;
    width: 21px;
    height: 21px;
    float: right;
}

.deleteCPBtn {
    background-size: 21px 21px !important;
    background: url(../icons/delete.png) no-repeat;
    width: 21px;
    height: 21px;
    margin-top: 6px;
}

.textLeft {
    text-align: left;
}

.topLabel {
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    overflow: hidden;
    display: inline-block;
    padding: 8px 0px;
    height: 36px;
    width: 100%;
}

.topLabelActive {
    border-bottom-width: 0px;
    color: black;
}

.colorOptionBtn {
    position: absolute;
    margin-top: -2px;
    right: 0px;
    height: 22px;
}

.colorOptionSelect {
    height: 22px;
}

.perimeterPanelDiv {
    display: flex;
    padding: 4px 25px;
    margin: 5px 10px;
}

.animationPanel {
    display: flex;
    padding: 2px 0px;
    margin: 0px 10px;
}

.animationTitle {
    height: 30px;
    text-align: left;
    font-weight: bold;
    padding: 6px 12px;
    font-size: 14px;
}

.animationKey {
    padding: 4px
}

.animationInput {
    width: 50%;
    position: absolute;
    right: 34px;
}

.animationExp {
    background: url(../icons/exp.png) no-repeat !important;
    width: 24px;
    height: 24px;
}

.animationInputChart {
    width: 50%;
    position: absolute;
    right: 54px;
}

.animationSpanChart {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 30px;
}

.chartBtnDelete {
    position: absolute;
    right: 10px;
}

.animationExpString {
    background: url(../icons/expString.png) no-repeat !important;
    width: 24px;
    height: 24px;
}

.animationExpNumber {
    background: url(../icons/expNumber.png) no-repeat !important;
    width: 24px;
    height: 24px;
}

.animationExpBool {
    background: url(../icons/expBool.png) no-repeat !important;
    width: 24px;
    height: 24px;
}

.animationSpan {
    width: 44px;
    height: 24px;
    position: absolute;
    right: 5px;
}

.dropdown-itemList {
    max-height: 500px;
    overflow-y: auto;
}

.saveBtn {
    margin-left: 5px;
    float: right;
    width: 62px;
}

.cancelBtn {
    float: right;
    width: 62px;
}

.addDataBtn {
    margin: 0 5px;
    width: 200px;
}

.deleDataBtn {
    width: 200px;
}

.dialogPanel {
    padding: 2px 0px;
    display: flex;
}

.dialogInput {
    width: 100%
}

.dialogText {
    padding: 4px
}

.geEditor {
    font-family: Helvetica Neue, Helvetica, Arial Unicode MS, Arial, Digital;
    font-size: 14px;
    border: none;
    margin: 0px;
}

.geEditor input[type=text]::-ms-clear {
    display: none;
}

.geMenubarContainer .geItem,
.geToolbar .geButton,
.geToolbar .geLabel,
.geSidebarContainer .geTitle {
    cursor: pointer !important;
}

.geBackgroundPage {
    -webkit-box-shadow: 0px 0px 3px 0px #d9d9d9;
    -moz-box-shadow: 0px 0px 3px 0px #d9d9d9;
    box-shadow: 0px 0px 3px 0px #d9d9d9;
}

.geSidebarContainer a,
.geMenubarContainer a,
.geToolbar a {
    color: #000000;
    text-decoration: none;
}

.geMenubarContainer,
.geToolbarContainer,
.geDiagramContainer,
.geSidebarContainer,
.geFooterContainer,
.geHsplit,
.geVsplit {
    overflow: hidden;
    position: absolute;
    cursor: default;
}

.geFormatContainer {
    background: #ebebeb !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    font-size: 14px;
    position: absolute;
    border-left: 1px solid #c5c5c7;
    border-top: 1px solid #e5e5e5;
}

.geDiagramContainer {
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    outline: none;
}

.geMenubar,
.geToolbar {
    white-space: nowrap;
    display: block;
    width: 100%;
}

.geMenubarContainer .geItem,
.geToolbar .geButton,
.geToolbar .geLabel,
.geSidebar,
.geSidebarContainer .geTitle,
.geSidebar .geItem,
.mxPopupMenuItem {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.geHint {
    background-color: #ffffff;
    border: 1px solid gray;
    padding: 4px 16px 4px 16px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px 0px #ddd;
    -moz-box-shadow: 1px 1px 2px 0px #ddd;
    box-shadow: 1px 1px 2px 0px #ddd;
    opacity: 0.8;
    filter: alpha(opacity=80);
    font-size: 14px;
}

.geStatusAlert {
    white-space: nowrap;
    margin-top: -5px;
    font-size: 14px;
    padding: 4px 6px 4px 6px;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442 !important;
    border-radius: 3px;
}

.geStatusAlert:hover {
    background-color: #f1d8d8;
    border-color: #d6b2b8;
}

.geStatusMessage {
    white-space: nowrap;
    margin-top: -5px;
    padding: 4px 6px 4px 6px;
    font-size: 14px;
    background-image: -webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
    background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    background-repeat: repeat-x;
    border: 1px solid #b2dba1;
    border-radius: 3px;
    color: #3c763d !important;
}

.geStatusMessage:hover {
    background: #c8e5bc;
    border-color: #b2dba1;
}

.geAlert {
    position: absolute;
    white-space: nowrap;
    padding: 14px;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 3px 0px #ddd;
    -moz-box-shadow: 2px 2px 3px 0px #ddd;
    box-shadow: 2px 2px 3px 0px #ddd;
}

.geBtn,
.mxWindow .geBtn {
    background-image: none;
    background-color: #f5f5f5;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    color: #333;
    cursor: default;
    font-size: 14px;
    font-weight: bold;
    height: 29px;
    line-height: 27px;
    margin: 0 0 0 8px;
    min-width: 72px;
    outline: 0;
    padding: 0 8px;
    cursor: pointer;
}

.geBtn:hover,
.geBtn:focus {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #c6c6c6;
    background-color: #f8f8f8;
    background-image: linear-gradient(#f8f8f8 0px, #f1f1f1 100%);
    color: #111;
}

.geBtn:disabled {
    opacity: .5;
}

.geBtnUp {
    background-image: url(data:image/gif;base64,R0lGODlhCgAGAJECAGZmZtXV1f///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QzM3ODJERjg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QzM3ODJFMDg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRDMzc4MkREODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRDMzc4MkRFODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAgAsAAAAAAoABgAAAg6UjwiQBhGYglCKhXFLBQA7);
    background-position: center center;
    background-repeat: no-repeat;
}

.geBtnUp:active {
    background-color: #4d90fe;
    background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
}

.geBtnDown {
    background-image: url(data:image/gif;base64,R0lGODlhCgAGAJECANXV1WZmZv///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QzM3ODJEQjg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QzM3ODJEQzg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRDMzc4MkQ5ODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRDMzc4MkRBODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAgAsAAAAAAoABgAAAg6UjxLLewEiCAnOZBzeBQA7);
    background-position: center center;
    background-repeat: no-repeat;
}

.geBtnDown:active {
    background-color: #4d90fe;
    background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
}

.geColorBtn {
    background-color: #f5f5f5;
    background-image: linear-gradient(#f5f5f5 0px, #e1e1e1 100%);
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: #333;
    cursor: default;
    margin: 0px;
    outline: 0;
    padding: 0px;
    cursor: pointer;
    height: 22px;
}

.geColorBtn:hover {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.7);
}

.geColorBtn:active {
    background-color: #4d90fe;
    background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
    border: 1px solid #2f5bb7;
    color: #fff;
}

.geColorBtn:disabled {
    opacity: .5;
}

.gePrimaryBtn,
.mxWindow .gePrimaryBtn {
    background-color: #4d90fe;
    background-image: linear-gradient(#4d90fe 0px, #4787ed 100%);
    border: 1px solid #3079ed;
    color: #fff;
}

.gePrimaryBtn:hover,
.gePrimaryBtn:focus {
    background-color: #357ae8;
    background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
    border: 1px solid #2f5bb7;
    color: #fff;
}

.gePrimaryBtn:disabled {
    opacity: .5;
}

.geAlertLink {
    color: #843534;
    font-weight: 700;
    text-decoration: none;
}

.geMenubarContainer {
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
}

.geMenubar {
    padding: 0px 2px 0px 2px;
    vertical-align: middle;
}

.geMenubarContainer .geItem,
.geToolbar .geItem {
    padding: 6px 8px 6px 8px;
    cursor: default;
}

.geMenubarContainer .geItem:hover {
    background: #eeeeee;
}

.mxDisabled:hover {
    background: inherit !important;
}

.geMenubar a.geStatus {
    color: #b3b3b3;
    padding-left: 6px;
    display: inline-block;
    cursor: default !important;
}

.geMenubar a.geStatus:hover {
    background: transparent;
}

.geMenubarMenu {
    border: 1px solid #d5d5d5 !important;
}

.geToolbarContainer {
    background: #ffffff;
}

.geSidebarContainer .geToolbarContainer {
    background: transparent;
    border-bottom: none;
}

.geSidebarContainer button {
    text-overflow: ellipsis;
    overflow: hidden;
}

.geToolbar {
    padding: 3px 0px 0px 6px;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
}

.geToolbarContainer .geSeparator {
    float: left;
    width: 1px;
    height: 34px;
    background: #e5e5e5;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: -2px;
}

.geToolbarContainer .geButton {
    float: left;
    width: 27px;
    height: 27px;
    padding: 0px 2px 4px 2px;
    margin: 2px;
    border: 1px solid transparent;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=60);
    font-size: 14px;
}

.geToolbarContainer .geButton:hover {
    border: 1px solid gray;
    border-radius: 2px;
    opacity: 1;
    filter: none !important;
}

.geToolbarContainer .geButton:active {
    border: 1px solid black;
}

div.mxWindow .geButton {
    margin: -1px 2px 2px 2px;
    padding: 1px 2px 2px 1px;
}

.geToolbarContainer .geLabel {
    float: left;
    margin: 2px;
    cursor: pointer;
    padding: 3px 5px 3px 5px;
    border: 1px solid transparent;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.geToolbarContainer .geLabel:hover {
    border: 1px solid gray;
    border-radius: 2px;
    opacity: 0.9;
    filter: alpha(opacity=90) !important;
}

.geToolbarContainer .geLabel:active {
    border: 1px solid black;
    opacity: 1;
    filter: none !important;
}

.geToolbarContainer .mxDisabled:hover {
    border: 1px solid transparent !important;
    opacity: 0.2 !important;
    filter: alpha(opacity=20) !important;
}

.geToolbarMenu {
    border: 3px solid #e0e0e0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
}

.geDiagramBackdrop {
    background-color: #ebebeb;
}

.geSidebarContainer {
    background: #EFF0F0;
    position: absolute;
    border-top: 1px solid #e5e5e5;
    overflow: auto;
}

.geSidebar {
    border-bottom: 1px solid #e5e5e5;
    padding: 5px;
    padding-bottom: 12px;
    overflow: hidden;
    background: #ebebeb !important;
    border-right: 1px solid #c5c5c7;
}

.geSidebarContainer .geTitle {
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
    padding: 6px 0px 6px 14px;
    margin: 0px;
    cursor: default;
    background: #eeeeee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
}

.geSidebarContainer .geTitle:hover {
    background: #e5e5e5;
}

.geTitle img {
    opacity: 0.5;
    _filter: alpha(opacity=50);
}

.geTitle img:hover {
    opacity: 1;
    _filter: alpha(opacity=100);
}

.geTitle .geButton {
    border: 1px solid transparent;
    padding: 3px;
    border-radius: 2px;
}

.geTitle .geButton:hover {
    border: 1px solid gray;
}

.geSidebar .geItem {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid transparent;
    border-radius: 2px;
    cursor: move;
}

.geSidebar .geItem:hover {
    border: 1px solid gray !important;
}

.geItem {
    vertical-align: top;
    display: inline-block;
}

.geSidebarTooltip {
    position: absolute;
    background: white;
    overflow: hidden;
    border: 1px solid gray;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 2px 2px #d5d5d5;
    -moz-box-shadow: 0px 0px 2px 2px #d5d5d5;
    box-shadow: 0px 0px 2px 2px #d5d5d5;
    _filter: progid: DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d5d5d5', Positive='true');
}

.geFooterContainer {
    background: #e5e5e5;
    border-top: 1px solid #c0c0c0;
}

.geFooterContainer a {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    white-space: nowrap;
    font-size: 14px;
    color: #235695;
    font-weight: bold;
    text-decoration: none;
}

.geFooterContainer table {
    border-collapse: collapse;
    margin: 0 auto;
}

.geFooterContainer td {
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}

.geFooterContainer td:hover {
    background-color: #b3b3b3;
}

.geHsplit {
    cursor: col-resize;
    background-color: #e5e5e5;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHBAMAAADdS/HjAAAAGFBMVEUzMzP///9tbW1QUFCKiopBQUF8fHxfX1/IXlmXAAAAHUlEQVQImWMQEGAQFWUQFmYQF2cQEmIQE2MQEQEACy4BF67hpEwAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center center;
}

.geVsplit {
    font-size: 14px;
    cursor: row-resize;
    background-color: #e5e5e5;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEBAMAAACw6DhOAAAAGFBMVEUzMzP///9tbW1QUFCKiopBQUF8fHxfX1/IXlmXAAAAFElEQVQImWNgNVdzYBAUFBRggLMAEzYBy29kEPgAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center center;
}

.geHsplit:hover,
.geVsplit:hover {
    background-color: #d5d5d5;
}

.geDialog {
    position: absolute;
    background: white;
    line-height: 1em;
    overflow: hidden;
    padding: 30px;
    border: 1px solid #acacac;
    -webkit-box-shadow: 0px 0px 2px 2px #d5d5d5;
    -moz-box-shadow: 0px 0px 2px 2px #d5d5d5;
    box-shadow: 0px 0px 2px 2px #d5d5d5;
    _filter: progid: DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d5d5d5', Positive='true');
    z-index: 2;
}

.geDialogClose {
    position: absolute;
    width: 9px;
    height: 9px;
    opacity: 0.5;
    cursor: pointer;
    _filter: alpha(opacity=50);
}

.geDialogClose:hover {
    opacity: 1;
}

.geDialogTitle {
    box-sizing: border-box;
    white-space: nowrap;
    background: rgb(229, 229, 229);
    border-bottom: 1px solid rgb(192, 192, 192);
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: rgb(35, 86, 149);
}

.geDialogFooter {
    background: #ffffff;
    white-space: nowrap;
    text-align: right;
    box-sizing: border-box;
    border-top: 1px solid #e5e5e5;
    color: darkGray;
}

.geBaseButton {
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #c0c0c0;
    cursor: pointer;
    background-color: #ececec;
    background-image: linear-gradient(#ececec 0%, #fcfcfc 100%);
}

.geBaseButton:hover {
    background: #ececec;
}

.geBigButton {
    color: #ffffff;
    border: none;
    padding: 10px;
    font-size: 14pt;
    white-space: nowrap;
    border-radius: 6px;
    text-shadow: rgb(41, 89, 137) 0px 1px 0px;
    background-color: #428bca;
    background-image: linear-gradient(rgb(70, 135, 206) 0px, rgb(48, 104, 162) 100%);
    -webkit-box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
    -moz-box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
    box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
}

.geBigButton:hover {
    background-color: #2d6ca2;
    background-image: linear-gradient(rgb(90, 148, 211) 0px, rgb(54, 115, 181) 100%);
}

.geBigButton:active {
    background-color: rgb(54, 115, 181);
    background-image: none;
}

@media print {
    div.geNoPrint {
        display: none !important;
    }
}

.geSprite0 {
    background: url(data:image/png;base64,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) no-repeat;
    width: 21px;
    height: 21px;
}

.geSprite {
    background: url(../icons/iconImg.png) no-repeat;
    background-size: 21px auto;
    width: 21px;
    height: 21px;
}

.geSprite-zoomin {
    background-position: 0 0;
}

.geSprite-zoomout {
    background-position: 0 -21px;
}

.geSprite-undo {
    background-position: 0 -42px;
}

.geSprite-redo {
    background-position: 0 -63px;
}

.geSprite-cut {
    background-position: 0 -84px
}

.geSprite-copy {
    background-position: 0 -105px
}

.geSprite-paste {
    background-position: 0 -126px
}

.geSprite-delete {
    background-position: 0 -147px;
}

.geSprite-selectall {
    background-position: 0 -168px
}

.geSprite-selectnone {
    background-position: 0 -189px
}

.geSprite-tofront {
    background-position: 0 -210px;
}

.geSprite-toback {
    background-position: 0 -231px;
}

.geSprite-alignleft {
    background-position: 0 -252px;
}

.geSprite-aligncenter {
    background-position: 0 -273px;
}

.geSprite-alignright {
    background-position: 0 -294px;
}

.geSprite-aligntop {
    background-position: 0 -315px;
}

.geSprite-alignmiddle {
    background-position: 0 -336px;
}

.geSprite-alignbottom {
    background-position: 0 -357px;
}

.geSprite-verticalFlow {
    background-position: 0 -378px
}

.geSprite-horizontalFlow {
    background-position: 0 -399px
}

.geSprite-circleFlow {
    background-position: 0 -420px
}

.geSprite-fillcolor {
    background-position: 0 -441px;
}

.geSprite-strokecolor {
    background-position: 0 -462px;
}

.geSprite-shadow {
    background-position: 0 -483px;
}

.geSprite-link {
    background-position: 0 -525px;
}

.geSprite-image {
    background-position: 0 -546px;
}

.geSprite-insertimage {
    background-position: 0 -546px
}

.geSprite-editdiagram {
    background-position: 0 -567px
}

.geSprite-save {
    background-position: 0 -588px
}

.geSprite-preview {
    background-position: 0 -609px
}

.geSprite-bold {
    background-position: 0 -630px;
}

.geSprite-italic {
    background-position: 0 -651px;
}

.geSprite-underline {
    background-position: 0 -672px;
}

.geSprite-vertical {
    background-position: 0 -693px;
}

.geSprite-left {
    background-position: 0 -714px;
}

.geSprite-center {
    background-position: 0 -735px;
}

.geSprite-right {
    background-position: 0 -756px;
}

.geSprite-top {
    background-position: 0 -777px;
}

.geSprite-middle {
    background-position: 0 -798px;
}

.geSprite-bottom {
    background-position: 0 -819px;
}

.geSprite-createds {
    background-position: 0 -840px
}

.geSprite-inserttag {
    background-position: 0 -861px
}

.geSprite-fliph {
    background: url(../icons/flipH.png) no-repeat;
    background-size: 21px auto;
    width: 21px;
    height: 21px;
}

.geSprite-flipv {
    background: url(../icons/flipV.png) no-repeat;
    background-size: 21px auto;
    width: 21px;
    height: 21px;
}

.geSprite-outline {
    background: url(../icons/thumbnail.png) no-repeat center;
    background-size: 18px auto;
    width: 21px;
    height: 21px;
}

.geSprite-structure {
    background: url(../icons/structure.png) no-repeat center;
    background-size: 21px auto;
    width: 21px;
    height: 21px;
}

.geSprite-plus {
    background-position: 0 -273px;
}

.geSprite-fit {
    background-position: 0 0px;
}

.geSprite-justifyfull {
    background-position: 0 0px;
}

.geSprite-removeformat {
    background-position: 0 0px;
}

.geSprite-superscript {
    background-position: 0 0px;
}

.geSprite-subscript {
    background-position: 0 0px;
}

.geSprite-orderedlist {
    background-position: 0 0px;
}

.geSprite-unorderedlist {
    background-position: 0 0px;
}

.geSprite-indent {
    background-position: 0 0px;
}

.geSprite-outdent {
    background-position: 0 0px;
}

.geSprite-code {
    background-position: 0 0px;
}

.geSprite-horizontalrule {
    background-position: 0 0px;
}

.geSprite-table {
    background-position: 0 0px;
}

.geSprite-actualsize {
    background-position: 0 0;
}

.geSprite-fontcolor {
    background-position: 0 -322px;
}

.geSprite-gradientcolor {
    background-position: 0 -368px;
}

.geSprite-print {
    background-position: 0 -598px;
}

.geSprite-arrow {
    background-position: 0 -1059px;
}

.geSprite-linkedge {
    background-position: 0 -1105px;
}

.geSprite-straight {
    background-position: 0 -1150px;
}

.geSprite-entity {
    background-position: 0 -1196px;
}

.geSprite-orthogonal {
    background-position: 0 -1242px;
}

.geSprite-curved {
    background-position: 0 -1288px;
}

.geSprite-noarrow {
    background-position: 0 -1334px;
}

.geSprite-endclassic {
    background-position: 0 -1380px;
}

.geSprite-endopen {
    background-position: 0 -1426px;
}

.geSprite-endblock {
    background-position: 0 -1472px;
}

.geSprite-endoval {
    background-position: 0 -1518px;
}

.geSprite-enddiamond {
    background-position: 0 -1564px;
}

.geSprite-endthindiamond {
    background-position: 0 -1610px;
}

.geSprite-endclassictrans {
    background-position: 0 -1656px;
}

.geSprite-endblocktrans {
    background-position: 0 -1702px;
}

.geSprite-endovaltrans {
    background-position: 0 -1748px;
}

.geSprite-enddiamondtrans {
    background-position: 0 -1794px;
}

.geSprite-endthindiamondtrans {
    background-position: 0 -1840px;
}

.geSprite-startclassic {
    background-position: 0 -1886px;
}

.geSprite-startopen {
    background-position: 0 -1932px;
}

.geSprite-startblock {
    background-position: 0 -1978px;
}

.geSprite-startoval {
    background-position: 0 -2024px;
}

.geSprite-startdiamond {
    background-position: 0 -2070px;
}

.geSprite-startthindiamond {
    background-position: 0 -2116px;
}

.geSprite-startclassictrans {
    background-position: 0 -2162px;
}

.geSprite-startblocktrans {
    background-position: 0 -2208px;
}

.geSprite-startovaltrans {
    background-position: 0 -2254px;
}

.geSprite-startdiamondtrans {
    background-position: 0 -2300px;
}

.geSprite-startthindiamondtrans {
    background-position: 0 -2346px;
}

.geSprite-globe {
    background-position: 0 -2392px;
}

.geSprite-fontbackground {
    background-position: 0 -2760px;
}

.geSprite-deletecolumn {
    background-position: 0 -2990px;
}

.geSprite-deleterow {
    background-position: 0 -3036px;
}

.geSprite-insertcolumnafter {
    background-position: 0 -3082px;
}

.geSprite-insertcolumnbefore {
    background-position: 0 -3128px;
}

.geSprite-insertrowafter {
    background-position: 0 -3174px;
}

.geSprite-insertrowbefore {
    background-position: 0 -3220px;
}

.geSprite-grid {
    background-position: 0 -3272px;
}

.geSprite-guides {
    background-position: 0 -3324px;
}

.geSprite-dots {
    background-position: 0 -3370px;
}

.geSprite-formatpanel {
    background-position: 0 -3738px;
}

.geSprite-connection {
    background-position: 0 -3784px;
}

.geSprite-simplearrow {
    background-position: 0 -3876px;
}

.geSprite-rounded {
    background-position: 0 -3968px;
}

.geSprite-duplicate {
    background-position: 0 -4106px;
}

.geSprite-insert {
    background-position: 0 -4152px;
}

.geSprite-endblockthin {
    background-position: 0 -4201px;
}

.geSprite-endblockthintrans {
    background-position: 0 -4247px;
}

.geSprite-enderone {
    background-position: 0 -4293px;
}

.geSprite-enderonetoone {
    background-position: 0 -4339px;
}

.geSprite-enderonetomany {
    background-position: 0 -4385px;
}

.geSprite-endermany {
    background-position: 0 -4431px;
}

.geSprite-enderoneopt {
    background-position: 0 -4477px;
}

.geSprite-endermanyopt {
    background-position: 0 -4523px;
}

.geSprite-endclassicthin {
    background-position: 0 -4938px;
}

.geSprite-endclassicthintrans {
    background-position: 0 -4984px;
}

.geSprite-enddash {
    background-position: 0 -5029px;
}

.geSprite-endcircleplus {
    background-position: 0 -5075px;
}

.geSprite-endcircle {
    background-position: 0 -5121px;
}

.geSprite-endasync {
    background-position: 0 -5167px;
}

.geSprite-endasynctrans {
    background-position: 0 -5213px;
}

.geSprite-startblockthin {
    background-position: 0 -4569px;
}

.geSprite-startblockthintrans {
    background-position: 0 -4615px;
}

.geSprite-starterone {
    background-position: 0 -4661px;
}

.geSprite-starteronetoone {
    background-position: 0 -4707px;
}

.geSprite-starteronetomany {
    background-position: 0 -4753px;
}

.geSprite-startermany {
    background-position: 0 -4799px;
}

.geSprite-starteroneopt {
    background-position: 0 -4845px;
}

.geSprite-startermanyopt {
    background-position: 0 -4891px;
}

.geSprite-startclassicthin {
    background-position: 0 -5259px;
}

.geSprite-startclassicthintrans {
    background-position: 0 -5305px;
}

.geSprite-startdash {
    background-position: 0 -5351px;
}

.geSprite-startcircleplus {
    background-position: 0 -5397px;
}

.geSprite-startcircle {
    background-position: 0 -5443px;
}

.geSprite-startasync {
    background-position: 0 -5489px;
}

.geSprite-startasynctrans {
    background-position: 0 -5535px;
}

.geSprite-startcross {
    background-position: 0 -5581px;
}

.geSprite-startopenthin {
    background-position: 0 -5627px;
}

.geSprite-startopenasync {
    background-position: 0 -5673px;
}

.geSprite-endcross {
    background-position: 0 -5719px;
}

.geSprite-endopenthin {
    background-position: 0 -5765px;
}

.geSprite-endopenasync {
    background-position: 0 -5811px;
}

.geSprite-verticalelbow {
    background-position: 0 -5857px;
}

.geSprite-horizontalelbow {
    background-position: 0 -5903px;
}

.geSprite-horizontalisometric {
    background-position: 0 -5949px;
}

.geSprite-verticalisometric {
    background-position: 0 -5995px;
}

html div.mxRubberband {
    border-color: #0000DD;
    background: #99ccff;
}

html div.mxPopupMenu {
    -webkit-box-shadow: 0 0 10px 0px #d5d5d5;
    -moz-box-shadow: 0 0 10px 0px #d5d5d5;
    box-shadow: 0 0 10px 0px #d5d5d5;
    background: white;
    position: absolute;
    border: 3px solid #e7e7e7;
}

html table.mxPopupMenu {
    border-collapse: collapse;
    margin: 0px;
}

html td.mxPopupMenuItem {
    padding: 7px 30px 7px 30px;
    font-family: Helvetica Neue, Helvetica, Arial Unicode MS, Arial, Digital;
    font-size: 14px;
}

html td.mxPopupMenuIcon {
    background-color: white;
    padding: 0px;
}

td.mxPopupMenuIcon .geIcon {
    padding: 2px;
    padding-bottom: 4px;
    margin: 2px;
    border: 1px solid transparent;
    opacity: 0.5;
    _width: 26px;
    _height: 26px;
}

td.mxPopupMenuIcon .geIcon:hover {
    border: 1px solid gray;
    border-radius: 2px;
    opacity: 1;
}

html tr.mxPopupMenuItemHover {
    background-color: #eeeeee;
    color: black;
    cursor: pointer;
}

hr {
    margin: 0px;
    padding: 0px;
}

table.mxPopupMenu hr {
    color: #cccccc;
    background-color: #cccccc;
    border: none;
    height: 1px;
}

table.mxPopupMenu tr {
    font-size: 14px;
}

html td.mxWindowTitle {
    font-family: Helvetica Neue, Helvetica, Arial Unicode MS, Arial, Digital;
    text-align: left;
    font-size: 14px;
    color: rgb(112, 112, 112);
    padding: 4px;
}

body {
    font-family: initial !important;
    font-weight: normal !important;
}

input.animationInput {
    color: #606266;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    margin-right: 15px;
}

.animationSpan.btn-group>div {
    background-size: 20px 20px !important;
}

.stylePanel>button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #dcdfe6;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 4px;
    color: #212529;
    background-color: #f4f4f5;
    border-color: #d3d4d6;
    width: 100% !important;
}

.stylePanel>button:hover {
    background: #909399;
    border-color: #909399;
    color: #fff;
}

input {
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    outline: none;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.Titlecollapsed::before {
    content: "\FF0B" !important;
}

.animationTitle::before {
    content: "\FF0D";
    position: absolute;
    left: 5px
}

.animationTitle {
    position: relative;
    padding-left: 20px;
}

.animationTitle.collapsed::before {
    content: "\FF0B";
}

.topLabel,
.animationTitle {
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
}

.btn-light {
    background-color: unset;
}

.geColorBtn {
    border-color: #dcdfe6
}

select {
    border-radius: 4px;
    border-color: #dcdfe6;
}

a.geButton.geColorBtn {
    background: unset;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #bfbfbf;
}

::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #e5e5e5;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #a0a2a9;
}

::-webkit-scrollbar-thumb:window-inactive {
    background-color: #a0a2a9;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #909399;
    background-color: #909399;
}

.tagTableBody {
    max-height: 500px;
    overflow-y: auto;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    color: #495057;
    background-clip: padding-box;
    border: 0;
    background-color: transparent;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-size: inherit;
    border-bottom: 1px solid #d8d8d8;
}

.table td,
.table th {
    padding: 5px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    border: 0;
}

select.custom-select {
    font-size: inherit;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}