a.headerMenu:hover, div#menu span.adminmenu.active a, div#menu span.adminmenu a:hover, div#menu span.adminmenu a:active, .ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-hover a, .ui-widget-header .ui-state-active a {
    color: #dd052b;
}

/*div#menu span.adminmenu.active a:active:before,div#menu span.adminmenu.active a:before{content: "";}*/

.ui-tabs-anchor {
    color: black;
}


/* Dark Theme */


body, html {
    /*background-color: #212121 !important;*/
    /*color: #fff;*/
    font-family: "Verdana", sans-serif;
}

/*html, body, input, textarea, select, button {*/
/*    border-color: #575757;*/
/*    color: #e8e6e3;*/
/*}*/


/*html, body, input, textarea, select, button {*/
/*    background-color: #181a1b;*/
/*}*/

/*button[disabled] {*/
/*    color: #545c5f;*/
/*}*/

.dygraph_button_position button[disabled] {
    color: #e8e6e3;
    border-radius: 5px;
    border: 1px solid #e8e6e3;
}

.dygraph_button_position button {
    color: #545c5f;
}

body #cockpit_content {
    color: #e8e6e3;
    /*margin: -1em;*/
}

input[type=text], input[type=password], input[type=number] {
    border: 1px solid #757575;
}

fieldset.info_wrapper, fieldset {
    /*border-top-color: #383838;*/
    /*border-right-color: #383838;*/
    /*border-bottom-color: #383838;*/
    /*border-left-color: #383838;*/
}

/*fieldset {*/
/*    border: 1px solid #9b9b9b;*/
/*}*/

/*.linkbtn, button.linkbtn, button[type="submit"], input[type="file"], button[type="reset"], input[type="submit"] {*/
/*    border-top-color: #404040;*/
/*    border-right-color: #404040;*/
/*    border-bottom-color: #404040;*/
/*    border-left-color: #404040;*/
/*    text-decoration-color: initial;*/
/*    !*background-color: #383838;*!*/
/*    color: #e8e6e3;*/
/*    padding: 3px 10px 3px 10px;*/
/*}*/

/*input[readonly],input[disabled],select[disabled],select[readonly] {*/
/*    !*background-color: transparent;*!*/
/*    border: 1px transparent;*/
/*}*/

.ui-datepicker-calendar {
    color: #e8e6e3;

}

.ui-timepicker-div td {
    background-color: rgb(27, 28, 30);
}


/*.linkbtn:hover, button.linkbtn:hover, button[type="submit"]:hover, input[type="file"]:hover, button[type="reset"]:hover, input[type="submit"]:hover {*/
/*    background-color: rgb(29, 31, 32);*/
/*}*/

/*a:active, a:visited {*/
/*    color: #e8e6e3;*/
/*}*/

#ui-datepicker-div {
    border-top-color: #383838;
    border-right-color: #383838;
    border-bottom-color: #383838;
    border-left-color: #383838;
}

.ui-datepicker-header.ui-widget-header, .ui-datepicker {
    background-color: rgb(29, 31, 32) !important;
}

table, div.table {
    border-color: #4c4c4c;
}

.ui-widget-content a {
    color: #e8e6e3;
}

.ui-widget-header a {
    color: rgb(220, 217, 212);
}

.ui-widget-header {
    border-top-color: #383838;
    border-right-color: #383838;
    border-bottom-color: #383838;
    border-left-color: #383838;
    /*background-image: url(blob:http://localhost/d66e0491-d103-4f90-af8d-5a5af0f5cbfd);*/
    background-color: #212121 !important;
    color: rgb(220, 217, 212);
}

.ui-widget-content .ui-state-default {
    color: rgb(255, 252, 247);
}

.ui-widget-content {
    border-top-color: #383838;
    border-right-color: #383838;
    border-bottom-color: #383838;
    border-left-color: #383838;
    background-image: none;
    background-color: #212121 !important;
    color: rgb(255, 252, 247);
}

/*.ui-datepicker-group{*/
/*    background-color: rgb(24, 26, 27);*/
/*    }*/
table.ui-datepicker-calendar a.ui-state-active {
    background-color: rgb(109, 109, 109) !important;
}

.deviceHighlight_lx {
    text-decoration: none;
    color: #e8e6e3;
    font-weight: bold;
}

.ui-datepicker td {
    border-top-color: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
}

a, a:visited, a:active, a:focus {
    color: var(--color-primary);
}

.dygraph-legend {
    background-color: transparent;
}

.kachel_wrapper .header {
    background-color: #212121;
    color: #fff;
}

.legendTable {
    background-color: #212121CC;
    /*width: 24em;*/
}

.kachel_wrapper .content_nav {
    background-color: #212121;
}

a.headerMenu {
    color: #e8e6e3;
}

.header_content a {
    color: #fff;
}

div#menu span.adminmenu a {
    color: #fff;
}

.easytree-title {
    color: #fff;
}

.ALARM, #dp_menu li.ALARM > span > span.easytree-title {
    background-color: #ffe0b3;
}

.THREAT, #dp_menu li.THREAT > span > span.easytree-title {
    background-color: #ffe0b3;
}

.WARNING, #dp_menu li.WARNING > span > span.easytree-title {
    background-color: #ffe0b3;
}

.DEACTIVATED, #dp_menu li.DEACTIVATED > span > span.easytree-title {
    background-color: #212121;
}

.EXCEPTION_IN_DIAG, #dp_menu li.EXCEPTION_IN_DIAG > span > span.easytree-title {
    background-color: red;
}

.ERROR, #dp_menu li.ERROR > span > span.easytree-title {
    background-color: darkorange;
}

.kachel_wrapper table.color_rotate-gray tbody tr:nth-child(even), .kachel_wrapper table.color_rotate-gray tbody tr:nth-child(even) input[type="text"].grayLight,
.kachel_wrapper table.color_rotate-gray tr:nth-child(odd) button.grayLight,
.kachel_wrapper div.table.color_rotate-gray .tr:nth-child(odd) {
    background-color: #282828 !important;
}

.kachel_wrapper table.color_rotate-gray tbody tr:nth-child(odd), .kachel_wrapper table.color_rotate-gray tbody tr:nth-child(odd) input[type="text"].grayLight,
.kachel_wrapper table.color_rotate-gray tr:nth-child(even) button.grayLight,
.kachel_wrapper div.table.color_rotate-gray .tr:nth-child(even) {
    background-color: #1e1e1e !important;
}

.status_ok, .kachel_wrapper table tr.status_ok, .kachel_wrapper table.color_rotate-gray tbody tr.status_ok {
    border-bottom-color: initial;
    background-color: rgb(61, 143, 22) !important;
}

.status_error, .kachel_wrapper table tr.status_error, .kachel_wrapper table.color_rotate-gray tbody tr.status_error {
    border-bottom-color: initial;
    background-color: rgb(177, 87, 15) !important;
}

.status_warning, .kachel_wrapper table tr.status_warning, .kachel_wrapper table.color_rotate-gray tbody tr.status_warning {
    border-bottom-color: initial;
    background-color: rgb(204, 198, 0) !important;
}

.status_fatal, .kachel_wrapper table tr.status_fatal, .kachel_wrapper table.color_rotate-gray tbody tr.status_fatal {
    border-bottom-color: initial;
    background-color: rgb(175, 16, 16) !important;
}

.status_deactivated, .kachel_wrapper table tr.status_deactivated, .kachel_wrapper table.color_rotate-gray tbody tr.status_deactivated {
    border-bottom-color: initial;
    background-color: rgb(35, 37, 38) !important;
}

.status_critical, .kachel_wrapper table tr.status_critical, .kachel_wrapper table.color_rotate-gray tbody tr.status_critical {
    border-bottom-color: initial;
    background-color: rgb(175, 62, 16) !important;
}

.status_unknown, .kachel_wrapper table tr.status_unknown, .kachel_wrapper table.color_rotate-gray tbody tr.status_unknown {
    border-bottom-color: initial;
    background-color: #5b72f5 !important;
}

.status_warning, .kachel_wrapper table tr.status_warning, .kachel_wrapper table.color_rotate-gray tbody tr.status_warning {
    background-color: #bbb500 !important;
}

.status_exception, .kachel_wrapper table tr.status_exception, .kachel_wrapper table.color_rotate-gray tbody tr.status_exception {
    background-color: #999900 !important;
}


.kachel_wrapper table.color_rotate-gray tbody tr:nth-child(odd):hover input[type="text"].grayLight,
.kachel_wrapper table.color_rotate-gray tbody tr:nth-child(even):hover input[type="text"].grayLight,
.kachel_wrapper table.color_rotate-gray tbody tr:nth-child(odd) input[type="text"].grayLight:focus,
.kachel_wrapper table.color_rotate-gray tbody tr:nth-child(even) input[type="text"].grayLight:focus {
    background-color: #fff !important;
}

.kachel_wrapper table.color_rotate-gray tr:nth-child(odd) button.grayLight:hover, .kachel_wrapper table.color_rotate-gray tr:nth-child(even) button.grayLight:hover {
    background-color: #999 !important;
}


table.easytree-ext-table.easytree-focused tbody tr.easytree-active,
table.easytree-ext-table.easytree-focused tbody tr.easytree-selected {
    background-color: #585858;
    border-color: #282828;
}

table.easytree-ext-table tbody tr.easytree-active,
table.easytree-ext-table tbody tr.easytree-selected {
    background-color: #585858;
    border-color: #282828;
}


.easytree-container.easytree-focused span.easytree-node.easytree-active,
.easytree-container.easytree-focused span.easytree-node.easytree-selected,
span.easytree-node.easytree-active:hover,
span.easytree-node.easytree-selected:hover {
    background-color: #0C3346;
    border-color: #1C76A1;
}

.easytree-container.easytree-focused span.easytree-node.easytree-active,
.easytree-container.easytree-focused span.easytree-node.easytree-selected,
span.easytree-node.easytree-active:hover,
span.easytree-node.easytree-selected:hover {
    background-color: #0C3346;
    border-color: #1C76A1;
}


span.easytree-node:hover {
    background-color: rgb(32, 34, 35);
    border-color: rgb(25, 107, 147);
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #fff !important;
}

.kachel_wrapper .content_nav.lightBorder {
    border-right: 1px solid #383838;
    padding-right: 1px;
}

/*.kachel_wrapper .header.lightBorder{*/
/*border-bottom: 1px solid #9b9b9b;*/
/*}*/


#menu {
    border-top: 1px solid #383838;
}

.easytree-container {
    scrollbar-color: #3e4042 #121314;
}

/*::-webkit-scrollbar {*/
/*height: 12px;*/
/*width: 12px;*/
/*background: #000;*/
/*}*/
/*::-webkit-scrollbar-thumb {*/
/*background: #393812;*/
/*-webkit-border-radius: 1ex;*/
/*-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);*/
/*}*/
/*::-webkit-scrollbar-corner {*/
/*background: #000;*/
/*}*/

::-webkit-scrollbar {
    background-color: #121314;
    color: #c5c1b9;
}

::-webkit-scrollbar-corner {
    background-color: #181a1b;
}

::-webkit-scrollbar-thumb {
    background-color: #3e4042;
}


.kachel_wrapper table.bordered thead, .kachel_wrapper div.table.bordered thead, .kachel_wrapper table.bordered, .kachel_wrapper div.table.bordered {
    /*border-bottom: 1px solid #9b9b9b;*/
    border: 1px solid #383838;
}

.kachel_wrapper table.bordered td, .kachel_wrapper table.bordered th, .kachel_wrapper div.table.bordered .th, .kachel_wrapper div.table div.td, .kachel_wrapper table.bordered tr, .kachel_wrapper div.table div.tr {
    border-right: 1px solid #383838;
    border-left: 1px solid #383838;
}

e Manual Dat
div#menu span.adminmenu.active {
    box-shadow: 0 0 0;
}

div#menu span.adminmenu.active {
    box-shadow: 0 0 0;
}

.dygraph-axis-label {
    color: white;
}


#mainMenu_cockpit {
    background-image: url("../images/mainmenu/cockpit_white.png");
}

#mainMenu_admin {
    background-image: url("../images/mainmenu/admin.png");
}

#mainMenu_help {
    background-image: url("../images/hilfe_white.png");
}

/*#mainMenu_logout{*/
/*    background-image: url("../images/mainmenu/logout.png");*/
/*}*/
#mainMenu_data {
    background-image: url("../images/mainmenu/data.png");
}

#mainMenu_grafana {
    background-image: url("../images/mainmenu/grafana_white.png");
}

#mainMenu_plot {
    background-image: url("../images/mainmenu/gnuplot_white.png");
}

#mainMenu_modelica {
    background-image: url("../images/mainmenu/modellica.png");
}

#mainMenu_template {
    background-image: url("../images/mainmenu/template.png");
}

#mainMenu_files {
    background-image: url("../images/mainmenu/files.png");
}

#mainMenu_search {
    background-image: url("../images/search_white.png");
}


hr {
    border-bottom: 1px solid #383838;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

fieldset.info_wrapper > span, fieldset.info_wrapper table span {
    /*border-color: #383838;*/
}

.cockpit_headline {
    background-color: #2037ff;
}

.cockpit_headline h1 {
    color: white;
    margin-left: 5px;
    margin-block-end: 0;
}

.cockpit_headline a {
    color: white;
}

.evSlotLabel {
    position: relative;
    /*margin-top:100px;*/
    /*margin-left:10px;*/
    /*width:220px;*/
    /*margin-top: 8.25vmin; !* 9.25925925925926vh; *!*/
    /*margin-left: 1.520833vmin;*/
    width: 11.4583333333333vw;
    text-align: center;
    /*font-size:36px;*/
    font-size: 2vmin;
    line-height: 2vmin;
    color: #b1b1b1;
}

.evSlotFree {
    background-image: url("../images/charging_img/evSlotFree.png");
}

.evSlotCharging {
    background-image: url("../images/charging_img/evSlotCharging.png");
}

.evSlotDischarging {
    background-image: url("../images/charging_img/evSlotDischarging.png");
}

.evSlotFull {
    background-image: url("../images/charging_img/evSlotFull.png");
}

.charging_point, .dummy_charging_point {
    width: 15.5vmin;
    height: 15.5vmin;
    display: inline-block;
    margin: 0.3vmin;
    border: 0.3vmin solid #b7b7b7;
    border-radius: 1.2vmin;
    background-size: 15.5vmin 15.5vmin;
    background-position: top right;
    background-repeat: no-repeat;
}

.dummy_charging_point {
}

.cp_infoTable {
    /*border: 1px solid white;*/
    height: 100%;
    width: 100%;
    font-size: 1.7vmin;
    line-height: 1.7vmin;
}

.cp_SoC {
    /*border: 1px solid white;*/
    padding-left: 0.5vmin;

}

.cp_evSlotPower {
    text-align: right;
    float: right;
    padding-right: 0.5vmin;
}

.cp_type {
    text-align: right;
    padding-left: 0.5vmin;
}

.cp_evSlotId {
    /*border: 1px solid white;*/
    float: right;
    padding-right: 0.5vmin;
}

.cp_infoTable_topline {
    /*border: 1px solid white;*/
    text-align: left;
    vertical-align: top;
}

.cp_infoTable_bottomline {
    vertical-align: bottom;
    /*border: 1px solid white*/
}


.management_cockpit_table {
    /*padding-top: 2vmin;*/
}

.management_cockpit_table_subtitle {
    /*height: 100%;*/
    font-size: 2.2vmin;
    line-height: 3vmin;
    padding-top: 2vmin;
    /*vertical-align: baseline;*/
    vertical-align: bottom;
}

.management_cockpit_item {
    padding-top: 1vh;
}


body #management_cockpit {
    /*margin:-1em;*/
    margin-left: -1em;
    margin-right: -10px;
}

.management_cockpit_header {
    /*background-color: #ff2e2c;*/
    width: 100vw;
    background-color: #2037ff;
    /*height: 8vh;*/
    padding-top: 0.4vh;
    margin-bottom: 15px;
}

.management_cockpit_titleline {
    vertical-align: middle;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    color: white;
    /*width: 177.7777vmin; */
    /*height: 7vmin; */
}

.management_cockpit_title_links {
    vertical-align: baseline;
    font-size: 1.8vmin;
    line-height: 4.5vmin;
}

.management_cockpit_titleline a {
    color: white;
    padding-right: 0.3vw;
}


.management_cockpit_main {
    /* width: 100vw; */
    /*background-color: #6e7eff;*/
}

.management_cockpit_content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #00ff26;*/
    /*background-color: #212121;*/
    /*width: 177.7777vmin;*/
    height: 87vmin;
}


.management_cockpit_content_container {
    display: flex;
    /*justify-content: space-between;*/
    align-items: stretch;
    position: relative;
    height: 100%;
    flex-wrap: wrap;
}

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

.flex-column {
    flex-direction: column;
}

.management_cockpit_content_item {
    margin: 0.1vw;
}

/*@todo calculation...*/
/*
fuer die calculation
aus .management_cockpit_content_item -> margin 0.1vw...
aus .management_cockpit_content_container gibts margin 1vw (umrandung)
aus fieldset 1px border
*/
.is-one-half {
    width: calc(49vw - 0.2vw - 2vw - 2pc);
}

.flex-column .is-one-half {
    width: calc(49vw - 0.2vw - 2vw - 2pc);
}

.is-one-fourth {
    width: calc(23vw - 0.2vw - 2vw - 2pc);
}

.is-one-third {
    width: calc(33vw - 0.2vw - 2vw - 2pc);
}

.is-three-fourth {
    width: calc(75vw - 0.2vw - 2vw - 2pc);
}

.is-two-third {
    width: calc(66vw - 0.2vw - 2vw - 2pc);
}

.is-half {
    width: calc(49vw - 0.2vw - 2vw - 2pc);
}

.height-one-third {
    height: 29vh;
}

.height-half {
    height: 43vh;
}

.height-one-fourth {
    height: 20vh;
}

.height-two-fourth {
    height: 33.2vh;
}

.height-full {
    height: 89vh;
}

.cockpit-item-with-border {
    border: 1px solid #383838;
}

.cockpit-title {
    font-weight: bold;
    margin-bottom: 0.4vh;
}

.windDirection {
    transform: rotate(0deg);
    transform-origin: center center;
    background-color: white;
    border-radius: 50px;
    background-image: url("images/wind_arrow.png");
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: contain;
    width: 50px;
    height: 50px;
}

/*.userCockpit.userCockpitlogout{float:right;margin-right:30px;}*/
.mgmt_cocpit_subheader {
    color: #3391ff;
    font-weight: bold;
    text-align: left;
}

fieldset.hidden-fieldset {
    border: 1px solid transparent;
}

.ui-widget-header .ui-icon {
    filter: invert(100%);
    -webkit-filter: invert(100%);
}

#energy_prediction_table fieldset {
    width: 23vw;
    /*border: 0;*/
    /*min-height: 18vh;*/
    padding: 0;
    margin: 0;
    min-width: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-block-start: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-block-end: 0;
}

#energy_prediction_table fieldset.doublewidth {
    width: 47vw;

}


/******************
***Grid Template***
******************/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
repeat function not work in IE!!!
*/

/*.gridLayout .dygraph_init{*/
/*    position:absolute;*/
/*}*/

/*.gridLayout {*/
/*    display: grid;*/
/*    grid-template-areas: "a b" "c d";*/
/*    grid-template-columns: 1fr 1fr;*/
/*    grid-template-rows: 1fr 1fr 1fr;*/
/*    gap: 5px;*/
/*    height: 100%;*/
/*    width: calc(100% - 10px);*/
/*    position:relative;*/
/*    margin-left:5px;*/
/*}*/


/*.full-size-wrapper-fixed {*/
/*    height: 92vh;*/
/*    width: 100vw;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*}*/

/*.gridHead {*/
/*    grid-area: head;*/
/*    width: 100vw;*/
/*    font-size: 3em;*/
/*    line-height: 1em;*/
/*    background-color: #2037ff;*/
/*    color: white;*/
/*    position:relative;*/
/*}*/

/*.gridHead_information {*/
/*    font-size: 16px;*/
/*}*/
/*.gridHead_headtext{*/
/*    position:absolute;*/
/*    bottom:0;left:0;*/
/*}*/
/*.gridChild {*/
/*    padding: 5px;*/
/*    position:relative;*/
/*    overflow: hidden;*/
/*}*/

.gridChild img {
    max-height: 100%;
    max-width: 100%;
}

fieldset.gridChild {
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    border: 1px solid transparent;
    border-top-color: #383838;
    border-right-color: #383838;
    border-bottom-color: #383838;
    border-left-color: #383838;
    padding: 0 0 15px 0;

}

.gridLayout .gridChild:nth-child(1) {
    grid-area: a;
}

.gridLayout .gridChild:nth-child(2) {
    grid-area: b;
}

.gridLayout .gridChild:nth-child(3) {
    grid-area: c;
}

.gridLayout .gridChild:nth-child(4) {
    grid-area: d;
}

.gridLayout .gridChild:nth-child(5) {
    grid-area: e;
}

.gridLayout .gridChild:nth-child(6) {
    grid-area: f;
}

.gridLayout .gridChild:nth-child(7) {
    grid-area: g;
}

.gridLayout .gridChild:nth-child(8) {
    grid-area: h;
}

.gridLayout .gridChild:nth-child(9) {
    grid-area: i;
}

.gridLayout .gridChild:nth-child(10) {
    grid-area: j;
}

.gridLayout .gridChild:nth-child(11) {
    grid-area: k;
}

.gridLayout .gridChild:nth-child(12) {
    grid-area: l;
}

.gridLayout .gridChild:nth-child(13) {
    grid-area: m;
}

.gridLayout .gridChild:nth-child(14) {
    grid-area: n;
}

.gridLayout .gridChild:nth-child(15) {
    grid-area: o;
}

/*ie 10 and 11 hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .gridLayout {
        -ms-grid-columns: 1fr 5px 1fr;
        -ms-grid-rows: 5px 1fr 5px 1fr 5px 1fr;
        display: -ms-grid;
        height: 92%;
    }

    .gridHead_information {
        font-size: 16px;
    }

    .gridChild {
        padding: 15px;
    }

    .gridChild fieldset {
        width: 100%;
        height: 100%;
    }

    .gridLayout.one-row-one-column {
        -ms-grid-rows: 1fr;
        -ms-grid-columns: 1fr;
        /*grid-template-rows: 4.4em auto;*/
    }

    .gridLayout.two-rows-one-column {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: auto;
    }

    .gridLayout.two-rows-two-columns {
        -ms-grid-columns: 1fr 1fr;
    }

    .gridLayout.three-rows-one-column {
        -ms-grid-columns: 1fr 1fr 1fr;
    }

    .gridLayout.three-rows-two-column {
        -ms-grid-columns: 1fr 1fr 1fr;
    }

    .gridLayout.three-rows-three-column {
        -ms-grid-columns: 1fr 1fr 1fr;
    }

    .gridLayout.four-rows-four-column {
        -ms-grid-columns: 1fr 1fr;
    }


    .gridLayout.four-rows-three-column {
        -ms-grid-columns: 1fr 1fr 1fr;
    }

    .gridLayout.four-rows-two-column {
        -ms-grid-columns: 1fr 1fr 1fr;
    }


    .gridLayout.four-rows-four-column-first-doublewidth {
        -ms-grid-columns: 1fr 1fr;
    }

    .gridLayout.left-two-text-right-one-chart {
        -ms-grid-columns: 1fr 1fr;
        -ms-grid-rows: auto auto;
    }


    .full-size-wrapper-fixed {
        height: 98vh;
        width: 100vw;
        position: fixed;
        top: 0;
        left: 0;
    }

    .gridHead {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }

    .gridLayout.one-row-one-column > .gridHead {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }


    .gridLayout.three-rows-one-column > .gridHead {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }

    .gridLayout.three-rows-three-column > .gridHead {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }

    .gridLayout.four-rows-four-column > .gridHead {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
    }


    .gridLayout.four-rows-three-column > .gridHead {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }

    .gridLayout .gridChild:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .gridLayout .gridChild:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .gridLayout .gridChild:nth-child(3) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .gridLayout .gridChild:nth-child(4) {
        -ms-grid-row: 4;
        -ms-grid-column: 3;
    }

    .gridLayout .gridChild:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .gridLayout .gridChild:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }

    .gridLayout .gridChild:nth-child(7) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }

    .gridLayout .gridChild:nth-child(8) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
        grid-area: h;
    }

    .gridLayout .gridChild:nth-child(9) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .gridLayout .gridChild:nth-child(10) {
        -ms-grid-row: 3;
        -ms-grid-column: 4;
    }

    .gridLayout .gridChild:nth-child(11) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .gridLayout .gridChild:nth-child(12) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }

    .gridLayout .gridChild:nth-child(13) {
        -ms-grid-row: 4;
        -ms-grid-column: 3;
    }

    .gridLayout .gridChild:nth-child(14) {
        -ms-grid-row: 4;
        -ms-grid-column: 4;
    }


}
.userCockpit_toucharea_east{
    background-color: #595959;
}

.new_modal .modal-content-wrapper{
    background-color: #2e2e2e;
    box-shadow: 0px 0 11px -3px rgb(221 221 221 / 29%);
    color: white;
}

.new_modal .modal-close{
    background-color: #2e2e2e;
}

/*fieldset[name="fieldset-datapoint-details"] {*/
/*    background-color: #212121*/
/*}*/

.loading_new .loading_new_circle_outer {
    background-color: white;
}

.loading_new .loading_new_circle_inner {
    background-color: #212121;
}