:root {
    --breakpoint-size: 10px;
    --breakpoint-radius: 10px;

    --backgroundDark: #1e1e1e;
    --backgroundLight: #252526;
    --backgroundHeading: #37373d;
    --backgroundSelected: #2a2d2e;
    --fontColorNormal: #c2cccc;
    --fontColorLight: #e7e7e7;
    --slider: #414141;
    --loginButtonBackground: #59a15d;
    --loginButtonFontColor: #000000;
    --loginMessageColor: rgb(122, 48, 48);
    --loginButtonHover: #63a867;
    --loginButtonActive: #94ffd1;
    --scrollbar: #1e1e1e;
    --scrollbar-thumb: #3e3e3e;
    --scrollbar-thumb-hover: #5e5e5e;
    --scrollbar-thumb-active: #7e7e7e;
    --submenu-hover: #094771;
    --submenu-color:#ffffff;
    --menuitemsdivider: #616162;
    --file-hover: hsla(0, 0%, 38%, 0.125);
    --file-active: #094771;
    --file-active-border: #007fd4;
    --file-active-hover: rgba(9, 71, 113, 0.827);
    --file-errorcount: red;
    --inplace-editor: blue;
    --contextmenu-background: #3c3c3c;
    --contextmenu-color: rgb(212,212,212);
    --contextmenu-hover-background: #094771;
    --contextmenu-hover-color: #ffffff;
    --error-filename: #2a709e;
    --error-line-ative: #094771;
    --error-line-hover: rgba(136, 136, 136, 0.39);
    --error-position: #c0802d;
    --linecolumn: #14c714;

    --reveal-error: rgba(253, 101, 101, 0.745);
    --reveal-errorline-background: #bc1616;
    --reveal-error-whole-line: rgba(255, 0, 0, 0.555);

    --reveal-warning: rgba(146, 145, 65, 0.745);
    --reveal-warningline-background: #cca700;
    --reveal-warning-whole-line: rgb(238, 255, 0);

    --reveal-info: rgba(58, 60, 173, 0.745);
    --reveal-infoline-background: #75beff;
    --reveal-info-whole-line: rgba(4, 0, 255, 0.555);

    --reveal-programpointer: #6fd61b56;
    --reveal-syntaxelement: rgb(85,85,85);
    --reveal-method: #2b2b7d3f;
    --margin-breakpoint: rgba(255, 0, 0, 0.623);    
    --margin-breakpoint-active: rgba(255, 0, 0, 0.815);    
    --margin-breakpoint-mousedown: rgba(255, 153, 0, 0.815);    
    --speedcontrol-bar: #9d9d9d;
    --speedcontrol-grip: #588555;
    --speedcontrol-grip-hover: #89d185;
    --speedcontrol-display-background: #383838;
    --speedcontrol-display-border: #9d9d9d;
    --editorTooltip-background: #252526;
    --editorTooltip-border: #454545;
    --renameInput-color: #ffffff;

}   

.monaco-editor .monaco-hover code {
    color: #d4d4d4;
    box-shadow: none;
    font-size: 14px;
    border: none;
}

body .monaco-editor-hover .monaco-tokenized-source {
    word-break: normal;
}
.monaco-editor .suggest-widget .details .type {
    word-break: normal !important;
}

.monaco-aria-container {
    top: 0;     /* in certain conditions this is needed to prevent shifting up of #main-Div by height of this container, see mail from Dr. Siglinde Voß, 06.05.2021 */
}

.rename-input {
    color: var(--renameInput-color) !important;
}


.jo_parenthesis_warning {
    visibility: hidden;
    user-select: none;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 60px;
    height: 80px;
    background-color: transparent;
}

.jo_parenthesis_warning>.jo_pw_heading {
    user-select: none;
    position: relative;
    top: 3px;
    text-align: center;
    z-index: 2;
    color: rgb(116, 29, 29);
    font-size: 40px;
}

.jo_parenthesis_warning>.jo_pw_undo {
    position: relative;
    z-index: 2;
    left: 22px;
    top: 15px;
}

@keyframes jo_warning_lamp {
    0%   {filter: opacity(0)}
    50%  {filter: opacity(1)}
    100%   {filter: opacity(0)}
}

.jo_parenthesis_warning>.jo_warning_light {
    background-image: url(../assets/graphics/Warnlampe_css.png);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    animation-name: jo_warning_lamp;
    animation-duration: 800ms;
    animation-iteration-count: infinite;
}

#bitteWarten>div>div {
    font-size: 32px;
    color: var(--fontColorLight);
}

/* Login */
#login, #bitteWarten {
    z-index: 1010;
    position: absolute;
    min-height: 100%;
    width: 100%;
    background-color: var(--backgroundDark);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#login-heading {
    z-index: 10;
    text-align: center;
    font-size: 400%;
    margin-top: 40px;
}

#login-footer {
    font-size: 12pt;
    z-index: 10;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row; 
    justify-content: space-between;
    margin-left: 20px;
}

#login-datenschutz {
    margin-right: 20px;
}

#login-datenschutz>a {
    color: lightblue !important;
}

#login-spinner {
    height: 60px;
}

#login-spinner>img {
    margin-top: 20px;
    height: 40px;
    display: none;
}

#login {
    display: none;
}

#login>.jo_login_div, #bitteWarten>.jo_login_div {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
}


#login-center {
    position: relative;
    width: 25em;
    height: 10em;
    background-color: var(--backgroundDark);
    border: 2px solid  var(--slider);
    border-radius: 10px;
    padding: 2em;
}

#login-center>input {
    width: 14em;
    background-color: var(--backgroundSelected) !important;
    border: 1px solid var(--slider) !important;
    color: var(--fontColorNormal) !important;
    font-size: 20px !important;
    padding-left: 3px;
    margin-bottom: 1em;
}

#login-center>input::placeholder {
    color: rgb(104, 130, 170);
    opacity: 0.5;
}

#login-button {
    position: absolute;
    border-radius: 5px;
    right: 2em;
    bottom: 1em;
    height: 2em;
    line-height: 2em;
    font-size: 20px;
    background-color: var(--loginButtonBackground);
    padding: 0 0.5em 0 0.5em;
    user-select: none;
    -ms-user-select: none;
    border: 1px solid var(--slider);
    color: var(--loginButtonFontColor);
    cursor: pointer;
}


#login-message {
    position: absolute;
    left: 2em;
    bottom: 4em;
    height: 2em;
    width: 14em;
    line-height: 1em;
    user-select: none;
    -ms-user-select: none;
    color: var(--loginMessageColor);
}

#login-button:hover {
    background-color: var(--loginButtonHover);
}

#login-button:active {
    transform: scale(1.2);
}

#login-center>#login-button.jo_active {
    background-color: var(--loginButtonActive);
}

.jo_gif_animation {
    z-index: 0;
    position: absolute;
    filter: brightness(0.3);
    border-radius: 20px;
    box-shadow: 0 0 20px 20px var(--backgroundDark);
}

/* Main */

#main {
    width: 100%;
    height: 100%;
    background-color: var(--backgroundDark);
    display: flex;
    flex-direction: row;
    visibility: hidden;
    z-index: 2;     /* over #rightdiv */
}

#code {
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--backgroundDark);
}

.jo_sliderknob {
    position: absolute;
    top: -8px;
    /* cursor: move !important; */
}

#slider1 {
    width: 4px;
    height: 100%;
    background-color: transparent;
    position: absolute;
    top: 0px;
    left: calc(100% - 2px);
    cursor: col-resize;
    z-index: 10;
}

.jo_slider:active {
    background-color: var(--scrollbar-thumb-active) !important;
}

#belowmainmenu {
    flex-grow: 1;
    background-color: var(--backgroundDark);
    display: flex;
}

#leftpanel {
    width: 220px;
    background-color: var(--backgroundLight);
    color: var(--fontColorNormal);
    position: relative;
}

/* .editor-widget {
    min-width: 300px;
} */

.jo_leftpanelinner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.jo_leftpanelcaption {
    position: relative;
    display: flex;
    background-color: var(--backgroundHeading);
    font-weight: 900;
    font-size: 12px;
    width: 100%;
    height: 24px;
    line-height: 24px !important;
    padding-left: 8px;
    box-sizing: border-box;
    cursor: pointer;
    user-select:none;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;

    text-overflow: ellipsis;
    overflow: hidden;
}

.jo_leftpanelcaption>.jo_captiontext {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
}

.jo_leftpanelcaption>.jo_actions {
    display: flex;
    position: relative;
    top: 4px;
    right: 10px;
    margin-left: 10px;
}

.jo_button:hover {
    filter: brightness(150%);
    cursor: pointer;
}

.jo_button.jo_active:active {
    transform: scale(1.2);
}

.jo_button:not(.jo_active) {
    filter: grayscale();
}


.jo_addfile {
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7 3H4V0H3V3H0V4H3V7H4V4H7V3ZM13.9 4.6L10.5 1.1L10.2 1H5V2H9V6H13V13H4V8H3V13.5L3.5 14H9H13.5L14 13.5V5L13.9 4.6ZM12.9032 5L10 2V5H12.9032Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A'); /*img(add-file-dark.svg)*/
}


.jo_leftpanelcaption::before {
    content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10.0719 7.99999L5.71461 12.3573L6.33333 12.976L11 8.30935V7.69063L6.33333 3.02396L5.71461 3.64268L10.0719 7.99999Z" fill="white"/%3E%3C/svg%3E%0A'); /*img(tree-collapsed-hc.svg)*/
    position: relative;
    top: 3px;
    margin-right: 2px;
    background-repeat: no-repeat;
}

.jo_leftpanelcaption.jo_expanded::before {
    content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7.97602 10.0719L12.3333 5.71461L12.952 6.33333L8.28538 11L7.66666 11L3 6.33333L3.61872 5.71461L7.97602 10.0719Z" fill="white"/%3E%3C/svg%3E%0A'); /*img(tree-expanded-hc.svg)*/
    position: relative;
    margin-right: 2px;
    background-repeat: no-repeat;
}

.jo_leftpanelcaption.jo_fixed::before {
    content: " ";
}

.jo_projectexplorerdiv {
    display:none;
    overflow-y:auto;
    overflow-x:hidden;
    height: 0px;
}

.jo_leftpanelcaption.jo_expanded+.jo_projectexplorerdiv {
    display: block;
}

#editoranderrors {
    position: relative;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
    width: 0px;
    display: flex;
    flex-direction: column;
}

#debugpanel {
    display: flex;
    position: absolute;
    right: 4px;
    top: -24px;
    user-select: none;
    -ms-user-select: none;
    z-index: 100;
}

#controls, #view-mode {
    display: flex;
    user-select: none;
    -ms-user-select: none;
    z-index: 100;
}

#view-mode .jo_pressed.img_presentation-mode {
    border: 1px dashed #33ac1b;
}

#view-mode .jo_pressed.img_monitor-mode {
    border: 1px dashed #b1daa9;
}

#view-mode {
    margin-right: 8px !important;
}

#debugpanel>div {
    margin: 0 2px;
}


#editor, #diffEditor {
    flex-grow: 1;
}

#bottomdiv-outer {
    position: relative;
    flex-shrink: 0;
    height: 150px;
    width: 100%;
    background-color: var(--backgroundDark);
    border-top: 1px solid var(--slider);
}

#errors {
    padding: 2px 4px;
    font-size: 10pt;
    font-family: 'Consolas', 'Roboto Mono', monospace;
    font-weight: 500;
}



.jo_scrollable::-webkit-scrollbar {
    width:14px;
    background-color: var(--scrollbar);
}

.jo_scrollable::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
}

.jo_scrollable::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover);
}

.jo_scrollable::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-thumb-active);
}

#slider2 {
    height: 4px;
    width: 100%;
    background-color: transparent;
    position: absolute;
    left: 0px;
    cursor: row-resize;
    z-index: 10;
}

#slider3 {
    width: 4px;
    height: 100%;
    background-color: transparent;
    position: relative;
    top: 0px;
    left: -1px;
    cursor: col-resize;
    z-index: 10;
}

#mainmenu {
    display: flex;
    position: relative;
    height: 30px;
    background-color: var(--backgroundHeading);
    border-bottom: 1px solid var(--slider);
    box-sizing: border-box;
    color: var(--fontColorNormal);
    font-family: 'Roboto', sans-serif;
    font-size: 10pt;
}

.jo_mainmenuitem {
    padding: 7px 8px;
    box-sizing: border-box;
    user-select: none;
    -ms-user-select: none;
}

.jo_mainmenuitem:hover {
    background-color: var(--scrollbar-thumb-hover);
}

.jo_submenu {
    display: none;
    position:absolute;
    background-color: var(--backgroundLight);
    padding: 4px 0;
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
    color: var(--fontColorNormal);
    font-family: 'Roboto', sans-serif;
    font-size: 10pt;
    z-index: 10;
}

.jo_submenu>div, .jo_submenu>a {
    padding: 5px 8px;
    min-width: 80px;
    user-select: none;
    -ms-user-select: none;
}

.jo_submenu>div:hover, .jo_submenu>a:hover {
    background-color: var(--submenu-hover);
    color: var(--submenu-color);
}

.jo_submenu>div:active, .jo_submenu>a:active {
    font-weight: bold;
}

.jo_menuitemdivider {
    border-bottom: 1px solid var(--menuitemsdivider);
    margin: 6px 10px;
    padding: 0 !important;
}

.jo_filelist {
    position: relative;
    width: 100%;
}

.jo_file {
    display: flex;
    position: relative;
    font-size: 9pt;
    padding-left: 10px;
    user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    user-select: none;
    -webkit-user-select: none;
}

.jo_file:hover {
    background-color: var(--file-hover);
    color: var(--fontColorLight);
}

.jo_file.jo_active {
    background-color: var(--file-active);
    border: 1px solid var(--file-active-border);
    color: var(--fontColorLight);
}

.jo_file.jo_active:hover {
    background-color: var(--file-active-hover);
    border: 1px solid var(--file-active-border);
}

.jo_file.jo_class>.jo_fileimage:before {
    content: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="class-dark.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1403" inkscape:window-height="886" id="namedview6" showgrid="false" inkscape:zoom="20.85965" inkscape:cx="7.1046812" inkscape:cy="4.2816825" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" inkscape:current-layer="svg4" /%3E%3Cg id="g829" transform="matrix(0.68294917,0,0,0.68294917,-2.3313442,5.1728051)" style="stroke-width:1.46423781"%3E%3Cpath style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1.46423781px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="m 3.6846944,13.006728 v 1.79661 H 15.17622 l -0.0099,-1.838028 c -2.529213,-2.229562 -4.651293,-2.475775 -5.8545069,-2.433158 -1.2032136,0.04262 -3.3665825,-0.0019 -5.6271187,2.474576 z" id="path825" inkscape:connector-curvature="0" sodipodi:nodetypes="cccczc" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.46423781;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="m 12.396558,6.1931688 a 2.881356,2.881356 0 0 1 -2.8813554,2.881356 2.881356,2.881356 0 0 1 -2.881356,-2.881356 2.881356,2.881356 0 0 1 2.881356,-2.881356 2.881356,2.881356 0 0 1 2.8813554,2.881356 z" id="path827" inkscape:connector-curvature="0" /%3E%3C/g%3E%3Cg style="stroke-width:1.46423781" transform="matrix(0.68294917,0,0,0.68294917,5.2910272,1.9608624)" id="g847"%3E%3Cpath sodipodi:nodetypes="cccczc" inkscape:connector-curvature="0" id="path843" d="m 3.6846944,13.006728 v 1.79661 H 15.17622 l -0.0099,-1.838028 c -2.529213,-2.229562 -4.651293,-2.475775 -5.8545069,-2.433158 -1.2032136,0.04262 -3.3665825,-0.0019 -5.6271187,2.474576 z" style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1.46423781px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /%3E%3Cpath inkscape:connector-curvature="0" id="path845" d="m 12.396558,6.1931688 a 2.881356,2.881356 0 0 1 -2.8813554,2.881356 2.881356,2.881356 0 0 1 -2.881356,-2.881356 2.881356,2.881356 0 0 1 2.881356,-2.881356 2.881356,2.881356 0 0 1 2.8813554,2.881356 z" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.46423781;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" /%3E%3C/g%3E%3Cpath style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="M 3.9804688,5.2714942 C 3.158735,5.3006015 1.6805501,5.2696402 0.13671875,6.9609473 V 8.1875099 H 1.546875 A 2.6126997,2.6126997 0 0 1 4.0507812,6.3164161 2.6126997,2.6126997 0 0 1 6.5546875,8.1875099 H 7.984375 L 7.9785156,6.9316505 C 6.2511916,5.408973 4.8022027,5.2423889 3.9804688,5.2714942 Z" id="path849" inkscape:connector-curvature="0" /%3E%3Cpath inkscape:connector-curvature="0" id="path851" d="M 6.0869353,2.307387 A 1.9678197,1.9678197 0 0 1 4.119116,4.2752067 1.9678197,1.9678197 0 0 1 2.1512963,2.307387 1.9678197,1.9678197 0 0 1 4.119116,0.33956733 1.9678197,1.9678197 0 0 1 6.0869353,2.307387 Z" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" /%3E%3C/svg%3E%0A'); /*img(class-dark.svg)*/
    position: relative;
    top: 2px;
    left: -2px;    
}

.jo_file.jo_student>.jo_fileimage:before {
    content: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="user-dark.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1403" inkscape:window-height="886" id="namedview6" showgrid="false" inkscape:zoom="20.85965" inkscape:cx="0.27331058" inkscape:cy="4.2816825" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" inkscape:current-layer="svg4" /%3E%3Cg id="g4542" transform="translate(-1.4304572,-1.0575754)"%3E%3Cpath sodipodi:nodetypes="cccczc" inkscape:connector-curvature="0" id="path4535" d="m 3.6846944,13.006728 v 1.79661 H 15.17622 l -0.0099,-1.838028 c -2.529213,-2.229562 -4.651293,-2.475775 -5.8545069,-2.433158 -1.2032136,0.04262 -3.3665825,-0.0019 -5.6271187,2.474576 z" style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /%3E%3Cpath inkscape:connector-curvature="0" id="path4537" d="m 12.396558,6.1931688 a 2.881356,2.881356 0 0 1 -2.8813554,2.881356 2.881356,2.881356 0 0 1 -2.881356,-2.881356 2.881356,2.881356 0 0 1 2.881356,-2.881356 2.881356,2.881356 0 0 1 2.8813554,2.881356 z" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" /%3E%3C/g%3E%3C/svg%3E%0A'); /*img(user-dark.svg)*/
    position: relative;
    top: 2px;
    left: -2px;    
}

.jo_file.jo_hint>.jo_fileimage:before {
    content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M11.6708 8.65806C11.3319 8.9916 11.0716 9.36278 10.8886 9.77172C10.7105 10.1792 10.621 10.6219 10.621 11.1009V12.7012C10.621 12.8807 10.5872 13.0503 10.5189 13.2091C10.4513 13.3661 10.3586 13.5038 10.2407 13.6213C10.1228 13.7388 9.98464 13.8311 9.82723 13.8984C9.66806 13.9663 9.49806 14 9.31823 14H7.71205C7.53223 14 7.36223 13.9663 7.20306 13.8984C7.04564 13.8311 6.90753 13.7388 6.78961 13.6213C6.67168 13.5038 6.57895 13.3661 6.51141 13.2091C6.44311 13.0503 6.40927 12.8807 6.40927 12.7012V11.1009C6.40927 10.622 6.31772 10.1795 6.13553 9.77209C5.95683 9.36336 5.69832 8.99156 5.35953 8.65806C4.92468 8.22903 4.58896 7.75003 4.35361 7.22134C4.11756 6.69107 4 6.11672 4 5.49953C4 5.08664 4.05342 4.68802 4.16048 4.30397C4.26728 3.92089 4.41907 3.56286 4.61595 3.23018C4.81257 2.89377 5.04777 2.58911 5.32146 2.31641C5.59503 2.04383 5.89858 1.80953 6.23195 1.61364C6.56979 1.41764 6.93146 1.2662 7.31578 1.15983C7.70106 1.0532 8.10094 1 8.51514 1C8.92934 1 9.32923 1.0532 9.71451 1.15983C10.0988 1.2662 10.458 1.41739 10.7918 1.61351C11.1294 1.80938 11.4351 2.0437 11.7088 2.31641C11.9825 2.5891 12.2177 2.89376 12.4143 3.23016C12.6112 3.56285 12.763 3.92088 12.8698 4.30397C12.9769 4.68802 13.0303 5.08664 13.0303 5.49953C13.0303 6.11672 12.9127 6.69107 12.6767 7.22134C12.4413 7.75003 12.1056 8.22903 11.6708 8.65806ZM9.62162 10.5H7.40867V12.7012C7.40867 12.7823 7.4372 12.8512 7.49888 12.9127C7.56058 12.9741 7.63007 13.0028 7.71205 13.0028H9.31823C9.40022 13.0028 9.46971 12.9741 9.5314 12.9127C9.59309 12.8512 9.62162 12.7823 9.62162 12.7012V10.5Z" fill="%23C2C2C2"/%3E%3C/svg%3E%0A');
    position: relative;
    top: 2px;
    left: -2px;    
}

.jo_file.jo_java>.jo_fileimage:before {
    content: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="file.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1182" inkscape:window-height="881" id="namedview6" showgrid="false" inkscape:zoom="29.5" inkscape:cx="6.2567878" inkscape:cy="8.4766156" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" inkscape:current-layer="svg4" /%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4 1L3 2V14L4 15H13L14 14V5L13.7071 4.29289L10.7071 1.29289L10 1H4ZM4 14V2L9 2V6H13V14H4ZM13 5L10 2V5L13 5Z" fill="%23C5C5C5" id="path2" /%3E%3C/svg%3E%0A'); /*img(file.svg)*/
    position: relative;
    top: 2px;
    left: -2px;    
}

.jo_file.jo_workspace>.jo_fileimage:before {
    content: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="project-dark.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1001" id="namedview6" showgrid="false" inkscape:zoom="41.7193" inkscape:cx="10.059941" inkscape:cy="7.5644339" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:window-maximized="1" inkscape:current-layer="svg4" /%3E%3Cpath transform="rotate(-90)" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="m -11.925139,6.519763 h 1.198473 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 2.972232 c 0,3.7e-6 -3e-6,6.6e-6 -7e-6,6.6e-6 h -1.198473 c -3e-6,0 -6e-6,-2.9e-6 -6e-6,-6.6e-6 v -2.972232 c 0,-3.7e-6 3e-6,-6.6e-6 6e-6,-6.6e-6 z" id="rect825" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23c5c5c5;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="m 2.271243,1.5179186 h 11.457514 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 V 14.482075 c 0,3e-6 -3e-6,6e-6 -7e-6,6e-6 H 2.271243 c -3.6e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 V 1.5179252 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect817" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="m 9.8036212,6.5079899 h 1.1984728 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 2.972232 c 0,3.7e-6 -3e-6,6.6e-6 -7e-6,6.6e-6 H 9.8036212 c -3.6e-6,0 -6.6e-6,-2.9e-6 -6.6e-6,-6.6e-6 v -2.972232 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect823" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%23fea78c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="M 8.6530751,2.9844408 H 12.22455 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 3.5714752 c 0,3.6e-6 -3e-6,6.6e-6 -7e-6,6.6e-6 H 8.6530751 c -3.6e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6.6e-6 V 2.9844474 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect821" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%238d8cfe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="M 8.6530751,9.4322958 H 12.22455 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 3.5714756 c 0,3e-6 -3e-6,6e-6 -7e-6,6e-6 H 8.6530751 c -3.6e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 V 9.4323024 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect819" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%238cfe97;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="M 3.8591308,9.4322958 H 7.430606 c 3.6e-6,0 6.6e-6,2.9e-6 6.6e-6,6.6e-6 v 3.5714756 c 0,3e-6 -3e-6,6e-6 -6.6e-6,6e-6 H 3.8591308 c -3.7e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 V 9.4323024 c 0,-3.7e-6 2.9e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect827" /%3E%3C/svg%3E%0A'); /*img(workspace-dark.svg)*/
    position: relative;
    top: 2px;
    left: -2px;    
}

.jo_file.jo_repository>.jo_fileimage:before {
    content: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="workspace-dark-repository.svg" inkscape:version="1.0 (4035a4fb49, 2020-05-01)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview inkscape:snap-global="false" pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1001" id="namedview6" showgrid="false" inkscape:zoom="24.542031" inkscape:cx="3.6144558" inkscape:cy="2.6119563" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:window-maximized="1" inkscape:current-layer="svg4" inkscape:snap-bbox="true" inkscape:bbox-paths="true" inkscape:bbox-nodes="true" inkscape:snap-bbox-edge-midpoints="true" inkscape:snap-bbox-midpoints="true" inkscape:document-rotation="0" /%3E%3Cpath style="vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.9937;stroke-opacity:1;paint-order:fill markers stroke" d="m 6.519763,11.925139 v -1.198473 c 0,-4e-6 2.9e-6,-7e-6 6.6e-6,-7e-6 h 2.972232 c 3.7e-6,0 6.6e-6,3e-6 6.6e-6,7e-6 v 1.198473 c 0,3e-6 -2.9e-6,6e-6 -6.6e-6,6e-6 h -2.972232 c -3.7e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 z" id="rect825" /%3E%3Cpath style="vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.9937;stroke-opacity:1;paint-order:fill markers stroke" d="m 2.271243,1.5179186 h 11.457514 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 V 14.482075 c 0,3e-6 -3e-6,6e-6 -7e-6,6e-6 H 2.271243 c -3.6e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 V 1.5179252 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect817" /%3E%3Cpath style="vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.9937;stroke-opacity:1;paint-order:fill markers stroke" d="m 9.8036212,6.5079899 h 1.1984728 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 2.972232 c 0,3.7e-6 -3e-6,6.6e-6 -7e-6,6.6e-6 H 9.8036212 c -3.6e-6,0 -6.6e-6,-2.9e-6 -6.6e-6,-6.6e-6 v -2.972232 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect823" /%3E%3Cpath style="vector-effect:none;fill:%23fea78c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.9937;stroke-opacity:1;paint-order:fill markers stroke" d="M 8.6530751,2.9844408 H 12.22455 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 3.5714752 c 0,3.6e-6 -3e-6,6.6e-6 -7e-6,6.6e-6 H 8.6530751 c -3.6e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6.6e-6 V 2.9844474 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect821" /%3E%3Cpath style="vector-effect:none;fill:%238d8cfe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.9937;stroke-opacity:1;paint-order:fill markers stroke" d="M 8.6530751,9.4322958 H 12.22455 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 3.5714756 c 0,3e-6 -3e-6,6e-6 -7e-6,6e-6 H 8.6530751 c -3.6e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 V 9.4323024 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect819" /%3E%3Cpath style="vector-effect:none;fill:%238cfe97;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.9937;stroke-opacity:1;paint-order:fill markers stroke" d="M 3.8591308,9.4322958 H 7.430606 c 3.6e-6,0 6.6e-6,2.9e-6 6.6e-6,6.6e-6 v 3.5714756 c 0,3e-6 -3e-6,6e-6 -6.6e-6,6e-6 H 3.8591308 c -3.7e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 V 9.4323024 c 0,-3.7e-6 2.9e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect827" /%3E%3Cpath id="rect12963" style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1.21761;stroke-opacity:0" d="m 13.38559,1.0179183 h 0.686923 c 0.08656,0 0.156251,0.069688 0.156251,0.1562512 V 14.82583 c 0,0.08656 -0.06969,0.156251 -0.156251,0.156251 H 13.38559 c -0.08656,0 -0.156251,-0.06969 -0.156251,-0.156251 V 1.1741695 c 0,-0.086563 0.06969,-0.1562512 0.156251,-0.1562512 z" /%3E%3Cpath id="rect12963-0" style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1.01131;stroke-opacity:0" d="m 1.8790255,10.627123 h 0.7838468 c 0.059715,0 0.1077894,0.02173 0.1077894,0.04873 v 4.257496 c 0,0.027 -0.048074,0.04873 -0.1077894,0.04873 H 1.8790255 c -0.059715,0 -0.1077893,-0.02173 -0.1077893,-0.04873 v -4.257497 c 0,-0.027 0.048074,-0.04873 0.1077893,-0.04873 z" /%3E%3Crect rx="0.090976112" style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:0.929094;stroke-opacity:0" id="rect12963-05" width="0.99942553" height="4.3885083" x="-2.0173438" y="9.8402576" ry="0.090976112" transform="rotate(-90)" /%3E%3Cpath id="rect12963-05-5" style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1.15005;stroke-opacity:0" d="m 1.7712362,14.842689 v -0.72064 c 0,-0.07722 0.062169,-0.139393 0.1393928,-0.139393 h 12.178743 c 0.07722,0 0.139392,0.06217 0.139392,0.139393 v 0.72064 c 0,0.07722 -0.06217,0.139392 -0.139392,0.139392 H 1.910629 c -0.077224,0 -0.1393928,-0.06217 -0.1393928,-0.139392 z" /%3E%3Cg style="fill:%23fff41c;fill-opacity:1" id="g877"%3E%3Cpath d="m 0.33281831,2.0630498 0.6425487,-0.6132946 c 0.0349787,-0.033386 0.0912972,-0.033385 0.12627499,2e-7 L 6.6179583,6.714916 c 0.034979,0.033386 0.034979,0.08714 2e-7,0.1205257 L 5.9754097,7.4487352 c -0.034978,0.03339 -0.091297,0.03338 -0.126275,0 L 0.33281831,2.1835756 c -0.0349787,-0.033386 -0.0349787,-0.08714 0,-0.1205258 z" style="fill:%23fff41c;fill-opacity:1;stroke:none;stroke-width:0.828919;stroke-opacity:0" id="rect12963-05-8" /%3E%3Cpath d="M 2.685724,7.6992182 V 6.5824203 c 0,-0.024969 0.020925,-0.045071 0.046916,-0.045071 h 4.099082 c 0.025991,0 0.046916,0.020102 0.046916,0.045071 v 1.1167979 c 0,0.02497 -0.020925,0.04507 -0.046916,0.04507 H 2.7326404 c -0.025991,0 -0.046916,-0.0201 -0.046916,-0.04507 z" style="fill:%23fff41c;fill-opacity:1;stroke:none;stroke-width:0.595087;stroke-opacity:0" id="rect12963-05-50" /%3E%3Cpath d="M 6.8317223,7.7442892 H 5.6692064 c -0.025991,0 -0.046916,-0.0201 -0.046916,-0.04507 V 3.7613406 c 0,-0.024969 0.020925,-0.045071 0.046916,-0.045071 h 1.1625159 c 0.025991,0 0.046916,0.020102 0.046916,0.045071 v 3.9378776 c 0,0.02497 -0.020925,0.04507 -0.046916,0.045071 z" style="fill:%23fff41c;fill-opacity:1;stroke:none;stroke-width:0.595087;stroke-opacity:0" id="rect12963-05-50-8" /%3E%3Cpath d="M 1.2094328,5.1641874 H 0.04691696 C 0.02092577,5.1641874 5.6568186e-7,5.1440851 5.6568186e-7,5.1191161 v -3.937879 c 0,-0.02497 0.0209252043181,-0.045071 0.0469163943181,-0.045071 H 1.2094328 c 0.025991,0 0.046916,0.020102 0.046916,0.045071 v 3.937879 c 0,0.024969 -0.020925,0.045071 -0.046916,0.045071 z" style="fill:%23fff41c;fill-opacity:1;stroke:none;stroke-width:0.595087;stroke-opacity:0" id="rect12963-05-50-8-5" /%3E%3Cpath d="M 5.6568186e-7,2.2980363 V 1.1812369 c 0,-0.02497 0.0209252043181,-0.045071 0.0469163943181,-0.045071 H 4.1459986 c 0.025991,0 0.046916,0.020102 0.046916,0.045071 v 1.1167994 c 0,0.024969 -0.020925,0.045071 -0.046916,0.045071 H 0.04691696 C 0.02092577,2.3431076 5.6568186e-7,2.3230053 5.6568186e-7,2.2980363 Z" style="fill:%23fff41c;fill-opacity:1;stroke:none;stroke-width:0.595087;stroke-opacity:0" id="rect12963-05-50-1" /%3E%3C/g%3E%3C/svg%3E%0A');
    position: relative;
    top: 2px;
    left: -2px;    
}

.jo_file.jo_folder.jo_collapsed>.jo_fileimage:before {
    content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10.0719 7.99999L5.71461 12.3573L6.33333 12.976L11 8.30935V7.69064L6.33333 3.02397L5.71461 3.64269L10.0719 7.99999Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
    position: relative;
    top: 2px;
    left: -3px;    
}

.jo_file.jo_folder.jo_expanded>.jo_fileimage:before {
    content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7.97602 10.0719L12.3333 5.71461L12.952 6.33333L8.28538 11L7.66666 11L3 6.33333L3.61872 5.71461L7.97602 10.0719Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
    position: relative;
    top: 2px;
    left: -3px;    
}

.jo_file>.jo_filename {
    flex-grow: 1;
    user-select: none;
    cursor: pointer !important;
    -webkit-user-select: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.jo_file.jo_java.jo_startable>.jo_fileimage:before {
    content: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="startable-file.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1182" inkscape:window-height="881" id="namedview6" showgrid="false" inkscape:zoom="29.5" inkscape:cx="6.2567878" inkscape:cy="8.4766156" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" inkscape:current-layer="svg4" /%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4 1L3 2V14L4 15H13L14 14V5L13.7071 4.29289L10.7071 1.29289L10 1H4ZM4 14V2L9 2V6H13V14H4ZM13 5L10 2V5L13 5Z" fill="%23C5C5C5" id="path2" /%3E%3Cpath inkscape:connector-curvature="0" style="clip-rule:evenodd;fill:%2389d185;fill-rule:evenodd;stroke-width:1" d="M 5.0254037,13.180728 V 4.3785905 L 11.728086,8.7585814 Z M 6.142684,6.4780553 9.7282388,8.7585814 6.142684,11.081233 Z" id="path2-3" /%3E%3C/svg%3E%0A'); /*img(startable-file.svg)*/
    position: relative;
    top: 2px;
    left: -3px;    
}

.jo_file>.jo_errorcount {
    margin-top: 0px;
    margin-right: 2px;
    color: var(--file-errorcount);
}

.jo_folderlines {
    display: flex;
    flex-direction: row;
}

.jo_active>.jo_folderlines{
    position: relative;
    left: -1px;
}

.jo_active>.jo_filename, .jo_active>.jo_fileimage {
    position: relative;
    left: -1px;
    top: -1px;
}

.jo_folderline {
    border-left: 1px solid gray;
    width: 5px;
    margin-left: 4px;
}

.jo_homeworkButton, .jo_startButton {
    margin-top: 2px;
}

/* .jo_file>div>.jo_startButton, .jo_file>div>.jo_homeworkButton { */
.jo_file>div>.jo_startButton {
    /* visibility: hidden; */
    display: none;
}

.jo_file:hover>div>.jo_startButton, .jo_file:hover>div>.jo_homeworkButton {
    /* visibility: visible; */
    display: block;
    /* display: block;
    position: absolute;
    right: 24px; 
    margin-top: 2px; */
    /* width: 16px;
    height: 16px; */
    /* background-image: url('../assets/projectexplorer/start-dark.svg'); */
}

.jo_file>.jo_delete {
    display: none;
    flex-shrink: 0;
}

.jo_file:hover>.jo_delete, .jo_file>.jo_delete_always {
    display: block;
    margin-top: 2px;
    width: 16px;
    height: 16px;
}

.jo_settings_button {
    width: 16px;
    height: 16px;
    margin: 2px 2px 0 2px;
}

.jo_file>.jo_delete:hover, .jo_file>div>.jo_startButton:hover {
    filter: brightness(150%);
}

.jo_file>.jo_delete:active, .jo_file>div>.jo_startButton:active {
    transform: scale(1.jo_2);
}

.jo_file_dragover {
    background-color: rgba(34, 114, 27, 0.596);
}

.jo_inplaceeditor {
    z-index: 1000;
    border: 1px solid var(--inplace-editor);
}

.jo_contextmenu {
    position:absolute;
    z-index: 1000;
    cursor: pointer;
    background-color: var(--contextmenu-background);
    padding: 4px 0;
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
    color: var(--contextmenu-color);
    font-family: 'Roboto', sans-serif;
    font-size: 10pt;
}

.jo_contextmenu>div {
    padding: 5px 8px;
    min-width: 80px;
    user-select: none;
    -webkit-user-select: none;
}

.jo_contextmenu>div:hover {
    background-color: var(--contextmenu-hover-background);
    color: var(--contextmenu-hover-color);
}

.jo_contextmenu>div:hover:active {
    font-weight: bold;
}

.jo_error-filename:before {
    content: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="file.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1182" inkscape:window-height="881" id="namedview6" showgrid="false" inkscape:zoom="29.5" inkscape:cx="6.2567878" inkscape:cy="8.4766156" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" inkscape:current-layer="svg4" /%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4 1L3 2V14L4 15H13L14 14V5L13.7071 4.29289L10.7071 1.29289L10 1H4ZM4 14V2L9 2V6H13V14H4ZM13 5L10 2V5L13 5Z" fill="%23C5C5C5" id="path2" /%3E%3C/svg%3E%0A'); /*img(file.svg)*/
    position: relative;
    top: 4px;
    left: -3px;    
}

.jo_error-filename {
    font-weight: bold;
    color: var(--error-filename);
}

.jo_error-line {
    padding-left: 16px;
    display: flex;
    margin-bottom: 0.5em;
    cursor: pointer;
}

.jo_error-line.jo_active {
    background-color: var(--error-line-ative);
}

.jo_error-line:hover {
    background-color: var(--error-line-hover);
}

.jo_error-position {
    color: var(--error-position);
    flex-shrink: 0;
}

.jo_linecolumn {
    color: var(--linecolumn);
}

.jo_error-text {
    padding-left: 1em;
    user-select: none;
    -ms-user-select: none;
}

.jo_revealError {
    background-color: var(--reveal-error);
}

.jo_revealErrorLine {
    background: var(--reveal-errorline-background);
    width: 5px !important;
    margin-left: 3px;
}

.jo_revealErrorWholeLine {
    background: var(--reveal-error-whole-line);
}

.jo_warning_category {
    color: yellow;
}

.jo_info_category {
    color: rgb(88, 102, 221);
}

.jo_revealWarning {
    background-color: var(--reveal-warning);
}

.jo_revealWarningLine {
    background: var(--reveal-warningline-background);
    width: 5px !important;
    margin-left: 3px;
}

.jo_revealWarningWholeLine {
    background: var(--reveal-warning-whole-line);
}

.jo_revealInfo {
    background-color: var(--reveal-info);
}

.jo_revealInfoLine {
    background: var(--reveal-infoline-background);
    width: 5px !important;
    margin-left: 3px;
}

.jo_revealInfoWholeLine {
    background: var(--reveal-info-whole-line);
}





.jo_revealProgramPointer{
    background-color: var(--reveal-programpointer);
}

.jo_revealProgramPointerBefore::before{
    content: " ";
    background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="program-pointer.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="730" inkscape:window-height="480" id="namedview6" showgrid="false" inkscape:zoom="14.75" inkscape:cx="8" inkscape:cy="8" inkscape:window-x="760" inkscape:window-y="272" inkscape:window-maximized="0" inkscape:current-layer="svg4" /%3E%3Cpath d="M 3.99976,14 V 2.18091 l 9.00004,5.88124 z" id="path2" inkscape:connector-curvature="0" style="clip-rule:evenodd;fill:%2389d185;fill-rule:evenodd" sodipodi:nodetypes="cccc" /%3E%3C/svg%3E%0A'); /*img(program-pointer.svg)*/
    background-size: cover;
    background-position-x: -0.5em;
}

.jo_yellowLightBulb {
    border-left-style: solid;
    border-left-width: 5px;
}

.jo_yellowLightBulb:before {
    content: " ";
    width: 32px;
    height: 32px;
    background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" sodipodi:docname="lightbulb-uni-yellow.svg" id="svg1162" version="1.1" fill="none" viewBox="0 0 16 26" height="16" width="16"%3E%3Cmetadata /%3E%3Cpath style="fill:%23d4d400;fill-opacity:1" id="path1160" d="M11.6708 8.65806C11.3319 8.9916 11.0716 9.36278 10.8886 9.77172C10.7105 10.1792 10.621 10.6219 10.621 11.1009V12.7012C10.621 12.8807 10.5872 13.0503 10.5189 13.2091C10.4513 13.3661 10.3586 13.5038 10.2407 13.6213C10.1228 13.7388 9.98464 13.8311 9.82723 13.8984C9.66806 13.9663 9.49806 14 9.31823 14H7.71205C7.53223 14 7.36223 13.9663 7.20306 13.8984C7.04564 13.8311 6.90753 13.7388 6.78961 13.6213C6.67168 13.5038 6.57895 13.3661 6.51141 13.2091C6.44311 13.0503 6.40927 12.8807 6.40927 12.7012V11.1009C6.40927 10.622 6.31772 10.1795 6.13553 9.77209C5.95683 9.36336 5.69832 8.99156 5.35953 8.65806C4.92468 8.22903 4.58896 7.75003 4.35361 7.22134C4.11756 6.69107 4 6.11672 4 5.49953C4 5.08664 4.05342 4.68802 4.16048 4.30397C4.26728 3.92089 4.41907 3.56286 4.61595 3.23018C4.81257 2.89377 5.04777 2.58911 5.32146 2.31641C5.59503 2.04383 5.89858 1.80953 6.23195 1.61364C6.56979 1.41764 6.93146 1.2662 7.31578 1.15983C7.70106 1.0532 8.10094 1 8.51514 1C8.92934 1 9.32923 1.0532 9.71451 1.15983C10.0988 1.2662 10.458 1.41739 10.7918 1.61351C11.1294 1.80938 11.4351 2.0437 11.7088 2.31641C11.9825 2.5891 12.2177 2.89376 12.4143 3.23016C12.6112 3.56285 12.763 3.92088 12.8698 4.30397C12.9769 4.68802 13.0303 5.08664 13.0303 5.49953C13.0303 6.11672 12.9127 6.69107 12.6767 7.22134C12.4413 7.75003 12.1056 8.22903 11.6708 8.65806ZM9.62162 10.5H7.40867V12.7012C7.40867 12.7823 7.4372 12.8512 7.49888 12.9127C7.56058 12.9741 7.63007 13.0028 7.71205 13.0028H9.31823C9.40022 13.0028 9.46971 12.9741 9.5314 12.9127C9.59309 12.8512 9.62162 12.7823 9.62162 12.7012V10.5Z" clip-rule="evenodd" fill-rule="evenodd" /%3E%3C/svg%3E%0A');
    background-size: cover;
    background-position-x: 2px;
    position: absolute;
    left: -16px;
    top: 0;
}

.jo_borderLeftError {
    border-left-color: var(--reveal-errorline-background);
}

.jo_borderLeftWarning {
    border-left-color: var(--reveal-warningline-background);
}

.jo_borderLeftInfo {
    border-left-color: var(--reveal-infoline-background);
}

.jo_yellowLightBulb:hover {
    /* filter: brightness(300%); */
    cursor: pointer;
}

.jo_yellowLightBulb:active {
    filter: brightness(200%);
}

.jo_message {
    font-size: 10pt;
    font-family: 'Consolas', 'Roboto Mono', monospace;
    padding: 2px;
}

#interpretermessage {
    border-top: 1px solid --slider;
}

.jo_revealSyntaxElement {
    background-color: var(--reveal-syntaxelement);
}

.jo_highlightMethod {
    background-color: var(--reveal-method);
}

 .jo_decorate_breakpoint {
    background-color: #580000;
}



.jo_margin_breakpoint {
    background: var(--margin-breakpoint-active);
    width: var(--breakpoint-size) !important;
    height: var(--breakpoint-size) !important;
    left: 1px !important;
    top: 3px;
    border-radius: var(--breakpoint-radius);
}

.line-numbers:hover::before {
    content: "";
    position: absolute;
    background: var(--margin-breakpoint);
    width: var(--breakpoint-size) !important;
    height: var(--breakpoint-size) !important;
    left: 1px !important;
    top: 3px;
    border-radius: var(--breakpoint-radius);
}

.line-numbers:active::before {
    content: "";
    position: absolute;
    background: var(--margin-breakpoint-mousedown);
    width: var(--breakpoint-size) !important;
    height: var(--breakpoint-size) !important;
    left: 1px !important;
    top: 3px;
    border-radius: var(--breakpoint-radius);
}

/* Speed control */
.jo_speedcontrol-outer {
    position: relative;
    width: 100px;
    height: 20px;
    margin-right: 8px !important;
}

.jo_speedcontrol-bar {
    position: absolute;
    height: 6px;
    top:7px;
    width: 100%;
    background-color: var(--speedcontrol-bar);
}

.jo_speedcontrol-grip {
    position: absolute;
    cursor: pointer;
    height: 20px;
    top:0px;
    width: 8px;
    left: 0px;
    background-color: var(--speedcontrol-grip);
}

.jo_speedcontrol-grip:hover {
    background-color: var(--speedcontrol-grip-hover);
}

.jo_speedcontrol-grip:active {
    transform: scale(1.2);
}

.jo_speedcontrol-display {
    display: none;
    position: absolute;
    font-size: 12px;
    left: 50%;
    transform: translateX(-50%);
    top: 150%;
    padding: 5px;
    white-space: nowrap;
    background-color: var(--speedcontrol-display-background);
    border: 1px solid var(--speedcontrol-display-border);
}

.jo_editorTooltip {
    background-color: var(--editorTooltip-background);
    border: 1px solid var(--editorTooltip-border);
    padding: 5px;
    width: fit-content;
    min-width: 50px;
}

.jo_codeFont {
    font-family: 'Consolas', 'Roboto Mono', monospace;
    font-weight: 500;
}

.jo_editButton {
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M2.40706 15L1 13.5929L3.35721 9.46781L3.52339 9.25025L11.7736 1L13.2321 1L15 2.76791V4.22636L6.74975 12.4766L6.53219 12.6428L2.40706 15ZM2.40706 13.5929L6.02053 11.7474L14.2708 3.49714L12.5029 1.72923L4.25262 9.97947L2.40706 13.5929Z" fill="%23C5C5C5"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M5.64645 12.3536L3.64645 10.3536L4.35355 9.64648L6.35355 11.6465L5.64645 12.3536Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A'); /*img(edit-dark.svg)*/
    background-size: cover;
    z-index: 1;
    right: 20px;
    top: 4px;
}

.jo_editButton:hover {
    filter: brightness(150%);
}

.jo_editButton:active {
    transform: scale(1.2);
}

.jo_hover-contents span, .jo_parameter-hints-widget span, .jo_parameter-hints-widget p {
    font-size: 12pt !important;
    line-height: 12pt !important;
}

 .jo_inline-image {
     display: inline-block;
     position: relative;
     top: 3px;
 }

 .jo_monaco-editor-hover .jo_monaco-tokenized-source {
     word-break: normal !important;
 }

 .monaco-editor-hover code {
    /* border-radius: 3px;
    padding: 0 0.4em; */
    color: var(--fontColorNormal);
    box-shadow: none !important;
    border: none !important;
}

.jo_menulink {
    display: inline-block;
    text-decoration: none;
    color: var(--fontColorNormal) !important;
    width: 100%;
    box-sizing: border-box;
}

.jo_editorFontSize {
    font-size: 13px;
    line-height: 13px;
}

.jo_additionalButtons {
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 24px;
    margin-top: 2px;
}

/*
    Info-Buttons on start page
*/

.jo_infodiv {
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px 20px 20px;
    display: flex;
    flex-direction: column;
}

.jo_infodiv_line {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.jo_infodiv_box {
    position: relative;
    width: 16em;
    height: 8em;
    padding: 6px;
    border-radius: 5px;
    background-color: rgb(192, 204, 228);
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 10px;
    cursor: pointer;
}

.jo_infodiv_box:hover {
    filter:brightness(110%);
}

.jo_infodiv_box:active {
    transform: scale(1.05);
}

.jo_infodiv_box>img.jo_infobox_leftimage {
    width: 4em;
}

.jo_infodiv_box>img.jo_infobox_forkme {
    position: absolute;
    width: 100px;
    left: 0px;
    top: 0px;
}

.jo_infodiv_box>div {
    font-size: 20pt;
    flex: 1;
    text-align: center;
    color: darkslategrey;
    user-select: none;
}

.jo_infodiv_line>a {
    text-decoration: none;
}

#jo_testuser-login-button {
    background-color: #59a15d;
}

#jo_video_button {
    background-color: #c02424;
}

#jo_testlogins {
    background-color: rgb(202, 202, 62);
}

#jo_learnj {
    background-color: rgb(85, 85, 219);
    color: white;
}

#jo_learnj>div {
    color: white;
}

#jo_embedded_ide {
    background-color: rgb(194, 150, 70);
}

#jo_moodle_mebis {
    background-color: rgb(214, 214, 214);
}

.jo_workspaceimport_dropzone {
    border: 2px dashed gray;
    border-radius: 8px;
    padding: 25px;
    text-align: center;
}
:root {
    --bottomdiv-tabheading-hover: white;
    --bottomdiv-tabheading-active: rgb(97,97,255);
    --noErrorMessage: rgb(37, 211, 37);
    --console-top-borderbottom: #c4c4c4;
    --console-top-background: #1e1e1e;
    --consoleEntry-withBorder: #303030;
    --consoleEntryValue: white;
    --consoleEntryIdentifier: rgb(156, 156, 235);
    --consoleEntryNoValue: gray;
    --consoleEntryCaption: white;
    --error-Caption: rgb(166, 165, 176);
    --console-error: rgb(236, 41, 41);
    --homework-workspace: rgb(77, 77, 224);
    --homework-file: green;
}


.jo_bottomdiv-inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.jo_tabheadings {
    width: 100%;
    min-height: 25px;
    font-size: 10pt;
    display: flex;
    flex-direction: row;
    margin-bottom: 4px;
    user-select: none;
}

.jo_tabheading {
    line-height: 24px;
    padding: 0 5px;
    margin: 0 2px;
    user-select: none;
    -webkit-user-select: none;
}

.jo_tabheading:hover {
    color: var(--bottomdiv-tabheading-hover);
    cursor: pointer;
}

.jo_tabheading.jo_active {
    border-bottom: 1px solid var(--bottomdiv-tabheading-active);
}

.jo_tabheading-right {
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 8px;
    height: 16px;
    top: 6px;
}

.jo_tabs {
    overflow: visible;
    height: calc(100% - 30px);
}

.jo_tabs>div {
    display: none;
}

.jo_tabs>div.jo_active {
    display: block;
}

.jo_tab {
    height: 100%;
    position: relative;
}

.jo_pcodeTab {
    font-family: Consolas, "Courier New", monospace;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0px;
    overflow: auto;
    height: 100%;
    position: relative;
}

.jo_pcodeTab h3 {
    margin-bottom: 0.5em;
}

.jo_label_destination:hover {
    cursor: pointer;
    text-decoration: underline;
}

.jo_errorsTab {
    height: 100%;
    overflow: auto;
    padding-left: 4px;
}

.jo_noErrorMessage {
    color: var(--noErrorMessage);
    user-select: none;
}

.jo_consoleTab {
    height: 100%;
    overflow: visible;
}

.jo_console-inner{
    display: flex;
    flex-direction: column;
    overflow: visible;
    height: 100%;
}

.jo_console-top{
    flex-grow: 1;
    overflow: auto;
    /* border-bottom: 1px solid #414141; */
    border-bottom: 1px solid var(--console-top-borderbottom);
    box-sizing: border-box;
    background-color: var(--console-top-background);
}

.jo_commandline{
    height: 25px;
    margin-top: 1px;
    margin-left: 16px;
    position: relative;
    flex-shrink: 0;
}

.jo_commandline .jo_decorationsOverviewRuler {
    display: none;
}

.jo_commandline::before {
    z-index: 1000;
    content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10.0719 7.99999L5.71461 12.3573L6.33333 12.976L11 8.30935V7.69063L6.33333 3.02396L5.71461 3.64268L10.0719 7.99999Z" fill="white"/%3E%3C/svg%3E%0A'); /*img(tree-collapsed-hc.svg)*/
    position: absolute;
    top: 3px;
    left: -16px;
    margin-right: 0px;
}

.jo_consoleEntry.jo_cannotOpen>.jo_ceFirstline::before {
    content: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="result-arrow.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1001" id="namedview6" showgrid="false" inkscape:zoom="32" inkscape:cx="17.495207" inkscape:cy="3.0295945" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:window-maximized="1" inkscape:current-layer="svg4" /%3E%3Cpath style="clip-rule:evenodd;fill:%23ffffff;fill-rule:evenodd" d="M 12.097656 5.2539062 L 11.550781 5.8242188 L 13.144531 7.4921875 L 1.796875 7.4921875 L 1.796875 8.5761719 L 13.080078 8.5761719 L 11.550781 10.175781 L 12.097656 10.746094 L 14.558594 8.3085938 L 14.558594 7.6914062 L 12.097656 5.2539062 z " id="path2" /%3E%3C/svg%3E%0A'); /*img(result-arrow.svg)*/
    position: relative;
    top: 3px;
    left: -1px;
    margin-right: 0px;
}

.jo_consoleEntry.jo_canOpen>.jo_ceFirstline::before {
    content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10.0719 7.99999L5.71461 12.3573L6.33333 12.976L11 8.30935V7.69063L6.33333 3.02396L5.71461 3.64268L10.0719 7.99999Z" fill="white"/%3E%3C/svg%3E%0A'); /*img(tree-collapsed-hc.svg)*/
    position: relative;
    top: 3px;
    left: -1px;
    margin-right: 0px;
}

.jo_consoleEntry.jo_canOpen.jo_expanded>.jo_ceFirstline::before {
    content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7.97602 10.0719L12.3333 5.71461L12.952 6.33333L8.28538 11L7.66666 11L3 6.33333L3.61872 5.71461L7.97602 10.0719Z" fill="white"/%3E%3C/svg%3E%0A'); /*img(tree-expanded-hc.svg)*/
    position: relative;
    margin-right: 0px;
}

.jo_consoleEntry>.jo_ceChildContainer {
    display: none;
}

.jo_consoleEntry.jo_expanded>.jo_ceChildContainer {
    display: flex;
    flex-direction: column;
}

.jo_ceFirstline {
    white-space: nowrap;
    overflow: hidden;
    user-select: none;
    /* font-size: 10pt; */
    font-family: 'Consolas', 'Roboto Mono', monospace;
    padding-left: 15px;
}

.jo_consoleEntry.jo_withBorder {
    border-bottom: 1px solid var(--consoleEntry-withBorder);
    margin-bottom: 3px;
}

.jo_consoleEntry.jo_canOpen>.jo_ceFirstline, .jo_consoleEntry.jo_cannotOpen>.jo_ceFirstline {
    padding-left: 0px;
}

.jo_ceValue {
    color: var(--consoleEntryIdentifier);
}

.jo_ceIdentifier {
    color: var(--consoleEntryIdentifier);
}

.jo_ceNoValue {
    color: var(--consoleEntryNoValue);
}

.jo_ceCaption {
    /* font-size: 10pt; */
    color: var(--consoleEntryCaption);
}

.jo_runtimeErrorPosition{
    cursor: pointer;
}

.jo_runtimeErrorPosition:hover{
    font-weight: bold;
}

.jo_error-caption {
    color: var(--error-Caption);
}

.jo_network-busy {
    display: none;
    margin-right: 8px;
}

.jo_console-error {
    color: var(--console-error);
}

.jo_homeworkTabheading {
    visibility: hidden;
}

.jo_homeworkTab {
    display: none;
    height: 100%;
}

.jo_homeworkTab.jo_active {
    display: flex !important;
    flex-direction: row;
}

.jo_homeworkTabLeft {
    display: flex;
    padding: 0 4px;
    flex-direction: column;
    flex: 1;
    border-right: 1px solid gray;
    overflow: auto;
}

.jo_homeworkTabRight {
    display: flex;
    padding: 0 4px;
    flex-direction: column;
    flex: 4;
    overflow: auto;
}

.jo_homeworkDate {
    border-bottom: 1px dotted gray;
    cursor: pointer;
    user-select: none;
}

.jo_homeworkDate:hover, .jo_homeworkEntry:hover {
    background-color: var(--file-hover);
}

.jo_homeworkDate:active, .jo_homeworkEntry:active {
    filter: brightness(130%);
}

.jo_homeworkEntry {
    cursor: pointer;
    user-select: none;
}

.jo_homeworkDate.jo_active:hover {
    background-color: var(--file-active-hover);
}

.jo_homeworkDate.jo_active {
    background-color: var(--file-active);
}

.jo_homeworkHeading {
    color: var(--fontColorLight);
    font-weight: bold;
}

.jo_homeworkRevisionButton {
    background-color: var(--loginButtonBackground);
    color: var(--loginButtonFontColor);
    padding: 2px 4px;
    margin-right: 10px;
    border-radius: 2px;
}

.img_homework-corrected {
    width: 24px !important;
} 

.jo_homework-workspace {
    color: var(--homework-workspace);
}

.jo_homework-file {
    color: var(--homework-file);
}


:root {
    --deIdentifier: rgb(156, 156, 235);
    --deValue: white;    
}
/*debugger*/
#debugger {
    display: flex;
}

#variablelist {
    padding-left: 2px;
}

.jo_debuggerElement {
    cursor: pointer;
}

.jo_deFirstline:hover>.jo_deIdentifier {
    font-weight: 700;
}

.jo_debuggerElement.jo_canOpen>.jo_deFirstline::before {
    content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10.0719 7.99999L5.71461 12.3573L6.33333 12.976L11 8.30935V7.69063L6.33333 3.02396L5.71461 3.64268L10.0719 7.99999Z" fill="white"/%3E%3C/svg%3E%0A'); /*img(tree-collapsed-hc.svg)*/
    position: relative;
    top: 3px;
    left: -1px;
    margin-right: 0px;
}

.jo_debuggerElement.jo_canOpen.jo_expanded>.jo_deFirstline::before {
    content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7.97602 10.0719L12.3333 5.71461L12.952 6.33333L8.28538 11L7.66666 11L3 6.33333L3.61872 5.71461L7.97602 10.0719Z" fill="white"/%3E%3C/svg%3E%0A'); /*img(tree-expanded-hc.svg)*/
    position: relative;
    margin-right: 0px;
}

.jo_debuggerElement>.jo_deChildContainer {
    display: none;
}

.jo_debuggerElement.jo_expanded>.jo_deChildContainer {
    display: flex;
    flex-direction: column;
}

.jo_deFirstline {
    white-space: nowrap;
    overflow: hidden;
    user-select: none;
    /* font-size: 10pt; */
    font-family: 'Consolas', 'Roboto Mono', monospace;
}

.jo_deIdentifier {
    color: var(--deIdentifier);
}

.jo_deValue {
    color: var(--deValue);
}

.jo_deCaption {
    font-family: 'Roboto', sans-serif;
    /* font-size: 10pt; */
    color: var(--deValue);
}

.jo_watcherExpression, .watcherResult {
    white-space: nowrap;
    overflow: hidden;
    user-select: none;
    /* font-size: 10pt; */
    font-family: 'Consolas', 'Roboto Mono', monospace;
}

.jo_watcherResult:before {
    content: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="result-arrow.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1001" id="namedview6" showgrid="false" inkscape:zoom="32" inkscape:cx="17.495207" inkscape:cy="3.0295945" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:window-maximized="1" inkscape:current-layer="svg4" /%3E%3Cpath style="clip-rule:evenodd;fill:%23ffffff;fill-rule:evenodd" d="M 12.097656 5.2539062 L 11.550781 5.8242188 L 13.144531 7.4921875 L 1.796875 7.4921875 L 1.796875 8.5761719 L 13.080078 8.5761719 L 11.550781 10.175781 L 12.097656 10.746094 L 14.558594 8.3085938 L 14.558594 7.6914062 L 12.097656 5.2539062 z " id="path2" /%3E%3C/svg%3E%0A'); /*img(result-arrow.svg)*/
    position: relative;
    top: 3px;
    left: -1px;
    margin-right: 0px;
}

.jo_watcherResult {
    margin-right: 24px;
}

.jo_file.jo_watcher {
    padding-left: 0px;
    font-size: inherit;
}

/* .file.watcher>.fileimage:before {
    content: url('../assets/projectexplorer/tree-collapsed-dark.svg');
    position: relative;
    top: 4px;
    left: -3px;    
} */

@namespace svgns url(http://www.w3.org/2000/svg);

svgns|g.svg_draggable {
    cursor: move;
    pointer-events: all;
}

svgns|text {
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
}

svgns|text.clickable:hover {
    fill:#4020ff !important;
}

svgns|g.clickable:hover>text {
    fill:#4020ff !important;
}

svgns|rect.dragging {
    fill: #eceba1 !important
}

svgns|path.dropdown-triangle {
    visibility: hidden;
    fill: #0040ff;
    pointer-events: all;
    cursor: pointer;

}

svgns|g.svg_draggable:hover path.dropdown-triangle {
    visibility: visible;
}

svgns|path.dropdown-triangle:hover {
    stroke: #8297dd;
    fill: #8297dd;
}

svgns|path.dropdown-triangle:active {
    fill: #ffb451
}


/* Diagrams */
.jo_diagram-canvas {
    position: absolute;
    left: 0;
    top: 0;
    /* margin: 5px; */
    background-Color: #e4e4e4;
    width: 10cm;
    height: 10cm;
    transform: scale(1.0);
    transform-origin: top left;
}

.jo_diagram-svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.jo_diagram-svg:active {
    cursor: move;
}

.jo_classdiagram-spinner {
    display: none;
    display: block;
    z-index: 1;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 30px;
    top: 10px;
}

/* Object diagram */
.jo_objectdiagram {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background-color: var(--backgroundDark);
}

.jo_objectdiagram-header {
    padding: 5px;
    background-color: var(--backgroundLight);
    border-bottom: 1px solid var(--slider);
}

.jo_objectdiagram-settings {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 5px;
}

.jo_objectdiagram-settings>div {
    margin-right: 8px;
}

.jo_objectdiagram-canvas {
    background-color: blue;
    width: 100%;
}

.jo_objectDiagramError {
    color: red;
}

.jo_classDiagram_Menubutton {
    z-index: 10;
    position: absolute;
    left: 10px;
    top: 10px;
}
:root {
    --helper-background-color:#383838;
    --helper-border-color:#d4d4d4;
    --arrowBoxButtonOuter-background: #59a15d;
    --arrowBoxButtonOuter-border: #3d3d3d;
    --arrowBoxButtonOuter-color: black;
    --arrowBoxButtonOuter-button-hover: #63a867;
    --arrowBox-after: rgba(136, 183, 213, 0);
    --arrowBox-before: rgba(194, 225, 245, 0);
}

.jo_arrow_box {
    position: absolute;
    /* left: 50px;
    top: 50%; */
    width: 30%;
    z-index: 1001;
	background: var(--helper-background-color);
    border: 4px solid var(--helper-border-color);
    padding: 8px;
    height: fit-content;
}

.jo_arrow_box>img {
    float: left;
    margin-right: 8px;
}

#arrowBoxButtonOuter {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

#arrowBoxButtonOuter>.jo_button {
    line-height: 1.5em;
    font-size: 16px;
    background-color: var(--arrowBoxButtonOuter-background);
    padding: 0 0.25em 0 0.25em;
    user-select: none;
    -ms-user-select: none;
    border: 1px solid var(--arrowBoxButtonOuter-border);
    color: var(--arrowBoxButtonOuter-color);
    cursor: pointer;
}

#arrowBoxButtonOuter>.jo_button:hover {
    background-color: var(--arrowBoxButtonOuter-button-hover);
}

#arrowBoxButtonOuter>.jo_button:active {
    transform: scale(1.2);
}

.jo_arrow_box:after, .jo_arrow_box:before {
	/* bottom: 100%;
	left: 50%; */
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
    pointer-events: none;
}

.jo_arrow_box:after {
	border-color: var(--arrowBox-after);
	/* border-bottom-color: var(--helper-border-color); */
	border-width: 20px;
}
.jo_arrow_box:before {
	border-color: var(--arrowBox-before);
	/* border-bottom-color: var(--helper-border-color); */
	border-width: 26px;
}

.jo_arrow_box_top, .jo_arrow_box_bottom {
    min-width: 100px;
}

.jo_arrow_box_top:after, .jo_arrow_box_top:before {
	bottom: 100%;
	left: 30px;
}

.jo_arrow_box_top:before {
    border-bottom-color: var(--helper-border-color);
    margin-left: -26px;
}

.jo_arrow_box_top:after {
    border-bottom-color: var(--helper-background-color);
    margin-left: -20px;
}

.jo_arrow_box_bottom:after, .jo_arrow_box_bottom:before {
	top: 100%;
	left: 30px;
}

.jo_arrow_box_bottom:before {
    border-top-color: var(--helper-border-color);
    margin-left: -26px;
}

.jo_arrow_box_bottom:after {
    border-top-color: var(--helper-background-color);
    margin-left: -20px;
}

.jo_arrow_box_left, .jo_arrow_box_right {
    min-height: 60px;
}

.jo_arrow_box_left:after, .jo_arrow_box_left:before {
	top: 30px;
	right: 100%;
}

.jo_arrow_box_left:before {
    border-right-color: var(--helper-border-color);
    margin-top: -26px;
}

.jo_arrow_box_left:after {
    border-right-color: var(--helper-background-color);
    margin-top: -20px;
}

.jo_arrow_box_right:after, .jo_arrow_box_right:before {
	top: 30px;
	left: 100%;
}

.jo_arrow_box_right:before {
    border-left-color: var(--helper-border-color);
    margin-top: -26px;
}

.jo_arrow_box_right:after {
    border-left-color: var(--helper-background-color);
    margin-top: -20px;
}

.img_add-class-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="add-class-dark.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1403" inkscape:window-height="886" id="namedview6" showgrid="false" inkscape:zoom="20.85965" inkscape:cx="7.1046812" inkscape:cy="4.2816825" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" inkscape:current-layer="svg4" /%3E%3Crect style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" id="rect4531" width="1" height="7" x="3" y="0" rx="6.5992699e-006" ry="6.5992699e-006" /%3E%3Crect ry="6.5992699e-006" rx="6.5992699e-006" y="-7" x="3" height="7" width="1" id="rect4533" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" transform="rotate(90)" /%3E%3Cg id="g829" transform="matrix(0.68294917,0,0,0.68294917,-2.3313442,5.1728051)" style="stroke-width:1.46423781"%3E%3Cpath style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1.46423781px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="m 3.6846944,13.006728 v 1.79661 H 15.17622 l -0.0099,-1.838028 c -2.529213,-2.229562 -4.651293,-2.475775 -5.8545069,-2.433158 -1.2032136,0.04262 -3.3665825,-0.0019 -5.6271187,2.474576 z" id="path825" inkscape:connector-curvature="0" sodipodi:nodetypes="cccczc" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.46423781;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="m 12.396558,6.1931688 a 2.881356,2.881356 0 0 1 -2.8813554,2.881356 2.881356,2.881356 0 0 1 -2.881356,-2.881356 2.881356,2.881356 0 0 1 2.881356,-2.881356 2.881356,2.881356 0 0 1 2.8813554,2.881356 z" id="path827" inkscape:connector-curvature="0" /%3E%3C/g%3E%3Cg style="stroke-width:1.46423781" transform="matrix(0.68294917,0,0,0.68294917,5.2910272,1.9608624)" id="g847"%3E%3Cpath sodipodi:nodetypes="cccczc" inkscape:connector-curvature="0" id="path843" d="m 3.6846944,13.006728 v 1.79661 H 15.17622 l -0.0099,-1.838028 c -2.529213,-2.229562 -4.651293,-2.475775 -5.8545069,-2.433158 -1.2032136,0.04262 -3.3665825,-0.0019 -5.6271187,2.474576 z" style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1.46423781px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /%3E%3Cpath inkscape:connector-curvature="0" id="path845" d="m 12.396558,6.1931688 a 2.881356,2.881356 0 0 1 -2.8813554,2.881356 2.881356,2.881356 0 0 1 -2.881356,-2.881356 2.881356,2.881356 0 0 1 2.881356,-2.881356 2.881356,2.881356 0 0 1 2.8813554,2.881356 z" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.46423781;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" /%3E%3C/g%3E%3C/svg%3E%0A');
}

.img_add-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14 7V8H8V14H7V8H1V7H7V1H8V7H14Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
}

.img_add-file-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7 3H4V0H3V3H0V4H3V7H4V4H7V3ZM13.9 4.6L10.5 1.1L10.2 1H5V2H9V6H13V13H4V8H3V13.5L3.5 14H9H13.5L14 13.5V5L13.9 4.6ZM12.9032 5L10 2V5H12.9032Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
}

.img_add-folder-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7 3H4V0H3V3H0V4H3V7H4V4H7V3ZM5.5 7H5V6H5.3L6.1 5.1L6.5 5H14V4H8V3H14.5L15 3.5V13.5L14.5 14H1.5L1 13.5V6.5V6V5H2V6V6.5V13H14V7V6H6.7L5.9 6.9L5.5 7Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
}

.img_add-user-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="add-user-dark.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1403" inkscape:window-height="886" id="namedview6" showgrid="false" inkscape:zoom="20.85965" inkscape:cx="0.27331058" inkscape:cy="4.2816825" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" inkscape:current-layer="svg4" /%3E%3Crect style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" id="rect4531" width="1" height="7" x="3" y="0" rx="6.5992699e-006" ry="6.5992699e-006" /%3E%3Crect ry="6.5992699e-006" rx="6.5992699e-006" y="-7" x="3" height="7" width="1" id="rect4533" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" transform="rotate(90)" /%3E%3Cpath style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="m 3.6846944,13.006728 v 1.79661 H 15.17622 l -0.0099,-1.838028 c -2.529213,-2.229562 -4.651293,-2.475775 -5.8545069,-2.433158 -1.2032136,0.04262 -3.3665825,-0.0019 -5.6271187,2.474576 z" id="path4535" inkscape:connector-curvature="0" sodipodi:nodetypes="cccczc" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="m 12.396558,6.1931688 a 2.881356,2.881356 0 0 1 -2.8813554,2.881356 2.881356,2.881356 0 0 1 -2.881356,-2.881356 2.881356,2.881356 0 0 1 2.881356,-2.881356 2.881356,2.881356 0 0 1 2.8813554,2.881356 z" id="path4537" inkscape:connector-curvature="0" /%3E%3C/svg%3E%0A');
}

.img_add-workspace-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="add-project-dark.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1001" id="namedview6" showgrid="false" inkscape:zoom="41.7193" inkscape:cx="10.059941" inkscape:cy="7.5644339" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:window-maximized="1" inkscape:current-layer="svg4" /%3E%3Cpath transform="rotate(-90)" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="m -11.925139,6.519763 h 1.198473 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 2.972232 c 0,3.7e-6 -3e-6,6.6e-6 -7e-6,6.6e-6 h -1.198473 c -3e-6,0 -6e-6,-2.9e-6 -6e-6,-6.6e-6 v -2.972232 c 0,-3.7e-6 3e-6,-6.6e-6 6e-6,-6.6e-6 z" id="rect825" /%3E%3Cpath style="color:%23000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000000;solid-opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" d="M 5.0820312 1.0175781 L 5.0820312 2.0175781 L 13.228516 2.0175781 L 13.228516 13.982422 L 2.7714844 13.982422 L 2.7714844 8.0664062 L 1.7714844 8.0664062 L 1.7714844 14.982422 L 14.228516 14.982422 L 14.228516 1.0175781 L 5.0820312 1.0175781 z " id="rect817" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="m 9.8036212,6.5079899 h 1.1984728 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 2.972232 c 0,3.7e-6 -3e-6,6.6e-6 -7e-6,6.6e-6 H 9.8036212 c -3.6e-6,0 -6.6e-6,-2.9e-6 -6.6e-6,-6.6e-6 v -2.972232 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect823" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%23fea78c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="M 8.6530751,2.9844408 H 12.22455 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 3.5714752 c 0,3.6e-6 -3e-6,6.6e-6 -7e-6,6.6e-6 H 8.6530751 c -3.6e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6.6e-6 V 2.9844474 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect821" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%238d8cfe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="M 8.6530751,9.4322958 H 12.22455 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 3.5714756 c 0,3e-6 -3e-6,6e-6 -7e-6,6e-6 H 8.6530751 c -3.6e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 V 9.4323024 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect819" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%238cfe97;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="M 3.8591308,9.4322958 H 7.430606 c 3.6e-6,0 6.6e-6,2.9e-6 6.6e-6,6.6e-6 v 3.5714756 c 0,3e-6 -3e-6,6e-6 -6.6e-6,6e-6 H 3.8591308 c -3.7e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 V 9.4323024 c 0,-3.7e-6 2.9e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect827" /%3E%3Cpath id="path841" d="m 3.0231272,-0.01261526 h 1.0067172 c 3.4e-6,0 5.9e-6,6.78e-6 5.9e-6,1.543e-5 V 6.9385882 c 0,8.6e-6 -2.5e-6,1.54e-5 -5.9e-6,1.54e-5 H 3.0231272 c -3e-6,0 -5.5e-6,-6.8e-6 -5.5e-6,-1.54e-5 v -6.95118803 c 0,-8.65e-6 2.5e-6,-1.543e-5 5.5e-6,-1.543e-5 z" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999988;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" inkscape:connector-curvature="0" /%3E%3Cpath inkscape:connector-curvature="0" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999988;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="m 7.0020954,2.9596354 v 1.0067172 c 0,3.4e-6 -6.7e-6,5.9e-6 -1.54e-5,5.9e-6 H 0.05089197 c -8.6e-6,0 -1.54e-5,-2.5e-6 -1.54e-5,-5.9e-6 V 2.9596354 c 0,-3e-6 6.8e-6,-5.5e-6 1.54e-5,-5.5e-6 H 7.00208 c 8.7e-6,0 1.54e-5,2.5e-6 1.54e-5,5.5e-6 z" id="path843" /%3E%3C/svg%3E%0A');
}

.img_class-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="class-dark.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1403" inkscape:window-height="886" id="namedview6" showgrid="false" inkscape:zoom="20.85965" inkscape:cx="7.1046812" inkscape:cy="4.2816825" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" inkscape:current-layer="svg4" /%3E%3Cg id="g829" transform="matrix(0.68294917,0,0,0.68294917,-2.3313442,5.1728051)" style="stroke-width:1.46423781"%3E%3Cpath style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1.46423781px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="m 3.6846944,13.006728 v 1.79661 H 15.17622 l -0.0099,-1.838028 c -2.529213,-2.229562 -4.651293,-2.475775 -5.8545069,-2.433158 -1.2032136,0.04262 -3.3665825,-0.0019 -5.6271187,2.474576 z" id="path825" inkscape:connector-curvature="0" sodipodi:nodetypes="cccczc" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.46423781;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="m 12.396558,6.1931688 a 2.881356,2.881356 0 0 1 -2.8813554,2.881356 2.881356,2.881356 0 0 1 -2.881356,-2.881356 2.881356,2.881356 0 0 1 2.881356,-2.881356 2.881356,2.881356 0 0 1 2.8813554,2.881356 z" id="path827" inkscape:connector-curvature="0" /%3E%3C/g%3E%3Cg style="stroke-width:1.46423781" transform="matrix(0.68294917,0,0,0.68294917,5.2910272,1.9608624)" id="g847"%3E%3Cpath sodipodi:nodetypes="cccczc" inkscape:connector-curvature="0" id="path843" d="m 3.6846944,13.006728 v 1.79661 H 15.17622 l -0.0099,-1.838028 c -2.529213,-2.229562 -4.651293,-2.475775 -5.8545069,-2.433158 -1.2032136,0.04262 -3.3665825,-0.0019 -5.6271187,2.474576 z" style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1.46423781px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /%3E%3Cpath inkscape:connector-curvature="0" id="path845" d="m 12.396558,6.1931688 a 2.881356,2.881356 0 0 1 -2.8813554,2.881356 2.881356,2.881356 0 0 1 -2.881356,-2.881356 2.881356,2.881356 0 0 1 2.881356,-2.881356 2.881356,2.881356 0 0 1 2.8813554,2.881356 z" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.46423781;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" /%3E%3C/g%3E%3Cpath style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="M 3.9804688,5.2714942 C 3.158735,5.3006015 1.6805501,5.2696402 0.13671875,6.9609473 V 8.1875099 H 1.546875 A 2.6126997,2.6126997 0 0 1 4.0507812,6.3164161 2.6126997,2.6126997 0 0 1 6.5546875,8.1875099 H 7.984375 L 7.9785156,6.9316505 C 6.2511916,5.408973 4.8022027,5.2423889 3.9804688,5.2714942 Z" id="path849" inkscape:connector-curvature="0" /%3E%3Cpath inkscape:connector-curvature="0" id="path851" d="M 6.0869353,2.307387 A 1.9678197,1.9678197 0 0 1 4.119116,4.2752067 1.9678197,1.9678197 0 0 1 2.1512963,2.307387 1.9678197,1.9678197 0 0 1 4.119116,0.33956733 1.9678197,1.9678197 0 0 1 6.0869353,2.307387 Z" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" /%3E%3C/svg%3E%0A');
}

.img_clear-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10 12.6L10.7 13.3L12.3 11.7L13.9 13.3L14.7 12.6L13 11L14.7 9.40005L13.9 8.60005L12.3 10.3L10.7 8.60005L10 9.40005L11.6 11L10 12.6Z" fill="%23C5C5C5"/%3E%3Cpath d="M1 4L15 4L15 3L1 3L1 4Z" fill="%23C5C5C5"/%3E%3Cpath d="M1 7L15 7L15 6L1 6L1 7Z" fill="%23C5C5C5"/%3E%3Cpath d="M9 9.5L9 9L1 9L1 10L9 10L9 9.5Z" fill="%23C5C5C5"/%3E%3Cpath d="M9 13L9 12.5L9 12L1 12L1 13L9 13Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
}

.img_collapse-all-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9 9H4V10H9V9Z" fill="%23C5C5C5"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M5 3L6 2H13L14 3V10L13 11H11V13L10 14H3L2 13V6L3 5H5V3ZM6 5H10L11 6V10H13V3H6V5ZM10 6H3V13H10V6Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
}

.img_delete {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="delete.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1274" inkscape:window-height="833" id="namedview6" showgrid="true" inkscape:zoom="29.5" inkscape:cx="7.0820605" inkscape:cy="7.9596008" inkscape:window-x="154" inkscape:window-y="70" inkscape:window-maximized="0" inkscape:current-layer="svg4"%3E%3Cinkscape:grid type="xygrid" id="grid817" /%3E%3C/sodipodi:namedview%3E%3Cpath style="fill:%23c5c5c5;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" d="m 3,5 v 9 l 1,1 h 8 l 1,-1 V 5 h -1 v 9 H 4 V 5 Z" id="path4522" inkscape:connector-curvature="0" /%3E%3Cpath style="fill:%23c5c5c5;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" d="M 3 2 L 1 4 L 1 6 L 2 6 L 3 5 L 13 5 L 14 6 L 15 6 L 15 4 L 13 2 L 3 2 z M 4 3 L 12 3 L 13 4 L 3 4 L 4 3 z " id="path4524" /%3E%3Cpath style="fill:%23c5c5c5;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" d="m 6,6 v 7 H 7 V 6 Z" id="path4529" inkscape:connector-curvature="0" /%3E%3Cpath inkscape:connector-curvature="0" id="path4531" d="m 9,6 v 7 h 1 V 6 Z" style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /%3E%3C/svg%3E%0A');
}

.img_disconnect-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M13.6172 3.84375C13.5169 3.5293 13.3665 3.23991 13.166 2.97559L14.5195 1.61523L13.9043 1L12.5439 2.35352C12.2796 2.15299 11.9902 2.0026 11.6758 1.90234C11.3659 1.79753 11.0446 1.74512 10.7119 1.74512C10.3063 1.74512 9.91439 1.82259 9.53613 1.97754C9.16243 2.13249 8.83203 2.35352 8.54492 2.64062L7 4.19238L11.3271 8.51953L12.8789 6.97461C13.166 6.6875 13.387 6.3571 13.542 5.9834C13.6969 5.60514 13.7744 5.21322 13.7744 4.80762C13.7744 4.47493 13.722 4.15365 13.6172 3.84375ZM12.7285 5.64844C12.6191 5.91276 12.4619 6.14746 12.2568 6.35254L11.3271 7.28223L8.2373 4.19238L9.16699 3.2627C9.37207 3.05762 9.60677 2.90039 9.87109 2.79102C10.14 2.67708 10.4202 2.62012 10.7119 2.62012C11.0127 2.62012 11.2952 2.67936 11.5596 2.79785C11.8239 2.91178 12.054 3.06901 12.25 3.26953C12.4505 3.46549 12.6077 3.69564 12.7217 3.95996C12.8402 4.22428 12.8994 4.50684 12.8994 4.80762C12.8994 5.09928 12.8424 5.37956 12.7285 5.64844ZM7.9043 10.6416L9.3877 9.09668L8.77246 8.47461L7.28223 10.0264L5.42285 8.16699L6.91309 6.61523L6.29102 6L4.80762 7.54492L4.19238 6.92969L2.64062 8.47461C2.35352 8.76172 2.13249 9.0944 1.97754 9.47266C1.82259 9.84635 1.74512 10.236 1.74512 10.6416C1.74512 10.9743 1.79525 11.2979 1.89551 11.6123C2.00033 11.9222 2.15299 12.2093 2.35352 12.4736L1 13.834L1.61523 14.4492L2.97559 13.0957C3.23991 13.2962 3.52702 13.4489 3.83691 13.5537C4.15137 13.654 4.47493 13.7041 4.80762 13.7041C5.21322 13.7041 5.60286 13.6266 5.97656 13.4717C6.35482 13.3167 6.6875 13.0957 6.97461 12.8086L8.51953 11.2568L7.9043 10.6416ZM5.6416 12.665C5.37728 12.7744 5.09928 12.8291 4.80762 12.8291C4.50684 12.8291 4.22201 12.7721 3.95312 12.6582C3.6888 12.5443 3.45638 12.3893 3.25586 12.1934C3.0599 11.9928 2.90495 11.7604 2.79102 11.4961C2.67708 11.2272 2.62012 10.9424 2.62012 10.6416C2.62012 10.3499 2.6748 10.0719 2.78418 9.80762C2.89811 9.53874 3.05762 9.30176 3.2627 9.09668L4.19238 8.16699L7.28223 11.2568L6.35254 12.1865C6.14746 12.3916 5.91048 12.5511 5.6416 12.665Z" fill="%23F48771"/%3E%3C/svg%3E%0A');
}

.img_document-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4 1L3 2V14L4 15H13L14 14V5L13.7071 4.29289L10.7071 1.29289L10 1H4ZM4 14V2L9 2V6H13V14H4ZM13 5L10 2V5L13 5Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
}

.img_edit-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M2.40706 15L1 13.5929L3.35721 9.46781L3.52339 9.25025L11.7736 1L13.2321 1L15 2.76791V4.22636L6.74975 12.4766L6.53219 12.6428L2.40706 15ZM2.40706 13.5929L6.02053 11.7474L14.2708 3.49714L12.5029 1.72923L4.25262 9.97947L2.40706 13.5929Z" fill="%23C5C5C5"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M5.64645 12.3536L3.64645 10.3536L4.35355 9.64648L6.35355 11.6465L5.64645 12.3536Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
}

.img_ellipsis-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4 8C4 8.19778 3.94135 8.39112 3.83147 8.55557C3.72159 8.72002 3.56541 8.84819 3.38268 8.92388C3.19996 8.99957 2.99889 9.01937 2.80491 8.98079C2.61093 8.9422 2.43275 8.84696 2.29289 8.70711C2.15304 8.56725 2.0578 8.38907 2.01922 8.19509C1.98063 8.00111 2.00043 7.80004 2.07612 7.61732C2.15181 7.43459 2.27998 7.27841 2.44443 7.16853C2.60888 7.05865 2.80222 7 3 7C3.26522 7 3.51957 7.10536 3.70711 7.29289C3.89464 7.48043 4 7.73478 4 8Z" fill="%23C5C5C5"/%3E%3Cpath d="M9 8C9 8.19778 8.94135 8.39112 8.83147 8.55557C8.72159 8.72002 8.56541 8.84819 8.38268 8.92388C8.19996 8.99957 7.99889 9.01937 7.80491 8.98079C7.61093 8.9422 7.43275 8.84696 7.29289 8.70711C7.15304 8.56725 7.0578 8.38907 7.01922 8.19509C6.98063 8.00111 7.00043 7.80004 7.07612 7.61732C7.15181 7.43459 7.27998 7.27841 7.44443 7.16853C7.60888 7.05865 7.80222 7 8 7C8.26522 7 8.51957 7.10536 8.70711 7.29289C8.89464 7.48043 9 7.73478 9 8Z" fill="%23C5C5C5"/%3E%3Cpath d="M14 8C14 8.19778 13.9414 8.39112 13.8315 8.55557C13.7216 8.72002 13.5654 8.84819 13.3827 8.92388C13.2 8.99957 12.9989 9.01937 12.8049 8.98079C12.6109 8.9422 12.4327 8.84696 12.2929 8.70711C12.153 8.56725 12.0578 8.38907 12.0192 8.19509C11.9806 8.00111 12.0004 7.80004 12.0761 7.61732C12.1518 7.43459 12.28 7.27841 12.4444 7.16853C12.6089 7.05865 12.8022 7 13 7C13.2652 7 13.5196 7.10536 13.7071 7.29289C13.8946 7.48043 14 7.73478 14 8Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
}

.img_errorfree {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="errorfree.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1280" inkscape:window-height="961" id="namedview6" showgrid="false" inkscape:zoom="14.75" inkscape:cx="-3.5254237" inkscape:cy="8" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:window-maximized="1" inkscape:current-layer="svg4" /%3E%3Cpath style="color:%23000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000000;solid-opacity:1;vector-effect:none;fill:%2389d185;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" d="M 12.470703,3.7050781 5.6035156,10.189453 4.0917969,7.6113281 3.2304688,8.1171875 5.3789062,11.777344 13.15625,4.4316406 Z" id="path3717" inkscape:connector-curvature="0" /%3E%3C/svg%3E%0A');
}

.img_field-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M1 6.39443L1.55279 5.5L8.55279 2H9.44721L14.4472 4.5L15 5.39443V9.89443L14.4472 10.7889L7.44721 14.2889H6.55279L1.55279 11.7889L1 10.8944V6.39443ZM6.5 13.1444L2 10.8944V7.17094L6.5 9.21639V13.1444ZM7.5 13.1444L14 9.89443V6.17954L7.5 9.21287V13.1444ZM9 2.89443L2.33728 6.22579L6.99725 8.34396L13.6706 5.22973L9 2.89443Z" fill="%2375BEFF"/%3E%3C/svg%3E%0A');
}

.img_field-light-startable {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="field-light-startable.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1001" id="namedview6" showgrid="false" inkscape:zoom="14.75" inkscape:cx="8" inkscape:cy="8" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:window-maximized="1" inkscape:current-layer="svg4" /%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M1 6.39443L1.55279 5.5L8.55279 2H9.44721L14.4472 4.5L15 5.39443V9.89443L14.4472 10.7889L7.44721 14.2889H6.55279L1.55279 11.7889L1 10.8944V6.39443ZM6.5 13.1444L2 10.8944V7.17094L6.5 9.21639V13.1444ZM7.5 13.1444L14 9.89443V6.17954L7.5 9.21287V13.1444ZM9 2.89443L2.33728 6.22579L6.99725 8.34396L13.6706 5.22973L9 2.89443Z" fill="%23007ACC" id="path2" /%3E%3Cpath inkscape:connector-curvature="0" style="clip-rule:evenodd;fill:%2389d185;fill-rule:evenodd" d="M 4.49998,13.909545 V 2.090455 l 9.00004,5.88124 z m 1.50023,-9.00003 4.81451,3.06218 -4.81451,3.11875 z" id="path2-0" /%3E%3C/svg%3E%0A');
}

.img_field-light {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M1 6.39443L1.55279 5.5L8.55279 2H9.44721L14.4472 4.5L15 5.39443V9.89443L14.4472 10.7889L7.44721 14.2889H6.55279L1.55279 11.7889L1 10.8944V6.39443ZM6.5 13.1444L2 10.8944V7.17094L6.5 9.21639V13.1444ZM7.5 13.1444L14 9.89443V6.17954L7.5 9.21287V13.1444ZM9 2.89443L2.33728 6.22579L6.99725 8.34396L13.6706 5.22973L9 2.89443Z" fill="%23007ACC"/%3E%3C/svg%3E%0A');
}

.img_file-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4 1L3 2V14L4 15H13L14 14V5L13.7071 4.29289L10.7071 1.29289L10 1H4ZM4 14V2L9 2V6H13V14H4ZM13 5L10 2V5L13 5Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
}

.img_file-light {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4 1L3 2V14L4 15H13L14 14V5L13.7071 4.29289L10.7071 1.29289L10 1H4ZM4 14V2L9 2V6H13V14H4ZM13 5L10 2V5L13 5Z" fill="%23424242"/%3E%3C/svg%3E%0A');
}

.img_file {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="file.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1182" inkscape:window-height="881" id="namedview6" showgrid="false" inkscape:zoom="29.5" inkscape:cx="6.2567878" inkscape:cy="8.4766156" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" inkscape:current-layer="svg4" /%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4 1L3 2V14L4 15H13L14 14V5L13.7071 4.29289L10.7071 1.29289L10 1H4ZM4 14V2L9 2V6H13V14H4ZM13 5L10 2V5L13 5Z" fill="%23C5C5C5" id="path2" /%3E%3C/svg%3E%0A');
}

.img_grid {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="105" height="105" viewBox="0 0 105 105" xmlns="http://www.w3.org/2000/svg" fill="%23fff"%3E%3Ccircle cx="12.5" cy="12.5" r="12.5"%3E%3Canimate attributeName="fill-opacity" begin="0s" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite" /%3E%3C/circle%3E%3Ccircle cx="12.5" cy="52.5" r="12.5" fill-opacity=".5"%3E%3Canimate attributeName="fill-opacity" begin="100ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite" /%3E%3C/circle%3E%3Ccircle cx="52.5" cy="12.5" r="12.5"%3E%3Canimate attributeName="fill-opacity" begin="300ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite" /%3E%3C/circle%3E%3Ccircle cx="52.5" cy="52.5" r="12.5"%3E%3Canimate attributeName="fill-opacity" begin="600ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite" /%3E%3C/circle%3E%3Ccircle cx="92.5" cy="12.5" r="12.5"%3E%3Canimate attributeName="fill-opacity" begin="800ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite" /%3E%3C/circle%3E%3Ccircle cx="92.5" cy="52.5" r="12.5"%3E%3Canimate attributeName="fill-opacity" begin="400ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite" /%3E%3C/circle%3E%3Ccircle cx="12.5" cy="92.5" r="12.5"%3E%3Canimate attributeName="fill-opacity" begin="700ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite" /%3E%3C/circle%3E%3Ccircle cx="52.5" cy="92.5" r="12.5"%3E%3Canimate attributeName="fill-opacity" begin="500ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite" /%3E%3C/circle%3E%3Ccircle cx="92.5" cy="92.5" r="12.5"%3E%3Canimate attributeName="fill-opacity" begin="200ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite" /%3E%3C/circle%3E%3C/svg%3E%0A');
}

.img_home-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="home-dark.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1403" inkscape:window-height="886" id="namedview6" showgrid="false" inkscape:zoom="29.5" inkscape:cx="10.775697" inkscape:cy="9.792943" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" inkscape:current-layer="svg4" /%3E%3Cpath style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="m 3.1864407,13.881356 h 3.4237288 v -4 H 9.220339 v 3.932204 h 3.525424 V 8.3559323 h 2.101695 L 8.0338983,2.1186442 1.1525423,8.322034 h 1.8983051 z" id="path833" inkscape:connector-curvature="0" /%3E%3C/svg%3E%0A');
}

.img_homework-corrected {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" inkscape:version="1.0 (4035a4fb49, 2020-05-01)" sodipodi:docname="homework_corrected.svg" id="svg8" version="1.1" fill="none" viewBox="0 0 16 16" height="16" width="16"%3E%3Cmetadata id="metadata14"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs12" /%3E%3Csodipodi:namedview inkscape:current-layer="svg8" inkscape:window-maximized="0" inkscape:window-y="0" inkscape:window-x="0" inkscape:cy="-13.334569" inkscape:cx="4.1313007" inkscape:zoom="10.029481" showgrid="true" id="namedview10" inkscape:window-height="889" inkscape:window-width="1846" inkscape:pageshadow="2" inkscape:pageopacity="0" guidetolerance="10" gridtolerance="10" objecttolerance="10" borderopacity="1" bordercolor="%23666666" pagecolor="%23ffffff"%3E%3Cinkscape:grid empspacing="8" id="grid839" type="xygrid" /%3E%3C/sodipodi:namedview%3E%3Ctext id="text843" y="7" x="2" style="font-size:96px;line-height:1.25;font-family:sans-serif;fill:%23737373;fill-opacity:1;stroke:%23000000;stroke-opacity:1;" xml:space="preserve"%3E%3Ctspan y="7" x="2" id="tspan841" sodipodi:role="line"%3E%3C/tspan%3E%3C/text%3E%3Cpath id="path862" d="M 12.232422 1.4414062 L 4.8867188 11.542969 L 2.671875 9.328125 L 1.328125 10.671875 L 5.1152344 14.457031 L 13.767578 2.5585938 L 12.232422 1.4414062 z " style="color:%23000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000000;solid-opacity:1;vector-effect:none;fill:%2318bd0f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.9;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:%23000000;stop-opacity:1;opacity:1" /%3E%3C/svg%3E%0A');
}

.img_homework {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" inkscape:version="1.0 (4035a4fb49, 2020-05-01)" sodipodi:docname="homework.svg" id="svg8" version="1.1" fill="none" viewBox="0 0 16 16" height="16" width="16"%3E%3Cmetadata id="metadata14"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs12" /%3E%3Csodipodi:namedview inkscape:current-layer="svg8" inkscape:window-maximized="0" inkscape:window-y="0" inkscape:window-x="0" inkscape:cy="-13.334569" inkscape:cx="4.1313007" inkscape:zoom="10.029481" showgrid="true" id="namedview10" inkscape:window-height="889" inkscape:window-width="1846" inkscape:pageshadow="2" inkscape:pageopacity="0" guidetolerance="10" gridtolerance="10" objecttolerance="10" borderopacity="1" bordercolor="%23666666" pagecolor="%23ffffff"%3E%3Cinkscape:grid empspacing="8" id="grid839" type="xygrid" /%3E%3C/sodipodi:namedview%3E%3Ctext id="text843" y="7" x="2" style="font-size:96px;line-height:1.25;font-family:sans-serif;fill:%23737373;fill-opacity:1;stroke:%23000000;stroke-opacity:1;" xml:space="preserve"%3E%3Ctspan y="7" x="2" id="tspan841" sodipodi:role="line"%3E%3C/tspan%3E%3C/text%3E%3Cg style="font-size:16.7617px;line-height:1.25;font-family:sans-serif;fill:%2318bd0f;fill-opacity:1;stroke-width:1" id="text847" aria-label="H"%3E%3Cg style="opacity:1" id="g852"%3E%3Cpath id="path854" d="M 12.506229,13.835627 H 10.885713 V 7.8691817 H 4.8046859 V 13.835627 H 3.1841701 V 1.6490198 H 4.8046859 V 6.4287232 H 10.885713 V 1.6490198 h 1.620516 z" style="color:%23000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:1.25;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000000;solid-opacity:1;vector-effect:none;fill:%2318bd0f;fill-opacity:1;fill-rule:nonzero;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1.0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:%23000000;stop-opacity:1;stroke:none;" /%3E%3Cpath id="path856" d="M 2.6835938 1.1484375 L 2.6835938 14.335938 L 5.3046875 14.335938 L 5.3046875 8.3691406 L 10.384766 8.3691406 L 10.384766 14.335938 L 13.005859 14.335938 L 13.005859 13.835938 L 13.005859 1.1484375 L 10.384766 1.1484375 L 10.384766 5.9296875 L 5.3046875 5.9296875 L 5.3046875 1.1484375 L 2.6835938 1.1484375 z M 3.6835938 2.1484375 L 4.3046875 2.1484375 L 4.3046875 6.9296875 L 11.384766 6.9296875 L 11.384766 2.1484375 L 12.005859 2.1484375 L 12.005859 13.335938 L 11.384766 13.335938 L 11.384766 7.3691406 L 4.3046875 7.3691406 L 4.3046875 13.335938 L 3.6835938 13.335938 L 3.6835938 2.1484375 z " style="color:%23000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:1.25;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000000;solid-opacity:1;vector-effect:none;fill-opacity:1;fill-rule:nonzero;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1.0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:%23000000;stop-opacity:1;stroke:none;" /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A');
}

.img_info-sign {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3C!-- Created with Inkscape (http://www.inkscape.org/) --%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="15.768902mm" height="15.768902mm" viewBox="0 0 15.768902 15.768902" version="1.1" id="svg8" inkscape:version="0.92.3 (2405546, 2018-03-11)" sodipodi:docname="info-sign.svg"%3E%3Cdefs id="defs2" /%3E%3Csodipodi:namedview id="base" pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="7.9195959" inkscape:cx="30.085169" inkscape:cy="28.220315" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" inkscape:window-width="1280" inkscape:window-height="961" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:window-maximized="1" /%3E%3Cmetadata id="metadata5"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label="Ebene 1" inkscape:groupmode="layer" id="layer1" transform="translate(-36.883196,-72.760866)"%3E%3Cpath style="fill:%2385bcff;fill-opacity:1;stroke:none;stroke-width:0.26499999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 52.652098,80.645317 a 7.8844509,7.8844509 0 0 1 -7.884451,7.884451 7.8844509,7.8844509 0 0 1 -7.884451,-7.884451 7.8844509,7.8844509 0 0 1 7.884451,-7.884451 7.8844509,7.8844509 0 0 1 7.884451,7.884451 z" id="path819" inkscape:connector-curvature="0" /%3E%3Cpath style="fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.21221592;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 43.498116,78.774414 h 2.53906 v 7.88445 h -2.53906 z" id="rect824" inkscape:connector-curvature="0" /%3E%3Cpath style="fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.26499999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 46.23763,76.235359 a 1.4699829,1.6036102 0 0 1 -1.469983,1.60361 1.4699829,1.6036102 0 0 1 -1.469983,-1.60361 1.4699829,1.6036102 0 0 1 1.469983,-1.60361 1.4699829,1.6036102 0 0 1 1.469983,1.60361 z" id="path826" inkscape:connector-curvature="0" /%3E%3C/g%3E%3C/svg%3E%0A');
}

.img_knob {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg8" sodipodi:docname="knob.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata14"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs12" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1068" inkscape:window-height="719" id="namedview10" showgrid="true" inkscape:zoom="20.85965" inkscape:cx="9.1157507" inkscape:cy="8.968183" inkscape:window-x="597" inkscape:window-y="228" inkscape:window-maximized="0" inkscape:current-layer="svg8"%3E%3Cinkscape:grid type="xygrid" id="grid4524" /%3E%3C/sodipodi:namedview%3E%3Cpath style="color:%23000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000000;solid-opacity:1;vector-effect:none;fill:%23d4d4d4;fill-opacity:0.79607843;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" d="M 8,1 C 6.6156255,1 5.2623957,1.4105825 4.1113281,2.1796875 2.9602425,2.9488044 2.0629901,4.0413062 1.5332031,5.3203125 1.0033931,6.5993041 0.86465209,8.0074569 1.1347656,9.3652344 c 0.270046,1.3577906 0.9371558,2.6050546 1.9160156,3.5839846 0.9789303,0.978861 2.2262305,1.645907 3.5839844,1.916015 1.3577496,0.270038 2.76593,0.131373 4.0449224,-0.398437 1.279006,-0.529787 2.371507,-1.427041 3.140624,-2.578125 C 14.589418,10.737605 15,9.3843746 15,8 15,6.1438431 14.26164,4.3632716 12.949219,3.0507812 11.636729,1.7383605 9.8561569,1 8,1 Z M 8,3 C 9.3264835,3 10.597168,3.5269043 11.535156,4.4648438 12.473097,5.4028338 13,6.6735165 13,8 13,8.9889858 12.707658,9.9550127 12.158203,10.777344 11.608758,11.599659 10.827816,12.240648 9.9140625,12.619141 9.000413,12.997611 7.9954013,13.097219 7.0253906,12.904297 6.0553843,12.711326 5.1642337,12.234497 4.4648438,11.535156 3.7655034,10.835766 3.2886172,9.9445808 3.0957031,8.9746094 2.9027367,8.0046265 3.0023892,6.9995861 3.3808594,6.0859375 3.7593524,5.1721834 4.4003416,4.39124 5.2226562,3.8417969 6.0449891,3.2923415 7.0110143,3 8,3 Z" id="path4" inkscape:connector-curvature="0" /%3E%3Cpath style="fill:%23888888;stroke-width:1;fill-opacity:1" inkscape:connector-curvature="0" id="path4526" d="M 11,7.9999974 C 11,8.5933375 10.82405,9.1733579 10.49441,9.6667078 10.16477,10.160058 9.6962297,10.544568 9.1480397,10.771638 8.5998794,10.998708 7.9966692,11.058108 7.4147291,10.942368 6.8327889,10.826598 6.2982488,10.540878 5.8786687,10.121328 5.4591186,9.7017478 5.1733985,9.1672079 5.0576585,8.5852675 4.9418885,8.0033274 5.0012885,7.4001172 5.2283585,6.8519571 5.4554286,6.303767 5.8399387,5.8352268 6.3332888,5.5055868 6.8266389,5.1759467 7.4066591,4.9999966 7.9999992,4.9999966 c 0.7956603,0 1.5587105,0.3160801 2.1213308,0.8786702 C 10.68392,6.441287 11,7.2043372 11,7.9999974 Z" /%3E%3C/svg%3E%0A');
}

.img_lightbulb-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M11.6708 8.65806C11.3319 8.9916 11.0716 9.36278 10.8886 9.77172C10.7105 10.1792 10.621 10.6219 10.621 11.1009V12.7012C10.621 12.8807 10.5872 13.0503 10.5189 13.2091C10.4513 13.3661 10.3586 13.5038 10.2407 13.6213C10.1228 13.7388 9.98464 13.8311 9.82723 13.8984C9.66806 13.9663 9.49806 14 9.31823 14H7.71205C7.53223 14 7.36223 13.9663 7.20306 13.8984C7.04564 13.8311 6.90753 13.7388 6.78961 13.6213C6.67168 13.5038 6.57895 13.3661 6.51141 13.2091C6.44311 13.0503 6.40927 12.8807 6.40927 12.7012V11.1009C6.40927 10.622 6.31772 10.1795 6.13553 9.77209C5.95683 9.36336 5.69832 8.99156 5.35953 8.65806C4.92468 8.22903 4.58896 7.75003 4.35361 7.22134C4.11756 6.69107 4 6.11672 4 5.49953C4 5.08664 4.05342 4.68802 4.16048 4.30397C4.26728 3.92089 4.41907 3.56286 4.61595 3.23018C4.81257 2.89377 5.04777 2.58911 5.32146 2.31641C5.59503 2.04383 5.89858 1.80953 6.23195 1.61364C6.56979 1.41764 6.93146 1.2662 7.31578 1.15983C7.70106 1.0532 8.10094 1 8.51514 1C8.92934 1 9.32923 1.0532 9.71451 1.15983C10.0988 1.2662 10.458 1.41739 10.7918 1.61351C11.1294 1.80938 11.4351 2.0437 11.7088 2.31641C11.9825 2.5891 12.2177 2.89376 12.4143 3.23016C12.6112 3.56285 12.763 3.92088 12.8698 4.30397C12.9769 4.68802 13.0303 5.08664 13.0303 5.49953C13.0303 6.11672 12.9127 6.69107 12.6767 7.22134C12.4413 7.75003 12.1056 8.22903 11.6708 8.65806ZM9.62162 10.5H7.40867V12.7012C7.40867 12.7823 7.4372 12.8512 7.49888 12.9127C7.56058 12.9741 7.63007 13.0028 7.71205 13.0028H9.31823C9.40022 13.0028 9.46971 12.9741 9.5314 12.9127C9.59309 12.8512 9.62162 12.7823 9.62162 12.7012V10.5Z" fill="%23C2C2C2"/%3E%3C/svg%3E%0A');
}

.img_lightbulb-uni-yellow {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" inkscape:version="1.0 (4035a4fb49, 2020-05-01)" sodipodi:docname="lightbulb-uni-yellow.svg" id="svg1162" version="1.1" fill="none" viewBox="0 0 16 16" height="16" width="16"%3E%3Cmetadata id="metadata1168"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs1166" /%3E%3Csodipodi:namedview inkscape:current-layer="svg1162" inkscape:window-maximized="1" inkscape:window-y="371" inkscape:window-x="2391" inkscape:cy="8" inkscape:cx="8" inkscape:zoom="51.875" showgrid="false" id="namedview1164" inkscape:window-height="1001" inkscape:window-width="1920" inkscape:pageshadow="2" inkscape:pageopacity="0" guidetolerance="10" gridtolerance="10" objecttolerance="10" borderopacity="1" bordercolor="%23666666" pagecolor="%23ffffff" /%3E%3Cpath style="fill:%23d4d400;fill-opacity:1" id="path1160" fill="%23C2C2C2" d="M11.6708 8.65806C11.3319 8.9916 11.0716 9.36278 10.8886 9.77172C10.7105 10.1792 10.621 10.6219 10.621 11.1009V12.7012C10.621 12.8807 10.5872 13.0503 10.5189 13.2091C10.4513 13.3661 10.3586 13.5038 10.2407 13.6213C10.1228 13.7388 9.98464 13.8311 9.82723 13.8984C9.66806 13.9663 9.49806 14 9.31823 14H7.71205C7.53223 14 7.36223 13.9663 7.20306 13.8984C7.04564 13.8311 6.90753 13.7388 6.78961 13.6213C6.67168 13.5038 6.57895 13.3661 6.51141 13.2091C6.44311 13.0503 6.40927 12.8807 6.40927 12.7012V11.1009C6.40927 10.622 6.31772 10.1795 6.13553 9.77209C5.95683 9.36336 5.69832 8.99156 5.35953 8.65806C4.92468 8.22903 4.58896 7.75003 4.35361 7.22134C4.11756 6.69107 4 6.11672 4 5.49953C4 5.08664 4.05342 4.68802 4.16048 4.30397C4.26728 3.92089 4.41907 3.56286 4.61595 3.23018C4.81257 2.89377 5.04777 2.58911 5.32146 2.31641C5.59503 2.04383 5.89858 1.80953 6.23195 1.61364C6.56979 1.41764 6.93146 1.2662 7.31578 1.15983C7.70106 1.0532 8.10094 1 8.51514 1C8.92934 1 9.32923 1.0532 9.71451 1.15983C10.0988 1.2662 10.458 1.41739 10.7918 1.61351C11.1294 1.80938 11.4351 2.0437 11.7088 2.31641C11.9825 2.5891 12.2177 2.89376 12.4143 3.23016C12.6112 3.56285 12.763 3.92088 12.8698 4.30397C12.9769 4.68802 13.0303 5.08664 13.0303 5.49953C13.0303 6.11672 12.9127 6.69107 12.6767 7.22134C12.4413 7.75003 12.1056 8.22903 11.6708 8.65806ZM9.62162 10.5H7.40867V12.7012C7.40867 12.7823 7.4372 12.8512 7.49888 12.9127C7.56058 12.9741 7.63007 13.0028 7.71205 13.0028H9.31823C9.40022 13.0028 9.46971 12.9741 9.5314 12.9127C9.59309 12.8512 9.62162 12.7823 9.62162 12.7012V10.5Z" clip-rule="evenodd" fill-rule="evenodd" /%3E%3C/svg%3E%0A');
}

.img_lightbulb_yellow {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" inkscape:version="1.0 (4035a4fb49, 2020-05-01)" sodipodi:docname="lightbulb_yellow.svg" id="svg6" version="1.1" fill="none" viewBox="0 0 16 16" height="16" width="16"%3E%3Cmetadata id="metadata12"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs10" /%3E%3Csodipodi:namedview inkscape:current-layer="svg6" inkscape:window-maximized="1" inkscape:window-y="371" inkscape:window-x="2391" inkscape:cy="9.52498" inkscape:cx="4.1009897" inkscape:zoom="25.9375" showgrid="false" id="namedview8" inkscape:window-height="1001" inkscape:window-width="1920" inkscape:pageshadow="2" inkscape:pageopacity="0" guidetolerance="10" gridtolerance="10" objecttolerance="10" borderopacity="1" bordercolor="%23666666" pagecolor="%23ffffff" inkscape:document-rotation="0" /%3E%3Cpath style="fill:%23808080" sodipodi:nodetypes="ccsscscsscccsscccccscsscsc" id="path2" fill="%23424242" d="m 11.155635,8.9306795 c -0.3389,0.33354 -0.5992,0.70472 -0.7822,1.1136605 -0.1781,0.40748 -0.2676,0.85018 -0.2676,1.32918 v 1.6003 c 0,0.1795 -0.0338,0.3491 -0.102101,0.5079 -0.0676,0.157 -0.1602992,0.2947 -0.2781988,0.4122 -0.1179,0.1175 -0.2560598,0.2098 -0.4134698,0.2771 -0.15917,0.0679 -0.32917,0.1016 -0.509,0.1016 h -1.60618 c -0.17982,0 -0.34982,-0.0337 -0.50899,-0.1016 -0.15742,-0.0673 -0.29553,-0.1596 -0.41345,-0.2771 -0.11793,-0.1175 -0.21066,-0.2552 -0.2782,-0.4122 -0.0683,-0.1588 -0.10214,-0.3284 -0.10214,-0.5079 v -1.6003 c 0,-0.4789 -0.09155,-0.9214 -0.27374,-1.32881 -0.1787,-0.4087305 -0.43721,-0.7805305 -0.776,-1.1140305 2.8077785,-0.5272147 3.9582678,-0.4217296 6.3112696,0 z M 9.1064554,10.77262 h -2.21295 v 2.2012 c 0,0.0811 0.02853,0.15 0.09021,0.2115 0.0617,0.0614 0.13119,0.0901 0.21317,0.0901 h 1.60618 c 0.08199,0 0.15148,-0.0287 0.21317,-0.0901 0.06169,-0.0615 0.09022,-0.1304 0.09022,-0.2115 z" clip-rule="evenodd" fill-rule="evenodd" /%3E%3Cpath id="path1079" style="fill:%23f5f500;fill-opacity:1;stroke-width:1.00157;stroke-dasharray:4.0063, 4.0063;stop-color:%23000000" d="M 8.2739959,10.011117 C 5.7469519,10.115874 3.5289809,8.53419 3.4238659,6.0071613 3.3187499,3.4801319 5.2819049,1.3462644 7.8089199,1.2407907 10.335934,1.1353172 12.47008,3.0981697 12.575912,5.6251691 12.681744,8.152169 10.80098,9.9049255 8.2739959,10.011117" sodipodi:nodetypes="csssc" /%3E%3C/svg%3E%0A');
}

.img_menu-three-bars {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" inkscape:version="1.0 (4035a4fb49, 2020-05-01)" sodipodi:docname="menu-three-bars.svg" id="svg4" version="1.1" fill="none" viewBox="0 0 16 16" height="16" width="16"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview inkscape:current-layer="svg4" inkscape:window-maximized="1" inkscape:window-y="-3" inkscape:window-x="-9" inkscape:cy="8" inkscape:cx="8" inkscape:zoom="51.875" showgrid="true" id="namedview6" inkscape:window-height="1271" inkscape:window-width="2400" inkscape:pageshadow="2" inkscape:pageopacity="0" guidetolerance="10" gridtolerance="10" objecttolerance="10" borderopacity="1" bordercolor="%23666666" pagecolor="%23ffffff"%3E%3Cinkscape:grid id="grid837" type="xygrid" /%3E%3C/sodipodi:namedview%3E%3Crect ry="1" rx="2.8835498e-06" y="1.9999999" x="1.9999999" height="2" width="12" id="rect835" style="fill:%235e5e5e;fill-opacity:1;stroke:none;stroke-width:1.8;stroke-linecap:square;stop-color:%23000000" /%3E%3Crect style="fill:%235e5e5e;fill-opacity:1;stroke:none;stroke-width:1.8;stroke-linecap:square;stop-color:%23000000" id="rect839" width="12" height="2" x="1.9999999" y="7" rx="2.8835498e-06" ry="1" /%3E%3Crect ry="1" rx="2.8835498e-06" y="12" x="1.9999999" height="2" width="12" id="rect841" style="fill:%235e5e5e;fill-opacity:1;stroke:none;stroke-width:1.8;stroke-linecap:square;stop-color:%23000000" /%3E%3C/svg%3E%0A');
}

.img_monitor-mode {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" version="1.1" id="svg3725" sodipodi:docname="monitor-mode.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)" style="fill:none"%3E%3Cmetadata id="metadata3731"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs3729" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1280" inkscape:window-height="961" id="namedview3727" showgrid="true" inkscape:snap-global="false" inkscape:zoom="36.090909" inkscape:cx="8.4933008" inkscape:cy="6.9507391" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:window-maximized="1" inkscape:current-layer="svg3725"%3E%3Cinkscape:grid type="xygrid" id="grid3733" /%3E%3C/sodipodi:namedview%3E%3Crect style="fill:%23000000;fill-opacity:1;stroke:none;stroke-width:0.99999988;stroke-opacity:1" id="rect4542" width="9.2134962" height="6.213623" x="1.7881955" y="3.1866968" /%3E%3Crect id="rect3735" width="9.6926956" height="6.637279" x="1.5264484" y="2.9244337" style="stroke:%238282a0;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /%3E%3Crect y="4.341661" x="3.0166163" height="1.0492753" width="2.912209" id="rect4575" style="fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.99999982;stroke-opacity:1" /%3E%3Crect style="fill:%23bcbcbc;fill-opacity:1;stroke:%23bcbcbc;stroke-width:1.15161908;stroke-opacity:1" y="14.285953" x="-7.6811881" height="4.5236244" width="10.081946" id="rect4577" transform="matrix(1,0,0.65685254,0.75401906,0,0)" /%3E%3Crect style="fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.99999982;stroke-opacity:1" id="rect819" width="4.0482292" height="1.0492753" x="2.9612007" y="6.3643303" /%3E%3C/svg%3E%0A');
}

.img_my-arrow-left-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" inkscape:version="1.0 (4035a4fb49, 2020-05-01)" sodipodi:docname="my-arrow-left-dark.svg" id="svg4" version="1.1" viewBox="0 0 11 11"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview inkscape:current-layer="svg4" inkscape:window-maximized="1" inkscape:window-y="-9" inkscape:window-x="-9" inkscape:cy="5.3277471" inkscape:cx="4.071905" inkscape:zoom="47.761846" showgrid="false" id="namedview6" inkscape:window-height="1001" inkscape:window-width="1920" inkscape:pageshadow="2" inkscape:pageopacity="0" guidetolerance="10" gridtolerance="10" objecttolerance="10" borderopacity="1" bordercolor="%23666666" pagecolor="%23ffffff" /%3E%3Cpath d="M 3.5917969 2.8828125 L 0.72851562 5.3300781 L 3.5917969 7.9804688 L 4.3066406 7.3691406 L 2.7421875 5.8828125 L 9.8203125 5.8828125 L 9.8203125 4.8417969 L 2.7304688 4.8417969 L 4.3066406 3.4941406 L 3.5917969 2.8828125 z " style="fill:%23cccccc;stroke-width:0.999999" id="path2" /%3E%3C/svg%3E%0A');
}

.img_my-arrow-right-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" inkscape:version="1.0 (4035a4fb49, 2020-05-01)" sodipodi:docname="my-arrow-right-dark.svg" id="svg4" version="1.1" viewBox="0 0 11 11"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview inkscape:current-layer="svg4" inkscape:window-maximized="1" inkscape:window-y="-9" inkscape:window-x="-9" inkscape:cy="5.3277471" inkscape:cx="4.071905" inkscape:zoom="47.761846" showgrid="false" id="namedview6" inkscape:window-height="1001" inkscape:window-width="1920" inkscape:pageshadow="2" inkscape:pageopacity="0" guidetolerance="10" gridtolerance="10" objecttolerance="10" borderopacity="1" bordercolor="%23666666" pagecolor="%23ffffff" /%3E%3Cpath d="M 6.9570312,2.8828125 9.8203125,5.3300781 6.9570312,7.9804688 6.2421875,7.3691406 7.8066406,5.8828125 H 0.72851562 V 4.8417969 H 7.8183593 L 6.2421875,3.4941406 Z" style="fill:%23cccccc;stroke-width:0.999999" id="path2" /%3E%3C/svg%3E%0A');
}

.img_open-change {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M9.88465 1.69445L8.57246 3H11.346C11.5656 3 11.783 3.04327 11.9858 3.12734C12.1886 3.2114 12.3729 3.33461 12.5281 3.48993C12.6833 3.64525 12.8063 3.82963 12.8902 4.03253C12.9741 4.23543 13.0172 4.45287 13.017 4.67243L12.517 4.672H13.017V4.67243V10.4539C13.8823 10.6794 14.521 11.4661 14.521 12.402C14.521 13.5138 13.6198 14.415 12.508 14.415C11.3963 14.415 10.495 13.5138 10.495 12.402C10.495 11.4596 11.1426 10.6685 12.017 10.4493V4.672V4.67158C12.0171 4.58341 11.9998 4.4961 11.9661 4.41462C11.9324 4.33314 11.883 4.25911 11.8207 4.19674C11.7584 4.13437 11.6844 4.08489 11.6029 4.05114C11.5215 4.01738 11.4342 4 11.346 4H8.53857L9.83833 5.34332L9.11967 6.03868L7.00067 3.84868L7.00735 3.14655L9.17935 0.98555L9.88465 1.69445ZM11.495 12.402C11.495 11.8425 11.9485 11.389 12.508 11.389C13.0675 11.389 13.521 11.8425 13.521 12.402C13.521 12.9615 13.0675 13.415 12.508 13.415C11.9485 13.415 11.495 12.9615 11.495 12.402ZM2.499 3.513C2.499 2.95354 2.95254 2.5 3.512 2.5C4.07147 2.5 4.525 2.95354 4.525 3.513C4.525 4.07247 4.07147 4.526 3.512 4.526C2.95254 4.526 2.499 4.07247 2.499 3.513ZM3.512 1.5C2.40025 1.5 1.499 2.40125 1.499 3.513C1.499 4.44783 2.13622 5.23382 3 5.46031V11.307C3 11.7502 3.17605 12.1752 3.48942 12.4886C3.8028 12.802 4.22782 12.978 4.671 12.978H7.44813L6.13543 14.2835L6.84057 14.9925L9.01257 12.8325L9.01941 12.1304L6.90041 9.93939L6.18159 10.6346L7.48086 11.978H4.671C4.49304 11.978 4.32237 11.9073 4.19653 11.7815C4.07069 11.6556 4 11.485 4 11.307V5.46645C4.87595 5.24833 5.525 4.45646 5.525 3.513C5.525 2.40125 4.62375 1.5 3.512 1.5Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
}

.img_open-file {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.06065 3.85356L5.91421 6L5.2071 5.29289L6.49999 4H3.5C3.10218 4 2.72064 4.15804 2.43934 4.43934C2.15804 4.72065 2 5.10218 2 5.5C2 5.89783 2.15804 6.27936 2.43934 6.56066C2.72064 6.84197 3.10218 7 3.5 7H4V8H3.5C2.83696 8 2.20107 7.73661 1.73223 7.26777C1.26339 6.79893 1 6.16305 1 5.5C1 4.83696 1.26339 4.20108 1.73223 3.73224C2.20107 3.2634 2.83696 3 3.5 3H6.49999L6.49999 3H6.49996L6 2.50004V2.50001L5.2071 1.70711L5.91421 1L8.06065 3.14645L8.06065 3.85356ZM5 6.50003L5.91421 7.41424L6 7.32845V14H14V7H10V3H9.06065V2.73227L8.32838 2H11.2L11.5 2.1L14.9 5.6L15 6V14.5L14.5 15H5.5L5 14.5V9.00003V6.50003ZM11 3V6H13.9032L11 3Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
}

.img_pause-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4.5 3L6 3V13H4.5V3ZM11.5 3V13H10V3L11.5 3Z" fill="%2375BEFF"/%3E%3C/svg%3E%0A');
}

.img_presentation-mode {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" version="1.1" id="svg3725" sodipodi:docname="presentation-mode.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)" style="fill:none"%3E%3Cmetadata id="metadata3731"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs3729" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1280" inkscape:window-height="961" id="namedview3727" showgrid="true" inkscape:snap-global="false" inkscape:zoom="36.090909" inkscape:cx="8.2439306" inkscape:cy="7.8650968" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:window-maximized="1" inkscape:current-layer="svg3725"%3E%3Cinkscape:grid type="xygrid" id="grid3733" /%3E%3C/sodipodi:namedview%3E%3Crect style="fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-opacity:1" id="rect826" width="12.108313" height="6.0125937" x="1.9118389" y="1.9798487" /%3E%3Crect id="rect3735" width="13.017632" height="8.0503778" x="1.4987406" y="1.5390431" style="stroke:%238a8a8a;stroke-width:1;stroke-opacity:1" /%3E%3Crect y="2.9219131" x="3.9345081" height="1.0528967" width="6.0680099" id="rect4575" style="fill:%23c6c6c6;fill-opacity:1;stroke:none;stroke-width:1;stroke-opacity:1" /%3E%3Crect style="fill:%23c6c6c6;fill-opacity:1;stroke:none;stroke-opacity:1" id="rect822" width="3.9622166" height="1.0528967" x="3.9345083" y="4.9168763" /%3E%3Crect style="fill:%23c6c6c6;fill-opacity:1;stroke:none;stroke-width:1;stroke-opacity:1" id="rect4552" width="6.0957179" height="1.9395467" x="4.8765736" y="14.060452" /%3E%3Crect y="7.1211629" x="-14.549542" height="1.9395455" width="4.5172224" id="rect828" style="fill:%23c6c6c6;fill-opacity:1;stroke:none;stroke-width:1.00000024;stroke-opacity:1" transform="matrix(0.0022747,-0.99999741,0.99999922,0.00124915,0,0)" /%3E%3C/svg%3E%0A');
}

.img_program-pointer {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="program-pointer.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="730" inkscape:window-height="480" id="namedview6" showgrid="false" inkscape:zoom="14.75" inkscape:cx="8" inkscape:cy="8" inkscape:window-x="760" inkscape:window-y="272" inkscape:window-maximized="0" inkscape:current-layer="svg4" /%3E%3Cpath d="M 3.99976,14 V 2.18091 l 9.00004,5.88124 z" id="path2" inkscape:connector-curvature="0" style="clip-rule:evenodd;fill:%2389d185;fill-rule:evenodd" sodipodi:nodetypes="cccc" /%3E%3C/svg%3E%0A');
}

.img_restart-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12.75 8C12.75 10.4853 10.7353 12.5 8.24999 12.5C6.41795 12.5 4.84162 11.4052 4.13953 9.83416L2.74882 10.399C3.67446 12.5186 5.78923 14 8.24999 14C11.5637 14 14.25 11.3137 14.25 8C14.25 4.68629 11.5637 2 8.24999 2C6.3169 2 4.59732 2.91418 3.5 4.3338V2.5H2V6.5L2.75 7.25H6.25V5.75H4.35201C5.13008 4.40495 6.58436 3.5 8.24999 3.5C10.7353 3.5 12.75 5.51472 12.75 8Z" fill="%2389D185"/%3E%3C/svg%3E%0A');
}

.img_result-arrow {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="result-arrow.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1001" id="namedview6" showgrid="false" inkscape:zoom="32" inkscape:cx="17.495207" inkscape:cy="3.0295945" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:window-maximized="1" inkscape:current-layer="svg4" /%3E%3Cpath style="clip-rule:evenodd;fill:%23ffffff;fill-rule:evenodd" d="M 12.097656 5.2539062 L 11.550781 5.8242188 L 13.144531 7.4921875 L 1.796875 7.4921875 L 1.796875 8.5761719 L 13.080078 8.5761719 L 11.550781 10.175781 L 12.097656 10.746094 L 14.558594 8.3085938 L 14.558594 7.6914062 L 12.097656 5.2539062 z " id="path2" /%3E%3C/svg%3E%0A');
}

.img_save-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M15 3V11.5L14.5 12H12V14.5L11.5 15H1.5L1 14.5V4.5L1.5 4H3.985V1.5L4.485 1H13L13.353 1.147L14.853 2.647L15 3ZM12 6V11H14V3.206L12.793 2H4.985V4H10L10.353 4.146L11.853 5.646L12 6ZM11 14H2V5H3V8.07143H9V5H9.793L11 6.208V14ZM8 5H6V7.5H8V5Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
}

.img_start-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.99976 14V2.18091L12.9998 8.06215L3.99976 14ZM5.49999 4.99997L10.3145 8.06215L5.49999 11.1809L5.49999 4.99997Z" fill="%2389D185"/%3E%3C/svg%3E%0A');
}

.img_startable-file {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="startable-file.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1182" inkscape:window-height="881" id="namedview6" showgrid="false" inkscape:zoom="29.5" inkscape:cx="6.2567878" inkscape:cy="8.4766156" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" inkscape:current-layer="svg4" /%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4 1L3 2V14L4 15H13L14 14V5L13.7071 4.29289L10.7071 1.29289L10 1H4ZM4 14V2L9 2V6H13V14H4ZM13 5L10 2V5L13 5Z" fill="%23C5C5C5" id="path2" /%3E%3Cpath inkscape:connector-curvature="0" style="clip-rule:evenodd;fill:%2389d185;fill-rule:evenodd;stroke-width:1" d="M 5.0254037,13.180728 V 4.3785905 L 11.728086,8.7585814 Z M 6.142684,6.4780553 9.7282388,8.7585814 6.142684,11.081233 Z" id="path2-3" /%3E%3C/svg%3E%0A');
}

.img_step-into-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 9.532H8.54201L12.447 5.627L11.386 4.567L8.74901 7.177L8.74901 1H8.00001H7.25101L7.25101 7.177L4.61401 4.567L3.55301 5.627L7.45801 9.532H8.00001ZM9.95601 13.013C9.95601 14.1176 9.06058 15.013 7.95601 15.013C6.85144 15.013 5.95601 14.1176 5.95601 13.013C5.95601 11.9084 6.85144 11.013 7.95601 11.013C9.06058 11.013 9.95601 11.9084 9.95601 13.013Z" fill="%2375BEFF"/%3E%3C/svg%3E%0A');
}

.img_step-out-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 1H7.45801L3.55301 4.905L4.61401 5.965L7.25101 3.355V9.532H8.00001H8.74901V3.355L11.386 5.965L12.447 4.905L8.54201 1H8.00001ZM9.95601 13.013C9.95601 14.1176 9.06058 15.013 7.95601 15.013C6.85144 15.013 5.95601 14.1176 5.95601 13.013C5.95601 11.9084 6.85144 11.013 7.95601 11.013C9.06058 11.013 9.95601 11.9084 9.95601 13.013Z" fill="%2375BEFF"/%3E%3C/svg%3E%0A');
}

.img_step-over-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M14.25 5.75V1.75H12.75V4.2916C11.605 2.93303 9.83901 2.08334 7.90917 2.08334C4.73318 2.08334 1.98943 4.39036 1.75074 7.48075L1.72994 7.75H3.23102L3.2529 7.5241C3.46544 5.32932 5.45511 3.58334 7.90917 3.58334C9.64522 3.58334 11.1528 4.45925 11.9587 5.75H9.12988V7.25H13.292L14.2535 6.27493V5.75H14.25ZM8 14C9.10457 14 10 13.1046 10 12C10 10.8954 9.10457 10 8 10C6.89543 10 6 10.8954 6 12C6 13.1046 6.89543 14 8 14Z" fill="%2375BEFF"/%3E%3C/svg%3E%0A');
}

.img_stop-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="2.625" y="2.625" width="10.75" height="10.75" stroke="%23F48771" stroke-width="1.25"/%3E%3C/svg%3E%0A');
}

.img_tree-collapsed-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10.0719 7.99999L5.71461 12.3573L6.33333 12.976L11 8.30935V7.69064L6.33333 3.02397L5.71461 3.64269L10.0719 7.99999Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
}

.img_tree-collapsed-hc {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10.0719 7.99999L5.71461 12.3573L6.33333 12.976L11 8.30935V7.69063L6.33333 3.02396L5.71461 3.64268L10.0719 7.99999Z" fill="white"/%3E%3C/svg%3E%0A');
}

.img_tree-collapsed-light {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10.0719 7.99999L5.71461 12.3573L6.33333 12.976L11 8.30935V7.69063L6.33333 3.02396L5.71461 3.64268L10.0719 7.99999Z" fill="%23424242"/%3E%3C/svg%3E%0A');
}

.img_tree-expanded-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7.97602 10.0719L12.3333 5.71461L12.952 6.33333L8.28538 11L7.66666 11L3 6.33333L3.61872 5.71461L7.97602 10.0719Z" fill="%23C5C5C5"/%3E%3C/svg%3E%0A');
}

.img_tree-expanded-hc {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7.97602 10.0719L12.3333 5.71461L12.952 6.33333L8.28538 11L7.66666 11L3 6.33333L3.61872 5.71461L7.97602 10.0719Z" fill="white"/%3E%3C/svg%3E%0A');
}

.img_tree-expanded-light {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7.97602 10.0719L12.3333 5.71461L12.952 6.33333L8.28538 11L7.66666 11L3 6.33333L3.61872 5.71461L7.97602 10.0719Z" fill="%23424242"/%3E%3C/svg%3E%0A');
}

.img_tree-line-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" inkscape:version="1.0 (4035a4fb49, 2020-05-01)" sodipodi:docname="tree-line-dark.svg" id="svg4" version="1.1" fill="none" viewBox="0 0 16 16" height="16" width="16"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview inkscape:current-layer="svg4" inkscape:window-maximized="1" inkscape:window-y="-9" inkscape:window-x="-9" inkscape:cy="8.648996" inkscape:cx="8" inkscape:zoom="51.875" showgrid="true" id="namedview6" inkscape:window-height="1001" inkscape:window-width="1920" inkscape:pageshadow="2" inkscape:pageopacity="0" guidetolerance="10" gridtolerance="10" objecttolerance="10" borderopacity="1" bordercolor="%23666666" pagecolor="%23ffffff"%3E%3Cinkscape:grid id="grid835" type="xygrid" /%3E%3C/sodipodi:namedview%3E%3Crect y="0" x="7" height="16" width="1" id="rect837" style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1.75748;stop-color:%23000000" /%3E%3C/svg%3E%0A');
}

.img_undo {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" version="1.1" id="svg3725" sodipodi:docname="undo.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)" style="fill:none"%3E%3Cmetadata id="metadata3731"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs3729" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1280" inkscape:window-height="961" id="namedview3727" showgrid="true" inkscape:snap-global="false" inkscape:zoom="36.090909" inkscape:cx="8.3533452" inkscape:cy="7.2832328" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:window-maximized="1" inkscape:current-layer="svg3725"%3E%3Cinkscape:grid type="xygrid" id="grid3733" /%3E%3C/sodipodi:namedview%3E%3Cg id="g4526" transform="matrix(1.0330253,0,0,1.035167,-3.7673895,-11.151936)" style="stroke:%23334bff;stroke-width:2.90108585;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"%3E%3Cpath d="m 7.9691813,18.524819 a 4.5757494,4.5850105 0 0 1 4.1306787,-4.460959 4.5757494,4.5850105 0 0 1 4.91268,3.57765 4.5757494,4.5850105 0 0 1 -2.959234,5.314062" sodipodi:open="true" sodipodi:end="1.234604" sodipodi:start="3.1639329" sodipodi:ry="4.5850105" sodipodi:rx="4.5757494" sodipodi:cy="18.627241" sodipodi:cx="12.543789" sodipodi:type="arc" id="path817" style="fill:none;fill-opacity:0.95686275;stroke:%23334bff;stroke-width:2.90108585;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /%3E%3Cpath sodipodi:nodetypes="ccc" inkscape:connector-curvature="0" id="path4522" d="m 5.3753148,14.642317 2.4105794,4.100756 3.9622168,0.221663" style="fill:none;stroke:%23334bff;stroke-width:2.90108585;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /%3E%3C/g%3E%3C/svg%3E%0A');
}

.img_user-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="user-dark.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1403" inkscape:window-height="886" id="namedview6" showgrid="false" inkscape:zoom="20.85965" inkscape:cx="0.27331058" inkscape:cy="4.2816825" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" inkscape:current-layer="svg4" /%3E%3Cg id="g4542" transform="translate(-1.4304572,-1.0575754)"%3E%3Cpath sodipodi:nodetypes="cccczc" inkscape:connector-curvature="0" id="path4535" d="m 3.6846944,13.006728 v 1.79661 H 15.17622 l -0.0099,-1.838028 c -2.529213,-2.229562 -4.651293,-2.475775 -5.8545069,-2.433158 -1.2032136,0.04262 -3.3665825,-0.0019 -5.6271187,2.474576 z" style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /%3E%3Cpath inkscape:connector-curvature="0" id="path4537" d="m 12.396558,6.1931688 a 2.881356,2.881356 0 0 1 -2.8813554,2.881356 2.881356,2.881356 0 0 1 -2.881356,-2.881356 2.881356,2.881356 0 0 1 2.881356,-2.881356 2.881356,2.881356 0 0 1 2.8813554,2.881356 z" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" /%3E%3C/g%3E%3C/svg%3E%0A');
}

.img_user {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="user.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1507" inkscape:window-height="908" id="namedview6" showgrid="true" inkscape:zoom="32" inkscape:cx="5.8031291" inkscape:cy="8.495702" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" inkscape:current-layer="svg4" inkscape:snap-global="false"%3E%3Cinkscape:grid type="xygrid" id="grid821" /%3E%3C/sodipodi:namedview%3E%3Cpath style="color:%23000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000000;solid-opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" d="M 10.317574,6.3046875 A 2.5776926,3 0 0 1 9.8174743,7.125 c 0.1861167,0.25533 0.3660207,0.5522528 0.5386987,0.8964844 0.662536,1.3207721 1.072426,3.1544816 1.080751,5.2226566 V 15 h 0.85923 V 13.226562 C 12.288007,11.01128 11.839341,9.0011555 11.091217,7.5097656 10.863176,7.0551646 10.601887,6.6539961 10.317574,6.3046875 Z m -4.6368261,0.00195 C 5.3970802,6.6555059 5.1363847,7.0560394 4.9087827,7.5097656 4.1606591,9.0011555 3.7119924,11.01128 3.7038457,13.226562 V 15 H 4.5630766 V 13.259766 C 4.5714012,11.191591 4.9225543,9.3930377 5.5850914,8.0722656 5.7698619,7.703924 5.9674406,7.3874003 6.1741345,7.1152344 A 2.5776926,3 0 0 1 5.6807479,6.3066406 Z" id="path812" inkscape:connector-curvature="0" /%3E%3Cpath id="path832" d="M 11,5 A 3,3 0 0 1 8,8 3,3 0 0 1 5,5 3,3 0 0 1 8,2 3,3 0 0 1 11,5 Z" style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23c5c5c5;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" inkscape:connector-curvature="0" /%3E%3C/svg%3E%0A');
}

.img_whole-window-back {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="whole-window.svg" inkscape:version="0.92.4 (5da689c313, 2019-01-14)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1403" inkscape:window-height="886" id="namedview6" showgrid="false" inkscape:zoom="20.85965" inkscape:cx="14.19669" inkscape:cy="6.7364289" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg4" /%3E%3Cg id="g4671" transform="translate(-9.010248,-9.00352)"%3E%3Cg id="g4641"%3E%3Cg id="g4629"%3E%3Crect transform="rotate(90)" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" id="rect4587" width="2" height="5.3299999" x="14.00883" y="-16.020496" rx="6.5992699e-06" ry="6.5992699e-06" /%3E%3Crect style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" id="rect4589" width="2" height="5.3299999" x="14.020494" y="10.67704" rx="1.319854e-05" ry="3.299635e-06" /%3E%3C/g%3E%3Cg id="g4633" transform="translate(18)"%3E%3Crect ry="6.5992699e-06" rx="6.5992699e-06" y="-5.3299999" x="14.00883" height="5.3299999" width="2" id="rect4585" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" transform="rotate(90)" /%3E%3Crect ry="3.299635e-06" rx="1.319854e-05" y="10.678831" x="0.015449141" height="5.3299999" width="2" id="rect4597" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" /%3E%3C/g%3E%3C/g%3E%3Cg transform="rotate(-180,17.010248,17.00352)" id="g4655"%3E%3Cg id="g4647"%3E%3Crect ry="6.5992699e-06" rx="6.5992699e-06" y="-16.020496" x="14.00883" height="5.3299999" width="2" id="rect4643" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" transform="rotate(90)" /%3E%3Crect ry="3.299635e-06" rx="1.319854e-05" y="10.67704" x="14.020494" height="5.3299999" width="2" id="rect4645" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" /%3E%3C/g%3E%3Cg transform="translate(18)" id="g4653"%3E%3Crect transform="rotate(90)" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" id="rect4649" width="2" height="5.3299999" x="14.00883" y="-5.3299999" rx="6.5992699e-06" ry="6.5992699e-06" /%3E%3Crect style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" id="rect4651" width="2" height="5.3299999" x="0.015449141" y="10.678831" rx="1.319854e-05" ry="3.299635e-06" /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A');
}

.img_whole-window {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="whole-window.svg" inkscape:version="0.92.4 (5da689c313, 2019-01-14)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1403" inkscape:window-height="886" id="namedview6" showgrid="false" inkscape:zoom="20.85965" inkscape:cx="14.19669" inkscape:cy="6.7364289" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg4" /%3E%3Cg id="g4605" transform="matrix(1,0,0,2,0,0.0269132)" style="stroke-width:0.70710677"%3E%3Crect transform="rotate(90)" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70710677;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" id="rect4533" width="1" height="5.3299999" x="-0.020184902" y="-5.3299999" rx="3.299635e-06" ry="6.5992699e-06" /%3E%3Crect ry="6.5992699e-06" rx="3.299635e-06" y="-16.020496" x="-0.020184902" height="5.3299999" width="1" id="rect4583" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70710677;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" transform="rotate(90)" /%3E%3C/g%3E%3Cg id="g4609" transform="matrix(1,0,0,2,0,-16.00883)" style="stroke-width:0.70710677"%3E%3Crect ry="6.5992699e-06" rx="3.299635e-06" y="-5.3299999" x="15.00883" height="5.3299999" width="1" id="rect4585" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70710677;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" transform="rotate(90)" /%3E%3Crect transform="rotate(90)" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70710677;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" id="rect4587" width="1" height="5.3299999" x="15.00883" y="-16.020496" rx="3.299635e-06" ry="6.5992699e-06" /%3E%3C/g%3E%3Cg id="g4595" transform="matrix(0,-1,2,0,-16.003893,16.008831)" style="stroke-width:0.70710677"%3E%3Crect transform="rotate(90)" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70710677;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" id="rect4589" width="1" height="5.3299999" x="15.00883" y="-5.3299999" rx="6.5992699e-06" ry="3.299635e-06" /%3E%3Crect ry="3.299635e-06" rx="6.5992699e-06" y="-16.020496" x="15.00883" height="5.3299999" width="1" id="rect4591" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70710677;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" transform="rotate(90)" /%3E%3C/g%3E%3Cg transform="matrix(0,-1,2,0,-30.002211,16.008831)" id="g4601" style="stroke-width:0.70710677"%3E%3Crect ry="3.299635e-06" rx="6.5992699e-06" y="-5.3299999" x="15.00883" height="5.3299999" width="1" id="rect4597" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70710677;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" transform="rotate(90)" /%3E%3Crect transform="rotate(90)" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70710677;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" id="rect4599" width="1" height="5.3299999" x="15.00883" y="-16.020496" rx="6.5992699e-06" ry="3.299635e-06" /%3E%3C/g%3E%3C/svg%3E%0A');
}

.img_workspace-dark-repository {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="workspace-dark-repository.svg" inkscape:version="1.0 (4035a4fb49, 2020-05-01)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview inkscape:snap-global="false" pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1001" id="namedview6" showgrid="false" inkscape:zoom="24.542031" inkscape:cx="3.6144558" inkscape:cy="2.6119563" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:window-maximized="1" inkscape:current-layer="svg4" inkscape:snap-bbox="true" inkscape:bbox-paths="true" inkscape:bbox-nodes="true" inkscape:snap-bbox-edge-midpoints="true" inkscape:snap-bbox-midpoints="true" inkscape:document-rotation="0" /%3E%3Cpath style="vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.9937;stroke-opacity:1;paint-order:fill markers stroke" d="m 6.519763,11.925139 v -1.198473 c 0,-4e-6 2.9e-6,-7e-6 6.6e-6,-7e-6 h 2.972232 c 3.7e-6,0 6.6e-6,3e-6 6.6e-6,7e-6 v 1.198473 c 0,3e-6 -2.9e-6,6e-6 -6.6e-6,6e-6 h -2.972232 c -3.7e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 z" id="rect825" /%3E%3Cpath style="vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.9937;stroke-opacity:1;paint-order:fill markers stroke" d="m 2.271243,1.5179186 h 11.457514 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 V 14.482075 c 0,3e-6 -3e-6,6e-6 -7e-6,6e-6 H 2.271243 c -3.6e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 V 1.5179252 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect817" /%3E%3Cpath style="vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.9937;stroke-opacity:1;paint-order:fill markers stroke" d="m 9.8036212,6.5079899 h 1.1984728 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 2.972232 c 0,3.7e-6 -3e-6,6.6e-6 -7e-6,6.6e-6 H 9.8036212 c -3.6e-6,0 -6.6e-6,-2.9e-6 -6.6e-6,-6.6e-6 v -2.972232 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect823" /%3E%3Cpath style="vector-effect:none;fill:%23fea78c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.9937;stroke-opacity:1;paint-order:fill markers stroke" d="M 8.6530751,2.9844408 H 12.22455 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 3.5714752 c 0,3.6e-6 -3e-6,6.6e-6 -7e-6,6.6e-6 H 8.6530751 c -3.6e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6.6e-6 V 2.9844474 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect821" /%3E%3Cpath style="vector-effect:none;fill:%238d8cfe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.9937;stroke-opacity:1;paint-order:fill markers stroke" d="M 8.6530751,9.4322958 H 12.22455 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 3.5714756 c 0,3e-6 -3e-6,6e-6 -7e-6,6e-6 H 8.6530751 c -3.6e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 V 9.4323024 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect819" /%3E%3Cpath style="vector-effect:none;fill:%238cfe97;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.9937;stroke-opacity:1;paint-order:fill markers stroke" d="M 3.8591308,9.4322958 H 7.430606 c 3.6e-6,0 6.6e-6,2.9e-6 6.6e-6,6.6e-6 v 3.5714756 c 0,3e-6 -3e-6,6e-6 -6.6e-6,6e-6 H 3.8591308 c -3.7e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 V 9.4323024 c 0,-3.7e-6 2.9e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect827" /%3E%3Cpath id="rect12963" style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1.21761;stroke-opacity:0" d="m 13.38559,1.0179183 h 0.686923 c 0.08656,0 0.156251,0.069688 0.156251,0.1562512 V 14.82583 c 0,0.08656 -0.06969,0.156251 -0.156251,0.156251 H 13.38559 c -0.08656,0 -0.156251,-0.06969 -0.156251,-0.156251 V 1.1741695 c 0,-0.086563 0.06969,-0.1562512 0.156251,-0.1562512 z" /%3E%3Cpath id="rect12963-0" style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1.01131;stroke-opacity:0" d="m 1.8790255,10.627123 h 0.7838468 c 0.059715,0 0.1077894,0.02173 0.1077894,0.04873 v 4.257496 c 0,0.027 -0.048074,0.04873 -0.1077894,0.04873 H 1.8790255 c -0.059715,0 -0.1077893,-0.02173 -0.1077893,-0.04873 v -4.257497 c 0,-0.027 0.048074,-0.04873 0.1077893,-0.04873 z" /%3E%3Crect rx="0.090976112" style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:0.929094;stroke-opacity:0" id="rect12963-05" width="0.99942553" height="4.3885083" x="-2.0173438" y="9.8402576" ry="0.090976112" transform="rotate(-90)" /%3E%3Cpath id="rect12963-05-5" style="fill:%23c5c5c5;fill-opacity:1;stroke:none;stroke-width:1.15005;stroke-opacity:0" d="m 1.7712362,14.842689 v -0.72064 c 0,-0.07722 0.062169,-0.139393 0.1393928,-0.139393 h 12.178743 c 0.07722,0 0.139392,0.06217 0.139392,0.139393 v 0.72064 c 0,0.07722 -0.06217,0.139392 -0.139392,0.139392 H 1.910629 c -0.077224,0 -0.1393928,-0.06217 -0.1393928,-0.139392 z" /%3E%3Cg style="fill:%23fff41c;fill-opacity:1" id="g877"%3E%3Cpath d="m 0.33281831,2.0630498 0.6425487,-0.6132946 c 0.0349787,-0.033386 0.0912972,-0.033385 0.12627499,2e-7 L 6.6179583,6.714916 c 0.034979,0.033386 0.034979,0.08714 2e-7,0.1205257 L 5.9754097,7.4487352 c -0.034978,0.03339 -0.091297,0.03338 -0.126275,0 L 0.33281831,2.1835756 c -0.0349787,-0.033386 -0.0349787,-0.08714 0,-0.1205258 z" style="fill:%23fff41c;fill-opacity:1;stroke:none;stroke-width:0.828919;stroke-opacity:0" id="rect12963-05-8" /%3E%3Cpath d="M 2.685724,7.6992182 V 6.5824203 c 0,-0.024969 0.020925,-0.045071 0.046916,-0.045071 h 4.099082 c 0.025991,0 0.046916,0.020102 0.046916,0.045071 v 1.1167979 c 0,0.02497 -0.020925,0.04507 -0.046916,0.04507 H 2.7326404 c -0.025991,0 -0.046916,-0.0201 -0.046916,-0.04507 z" style="fill:%23fff41c;fill-opacity:1;stroke:none;stroke-width:0.595087;stroke-opacity:0" id="rect12963-05-50" /%3E%3Cpath d="M 6.8317223,7.7442892 H 5.6692064 c -0.025991,0 -0.046916,-0.0201 -0.046916,-0.04507 V 3.7613406 c 0,-0.024969 0.020925,-0.045071 0.046916,-0.045071 h 1.1625159 c 0.025991,0 0.046916,0.020102 0.046916,0.045071 v 3.9378776 c 0,0.02497 -0.020925,0.04507 -0.046916,0.045071 z" style="fill:%23fff41c;fill-opacity:1;stroke:none;stroke-width:0.595087;stroke-opacity:0" id="rect12963-05-50-8" /%3E%3Cpath d="M 1.2094328,5.1641874 H 0.04691696 C 0.02092577,5.1641874 5.6568186e-7,5.1440851 5.6568186e-7,5.1191161 v -3.937879 c 0,-0.02497 0.0209252043181,-0.045071 0.0469163943181,-0.045071 H 1.2094328 c 0.025991,0 0.046916,0.020102 0.046916,0.045071 v 3.937879 c 0,0.024969 -0.020925,0.045071 -0.046916,0.045071 z" style="fill:%23fff41c;fill-opacity:1;stroke:none;stroke-width:0.595087;stroke-opacity:0" id="rect12963-05-50-8-5" /%3E%3Cpath d="M 5.6568186e-7,2.2980363 V 1.1812369 c 0,-0.02497 0.0209252043181,-0.045071 0.0469163943181,-0.045071 H 4.1459986 c 0.025991,0 0.046916,0.020102 0.046916,0.045071 v 1.1167994 c 0,0.024969 -0.020925,0.045071 -0.046916,0.045071 H 0.04691696 C 0.02092577,2.3431076 5.6568186e-7,2.3230053 5.6568186e-7,2.2980363 Z" style="fill:%23fff41c;fill-opacity:1;stroke:none;stroke-width:0.595087;stroke-opacity:0" id="rect12963-05-50-1" /%3E%3C/g%3E%3C/svg%3E%0A');
}

.img_workspace-dark {
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" viewBox="0 0 16 16" fill="none" version="1.1" id="svg4" sodipodi:docname="project-dark.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)"%3E%3Cmetadata id="metadata10"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs8" /%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1001" id="namedview6" showgrid="false" inkscape:zoom="41.7193" inkscape:cx="10.059941" inkscape:cy="7.5644339" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:window-maximized="1" inkscape:current-layer="svg4" /%3E%3Cpath transform="rotate(-90)" style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="m -11.925139,6.519763 h 1.198473 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 2.972232 c 0,3.7e-6 -3e-6,6.6e-6 -7e-6,6.6e-6 h -1.198473 c -3e-6,0 -6e-6,-2.9e-6 -6e-6,-6.6e-6 v -2.972232 c 0,-3.7e-6 3e-6,-6.6e-6 6e-6,-6.6e-6 z" id="rect825" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23c5c5c5;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="m 2.271243,1.5179186 h 11.457514 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 V 14.482075 c 0,3e-6 -3e-6,6e-6 -7e-6,6e-6 H 2.271243 c -3.6e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 V 1.5179252 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect817" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%23c5c5c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="m 9.8036212,6.5079899 h 1.1984728 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 2.972232 c 0,3.7e-6 -3e-6,6.6e-6 -7e-6,6.6e-6 H 9.8036212 c -3.6e-6,0 -6.6e-6,-2.9e-6 -6.6e-6,-6.6e-6 v -2.972232 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect823" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%23fea78c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="M 8.6530751,2.9844408 H 12.22455 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 3.5714752 c 0,3.6e-6 -3e-6,6.6e-6 -7e-6,6.6e-6 H 8.6530751 c -3.6e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6.6e-6 V 2.9844474 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect821" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%238d8cfe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="M 8.6530751,9.4322958 H 12.22455 c 4e-6,0 7e-6,2.9e-6 7e-6,6.6e-6 v 3.5714756 c 0,3e-6 -3e-6,6e-6 -7e-6,6e-6 H 8.6530751 c -3.6e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 V 9.4323024 c 0,-3.7e-6 3e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect819" /%3E%3Cpath style="opacity:1;vector-effect:none;fill:%238cfe97;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:19.99370003;stroke-opacity:1;paint-order:fill markers stroke" d="M 3.8591308,9.4322958 H 7.430606 c 3.6e-6,0 6.6e-6,2.9e-6 6.6e-6,6.6e-6 v 3.5714756 c 0,3e-6 -3e-6,6e-6 -6.6e-6,6e-6 H 3.8591308 c -3.7e-6,0 -6.6e-6,-3e-6 -6.6e-6,-6e-6 V 9.4323024 c 0,-3.7e-6 2.9e-6,-6.6e-6 6.6e-6,-6.6e-6 z" id="rect827" /%3E%3C/svg%3E%0A');
}


:root {
    --defaultOutputColor: white;
    --runInputColor: white;
    --runBackgroundColor: rgba(255, 255, 255, 0.2);
}

#rightdiv {
    position: relative;
    width: 360px;
    height: 100%;
    border-left: 1px solid var(--slider);
    box-sizing: border-box;
    /* background-color: #1e1e1e; */
    background-color: var(--backgroundDark);
    z-index: 2;     /* over #main */
}

.jo_rightdiv-rightside-container {
    position: absolute;
    top: 4px; 
    right: 4px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.jo_coordinates {
    display: none;
    margin-right: 6px;
}

#rightdiv-inner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* .jo_tabs {
    overflow: visible;
    height: calc(100% - 30px);
}

.jo_tabs .jo_tab {
    position: relative;
    height: 100%;
} */

.jo_run-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.jo_output {
    flex-grow: 1;
    padding: 2px;
    white-space: pre-wrap;
    overflow: auto;
    font-family: Consolas, "Courier New", monospace;
    font-weight: normal;
    /* font-size: 14px !important;
    line-height: 14px; */
    color: white;
    letter-spacing: 0px;
}

.jo_run-caption {
    font-size: 22pt;
    line-height: 25pt;
    overflow: hidden;
    color: var(--fontColorNormal);
    position: absolute;
    width: 100%;
    text-align: center;
    left: auto;
    top: 5px;
}

.jo_run-programend {
    font-size: 22pt;
    overflow: hidden;
    line-height: 25pt;
    color: rgb(63, 63, 173);
    position: absolute;
    width: 100%;
    text-align: center;
    left: auto;
    top: 50%;
    opacity: 0;
    z-index: 2;
}

.jo_run-input {
    position: absolute;
    display: none; /* flex */
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(37, 95, 22, 0.582);
}

.jo_run-input>div {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: center;
}

.jo_run-input>div>div {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    padding: 10px;
    margin: 0 20px;
    background-color: var(--backgroundLight);
    border: 1px solid var(--slider);
    color: var(--fontColorNormal);
    border-radius: 10px;
    height: 100%;
}

.jo_run-input-button-outer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.jo_run-input-button {
    padding: 5px;
    max-width: fit-content;
    max-height: fit-content;
    background-color: var(--loginButtonBackgrond);
    border: 1px solid #414141;
    cursor:pointer;
    user-select: none;
    -ms-user-select: none;
}

.jo_run-input-button:hover {
    filter: brightness(150%);
}

.jo_run-input-button:active {
    transform: scale(120%);
}

.jo_rix {
    margin-top: 10px;
    margin-bottom: 10px;
}

.jo_run-input-error {
    color: rgb(177, 26, 26);
}

.jo_newInput {
    background-color: var(--runBackgroundColor);
    border: none;
    color: var(--runInputColor);
    font: unset;
    width: 100%;
    margin: 0px;
    padding: 0px;
    outline: none;

}

@keyframes programend {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}

.jo_programendkf {
    animation-name: programend;
    animation-duration: 3s;
}

.jo_graphics {
    /* width: 100%; */
    z-index: 3;
    flex-shrink: 0;
}

.jo_graphics>div {

    width: 100%;
    height: 100%;
    position: relative;

}

.jo_graphics>div>div {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

.jo_graphics>div>div>canvas {
    width: 100%;
    height: 100%;
}

/* Zoomcontrol */

.jo_zoomcontrol-outer {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 20px;
    height: 150px;
}

.jo_zoomcontrol-bar {
    position: absolute;
    height: 100%;
    right:7px;
    width: 6px;
    background-color: var(--speedcontrol-bar);
}

.jo_zoomcontrol-grip {
    position: absolute;
    cursor: pointer;
    height: 8px;
    top:0px;
    width: 20px;
    left: 0px;
    background-color: var(--speedcontrol-grip);
}

.jo_zoomcontrol-grip:hover {
    background-color: var(--speedcontrol-grip-hover);
}

.jo_zoomcontrol-grip:active {
    transform: scale(1.2);
}

.jo_zoomcontrol-display {
    display: none;
    position: absolute;
    font-size: 12px;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    padding: 5px;
    white-space: nowrap;
    background-color: var(--speedcontrol-display-background);
    border: 1px solid var(--speedcontrol-display-border);
}


.jo_control-container{
    position: absolute;
    right: 150px;
    top: 4px;
}
.monaco-editor {
    overflow: visible !important;
}

/**
    BugFix for Monaco editor. Without this code editor pane of References-Widget is 5px wide and 5px high
**/
.inline {
    height:100% !important;
    width:100% !important;
}

/* fix for monaco to play well with dokuwiki (both habe class .code): */
.hover-contents .code {
    margin-top: 0;
}

.joe_javaOnlineDiv {
    display: flex;
    position: relative;
    flex-direction: row;
    background-color: var(--backgroundDark);
    color: var(--fontColorNormal);
    font-family: 'Roboto', sans-serif;
    /* font-weight: 500; */
    font-size: 10pt;
    margin: 1em 0 2em 0;
    background-image: url(../assets/projectexplorer/svg-loaders/grid.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5%;
    border-radius: 3px;
    border: 1px solid gray;
    box-shadow: 5px 5px 20px 1px #9e9e9e;
    outline: none; /* prevent chrome from setting border-color: white when div has focus */
}

.joe_javaOnlineDiv  li {
    color: var(--fontColorNormal) !important;
}

.joe_leftDiv {
    /* flex-grow: 1; */
    width: 20%;
}

.joe_centerDiv {
    flex: 1 1 auto;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.joe_controlPanel_top {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    border-bottom: 1px solid gray;
    padding: 2px;
}

.joe_rightDiv {
    flex: 0 1 auto;
    position: relative;
    width: 300px;
    border-left: 1px solid gray;
}

.jo_alternativeText {
    padding: 5px;
    font-size: 12;
    font-weight: normal;
    overflow: auto;
    height: calc(100% - 10px);
}

.jo_alternativeText li {
    margin-bottom: 10px;
}

.jo_alternativeText ul {
    margin-top: 5px;
}

.jo_run {
    height: 100%;
    overflow: hidden;
}

.joe_rightDivInner {
    height: 100%;
}

.jo_variablesTab{
    height: 100%;
}

.monaco-editor {
    position: absolute;
}

.joe_editorDiv {
    flex: 3;
    overflow: visible;
}

.joe_monacoDiv {
    width: 100%;
    height: 100%;
}

.joe_resetButton {
    z-index: 10;
    position: absolute;
    bottom: 16px;
    right: 16px;
    padding: 5px;
    font-size: 10px;
    border: 1px solid gray;
    background-color: #464646c7;
    user-select: none;
}

.joe_codeResetModalCancel,.joe_codeResetModalOK {
    padding: 3px;
    border: 1px solid gray;
    user-select: none;
}

.joe_codeResetModalCancel {
    background-color: rgb(15, 104, 15);
    margin-left: 30px;
}

.joe_codeResetModalOK {
    background-color: rgb(128, 33, 33);
    margin-right: 30px;
}

.joe_codeResetModal {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 20;
    background-color: rgba(46, 46, 46, 0.849);
    display: flex;
    flex-direction: column;
}

.joe_codeResetModalButtons {
    display: flex;
    justify-content: space-evenly;
    padding-top: 20px;
}



.joe_hintDiv {
    width: calc(100% - 5px);
    margin-left: 5px;
    height: 100%;
    /* padding: 2px 0 2px 5px; */
    overflow: auto;
}

.joe_hintDiv code {
    font-size: 14pt;
    background-color: transparent;
    box-shadow: none;
}

.joe_hintDiv pre {
    overflow: visible;
    word-wrap: normal;
    border: none;
    background-color: transparent;
    font-size: 14pt;
    line-height: 100%;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.joe_hintDiv li {
    line-height: 24px;
}

.joe_bottomDiv {
    position: relative;
    height: 150px;
    display: flex;
    flex-direction: row;
    border-top: 1px solid gray;
    overflow: hidden;
}

.joe_bottomDivFiles {
    width: 15em;
    height: 100%;
    border-right: 1px solid gray;
    font-size: 12px;
    position: relative;
}

.jo_errorsTab {
    font-size: 12px;
    padding-left: 4px;
    overflow: auto;
    height: 100%;
}

.joe_filesHeader {
    width: fit-content;
    color: var(--bottomdiv-tabheading);
    padding: 0 0 0 5px;
    font-weight: bold;
    margin-bottom: 2px;
}

.joe_addFileButton {
    position: absolute;
    top: 4px;
    right: 2px;
}

.joe_filesList {
    margin-left: 2px;
    height: calc(100% - 30px);
    overflow: auto;
}

.jo_file {
    user-select: none;
}

.jo_file:hover>div>.jo_startButton {
    right: 20px !important; 
}

.joe_delete {
    position: absolute;
    right: 3px;
    top: 2px;
}

.joe_bottomDivInner {
    height: 100%;
    flex-grow: 1;
    position: relative;
    display: flex;
    flex-direction: column;
}

.joe_bottomDivInner .jo_tabheadings {
    flex-wrap: wrap-reverse;
    height: fit-content;
}

.joe_bottomDivInner .jo_tabs {
    height: auto;
    flex: 1;
    overflow: hidden;
}

.joe_tabheading-right {
    display: flex;
    flex-direction: row;
    padding: 2px;
}
.joe_controlsDiv {
    display: flex;
}

.joe_slider {
    /* width: 4px;
    height: 100%; */
    background-color: transparent;
    position: absolute;
    /* top: 0px;
    left: calc(100% - 2px); */
    z-index: 10;
}

.joe_slider:hover {
    background-color: #6969697a;
}

.joe_slider:active {
    background-color: rgba(255, 0, 0, 0.397) !important;
}

/*# sourceMappingURL=javaOnlineEmbedded.css.map*/