*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

html,
body,
div[data-rootnode="ROOTNODE"] {
    height: 100%;
}

div[data-nodetype="RootRegion"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 100%;
}

div[data-nodetype="Header"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

div[data-nodetype="ContentRow"] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

div[data-nodetype="Footer"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

img {
    vertical-align: middle;
    border-style: none;
}

.container-fluid {
    width: 100%;
}


.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto {
    position: relative;
    width: 100%;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


.align-self-start {
    -ms-flex-item-align: start ;
    align-self: flex-start ;
}

.align-self-end {
    -ms-flex-item-align: end ;
    align-self: flex-end ;
}

.align-self-center {
    -ms-flex-item-align: center ;
    -ms-grid-row-align: center ;
    align-self: center ;
}

.align-items-start {
    -webkit-box-align: start ;
    -ms-flex-align: start ;
    align-items: flex-start ;
}

.align-items-end {
    -webkit-box-align: end ;
    -ms-flex-align: end ;
    align-items: flex-end ;
}

.align-items-center {
    -webkit-box-align: center ;
    -ms-flex-align: center ;
    align-items: center ;
}


.justify-content-start {
    -webkit-box-pack: start ;
    -ms-flex-pack: start ;
    justify-content: flex-start ;
}

.justify-content-end {
    -webkit-box-pack: end ;
    -ms-flex-pack: end ;
    justify-content: flex-end ;
}

.justify-content-center {
    -webkit-box-pack: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
}

.justify-content-between {
    -webkit-box-pack: justify ;
    -ms-flex-pack: justify ;
    justify-content: space-between ;
}

.justify-content-around {
    -ms-flex-pack: distribute ;
    justify-content: space-around ;
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

.h1 {
    font-size: 2.5rem;
}

.h2 {
    font-size: 2rem;
}

.h3 {
    font-size: 1.75rem;
}

.h4 {
    font-size: 1.5rem;
}

.h5 {
    font-size: 1.25rem;
}

.h6 {
    font-size: 1rem;
}

.h7 {
    font-size: 0.875rem;
}

.h8 {
    font-size: 0.75rem;
}


.cx-button,
.cx-button:active,
.cx-button:focus {
    border: 0px;
    background: transparent;
    outline: none ;
}

.cx-button:disabled {
    border: 0px ;
    opacity: 0.3;
}

.cx-button-disabled {
    opacity: 0.3;
}

.cx-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
}

.cx-button .k-image {
    margin: 0;
}


.cxInputError {
    border-color: red ;
    border-style: solid ;
    border-width: 3px ;
}


.cx-invisible {
    visibility: hidden;
}

.cx-visible {
    visibility: visible;
}

.cx-hiddenbyconfig {
    display: none ;
}

.cxDisplayNone {
    display: none;
}

.cxDisplayInlineFlexRow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cxDisplayInlineFlexColumn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


.cxMainGraphicContainer {
    min-height: 200px;
}

.cxGraphicTarget {
    -ms-touch-action: none;
    touch-action: none;
    border: 0px ;
    margin: 0px ;
    padding: 0px ;
    overflow: hidden ;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.cxGraphicControls {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0px;
    top: 0px;
}


.cxQueryRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px;
}

.cxQueryRowLabel {
    font-size: 14px;
    padding-right: 3px;
}


.cxOptionalPartButton {
    height: 40px;
    width: 40px;
}

.cxOptionalPartButton > img {
    height: auto;
    width: 100%;
}

.cxSelectionWizzardButton > img {
    height: auto;
    width: 100%;
}


#MD-cxWait {
    width: 100px;
}

#MD-cxLogin {
    width: 300px;
}

#MD-cxChangePassword {
    width: 300px;
}

#MD-cxLoadStorePart {
    width: 800px;
}

#MD-cxGenerateProject {
    width: 300px;
}

#MD-cxGenerateProject-Window {
    position: absolute;
    top: 50% ;
    left: 50% ;
    -webkit-transform: translate(-50%, -50%) ;
    transform: translate(-50%, -50%) ;
}


.CSSSize-cxDownloadButton {
    width: 60px ;
}

.CSSMargin-cxStandardButtonMargin {
    margin: 5px 5px 5px 5px ;
}

.CSSMargin-cxStandardMargin {
    margin: 5px 5px 5px 5px ;
}

.CSSMargin-cx3DControlsSliderText {
    margin: 0px 8px 0px 3px ;
}

.CSSBorder-cxStandardButtonBorder {
    border-left: 1px solid black ;
    border-top: 1px solid black ;
    border-right: 1px solid black ;
    border-bottom: 1px solid black ;
    border-radius: 3px 3px 3px 3px ;
}

.CSSBorder-cxFileContainerBorder {
    border-left: 1px solid black ;
    border-top: 1px solid black ;
    border-right: 1px solid black ;
    border-bottom: 1px solid black ;
    border-radius: 3px 3px 3px 3px ;
}

.CSSToggleButton-cx-button-pressed {
    border-left: 2px solid dimgray ;
    border-top: 2px solid dimgray ;
    border-right: 2px solid ghostwhite ;
    border-bottom: 2px solid ghostwhite ;
    border-radius: 0px 0px 0px 0px ;
    outline: none ;
}

.CSSToggleButton-cx-button-unpressed {
    border-left: 0px solid ghostwhite ;
    border-top: 0px solid ghostwhite ;
    border-right: 0px solid dimgray ;
    border-bottom: 0px solid dimgray ;
    border-radius: 0px 0px 0px 0px ;
    outline: none ;
}

.CSSPadding-cxThrobberPadding {
    padding: 25px 25px 25px 25px ;
}


textarea.k-textbox {
    resize: vertical;
    min-height: 4em;
}

input.k-checkbox {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

input.k-button {
    width: 12.4em;
}




.cx-dropdownlist .k-dropdown-wrap {
    padding: 0;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr auto;
    grid-template: auto / 1fr auto;
}

.cx-dropdownlist .k-dropdown-wrap .k-select {
    position: relative;
    height: auto;
}

.cx-dropdownlist.cx-img-text .cx-img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.cx-dropdownlist.cx-img-text .cx-text {
    vertical-align: middle;
}

.cx-dropdownlist.cx-img-only .cx-img {
    display: inline-block;
    vertical-align: middle;
}

.cx-list-dropdownlist.cx-img-text .cx-img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.cx-list-dropdownlist.cx-img-text .cx-text {
    vertical-align: middle;
}

.cx-list-dropdownlist.cx-img-only .cx-img {
    display: inline-block;
    vertical-align: middle;
}



.CSSSize-cxDownloadButton {
width: 60px ;
}

.CSSMargin-cxStandardButtonMargin {
margin: 5px 5px 5px 5px ;
}

.CSSMargin-cxStandardMargin {
margin: 5px 5px 5px 5px ;
}

.CSSMargin-cx3DControlsSliderText {
margin: 0px 8px 0px 3px ;
}

.CSSBorder-cxStandardButtonBorder {
border-left: 1px solid rgba(0, 0, 0, 1) ;
border-top: 1px solid rgba(0, 0, 0, 1) ;
border-right: 1px solid rgba(0, 0, 0, 1) ;
border-bottom: 1px solid rgba(0, 0, 0, 1) ;
border-radius: 3px 3px 3px 3px ;
}

.CSSBorder-cxFileContainerBorder {
border-left: 1px solid rgba(0, 0, 0, 1) ;
border-top: 1px solid rgba(0, 0, 0, 1) ;
border-right: 1px solid rgba(0, 0, 0, 1) ;
border-bottom: 1px solid rgba(0, 0, 0, 1) ;
border-radius: 3px 3px 3px 3px ;
}

.CSSPadding-cxThrobberPadding {
padding: 25px 25px 25px 25px ;
}

.CSSBorder-BorderClass17 {
border-left: 0px solid rgba(0, 0, 0, 1) ;
border-top: 0px solid rgba(0, 0, 0, 1) ;
border-right: 0px solid rgba(0, 0, 0, 1) ;
border-bottom: 0px solid rgba(0, 0, 0, 1) ;
border-radius: 0px 0px 0px 0px ;
}

.CSSBorder-BorderClass19 {
border-left: 1px solid rgba(230, 230, 230, 1) ;
border-top: 1px solid rgba(230, 230, 230, 1) ;
border-right: 1px solid rgba(230, 230, 230, 1) ;
border-bottom: 1px solid rgba(230, 230, 230, 1) ;
border-radius: 3px 3px 3px 3px ;
}

.CSSSize-SizeClass20 {
min-height: 48px;
min-width: 48px;
}

.CSSSize-SizeClass21 {
min-height: 40px;
min-width: 40px;
}

.CSSText-TextClass22 {
font-weight: bold ;
}

.CSSText-TextClass24 {
font-weight: bold ;
text-decoration: underline ;
}

.CSSHeader-TextClass25 {
text-decoration: underline ;
}

.CSSBorder-BorderClass26 {
border-left: 4px solid rgba(192, 192, 192, 1) ;
border-top: 4px solid rgba(192, 192, 192, 1) ;
border-right: 4px solid rgba(192, 192, 192, 1) ;
border-bottom: 4px solid rgba(192, 192, 192, 1) ;
border-radius: 2px 2px 2px 2px ;
}

.CSSBorder-BorderClass27 {
border-left: 0px solid rgba(192, 192, 192, 1) ;
border-top: 0px solid rgba(192, 192, 192, 1) ;
border-right: 0px solid rgba(192, 192, 192, 1) ;
border-bottom: 0px solid rgba(192, 192, 192, 1) ;
border-radius: 2px 2px 2px 2px ;
}

.CSSBorder-BorderClass28 {
border-left: 0px solid rgba(192, 192, 192, 1) ;
border-top: 0px solid rgba(192, 192, 192, 1) ;
border-right: 0px solid rgba(192, 192, 192, 1) ;
border-bottom: 0px solid rgba(192, 192, 192, 1) ;
border-radius: 39px 39px 39px 39px ;
}

.CSSBorder-BorderClass29 {
border-left: 1px solid rgba(229, 229, 229, 1) ;
border-top: 1px solid rgba(229, 229, 229, 1) ;
border-right: 1px solid rgba(229, 229, 229, 1) ;
border-bottom: 1px solid rgba(229, 229, 229, 1) ;
border-radius: 3px 3px 3px 3px ;
}

.CSSSize-SizeClass30 {
min-height: 31px;
min-width: 31px;
}

.CSSBorder-BorderClass31 {
border-left: 2px solid rgba(0, 64, 128, 1) ;
border-top: 2px solid rgba(0, 64, 128, 1) ;
border-right: 2px solid rgba(0, 64, 128, 1) ;
border-bottom: 2px solid rgba(0, 64, 128, 1) ;
border-radius: 5px 5px 5px 5px ;
}

.CSSBorder-BorderClass32 {
border-left: 4px solid rgba(128, 128, 128, 0.5) ;
border-top: 4px solid rgba(128, 128, 128, 0.5) ;
border-right: 4px solid rgba(128, 128, 128, 0.5) ;
border-bottom: 4px solid rgba(128, 128, 128, 0.5) ;
border-radius: 0px 0px 0px 0px ;
}

.CSSBorder-BorderClass33 {
border-left: 0px solid rgba(0, 0, 0, 0.5) ;
border-top: 0px solid rgba(0, 0, 0, 0.5) ;
border-right: 0px solid rgba(0, 0, 0, 0.5) ;
border-bottom: 0px solid rgba(0, 0, 0, 0.5) ;
border-radius: 0px 0px 0px 0px ;
}

.CSSBorder-BorderClass34 {
border-left: 2px solid rgba(0, 64, 128, 0.5) ;
border-top: 2px solid rgba(0, 64, 128, 0.5) ;
border-right: 2px solid rgba(0, 64, 128, 0.5) ;
border-bottom: 2px solid rgba(0, 64, 128, 0.5) ;
border-radius: 5px 5px 5px 5px ;
}

.CSSBorder-BorderClass35 {
border-left: 0px solid rgba(0, 0, 0, 1) ;
border-top: 0px solid rgba(0, 0, 0, 1) ;
border-right: 0px solid rgba(0, 0, 0, 1) ;
border-bottom: 0px solid rgba(0, 0, 0, 1) ;
border-radius: 40px 40px 40px 40px ;
}

.CSSSize-SizeClass36 {
min-height: 48px;
min-width: 53px;
}

.CSSPadding-leftRightSpace {
padding: 0px 5px 0px 5px ;
}

.CSSText-TextClass28 {
font-weight: bold ;
}

.CSSPadding-roundSpace {
padding: 5px 5px 5px 5px ;
}

.CSSPadding-leftSpace {
padding: 0px 0px 0px 5px ;
}

.CSSPadding-leftTopSpace {
padding: 0px 0px 5px 5px ;
}

.CSSMargin-leftTopSpace {
margin: 0px 0px 5px 5px ;
}

.CSSMargin-topSpace {
margin: 0px 0px 5px 0px ;
}

.CSSPadding-roundSpace_5 {
padding: 5px 5px 5px 5px ;
}

.CSSPadding-topSpace5 {
padding: 5px 5px 5px 5px ;
}

.CSSBorder-BorderBox {
border-left: 5px solid rgba(128, 128, 128, 1) ;
border-top: 5px solid rgba(128, 128, 128, 1) ;
border-right: 5px solid rgba(128, 128, 128, 1) ;
border-bottom: 5px solid rgba(128, 128, 128, 1) ;
border-radius: 10px 10px 10px 10px ;
}

.CSSPadding-roundSpace10 {
padding: 10px 10px 10px 10px ;
}

.CSSMargin-topButtomSpace10 {
margin: 10px 0px 10px 0px ;
}

.CSSPadding-topButtomSpace2 {
padding: 2px 0px 2px 0px ;
}

.CSSMargin-topSpace_20 {
margin: 20px 0px 0px 0px ;
}

.CSSPadding-topSpace_25 {
padding: 0px 0px 25px 0px ;
}

.CSSToggleButton-cx-button-pressed {
border-Left: 2px solid rgba(105, 105, 105, 1) ;
border-Top: 2px solid rgba(105, 105, 105, 1) ;
border-Right: 2px solid rgba(248, 248, 255, 1) ;
border-Bottom: 2px solid rgba(248, 248, 255, 1) ;
border-radius: 0px 0px 0px 0px ;

outline: none ;
}

.CSSToggleButton-cx-button-unpressed {
border-Left: 0px solid rgba(248, 248, 255, 1) ;
border-Top: 0px solid rgba(248, 248, 255, 1) ;
border-Right: 0px solid rgba(105, 105, 105, 1) ;
border-Bottom: 0px solid rgba(105, 105, 105, 1) ;
border-radius: 0px 0px 0px 0px ;

outline: none ;
}

.CSSMargin-leftRightSpace {
margin: 0px 10px 0px 10px ;
}

.CSSText-TextClass28U {
font-weight: bold ;
text-decoration: underline ;
}

.CSSSize-SizeSprache {
width: 25px ;
min-height: 13px;
min-width: 23px;
}

.CSSHeader-TextClass25Left {
text-decoration: underline ;
}

.CSSHeader-TextClass24UZ {
text-decoration: underline ;
}

.CSSMargin-topSpace_25 {
margin: 25px 0px 0px 0px ;
}

.CSSMargin-topSpace_30 {
margin: 30px 0px 0px 0px ;
}

.CSSHeader-TextClass8_grey {
color: rgb(192, 192, 192) ;
}

.CSSText-TextClass22_white {
color: rgb(255, 255, 255) ;
font-weight: bold ;
}