.line {
    height: 2em;
    min-height: 2em;
    width: 100%
}

.line:hover .optionIcon {
    display: inline-block
}

.fixedHalfHeight {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: .7em;
    transition: flex-basis .2s ease-in-out
}

.fixedHalfHeight:hover {
    flex-basis: 1.3em
}

.fixedHeight {
    flex: 0 0 2em
}

.fixedHeight:hover .optionIcon {
    display: inline-block
}

.fixedDoubleHeight {
    flex: 0 0 4em
}

.fixedDoubleHeight:hover .optionIcon {
    display: inline-block
}

.inputButtonIcon {
    width: 3em;
    float: left
}

.symbol {
    margin: 6.5px 0
}

.symbol .input-group {
    position: absolute;
    top: 1px;
    left: 1em;
    height: 100%;
    display: inline-flex;
    flex-wrap: nowrap;
    z-index: 2
}

.margin-small {
    margin-left: .2em
}

.margin-top-small {
    margin-top: .75em
}

.symbolHeight {
    flex: auto
}

.justify-center {
    justify-content: center
}

.columnInput {
    flex: 48%
}

@media screen and (min-width: 500px) {
    .columnInput {
        flex-grow: 0;
        flex-basis: 48%
    }
}

@media screen and (min-width: 800px) {
    .columnInput {
        flex-grow: 0;
        flex-basis: 32%
    }
}

.insertButton {
    border: .15em solid #264040;
    text-align: center;
    margin: .2em;
    border-radius: .2em;
    display: flex;
    justify-content: center
}

.insertButton .buttonLogo {
    float: left;
    height: 1.3em;
    min-width: 2em;
    margin: auto;
    flex: 1
}

.insertButton span {
    flex: 4;
    margin: auto
}

.padding {
    padding-left: 1em;
    padding-right: 1em
}

.editField {
    width: 90%
}

.editField input {
    flex: 10;
    min-width: 0;
    border: .15em solid #264040;
    border-radius: .15em;
    font-size: 100%
}

.editField div {
    flex: 1;
    min-width: 1.6em;
    margin-left: .2em;
    height: inherit
}

.columnText {
    flex: auto
}

.optionContainer {
    position: absolute;
    top: 0;
    right: 1em;
    height: 100%;
    display: inline-flex;
    flex-wrap: nowrap
}

.optionContainer .optionIcon {
    width: 1em;
    height: 100%;
    margin-left: .4em;
    flex: 1;
    display: none
}

@media screen and (min-width: 480px) {
    .optionContainer .optionIcon {
        display: inline-block
    }
}

@media screen and (min-width: 1200px) {
    .optionContainer .optionIcon {
        display: none
    }
}

.columnEditorOptions {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-top: .8em
}

.columnFull {
    flex-basis: 100%
}

.columnAuto {
    flex: 1
}

.columnAuto-6 {
    flex: 6
}

.moveText {
    flex: auto;
    margin: auto;
    padding-bottom: .15em
}

.bottomHeader {
    align-self: flex-end
}

.loopShift {
    justify-content: flex-end !important
}

.loopShift .loopWidth {
    flex-basis: calc(100% - 2em)
}

.headerContainer {
    display: flex;
    flex-wrap: nowrap
}

.floatBottom {
    flex: auto;
    align-self: flex-end
}

.sourcecodeHeader {
    height: 1.3em
}

.struktoOptions1 {
    display: flex !important;
    height: 2em;
    flex: auto;
    justify-content: flex-end
}

.struktoOptions2 {
    display: none !important;
    height: 2em;
    padding-top: .3em
}

@media screen and (min-width: 1200px) {
    .struktoOptions1 {
        display: none !important
    }

    .struktoOptions2 {
        display: flex !important
    }
}

.struktoOption {
    width: 2em;
    margin-right: .5em;  
}

.struktoOption_jaaa {
    width: 2em;
    margin-right: .5em;
    clear: right;    
}

.disableIcon {
    background-color: rgba(250, 250, 250, .75)
}

.caseOptionsIcons {
    height: 1.25em;
    flex-basis: 3em
}

.dtItem {
    margin: .5em 0;
    flex-basis: 60%
}

.ddItem {
    margin: .5em 0;
    flex-basis: 40%
}

.ddItem .shortenOnMobile {
    flex-basis: 3em
}

@media screen and (max-width: 450px) {
    .ddItem .shortenOnMobile {
        flex-basis: 1.25em
    }

    .ddItem .shortenOnMobile:before {
        content: attr(data-abbr)
    }

    .ddItem .shortenOnMobile>span {
        display: none
    }
}

.func-header-text-div {
    border: solid 1px transparent;
    cursor: pointer
}

.func-header-text-div:hover {
    border: solid 1px #d3d3d3;
    cursor: pointer
}

.func-header-input {
    border-radius: .15em;
    border: .15em solid #264040;
    font-size: 100%
}

.modal {
    align-items: center;
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: .5em;
    position: fixed;
    right: 0;
    top: 0
}

.modal:target,
.modal.active {
    display: flex;
    opacity: 1;
    z-index: 2
}

.modal:target .modal-overlay,
.modal.active .modal-overlay {
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    cursor: default;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.modal:target .modal-container,
.modal.active .modal-container {
    animation: slide-down .2s ease 1;
    z-index: 1
}

.modal.modal-sm .modal-container {
    max-width: 10em;
    padding: 0 1em
}

.modal-container {
    background: #fafafa;
    border-radius: .1em;
    display: flex;
    flex-direction: column;
    max-height: 75vh;
    max-width: 25em;
    padding: 0 1em;
    width: 100%
}

.modal-container.modal-fullheight {
    max-height: 100vh
}

.modal-container .modal-header {
    padding: .3em .3em
}

.modal-container .modal-header .close {
    height: 1.5em;
    width: 1.5em;
    float: right
}

.modal-container .modal-body {
    overflow-y: auto;
    padding: 0 1em;
    position: relative
}

.modal-container .modal-body .caseTitle {
    margin-top: .5em;
    text-align: center
}

.modal-container .modal-footer {
    padding: 1em;
    color: #264040
}

.modal-container .modal-footer .modal-buttons {
    flex: auto;
    min-height: 2.5em;
    margin: 0 2em;
    text-align: end
}

.caseBody-1 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='50%' y1='0%' x2='50%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseHead-noDefault-2 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='0%' y1='0%' x2='100%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='50%' y1='50%' x2='50%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseHead-2 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='0%' y1='0%' x2='66.6666%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='100%' y1='0%' x2='66.6666%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='33.3333%' y1='100%' x2='33.3333%' y2='50%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseBody-2 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='33.3333%' y1='0%' x2='33.3333%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='66.6666%' y1='0%' x2='66.6666%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseHead-noDefault-3 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='0%' y1='0%' x2='100%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='33.3333%' y1='33.3333%' x2='33.3333%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='66.6666%' y1='66.6666%' x2='66.6666%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseHead-3 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='0%' y1='0%' x2='75%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='100%' y1='0%' x2='75%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='25%' y1='100%' x2='25%' y2='33.3333%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='50%' y1='100%' x2='50%' y2='66.6666%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseBody-3 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='25%' y1='0%' x2='25%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='50%' y1='0%' x2='50%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='75%' y1='0%' x2='75%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseHead-noDefault-4 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='0%' y1='0%' x2='100%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='25%' y1='25%' x2='25%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='50%' y1='50%' x2='50%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='75%' y1='75%' x2='75%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseHead-4 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='0%' y1='0%' x2='80%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='100%' y1='0%' x2='80%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='20%' y1='100%' x2='20%' y2='25%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='40%' y1='100%' x2='40%' y2='50%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='60%' y1='100%' x2='60%' y2='75%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseBody-4 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='20%' y1='0%' x2='20%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='40%' y1='0%' x2='40%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='60%' y1='0%' x2='60%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='80%' y1='0%' x2='80%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseHead-noDefault-5 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='0%' y1='0%' x2='100%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='20%' y1='20%' x2='20%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='40%' y1='40%' x2='40%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='60%' y1='60%' x2='60%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='80%' y1='80%' x2='80%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseHead-5 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='0%' y1='0%' x2='83.3333%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='100%' y1='0%' x2='83.3333%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='16.6666%' y1='100%' x2='16.6666%' y2='20%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='33.3333%' y1='100%' x2='33.3333%' y2='40%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='50%' y1='100%' x2='50%' y2='60%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='66.6666%' y1='100%' x2='66.6666%' y2='80%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseBody-5 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='16.6666%' y1='0%' x2='16.6666%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='33.3333%' y1='0%' x2='33.3333%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='50%' y1='0%' x2='50%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='66.6666%' y1='0%' x2='66.6666%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='83.3333%' y1='0%' x2='83.3333%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseHead-noDefault-6 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='0%' y1='0%' x2='100%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='16.6666%' y1='16.6666%' x2='16.6666%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='33.3333%' y1='33.3333%' x2='33.3333%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='50%' y1='50%' x2='50%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='66.6666%' y1='66.6666%' x2='66.6666%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='83.3333%' y1='83.3333%' x2='83.3333%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseHead-6 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='0%' y1='0%' x2='85.7142%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='100%' y1='0%' x2='85.7142%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='14.2857%' y1='100%' x2='14.2857%' y2='16.6666%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='28.5714%' y1='100%' x2='28.5714%' y2='33.3333%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='42.8571%' y1='100%' x2='42.8571%' y2='50%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='57.1428%' y1='100%' x2='57.1428%' y2='66.6666%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='71.4285%' y1='100%' x2='71.4285%' y2='83.3333%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseBody-6 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='14.2857%' y1='0%' x2='14.2857%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='28.5714%' y1='0%' x2='28.5714%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='42.8571%' y1='0%' x2='42.8571%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='57.1428%' y1='0%' x2='57.1428%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='71.4285%' y1='0%' x2='71.4285%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='85.7142%' y1='0%' x2='85.7142%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseHead-noDefault-7 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='0%' y1='0%' x2='100%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='14.2857%' y1='14.2857%' x2='14.2857%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='28.5714%' y1='28.5714%' x2='28.5714%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='42.8571%' y1='42.8571%' x2='42.8571%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='57.1428%' y1='57.1428%' x2='57.1428%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='71.4285%' y1='71.4285%' x2='71.4285%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='85.7142%' y1='85.7142%' x2='85.7142%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseHead-7 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='0%' y1='0%' x2='87.5%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='100%' y1='0%' x2='87.5%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='12.5%' y1='100%' x2='12.5%' y2='14.2857%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='25%' y1='100%' x2='25%' y2='28.5714%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='37.5%' y1='100%' x2='37.5%' y2='42.8571%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='50%' y1='100%' x2='50%' y2='57.1428%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='62.5%' y1='100%' x2='62.5%' y2='71.4285%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='75%' y1='100%' x2='75%' y2='85.7142%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.caseBody-7 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline x1='12.5%' y1='0%' x2='12.5%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='25%' y1='0%' x2='25%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='37.5%' y1='0%' x2='37.5%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='50%' y1='0%' x2='50%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='62.5%' y1='0%' x2='62.5%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='75%' y1='0%' x2='75%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3Cline x1='87.5%' y1='0%' x2='87.5%' y2='100%' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E") no-repeat top left;
    background-size: cover
}

.highlight {
    background-color: rgba(145, 138, 229, .4)
}

.form-select {
    outline: 0;
    box-shadow: none;
    background: #fff;
    position: relative;
    width: 90%;
    overflow: hidden;
    border-radius: .2em;
    border: .1em solid #264040;
    padding: 0 .5em;
    color: #264040;
    cursor: pointer
}

.form-select option {
    color: #264040;
    cursor: pointer
}

select::-ms-expand {
    display: none
}

.code {
    color: #264040;
    position: relative;
    padding-left: .3em;
    display: flex
}

.code::before {
    color: #264040;
    content: attr(data-lang);
    font-size: 100%;
    position: absolute;
    right: .5em;
    top: .5em
}

.code code {
    border-radius: .2em;
    border: .1em solid #264040;
    color: inherit;
    line-height: 1.5;
    overflow-x: auto;
    flex: 1;
    padding: 1rem
}

.code code .keyword {
    color: #7f0055
}

.code code span {
    font-weight: bold
}

.acceptIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e %3crect x='2.5%25' y='2.5%25' width='95%25' height='95%25' rx='5%25' ry='5%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='5%25'/%3e %3cline x1='15%25' y1='60%25' x2='40%25' y2='85%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='40%25' y1='85%25' x2='85%25' y2='20%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='15%25' y1='60%25' x2='40%25' y2='85%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='40%25' y1='85%25' x2='85%25' y2='20%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.addCaseIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e %3crect x='2.5%25' y='2.5%25' width='95%25' height='95%25' rx='5%25' ry='5%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='5%25'/%3e %3cline x1='10%25' y1='50%25' x2='90%25' y2='50%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='50%25' y1='10%25' x2='50%25' y2='90%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='20%25' y1='50%25' x2='80%25' y2='50%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='50%25' y1='20%25' x2='50%25' y2='80%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.branchCenter {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cline x1='50%25' y1='0%25' x2='50%25' y2='100%25' stroke='black' stroke-width='1.5' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.branchIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 64'%3e %3crect x='10' y='10' width='108' height='44' stroke='rgb(38, 64, 64)' stroke-width='4' fill-opacity='0' /%3e %3crect x='10' y='40' width='108' height='14' stroke='rgb(38, 64, 64)' stroke-width='4' fill-opacity='0' /%3e %3cline x1='10' y1='10' x2='64' y2='40' stroke='rgb(38, 64, 64)' stroke-width='4' /%3e %3cline x1='118' y1='10' x2='64' y2='40' stroke='rgb(38, 64, 64)' stroke-width='4' /%3e %3cline x1='64' y1='40' x2='64' y2='54' stroke='rgb(38, 64, 64)' stroke-width='4' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.branchSplit {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cline x1='0%25' y1='0%25' x2='50%25' y2='100%25' stroke='black' stroke-width='1.5' /%3e %3cline x1='100%25' y1='0%25' x2='50%25' y2='100%25' stroke='black' stroke-width='1.5' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.cancelIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e %3cline x1='15%25' y1='15%25' x2='85%25' y2='85%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='15%25' y1='85%25' x2='85%25' y2='15%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='15%25' y1='15%25' x2='85%25' y2='85%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='15%25' y1='85%25' x2='85%25' y2='15%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.caseIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 64'%3e %3crect x='10' y='10' width='108' height='44' stroke='rgb(38, 64, 64)' stroke-width='4' fill-opacity='0' /%3e %3cline x1='10' y1='10' x2='91' y2='40' stroke='rgb(38, 64, 64)' stroke-width='4' /%3e %3cline x1='118' y1='10' x2='91' y2='40' stroke='rgb(38, 64, 64)' stroke-width='4' /%3e %3cline x1='37' y1='54' x2='37' y2='20' stroke='rgb(38, 64, 64)' stroke-width='4' /%3e %3cline x1='64' y1='54' x2='64' y2='30' stroke='rgb(38, 64, 64)' stroke-width='4' /%3e %3cline x1='91' y1='54' x2='91' y2='40' stroke='rgb(38, 64, 64)' stroke-width='4' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.codeIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e %3crect x='2.5%25' y='2.5%25' width='95%25' height='95%25' rx='5%25' ry='5%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='5%25'/%3e %3cline x1='30%25' y1='30%25' x2='10%25' y2='50%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='30%25' y1='70%25' x2='10%25' y2='50%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='30%25' y1='30%25' x2='10%25' y2='50%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='30%25' y1='70%25' x2='10%25' y2='50%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='70%25' y1='30%25' x2='90%25' y2='50%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='70%25' y1='70%25' x2='90%25' y2='50%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='70%25' y1='30%25' x2='90%25' y2='50%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='70%25' y1='70%25' x2='90%25' y2='50%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='40%25' y1='85%25' x2='60%25' y2='15%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.copyIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 65 65'%3e %3cg id='Text-files'%3e %3cpath d='M53.9791489,9.1429005H50.010849c-0.0826988,0-0.1562004,0.0283995-0.2331009,0.0469999V5.0228 C49.7777481,2.253,47.4731483,0,44.6398468,0h-34.422596C7.3839517,0,5.0793519,2.253,5.0793519,5.0228v46.8432999 c0,2.7697983,2.3045998,5.0228004,5.1378999,5.0228004h6.0367002v2.2678986C16.253952,61.8274002,18.4702511,64,21.1954517,64 h32.783699c2.7252007,0,4.9414978-2.1725998,4.9414978-4.8432007V13.9861002 C58.9206467,11.3155003,56.7043495,9.1429005,53.9791489,9.1429005z M7.1110516,51.8661003V5.0228 c0-1.6487999,1.3938999-2.9909999,3.1062002-2.9909999h34.422596c1.7123032,0,3.1062012,1.3422,3.1062012,2.9909999v46.8432999 c0,1.6487999-1.393898,2.9911003-3.1062012,2.9911003h-34.422596C8.5049515,54.8572006,7.1110516,53.5149002,7.1110516,51.8661003z M56.8888474,59.1567993c0,1.550602-1.3055,2.8115005-2.9096985,2.8115005h-32.783699 c-1.6042004,0-2.9097996-1.2608986-2.9097996-2.8115005v-2.2678986h26.3541946 c2.8333015,0,5.1379013-2.2530022,5.1379013-5.0228004V11.1275997c0.0769005,0.0186005,0.1504021,0.0469999,0.2331009,0.0469999 h3.9682999c1.6041985,0,2.9096985,1.2609005,2.9096985,2.8115005V59.1567993z'/%3e %3cpath d='M38.6031494,13.2063999H16.253952c-0.5615005,0-1.0159006,0.4542999-1.0159006,1.0158005 c0,0.5615997,0.4544001,1.0158997,1.0159006,1.0158997h22.3491974c0.5615005,0,1.0158997-0.4542999,1.0158997-1.0158997 C39.6190491,13.6606998,39.16465,13.2063999,38.6031494,13.2063999z'/%3e %3cpath d='M38.6031494,21.3334007H16.253952c-0.5615005,0-1.0159006,0.4542999-1.0159006,1.0157986 c0,0.5615005,0.4544001,1.0159016,1.0159006,1.0159016h22.3491974c0.5615005,0,1.0158997-0.454401,1.0158997-1.0159016 C39.6190491,21.7877007,39.16465,21.3334007,38.6031494,21.3334007z'/%3e %3cpath d='M38.6031494,29.4603004H16.253952c-0.5615005,0-1.0159006,0.4543991-1.0159006,1.0158997 s0.4544001,1.0158997,1.0159006,1.0158997h22.3491974c0.5615005,0,1.0158997-0.4543991,1.0158997-1.0158997 S39.16465,29.4603004,38.6031494,29.4603004z'/%3e %3cpath d='M28.4444485,37.5872993H16.253952c-0.5615005,0-1.0159006,0.4543991-1.0159006,1.0158997 s0.4544001,1.0158997,1.0159006,1.0158997h12.1904964c0.5615025,0,1.0158005-0.4543991,1.0158005-1.0158997 S29.0059509,37.5872993,28.4444485,37.5872993z'/%3e %3c/g%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.countLoopIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 64'%3e %3crect x='10' y='10' width='108' height='44' stroke='rgb(38, 64, 64)' stroke-width='4' fill-opacity='0' /%3e %3crect x='30' y='30' width='88' height='24' stroke='rgb(38, 64, 64)' stroke-width='4' fill-opacity='0' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.deleteIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e %3crect x='2.5%25' y='2.5%25' width='95%25' height='95%25' rx='5%25' ry='5%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='5%25'/%3e %3cline x1='15%25' y1='15%25' x2='85%25' y2='85%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='15%25' y1='85%25' x2='85%25' y2='15%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='15%25' y1='15%25' x2='85%25' y2='85%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='15%25' y1='85%25' x2='85%25' y2='15%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.exportIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e %3crect x='2.5%25' y='2.5%25' width='95%25' height='95%25' rx='5%25' ry='5%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='5%25'/%3e %3crect x='10%25' y='20%25' width='40%25' height='60%25' rx='2.5%25' ry='2.5%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='5%25'/%3e %3crect x='35%25' y='15%25' width='20%25' height='20%25' fill='white'/%3e %3cline x1='35%25' y1='20%25' x2='50%25' y2='35%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='5%25' /%3e %3cline x1='35%25' y1='20%25' x2='35%25' y2='35%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='5%25' /%3e %3cline x1='35%25' y1='35%25' x2='50%25' y2='35%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='5%25' /%3e %3cline x1='40%25' y1='50%25' x2='90%25' y2='50%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='70%25' y1='30%25' x2='90%25' y2='50%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='70%25' y1='70%25' x2='90%25' y2='50%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='40%25' y1='50%25' x2='85%25' y2='50%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='70%25' y1='30%25' x2='90%25' y2='50%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='70%25' y1='70%25' x2='90%25' y2='50%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.footLoopIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 64'%3e %3crect x='10' y='10' width='108' height='44' stroke='rgb(38, 64, 64)' stroke-width='4' fill-opacity='0' /%3e %3crect x='30' y='10' width='88' height='24' stroke='rgb(38, 64, 64)' stroke-width='4' fill-opacity='0' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.frameBottom {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cline x1='0%25' y1='100%25' x2='100%25' y2='100%25' stroke='black' stroke-width='3' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.frameLeft {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cline x1='0%25' y1='0%25' x2='0%25' y2='100%25' stroke='black' stroke-width='3' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.frameLeftBottom {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cline x1='0%25' y1='0%25' x2='0%25' y2='100%25' stroke='black' stroke-width='3' /%3e %3cline x1='0%25' y1='100%25' x2='100%25' y2='100%25' stroke='black' stroke-width='3' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.frameLeftRight {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cline x1='0%25' y1='0%25' x2='0%25' y2='100%25' stroke='black' stroke-width='3' /%3e %3cline x1='100%25' y1='0%25' x2='100%25' y2='100%25' stroke='black' stroke-width='3' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.frameTop {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cline x1='0%25' y1='0%25' x2='100%25' y2='0%25' stroke='black' stroke-width='3' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.frameTopLeft {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cline x1='0%25' y1='0%25' x2='100%25' y2='0%25' stroke='black' stroke-width='3' /%3e %3cline x1='0%25' y1='0%25' x2='0%25' y2='100%25' stroke='black' stroke-width='3' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.frameTopLeftBottom {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cline x1='0%25' y1='0%25' x2='100%25' y2='0%25' stroke='black' stroke-width='3' /%3e %3cline x1='0%25' y1='0%25' x2='0%25' y2='100%25' stroke='black' stroke-width='3' /%3e %3cline x1='0%25' y1='100%25' x2='100%25' y2='100%25' stroke='black' stroke-width='3' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.funcIcon {
    background: url("data:image/svg+xml,%3csvg viewBox='0 0 128 64' version='1.1' id='svg6' sodipodi:docname='funcIcon.svg' inkscape:version='1.1.2 (76b9e6a115, 2022-02-25)' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3e %3cdefs id='defs10' /%3e %3csodipodi:namedview id='namedview8' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' showgrid='false' inkscape:zoom='11.164062' inkscape:cx='64.000003' inkscape:cy='31.977608' inkscape:window-width='1920' inkscape:window-height='1010' inkscape:window-x='0' inkscape:window-y='34' inkscape:window-maximized='1' inkscape:current-layer='svg6' /%3e %3crect x='10' y='10' width='108' height='44' stroke='%23264040' stroke-width='4' fill-opacity='0' id='rect2' /%3e %3crect style='fill:%23264040;stroke:%23000000;stroke-width:0' id='rect956' width='2.0448468' height='34.894325' x='57.317982' y='15.117754' /%3e %3crect style='fill:%23264040;stroke:%23000000;stroke-width:0' id='rect958' width='16.901554' height='2.3631611' x='57.40604' y='14.912795' /%3e %3crect style='fill:%23264040;stroke:%23000000;stroke-width:0' id='rect958-6' width='16.901554' height='2.3631611' x='57.354824' y='28.97621' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.gearIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e %3ccircle cx='50%25' cy='50%25' r='50%25' fill='rgba(250, 250, 250, 0.9)' /%3e %3ccircle cx='50%25' cy='50%25' r='25%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='12%25' /%3e %3ccircle cx='50%25' cy='50%25' r='13%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='6%25' /%3e %3cg transform='rotate(11.25, 50, 50)'%3e %3cpolygon points='39,22 45,7 55,7 61,22' fill='rgb(38, 64, 64)' transform='rotate(0, 50, 50)' /%3e %3cpolygon points='39,22 45,7 55,7 61,22' fill='rgb(38, 64, 64)' transform='rotate(45, 50, 50)' /%3e %3cpolygon points='39,22 45,7 55,7 61,22' fill='rgb(38, 64, 64)' transform='rotate(90, 50, 50)' /%3e %3cpolygon points='39,22 45,7 55,7 61,22' fill='rgb(38, 64, 64)' transform='rotate(135, 50, 50)' /%3e %3cpolygon points='39,22 45,7 55,7 61,22' fill='rgb(38, 64, 64)' transform='rotate(180, 50, 50)' /%3e %3cpolygon points='39,22 45,7 55,7 61,22' fill='rgb(38, 64, 64)' transform='rotate(225, 50, 50)' /%3e %3cpolygon points='39,22 45,7 55,7 61,22' fill='rgb(38, 64, 64)' transform='rotate(270, 50, 50)' /%3e %3cpolygon points='39,22 45,7 55,7 61,22' fill='rgb(38, 64, 64)' transform='rotate(315, 50, 50)' /%3e %3c/g%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.infoIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1000 1000'%3e %3crect x='2.5%25' y='2.5%25' width='95%25' height='95%25' rx='5%25' ry='5%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='5%25'/%3e %3ccircle cx='50%25' cy='15%25' r='12.5%25' fill='white' /%3e %3ccircle cx='50%25' cy='15%25' r='10%25' fill='rgb(38, 64, 64)' /%3e %3c!-- %3cline x1='40%25' y1='32.5%25' x2='50%25' y2='32.5%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e --%3e %3c!-- %3cline x1='50%25' y1='32.5%25' x2='50%25' y2='85%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e --%3e %3c!-- %3cline x1='27.5%25' y1='85%25' x2='72.5%25' y2='85%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e --%3e %3crect x='32.5%25' y='27.5%25' width='25%25' height='10%25' rx='5%25' ry='5%25' fill='rgb(38, 64, 64)'/%3e %3crect x='42.5%25' y='27.5%25' width='15%25' height='64%25' rx='5%25' ry='5%25' fill='rgb(38, 64, 64)'/%3e %3crect x='25%25' y='82.5%25' width='50%25' height='10%25' rx='5%25' ry='5%25' fill='rgb(38, 64, 64)'/%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.insertIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 130 100'%3e %3cline x1='25%25' y1='40%25' x2='5%25' y2='40%25' stroke='black' stroke-linecap='round' stroke-width='7' /%3e %3cline x1='5%25' y1='40%25' x2='5%25' y2='95%25' stroke='black' stroke-linecap='round' stroke-width='7' /%3e %3cline x1='5%25' y1='95%25' x2='95%25' y2='95%25' stroke='black' stroke-linecap='round' stroke-width='7' /%3e %3cline x1='95%25' y1='95%25' x2='95%25' y2='40%25' stroke='black' stroke-linecap='round' stroke-width='7' /%3e %3cline x1='95%25' y1='40%25' x2='75%25' y2='40%25' stroke='black' stroke-linecap='round' stroke-width='7' /%3e %3cline x1='50%25' y1='5%25' x2='50%25' y2='70%25' stroke='black' stroke-linecap='round' stroke-width='7' /%3e %3cline x1='50%25' y1='70%25' x2='30%25' y2='55%25' stroke='black' stroke-linecap='round' stroke-width='7' /%3e %3cline x1='50%25' y1='70%25' x2='70%25' y2='55%25' stroke='black' stroke-linecap='round' stroke-width='7' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.logo {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 290'%3e %3cline x1='5' y1='5' x2='125' y2='5' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='5' y1='5' x2='5' y2='125' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='125' y1='5' x2='125' y2='45' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='5' y1='45' x2='125' y2='45' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='5' y1='85' x2='125' y2='85' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='125' y1='85' x2='125' y2='205' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='5' y1='125' x2='125' y2='125' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='5' y1='165' x2='125' y2='165' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='5' y1='165' x2='5' y2='205' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='5' y1='205' x2='125' y2='205' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='145' y1='85' x2='265' y2='85' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='145' y1='125' x2='265' y2='125' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='145' y1='85' x2='145' y2='205' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='265' y1='85' x2='265' y2='285' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='145' y1='165' x2='265' y2='165' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='145' y1='205' x2='265' y2='205' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='145' y1='245' x2='265' y2='245' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='145' y1='245' x2='145' y2='285' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='145' y1='285' x2='265' y2='285' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='45' y1='45' x2='45' y2='85' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='85' y1='125' x2='85' y2='165' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='185' y1='125' x2='185' y2='165' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='225' y1='125' x2='225' y2='165' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='225' y1='205' x2='225' y2='245' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='285' y1='205' x2='325' y2='205' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='285' y1='205' x2='285' y2='245' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='325' y1='205' x2='325' y2='245' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3cline x1='285' y1='245' x2='325' y2='245' stroke='black' stroke-linecap='round' stroke-width='10' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.moveIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e %3ccircle cx='50%25' cy='50%25' r='50%25' fill='rgba(250, 250, 250, 0.9)' /%3e %3cline x1='14%25' y1='50%25' x2='86%25' y2='50%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='7%25' /%3e %3cline x1='50%25' y1='14%25' x2='50%25' y2='86%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='7%25' /%3e %3cline x1='50%25' y1='14%25' x2='60%25' y2='24%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='7%25' /%3e %3cline x1='50%25' y1='14%25' x2='40%25' y2='24%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='7%25' /%3e %3cline x1='86%25' y1='50%25' x2='76%25' y2='40%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='7%25' /%3e %3cline x1='86%25' y1='50%25' x2='76%25' y2='60%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='7%25' /%3e %3cline x1='14%25' y1='50%25' x2='24%25' y2='40%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='7%25' /%3e %3cline x1='14%25' y1='50%25' x2='24%25' y2='60%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='7%25' /%3e %3cline x1='50%25' y1='86%25' x2='40%25' y2='76%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='7%25' /%3e %3cline x1='50%25' y1='86%25' x2='60%25' y2='76%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='7%25' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.placeholder {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e %3ccircle cx='50%25' cy='50%25' r='40%25' stroke='black' stroke-width='7' fill-opacity='0' /%3e %3cline x1='5%25' y1='95%25' x2='95%25' y2='5%25' stroke='black' stroke-width='7' stroke-linecap='round' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.redoIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e %3crect x='2.5%25' y='2.5%25' width='95%25' height='95%25' rx='5%25' ry='5%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='5%25' /%3e %3cpath d='M 90 50 A 60 50 0 0 1 10 70' stroke='white' fill='none' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='90%25' y1='50%25' x2='79%25' y2='30%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='90%25' y1='50%25' x2='70%25' y2='61%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cpath d='M 90 50 A 60 50 0 0 0 10 70' stroke='rgb(38, 64, 64)' fill='none' stroke-linecap='round' stroke-width='10%25' /%3e %3ccircle cx='90%25' cy='50%25' r='5%25' fill='white' /%3e %3cline x1='90%25' y1='50%25' x2='79%25' y2='30%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='90%25' y1='50%25' x2='70%25' y2='61%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.resetIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e %3crect x='2.5%25' y='2.5%25' width='95%25' height='95%25' rx='5%25' ry='5%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='5%25'/%3e %3cg transform='scale(1, -1) translate(0, -100) rotate(90, 50, 50)'%3e %3ccircle cx='50%25' cy='50%25' r='38%25' fill='white' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3ccircle cx='50%25' cy='50%25' r='5%25' fill='rgb(38, 64, 64)' /%3e %3ccircle cx='74%25' cy='79.5%25' r='11%25' fill='white' /%3e %3ccircle cx='77%25' cy='76%25' r='7%25' fill='rgb(38, 64, 64)' /%3e %3ccircle cx='65.2%25' cy='84.9%25' r='5%25' fill='rgb(38, 64, 64)' /%3e %3cline x1='92%25' y1='75%25' x2='74%25' y2='79.5%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='74%25' y1='60%25' x2='74%25' y2='79.5%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3c/g%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.saveIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e %3crect x='2.5%25' y='2.5%25' width='95%25' height='95%25' rx='5%25' ry='5%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='5%25'/%3e %3crect x='10%25' y='70%25' width='80%25' height='20%25' rx='5%25' ry='5%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='5%25'/%3e %3cline x1='50%25' y1='10%25' x2='50%25' y2='70%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='30%25' y1='50%25' x2='50%25' y2='70%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='70%25' y1='50%25' x2='50%25' y2='70%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='50%25' y1='10%25' x2='50%25' y2='65%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='30%25' y1='50%25' x2='50%25' y2='70%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='70%25' y1='50%25' x2='50%25' y2='70%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3ccircle cx='75%25' cy='80%25' r='5%25' fill='rgb(38, 64, 64)' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.switchOff {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 200 100'%3e %3cpath d='M50,5 a10 10 0 0 0 0 90 l100,0 a10 10 0 0 0 0 -90 Z' stroke='rgb(38, 64, 64)' fill='white' stroke-width='5%25' /%3e %3ccircle cx='50' cy='50' r='20%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='5%25' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.switchOn {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 200 100'%3e %3cpath d='M50,5 a10 10 0 0 0 0 90 l100,0 a10 10 0 0 0 0 -90 Z' stroke='rgb(38, 64, 64)' fill='white' stroke-width='5%25' /%3e %3ccircle cx='150' cy='50' r='20%25' fill='rgb(38, 64, 64)' stroke='rgb(38, 64, 64)' stroke-width='5%25' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.taskIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 64'%3e %3crect x='10' y='10' width='108' height='44' stroke='rgb(38, 64, 64)' stroke-width='4' fill-opacity='0' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.trashcan {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e %3ccircle cx='50%25' cy='50%25' r='50%25' fill='rgba(250, 250, 250, 0.9)' /%3e %3crect x='26%25' y='36%25' width='48%25' height='51%25' rx='3%25' ry='3%25' fill='none' stroke='rgb(38, 64, 64)' stroke-width='7%25' /%3e %3crect x='18%25' y='24%25' width='64%25' height='12%25' rx='3%25' ry='3%25' fill='none' stroke='rgb(38, 64, 64)' stroke-width='7%25' /%3e %3crect x='38%25' y='14%25' width='24%25' height='10%25' rx='3%25' ry='3%25' fill='none' stroke='rgb(38, 64, 64)' stroke-width='7%25' /%3e %3cline x1='38%25' y1='48%25' x2='38%25' y2='75%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='7%25' /%3e %3cline x1='50%25' y1='48%25' x2='50%25' y2='75%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='7%25' /%3e %3cline x1='62%25' y1='48%25' x2='62%25' y2='75%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='7%25' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.tryCatchIcon {
    background: url("data:image/svg+xml,%3csvg viewBox='0 0 128 64' version='1.1' id='svg886' sodipodi:docname='tryCatch.svg' inkscape:version='1.1.2 (76b9e6a115, 2022-02-25)' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3e %3cdefs id='defs890' /%3e %3csodipodi:namedview id='namedview888' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' showgrid='false' inkscape:zoom='9.4140625' inkscape:cx='64' inkscape:cy='31.973444' inkscape:window-width='1920' inkscape:window-height='1010' inkscape:window-x='0' inkscape:window-y='34' inkscape:window-maximized='1' inkscape:current-layer='svg886' /%3e %3crect x='10' y='10' width='108' height='44' stroke='rgb(38, 64, 64)' stroke-width='4' fill-opacity='0' id='rect882' /%3e %3crect x='21.345144' y='19.289774' width='97.309708' height='9.8178453' stroke='%23264040' stroke-width='2.69029' fill-opacity='0' id='rect884' /%3e %3crect x='21.344805' y='37.012291' width='97.310387' height='9.8127651' stroke='%23264040' stroke-width='2.68961' fill-opacity='0' id='rect884-3' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.undoIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e %3crect x='2.5%25' y='2.5%25' width='95%25' height='95%25' rx='5%25' ry='5%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='5%25' /%3e %3cpath d='M 10 50 A 60 50 0 0 1 90 70' stroke='white' fill='none' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='10%25' y1='50%25' x2='21%25' y2='30%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='10%25' y1='50%25' x2='30%25' y2='61%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cpath d='M 10 50 A 60 50 0 0 1 90 70' stroke='rgb(38, 64, 64)' fill='none' stroke-linecap='round' stroke-width='10%25' /%3e %3ccircle cx='10%25' cy='50%25' r='5%25' fill='white' /%3e %3cline x1='10%25' y1='50%25' x2='21%25' y2='30%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='10%25' y1='50%25' x2='30%25' y2='61%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.uploadIcon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e %3crect x='2.5%25' y='2.5%25' width='95%25' height='95%25' rx='5%25' ry='5%25' fill='white' stroke='rgb(38, 64, 64)' stroke-width='5%25'/%3e %3ccircle cx='50%25' cy='40%25' r='30%25' fill='rgb(38, 64, 64)' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3ccircle cx='25%25' cy='50%25' r='20%25' fill='rgb(38, 64, 64)' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3ccircle cx='80%25' cy='55%25' r='15%25' fill='rgb(38, 64, 64)' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3crect x='30%25' y='55%25' width='45%25' height='15%25' fill='rgb(38, 64, 64)' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3ccircle cx='50%25' cy='40%25' r='30%25' fill='white' /%3e %3ccircle cx='25%25' cy='50%25' r='20%25' fill='white' /%3e %3ccircle cx='80%25' cy='55%25' r='15%25' fill='white' /%3e %3crect x='25%25' y='55%25' width='55%25' height='15%25' fill='white' /%3e %3cline x1='50%25' y1='90%25' x2='50%25' y2='30%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='30%25' y1='50%25' x2='50%25' y2='30%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='70%25' y1='50%25' x2='50%25' y2='30%25' stroke='white' stroke-linecap='round' stroke-width='15%25' /%3e %3cline x1='50%25' y1='90%25' x2='50%25' y2='35%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='30%25' y1='50%25' x2='50%25' y2='30%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3cline x1='70%25' y1='50%25' x2='50%25' y2='30%25' stroke='rgb(38, 64, 64)' stroke-linecap='round' stroke-width='10%25' /%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

header {
    margin-top: .5em
}

body {
    font: 100% "Verdana", Geneva, sans-serif;
    max-width: 100vw;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fafafa;
    overflow-x: hidden
}

body main {
    flex: 1
}

footer {
    text-align: center;
    font-size: small;
    padding: 8px
}

footer div {
    display: inline-block;
    margin: 0 .5em
}

strong {
    color: #264040
}

.container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative
}

.vcontainer {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    position: relative;
    justify-content: flex-start
}

.column {
    flex-basis: 100%
}

@media screen and (min-width: 800px) {
    .column {
        flex: 1
    }
}

.logo-container {
    min-height: 2.5em;
    width: 3em;
    float: left
}

.nav-logo-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.nav-logo-container a {
    text-decoration: none;
    margin-left: calc(.5em + 2px)
}

.nav-logo-container strong {
    padding-left: 1em;
    color: #264040;
    font-size: 1.5em
}

.nav-col {
    flex: auto;
    margin: auto
}

.nav-col-opt {
    flex-basis: 100%;
    margin-top: .5em
}

@media screen and (min-width: 731px) {
    .nav-col-opt {
        flex: auto;
        margin: auto
    }
}

.options-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: right
}

.options-element {
    height: 3em;
    flex-basis: 5em
}

.hand {
    cursor: pointer
}

.center {
    flex: auto;
    margin: auto
}

.columnEditorFull {
    margin-top: .5em;
    flex-basis: 100%
}

.columnEditorStructogram {
    flex-basis: 100%;
    margin: .2em
}

.columnEditorCode {
    margin: .2em;
    padding-top: 1em;
    flex-grow: 0;
    width: 100%
}

@media screen and (min-width: 480px) {
    .columnEditorCode {
        width: 50%
    }
}

@media screen and (min-width: 1200px) {
    .columnEditorStructogram {
        flex-basis: 100%
    }

    .columnEditorCode {
        padding-top: 0;
        margin: 0 1em;
        width: calc(25% - 4.5em)
    }
}

.float-right {
    float: right
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.ov-hidden {
    overflow: hidden
}

.fixFullWidth {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0
}

.tooltip {
    position: relative
}

.tooltip:after {
    background: rgba(50, 50, 50, .95);
    border-radius: 0;
    bottom: 100%;
    color: #fff;
    content: attr(data-tooltip);
    display: block;
    left: 50%;
    max-width: 15em;
    opacity: 0;
    overflow: hidden;
    padding: .3em;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    transform: translate(-50%, 0.3em);
    transition: opacity .2s, transform .2s;
    white-space: pre;
    z-index: 1
}

.tooltip:focus::after,
.tooltip:hover::after {
    opacity: 1;
    transform: translate(-50%, -0.3em)
}

.tooltip[disabled],
.tooltip.disabled {
    pointer-events: auto
}

.tooltip.tooltip-bottom::after {
    bottom: auto;
    top: 100%;
    transform: translate(-50%, -0.3em)
}

.tooltip.tooltip-bottom:focus::after,
.tooltip.tooltip-bottom:hover::after {
    transform: translate(-50%, 0.3em)
}

.tooltip.tooltip-bottomCode::after {
    bottom: auto;
    top: 100%;
    left: -170%;
    transform: translate(-50%, -0.3em)
}

.tooltip.tooltip-bottomCode:focus::after,
.tooltip.tooltip-bottomCode:hover::after {
    transform: translate(-50%, 0.3em)
}

.tooltip.tooltip-bottomInfo::after {
    bottom: auto;
    top: 100%;
    left: 0;
    transform: translate(-50%, -0.3em)
}

.tooltip.tooltip-bottomInfo:focus::after,
.tooltip.tooltip-bottomInfo:hover::after {
    transform: translate(-50%, 0.3em)
}

.tooltip.tooltip-bottoml::after {
    bottom: auto;
    top: 75%;
    left: -100%;
    transform: translate(-50%, -0.3em)
}

.tooltip.tooltip-bottoml:focus::after,
.tooltip.tooltip-bottoml:hover::after {
    transform: translate(-50%, 0.3em)
}

.divider {
    display: block;
    position: relative;
    border-top: .1em solid #264040;
    height: .1em;
    margin: .2em 0
}

.borderWidth {
    flex: 0 0 3px
}

.borderHeight {
    height: 2px
}

.fullWidth {
    width: 100%
}

.fullHeight {
    height: 100%
}

.boldText {
    font-weight: bold;
    color: #264040
}

.infoBox dt {
    margin-top: .6em;
    font-weight: bold;
    color: #264040
}

.infoBox dd {
    margin-left: 5em
}

.infoBox dd span {
    display: block;
    width: 100%
}