*,
::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;
}


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


#MD-cxWait {
    width: #:_MaxWidthWait#;
}

#MD-cxLogin {
    width: #:_MaxWidthLogin#;
}

#MD-cxChangePassword {
    width: #:_MaxWidthChangePassword#;
}

#MD-cxLoadStorePart {
    width: #:_MaxWidthLoadStorePart#;
}

#MD-cxGenerateProject {
    width: #:_MaxWidthGenerateProject#;
}

#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;
}