.highcharts-root {/*fixes PDF rendering sometimes moves object to next page*/
    position: absolute !important;
    top: 0px;
    left: 0px;
}

.lsSvgChart { /*fixes PDF rendering sometimes moves object to next page*/
    position: relative !important;
    left: 0px;
    top: 0px;
    page-break-inside: avoid;
    transform-origin: 0px 0px;
}

.lsSvgChart svg { /*fixes PDF rendering sometimes moves object to next page*/
    position: absolute !important;
    left: 0px;
    top: 0px;
}

.VisualOuterContainer .MessageContainer, .VisualOuterContainer .VisualContainer, .VisualOuterContainer .GridContainer, .VisualOuterContainer .ExplanationContainer {
    width: 100%;
    height: 100%;
}


.lsChartOuterContainer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

    .lsChartOuterContainer, .lsChartOuterContainer * {
        box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
    }

.lsChartLegendInline .lsChartLegendWrapper {
    /*text-align: center;*/
}

.lsChartLegendVertical {
    overflow-x: hidden;
}

    .lsChartLegendVertical .lsChartLegendItem {
        overflow-x: hidden;
        max-width: 100%;
        text-overflow: ellipsis;
    }

.lsChartLegendInline .lsChartLegendItem {
    display: inline-block;
}



.lsChartLegendItem {
    white-space: nowrap;
    text-align: left;
}

.lsChartLegendIcon {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: middle;
    margin: 1px 3px 3px 2px;
    overflow: hidden;
}

.animationEnabled .lsChartLegendIcon {
    transition: opacity 0.3s ease-in-out !important;
}

    .lsChartLegendIcon svg {
        height: 100%;
    }

.lsChartLegendText {
    display: inline;
    padding-right: 5px;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.lsUnderline, .lsUnderline * {
    text-decoration: underline;
}

.lsChartLegend .lsFade .lsChartLegendIcon {
    opacity: 0.3;
}

.lsChartLabel {
    padding: 2px;
}

.lsPieChartInner {
    position: relative;
    width: 100%;
    height: 100%;
}

.lsKpiChart {
    position:relative; /*needed to avoid moving svg element to next page when "printing"*/
}

.lsPieChart {
    stroke-width: 1px;
    stroke: white;
    stroke-dasharray: 10 10000;
    padding: 15px;
}


    .lsPieChart svg {
        position: absolute;
    }

    .lsPieChart .lsLabelContainer {
        width: 100%;
        height: 100%;
    }

   .animationEnabled .lsPieChart g {
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    }

.animationEnabled .lsPieChart .lsChartLabel {
    transition: all 0.3s ease-in-out;
}

        .lsPieChart .lsChartLabel * {
            white-space: pre;
        }

.animationEnabled .lsPieChart * {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    /*transform: translate(0,0); removed cause firefox is weird with rounding*/
}


    .lsPieChart path {
        stroke-dasharray: none;
    }

    .lsPieChart line {
        stroke: black;
    }

    .lsPieChart .lsPieSliceFade {
        opacity: 0.3 !important;
    }

body:not(.designmode) .lsClickable {
    cursor: pointer;
}

body.designmode .highcharts-series, body.designmode .highcharts-markers, body.designmode .highcharts-tracker, body.designmode .lsChartLegendItem {
    cursor: default !important;
}

.lsFadeRemove {
    opacity: 0;
}


.lsChartLabel {
    position: absolute;
}

.lsFunnelChart {
}

    .lsFunnelChart * {
        transform: translate(0,0);
    }

    .animationEnabled .lsFunnelChart * {
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    }

    .lsFunnelChart svg {
        position: absolute;
    }

    .lsFunnelChart path {
        stroke-dasharray: none;
    }

    .lsFunnelChart .lsFunnelSliceFade {
        opacity: 0.3 !important;
    }

    .lsFunnelChart .lsChartLabel {
        text-align: center;
        margin: 0 auto;
        white-space: pre;
    }

.animationEnabled .highcharts-point {
    transition: opacity 0.5s ease-in-out, fill 0.1s ease-in-out;
}

.animationEnabled .highcharts-series {
    transition: opacity 0.5s ease-in-out;
}

.animationEnabled .highcharts-container {
    transition: opacity 0.5s ease-in-out;
}


.lsSvgFaded {
    opacity: 0.5;
}

.lsSvgHidden {
    opacity: 0;
}

.lsSvgHover {
    opacity: 1;
}

.lsAreaSelectionActive .lsComparisonLine {
    opacity: 0;
}

.lsComparisonLine {
    pointer-events: none;
}

.animationEnabled .lsSvgChart * {
    transition: opacity 0.3s ease-in-out !important;
}

.lsSvgChart .lsFade {
    opacity: 0.3;
}

.lsInnerLabelContainer, .lsOuterLabelContainer {
    width: 100%;
    height: 100%;
}

.lsLabelContainer .lsSvgChartLabel {
    position: absolute;

    text-align: left;
}
.animationEnabled .lsLabelContainer .lsSvgChartLabel {
    transition-property: top left;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

    .lsLabelContainer .lsSvgChartLabel div {
        white-space: pre;
        position: absolute;
        transform: translate(-50%,-50%);
    }

.lsImageContainer {
    position: absolute;
    left: 0px;
    top: 0px;
}

.lsLabelContainer {
    position: absolute;
    left: 0px;
    top: 0px;
    pointer-events: none;
}

.animationEnabled .lsLabelContainer {
    transition: opacity 0.1s ease-in-out !important;
}

.lsChartTitle {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: left;
    padding: 2px 12px 9px 12px;
    white-space: pre-wrap;
    cursor: default;
}

    .lsChartTitle span {
        Padding: 3px 3px 3px 3px;
    }



.lsChartContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    overflow: visible;
}


.lsChartLegend {
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.animationEnabled .lsChartLegend {
    transition: opacity 0.3s ease-in-out !important;
}

.lsChartLegendInline {
    white-space: normal;
    text-align: center;
}



.animationEnabled .lsSvgChart {
    transition-property: left,top,width,height;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.lsChartObject img.lsLoading,
.lsChartObject img.lsLoaded,
.lsChartObject img.lsBottom,
.lsChartObject img.lsEmpty {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.animationEnabled .lsChartObject img.lsLoading,
.animationEnabled .lsChartObject img.lsLoaded,
.animationEnabled .lsChartObject img.lsBottom,
.animationEnabled .lsChartObject img.lsEmpty {
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.lsChartObject img.lsBottom {
    opacity: 0.5;
}

.lsChartObject img.lsEmpty {
    opacity: 0;
}

.lsChartObject img.lsLoading {
    opacity: 0;
    cursor: wait;
}

.lsChartObject img.lsLoaded {
    opacity: 1;
}

.lsHighchartsHidden {
    opacity: 0;
    cursor: wait;
}


.lsChartInnerContainer {
    position: absolute;
    width: 100%;
    height: 100%;
}

.animationEnabled .lsChartInnerContainer {
    transition: opacity 0.5s ease-in-out;
}

.lsImmediateHide {
    opacity: 0;
    transition: none;
}


.lsFadeShow {
    opacity: 1;
}

.animationEnabled .lsFadeShow {
    transition: opacity 0.3s ease-in-out !important;
}

.animationEnabled .lsGenericMapChart * {
    transition-property: fill, opacity !important;
    transition-duration: 0.3s !important;
    transition-timing-function: ease-in-out !important;
}

.lsBulletChart {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .animationEnabled .lsBulletChart * {
        transition: opacity 0.3s ease-in-out;
    }

    .lsBulletChart .lsBulletChartInner {
        overflow-y: auto;
        overflow-y: overlay;
        overflow-x: hidden;
    }

.lsBulletContainer {
    width: 100%;
    padding: 10px 50px;
}

    .lsBulletContainer tr.lsFade {
        opacity: 0.3 !important;
    }

    .lsBulletContainer .lsItemLabel {
        vertical-align: top;
    }


    .lsBulletContainer td:first-child {
        padding-right: 20px;
    }

    .lsBulletContainer td:last-child {
        width: 100%;
    }

.lsBullet {
    width: 100%;
}

    .lsBullet svg {
        display: block;
    }

    .lsBullet .lsBulletComment {
        margin-bottom: 10px;
    }

    .lsBullet .lsTickLabelContainer {
        width: 100%;
        position: relative;
    }

        .lsBullet .lsTickLabelContainer span {
            position: absolute;
        }


.lsBulletChart .lsChartInnerContainer {
    overflow-y: auto;
    overflow-x: hidden;
}

.lsTimeSlider {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: flex-end;
}

    .lsTimeSlider span {
        user-select: none;
    }

    .lsTimeSlider .lsTimeSliderScroll {
        overflow-x: auto;
        overflow-x: overlay;
        overflow-y: hidden;
        flex: 1;
        -webkit-overflow-scrolling: touch;
    }

        .lsTimeSlider .lsTimeSliderScroll::-webkit-scrollbar {
            display: none;
        }

        .lsTimeSlider .lsTimeSliderScroll:hover::-webkit-scrollbar {
            display: block;
        }

    .lsTimeSlider .lsStartLabelContainer, .lsTimeSlider .lsEndLabelContainer {
    }

        .lsTimeSlider .lsStartLabelContainer > div, .lsTimeSlider .lsEndLabelContainer > div {
            transform: rotate(-90deg);
            user-select: none;
        }

            .lsTimeSlider .lsStartLabelContainer > div > div, .lsTimeSlider .lsEndLabelContainer > div > div {
                display: block;
                white-space: normal;
                font-size: 10pt;
                margin-left: 20px;
            }

    .lsTimeSlider .lsLabelContainer {
        position: relative;
        height: 61px;
    }

    .lsTimeSlider .lsSelectedLabelContainer {
        height: 61px;
        width: 100%;
        position: absolute;
    }

        .lsTimeSlider .lsSelectedLabelContainer .lsSliderLabel {
            color: #4d82b8;
        }

            .lsTimeSlider .lsSelectedLabelContainer .lsSliderLabel .lsLabelLine {
                border-color: #4d82b8;
            }

    .lsTimeSlider .lsTopLabelContainer {
        height: 40px;
        width: 100%;
        position: absolute;
        top: 21px;
    }

    .lsTimeSlider .lsSliderLabel {
        position: absolute;
    }

        .lsTimeSlider .lsSliderLabel .lsLabelLine {
            width: 100%;
            border-left: 1px solid gray;
            margin-left: 2px;
        }

    .lsTimeSlider .lsSliderContainer {
        height: 30px;
        margin-bottom: 20px;
        position: relative;
    }

        .lsTimeSlider .lsSliderContainer .lsSliderSelector {
            position: absolute;
            background-color: #4d82b8;
            height: 30px;
            border-radius: 3px;
        }

        .lsTimeSlider .lsSliderContainer .lsUnit {
            display: inline-block;
            height: 30px;
            background: #DCDCDC;
            margin: 0 1px;
            border-radius: 3px;
        }

        .lsTimeSlider .lsSliderContainer .lsDraggedUnit {
            background-color: green;
        }

        .lsTimeSlider .lsSliderContainer .lsSelectedUnit {
            background-color: #4d82b8;
        }

.lsImageMapChart {
    position: relative;
    width: 100%;
    height: 100%;
}



    .lsImageMapChart .lsDataPointsContainer {
        position: absolute;
        z-index: 2;
        background-color: transparent;
    }


.lsWhatIfObject {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}

    .lsWhatIfObject .lsMeasureContainer{
        margin-top:5px;
    }

    .lsWhatIfObject .lsHierarchyContainer {
        margin-top: 5px;
    }

    .lsWhatIfObject .lsCubePath {
        margin-bottom: 5px;
    }

    .lsWhatIfObject .lsWhatIfObjectCubeContainer .lsMeasureContainer .lsInputField, .lsWhatIfObject .lsWhatIfObjectCubeContainer .lsHierarchyContainer .lsInputField {
        width: 50px;
        height: 23px;
        font-size: 9pt;
        color: black;
        border-color: black;
        border-style: solid;
        border-width: 1px;
    }

        .lsWhatIfObject .lsWhatIfObjectCubeContainer .lsMeasureContainer .lsInputField:focus, .lsWhatIfObject .lsWhatIfObjectCubeContainer .lsHierarchyContainer .lsInputField:focus {
            border-color: blue;
            border-style: solid;
            border-width: 1px;
        }

.lsHoverUnderlineText {
    font-size: 9pt;
    color: black;
    position: relative;
}

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

.lsWhatIfObjectSpan {
    color: #505050;
    font-size: 9pt;
    position: relative;
}

.lsWhatIfObjectCenterDiv {
    display: inline-block;
    vertical-align: middle;
}

.lsWhatIfObjectSlider.ui-corner-all,
.lsWhatIfObjectSlider .ui-corner-all {
    border-radius: 0;
}

.lsWhatIfObjectSlider.ui-slider {
    border: 0;
    background: #AEAEAE;
    border-radius: 0px;
}

.lsWhatIfObjectSlider.ui-slider-horizontal {
    height: 1px;
}

.lsWhatIfObjectSlider.ui-slider-vertical {
    height: 15em;
    width: 1px;
}

.lsWhatIfObjectSlider .ui-slider-handle {
    width: 13px;
    height: 13px;
    background: #ffffff;
    border-radius: 50px;
    border-color: #AEAEAE;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    outline: none;
}

.lsWhatIfObjectSlider.ui-slider-horizontal .ui-slider-handle {
    top: 50%;
    margin-top: -6.5px;
}

.lsWhatIfObjectSlider.ui-slider-vertical .ui-slider-handle {
    left: 50%;
    margin-left: -6.5px;
}

.lsWhatIfObjectSlider .ui-slider-handle:hover {
    opacity: 1;
}

.lsWhatIfObjectSlider .ui-slider-range {
    border: 0;
    border-radius: 0;
}

.lsWhatIfObjectSlider.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 1px;
}

.lsWhatIfObjectSlider.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 1px;
}

.lsMemberContainer {
    left: 10px;
    position: relative;
    border-collapse: collapse;
}

.button:hover {
    background-color: #d3edff;
}

.lsWhatIfObject .lsWhatIfObjectCubeContainer .lsHierarchyContainer .lsMemberContainer .lsMember td {
    border-bottom: 1px solid #CCCCCC;
}


div .lsCircle {
    transform: translate(-50%,50%);
    border-radius: 50%;
    position: absolute;
    z-index: -1;
}

.lsGaugeCluster {
    width: 100%;
    height: 100%;
    position: relative;
}

.lsLargeGauges {
}

.lsSmallGauges {
}

.lsLargeGauges,
.lsSmallGauges {
    display: inline-block;
    position: absolute;
}

.lsGaugeContainer {
    /*padding: 5px;*/
    overflow: hidden;
}

.lsGaugeInnerContainer {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lsGauge {
  display: block;
  max-width: 100%;
}

.lsGaugeTitleContainer {
    width: 100%;
    text-align:center;
    padding: 2px 0;
}

.lsGaugeTitleContainer span {

}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.centeredContent {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.horizontalCenteredContent {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}

.verticalCenteredContent {
    vertical-align: middle;
}

.notransition, .notransition *, .notransition .lsGenericMapChart * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.explantionScrollViewer {
    overflow-y: scroll;
    overflow-y: overlay;
    overflow-x: hidden;
}

.lsChartOuterContainer.map-editor {
    width: 65%;
    left: 35%;
    overflow: hidden;
}

.left-menu-map-editor {
    /*border: solid 1px red;*/
    width: 35%;
    height: 100%;
    display: block;
    font-size: 12px;
    position: relative;
}

    .left-menu-map-editor div {
        display: inline-block;
        box-sizing: border-box;
    }

    .left-menu-map-editor .members-view,
    .left-menu-map-editor .regions-view {
        display: flex;
        flex-flow: column;
        height: 100%;
        min-height: min-content;
    }

    .left-menu-map-editor .header {
        width: 100%;
        height: 22px;
        flex: 0 1 auto;
        border-bottom: none;
    }


    .left-menu-map-editor .filter-dropdown {
        float: right;
        margin: 2px 0;
        width: auto;
        max-height: 22px;
    }

        .left-menu-map-editor .filter-dropdown .text {
            float: left;
        }

    .left-menu-map-editor .filter-show-value,
    .left-menu-map-editor .filter-group-value {
        margin-left: 8px;
        width: auto;
        padding: 0 8px 0 0;
    }


.members-view .filter-show-value.arrow-down,
.regions-view .filter-group-value.arrow-down {
    background-repeat: no-repeat;
    background-color: rgb(225, 225, 225);
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjNjY2NjY2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTQ3LDczLjdMNi41LDMzLjJDNC44LDMxLjUsNC41LDI4LjgsNiwyN2MxLjctMi4xLDQuOC0yLjIsNi43LTAuM0w0Nyw2MWMxLjYsMS42LDQuMywxLjYsNS45LDBsMzQuMy0zNC4zICAgYzEuOC0xLjgsNC42LTEuOCw2LjQsMGMxLjgsMS44LDEuOCw0LjYsMCw2LjRMNTMsNzMuN0M1MS4zLDc1LjQsNDguNyw3NS40LDQ3LDczLjd6Ij48L3BhdGg+PC9nPjwvc3ZnPg==");
    background-size: 9px;
    background-position: right 3px top 50%;
    min-width: 100px;
    padding: 0 3px 3px 3px;
    border: 1px solid #bcbcbc;
}

    .members-view .filter-show-value.arrow-down.focused,
    .members-view .filter-show-value.arrow-down:hover,
    .regions-view .filter-group-value.arrow-down.focused,
    .regions-view .filter-group-value.arrow-down:hover {
        background-color: rgb(204, 228, 247);
        border: 1px solid rgba(0, 83, 209, 0.8);
    }

.left-menu-map-editor .hidden-dropdown-list {
    visibility: hidden;
    position: relative;
    display: block;
    /*top: 20px;*/
    /*right: 3px;*/
    z-index: 2;
    height: auto;
    width: auto;
    min-width: 50px;
    background: white;
    border: 1px solid rgba(0, 83, 209, 0.8);
    border-top: none;
    margin-left: 8px;
}

.hidden-dropdown-list.visible {
    visibility: visible;
}

.hidden-dropdown-list .hidden-value {
    min-width: 50px;
    height: 18px;
    cursor: default;
    position: relative;
    padding: 0 2px;
    display: block;
    text-align: initial;
}

    .hidden-dropdown-list .hidden-value:hover {
        background-color: rgba(0, 83, 209, 0.8);
        color: white;
    }

.left-menu-map-editor .members-view .text,
.left-menu-map-editor .regions-view .text {
    /*float: left;*/
    margin: 2px 5px;
    width: auto;
}

.left-menu-map-editor .buttons-panel {
    height: auto;
    flex: 0 1 auto;
}

    .left-menu-map-editor .buttons-panel .btn-map {
        width: auto;
        height: 20px;
        padding: 0 6px;
        margin: 5px;
        background: white;
        border: 1px #bcbcbc solid;
        font-weight: bold;
        color: #5a5a5a;
    }

.left-menu-map-editor .mapping-panel .btn-map.disabled {
    color: #bcbcbc;
}


.left-menu-map-editor .members-view .items-list,
.left-menu-map-editor .regions-view .items-list {
    border: lightgrey 1px solid;
    margin-top: 5px;
    margin-left: 5px;
    flex: 1 1 auto;
    height: 83%;
    overflow-y: auto;
}

.item {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 3px;
    border: white 1px solid;
}

    .item:hover {
        border: lightskyblue 1px solid;
        background-color: rgba(135, 206, 250, 0.2);
    }

    .item.selected {
        border: lightskyblue 1px solid;
        background-color: rgba(135, 206, 250, 0.4);
    }

    .item.member .map-label-text {
        width: auto;
        display: inline-block;
    }

    .item.member.dragging {
        cursor: move;
    }

    .item.member.mapped .map-label-text {
        font-weight: bold;
    }

    .item.member.mapped .map-area-text {
        display: inline-block;
        font-size: 10px;
        float: right;
        right: 10px;
    }

.lsGenericMapChart svg [mapped="true"] {
    fill: red !important;
}

.lsGenericMapChart svg .area-hovered {
    fill: magenta !important;
}



.left-menu-map-editor .regions-view .member-name {
    font-weight: bold;
    margin-left: 2px;
}

.left-menu-map-editor .map-by-option {
    width: 30%;
    position: relative;
    display: inline-block;
    padding: 3px;
    min-height: 33px;
    float: right;
}

input.filled-in[type="radio"],
input.filled-in[type="checkbox"] {
    opacity: 0;
}

span.checkmark {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    left: -10px;
    min-height: 12px;
}

    span.checkmark:before,
    span.checkmark:after {
        position: absolute;
        content: "";
        display: inline-block;
    }

    span.checkmark:before {
        height: 12px;
        width: 12px;
        border: 1px solid black;
        left: 0px;
        top: 2px;
    }

.map-by-option span.checkmark:before {
    border-color: #666;
    border-radius: 50%;
}

span.checkmark:after {
    height: 4px;
    width: 8px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(-50deg);
    left: 3px;
    top: 5px;
}

.map-by-option span.checkmark:after {
    border-radius: 50%;
    background: black;
    width: 5px;
    height: 5px;
    left: 4px;
    top: 6px;
    transform: none;
}

input.filled-in[type="radio"]:not(:checked) + span:after,
input.filled-in[type="checkbox"] + span:after {
    content: none;
}

input.filled-in[type="radio"]:checked + span:after,
input.filled-in[type="checkbox"]:checked + span:after {
    content: "";
}

/*Adding focus styles on the outer-box of the fake checkbox*/

input.filled-in[type="radio"]:focus + span:before,
input.filled-in[type="checkbox"]:focus + span:before {
    outline: rgb(59, 153, 252) auto 5px;
}



.VirtualGrid {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate(0px 0px);
    -webkit-font-smoothing: antialiased;
}

    .VirtualGrid .ScrollViewer {
        overflow: auto;
        position: absolute;
        width: calc(100% + 50px);
        height: calc(100% + 50px);
    }

        .VirtualGrid .ScrollViewer .CellContainer {
            position: absolute;
            /*position: sticky;*/
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }

    .VirtualGrid:hover .ScrollBar, .VirtualGrid .ScrollBar.Dragging {
        opacity: 1;
        /*transition: opacity 0s;*/ /*Disable animation because of blur*/
    }

    .VirtualGrid .ScrollBar {
        opacity: 0;
        /*transition: opacity 0.5s;*/
        /*transition-delay: 0.5s;*/
        position: absolute;
        background: white;
    }

        .VirtualGrid .ScrollBar .Thumb {
            background: #e1e1e1;
            position: relative;
        }

        .VirtualGrid .ScrollBar.Horizontal {
            height: 8px;
        }

            .VirtualGrid .ScrollBar.Horizontal .Thumb {
                height: 100%;
            }

        .VirtualGrid .ScrollBar.Vertical {
            width: 8px;
        }

            .VirtualGrid .ScrollBar.Vertical .Thumb {
                width: 100%;
            }


    .VirtualGrid .extentFaker {
        visibility: hidden;
        position: absolute;
        width: 1px;
        height: 1px;
        visibility: hidden;
    }

    .VirtualGrid .InsertLine {
        position: absolute;
        background: #505050;
    }

.designmode .lsCrosstab {
    user-select: none !important;
}

body:not(.designmode) .lsCrosstab .VirtualGrid {
    cursor: pointer;
}

body:not(.designmode) .lsCrosstab .CrosstabCell {
    cursor: pointer;
}

body.designmode:not(.ShiftKeyDown) .lsCrosstab .CrosstabCell.Sortable {
    cursor: pointer;
}

body:not(.designmode):not(.CtrlKeyDown) .lsCrosstab .CrosstabCell.hasUrl {
    cursor: alias;
}

body:not(.designmode):not(.CtrlKeyDown) .lsCrosstab .CrosstabCell:hover a {
    text-decoration: underline;
}

.lsCrosstab {
    width: 100%;
    height: 100%;
    white-space: nowrap;
}



    .lsCrosstab * {
        box-sizing: border-box;
    }

    .lsCrosstab .CrosstabCell {
        padding: 0 0.2em 0.1em 0.2em;
        display: block;
        position: absolute;
        border-style: solid;
        overflow: hidden;
    }

        .lsCrosstab .CrosstabCell .TextContainer {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: middle;
            position: relative;
            line-height: normal;
        }

        .lsCrosstab .CrosstabCell span {
            vertical-align: middle;
            display: inline-block;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            -moz-hyphens: auto;
            hyphens: auto;
            background: none !important;
        }

        .lsCrosstab .CrosstabCell a {
            -webkit-touch-callout: none;
        }



        .lsCrosstab .CrosstabCell .button {
            display: inline-block;
            vertical-align: middle;
            margin-left: -16px;
        }

            .lsCrosstab .CrosstabCell .button.disabled {
                background-color: transparent !important;
            }

        .lsCrosstab .CrosstabCell .fakeButton {
            display: inline-block;
            vertical-align: middle;
            width: 16px;
            height: 16px;
            margin-left: -16px;
        }

        .lsCrosstab .CrosstabCell .AgentIcon {
            width: 16px;
            height: 16px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 2px;
        }

        .lsCrosstab .CrosstabCell .AgentGauge {
            display: inline-block;
            vertical-align: middle;
            margin-right: 2px;
        }

            .lsCrosstab .CrosstabCell .AgentGauge.LeftJustify, .lsCrosstab .CrosstabCell .AgentIcon.LeftJustify {
                float: left;
            }

        .lsCrosstab .CrosstabCell .BackgroundProgress {
            height: 100%;
            display: inline-block;
            position: absolute;
            top: 0;
            z-index: -1;
        }

        .lsCrosstab .CrosstabCell .ui-resizable-handle {
            visibility: visible !important;
            display: block !important;
        }

        .lsCrosstab .CrosstabCell .CrosstabCellInner {
            display: flex;
        }

    .lsCrosstab .SortingIcon {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        height: 100%;
    }

        .lsCrosstab .SortingIcon svg {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            z-index: 1;
        }


        .lsCrosstab .SortingIcon.defaultSorting svg {
            fill-opacity: 0.4;
            background: white;
        }

            .lsCrosstab .SortingIcon.defaultSorting svg:hover {
                background: #d3edff;
            }

    .lsCrosstab .CrosstabCell .SortingIcon.defaultSorting {
        display: none;
        width: 0;
        height: 100%;
    }

    .lsCrosstab .CrosstabCell:hover .SortingIcon.defaultSorting {
        display: inline-block;
        vertical-align: bottom;
    }




.ColResizeCursor * {
    cursor: col-resize !important;
}

.RowResizeCursor * {
    cursor: row-resize !important;
}

.ui-icon-placeholder {
    width: 16px;
    height: 16px;
    background-image: url(Images/Placeholder.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}



.ui-icon-manage {
    width: 16px;
    height: 16px;
    background-image: url(Images/Manage.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


.ui-icon-clear {
    width: 16px;
    height: 16px;
    background-image: url(Images/Clear.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


.ui-icon-editproperties {
    width: 16px;
    height: 16px;
    background-image: url(Images/Visualization.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ui-icon-showchart {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 16px;
}

.ui-icon-explanation {
    width: 16px;
    height: 16px;
    background-image: url(Images/Explanation.svg) !important;
}

.ui-icon-collapse {
    width: 16px;
    height: 16px;
    background-image: url(Images/Collapse.svg) !important;
}

.ui-icon-expand {
    width: 16px;
    height: 16px;
    background-image: url(Images/Expand.svg) !important;
}

.ui-icon-toolbar-collapse {
    width: 16px;
    height: 16px;
    background-image: url(Images/ToolbarCollapse.svg) !important;
}

.ui-icon-toolbar-expand {
    width: 16px;
    height: 16px;
    background-image: url(Images/ToolbarExpand.svg) !important;
}

.ui-icon-maximize {
    width: 16px;
    height: 16px;
    background-image: url(Images/Maximize.svg) !important;
}

.ui-icon-cube {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Cube.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-database {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Database.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-measure {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Measure.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-add {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Add.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-delete {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Delete.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-closeIcon {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Close.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-apply {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Apply.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-mainclose {
    width: 10px;
    height: 10px;
    background-position: center center !important;
    background-image: url(Images/MainClose.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 10px 10px;
}

.ui-icon-restore {
    width: 16px;
    height: 16px;
    background-image: url(images/Restore.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ui-icon-crosstab {
    width: 16px;
    height: 16px;
    background-image: url(Images/CrossTab.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ui-icon-regression {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Regression.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-whatIf {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/WhatIf.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-calculation {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Calculation.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-hierarchy {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Hierarchy.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-attribute {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Attribute.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-memberProperty {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/MemberProperty.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-userDimensionShared {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/UserDimensionShared.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-userDimensionNonShared {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/UserDimensionNonShared.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-level1 {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Level1.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-level2 {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Level2.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-level3 {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Level3.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-level4 {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Level4.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-level5 {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Level5.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-level6 {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Level6.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-level7 {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Level7.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-bullet {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/bullet.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-visible {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Visible.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-icon-hidden {
    width: 16px;
    height: 16px;
    background-position: center center !important;
    background-image: url(Images/Hidden.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}

.ui-image-joberror {
    width: 32px;
    height: 32px;
    background-image: url(Images/JobError.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ui-image-jobfailed {
    width: 32px;
    height: 32px;
    background-image: url(Images/JobFailed.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ui-image-loadingspinner {
    width: 32px;
    height: 32px;
    background-image: url(Images/LoadingSpinner.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ui-image-loadingspinner {
    width: 32px;
    height: 32px;
    background-image: url(Images/LoadingSpinner.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ui-icon-autofit {
    width: 16px;
    height: 16px;
    background-image: url(Images/Autofit.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ui-icon-dropdown {
    width: 6px;
    height: 6px;
    background-image: url(Images/DropdownArrow.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ui-icon-define {
    width: 16px;
    height: 16px;
    background-image: url(Images/Define.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ui-icon-settings {
    width: 16px;
    height: 16px;
    background-image: url(Images/Settings.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ui-icon-info {
    width: 16px;
    height: 16px;
    background-image: url(Images/Info.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ui-icon-info {
    width: 16px;
    height: 16px;
    background-image: url(Images/Info.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ui-icon-removefrompage {
    width: 16px;
    height: 16px;
    background-image: url(Images/RemoveFromPage.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ui-icon-drillout {
    width: 16px;
    height: 16px;
    background-image: url(Images/DrillOut.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.ui-icon-menunew {
    width: 16px;
    height: 16px;
    background-image: url(Images/MenuNew.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.ui-icon-menuinsertfile {
    width: 16px;
    height: 16px;
    background-image: url(Images/MenuInsertFile.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.ui-icon-menuinsertrole {
    width: 16px;
    height: 16px;
    background-image: url(Images/MenuInsertRole.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.lsLayoutObject {
    width: 100%;
    height: 100%;
}

    .lsLayoutObject.hasTrigger *,
    .lsLayoutObjectItem.hasTrigger * {
        cursor: alias;
    }

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

.lsLayoutObjectContent {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.lsLayoutObject .textContainer {
    padding: 3px;
}

.lsLayoutObject .innerContent {
    width: 100%;
    height: 100%;
}


.lsLayoutObject .VerticalCenter {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


.lsLayoutObject .VerticalBottom {
    position: relative;
    top: 100%;
    transform: translateY(-100%);
}

.lsLayoutObject .VerticalOverflow {
    overflow-y: auto;
    overflow-y: overlay;
}

    .lsLayoutObject .VerticalOverflow .textContainer {
        position: relative;
        top: 0px !important;
        transform: none;
    }

.HorizontalCenter {
    display: block;
    margin: auto;
    text-align: center;
}

.HorizontalRight {
    text-align: right;
    display: block;
    margin-right: 0px;
    margin-left: auto;
}

.captionText {
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
}

.subCaptionText {
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
}


.lsLayoutObject .horizontalImageText .image {
    height: 100%;
    width: auto;
    max-height: 100%;
    flex-grow: 0;
    flex-shrink: 0;
}

.lsLayoutObject .horizontalImageText .text {
    position: relative;
    max-height: 100%;
    flex-grow: 1;
    flex-shrink: 1;
    padding-left: 5px;
    padding-right: 3px;
}

.lsLayoutObject .horizontalImageText .innerContent {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    width: 100%;
    height: 100%;
}

.lsLayoutObject .verticalImageText .image {
    height: 100%;
    width: auto;
    max-height: 100%;
    flex-grow: 0;
    flex-shrink: 0;
}

.vertical .lsLayoutObject .verticalImageText .image {
    height:auto;
}

.lsLayoutObject .verticalImageText .text {
    position: relative;
    max-height: 100%;
    flex-grow: 1;
    flex-shrink: 1;
}

.lsLayoutObject .verticalImageText .innerContent {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-content: flex-start;
    width: 100%;
    height: 100%;
    max-height: 100%;
}

.lsMenuObject {
    display: block;
    padding: 4px;
    width: 100%;
    height: 100%;
}

    .lsMenuObject .lsLayoutObject {
        position: relative;        
        width: 100%;
        height: 100%;
    }

    .lsMenuObject.horizontal .lsLayoutObject {
        overflow-x: auto;
        overflow-x: overlay;
        overflow-y: hidden;
    }

    .lsMenuObject.vertical .lsLayoutObject {
        overflow-x: hidden;
        overflow-y: auto;
        overflow-y: overlay;
    }

    .lsMenuObject.horizontal .lsLayoutObjectItem {
        display: block;
        width: auto;
        height: 100%;
        position: absolute;
    }

    .lsMenuObject.vertical .lsLayoutObjectItem {
        display: block;
        height: auto;
        width: 100%;
        position: absolute;
    }

.lsMenuObject .lsLayoutObject .hasContent {
    padding: 3px;
}

.VisualOuterContainer, .VisualContainer * {
    box-sizing: border-box;
    line-height: normal;
}

.VisualContainer, .GridContainer, .VisualPageContainer, .VisualOuterContainer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

body:not(.CtrlKeyDown):not(.designmode) .VisualContainer.hasTrigger * {
    cursor: alias;
}

.VisualPageContainer {
    overflow: hidden;
}

.ObjectToolbar {
    position: absolute;
    background-color: #F1f1f1;
    border-radius: 16px;
    z-index: 19999;
    pointer-events: all;
    visibility: collapse;
    opacity: 0;
    line-height: 0;
    white-space: nowrap;
}

.IteratorCrosstabDialog.ui-widget.ui-widget-content {
    border: 2px solid black;
}

.IteratorCrosstabDialog.ui-dialog .ui-dialog-content {
    border: 0px;
    margin-top: 20px;
}

.IteratorCrosstabDialog.ui-dialog .ui-dialog-subtitle {
    font-size: 0.8em;
    margin-left: 10px;
}

.IteratorCrosstabDialog .ui-dialog-content {
    overflow: visible;
}

.IteratorCrosstabDialog.ui-dialog {
    padding-top: 5px;
    padding-left: 15px;
}

.IteratorCrosstabDialog .ObjectToolbar {
    visibility: visible;
    opacity: 1;
}

    .IteratorCrosstabDialog .ObjectToolbar.Under {
        bottom: -52px;
    }

.IteratorCrosstabDialog .IteratorCrosstabDialogButton {
    font-family: "Segoe UI Semilight", "Segoe WP Light", "Segoe UI", "Segoe", "Segoe WP", "Tahoma", "Verdana", "Arial", "sans-serif";
    font-weight: 300;
    font-size: 16px;
    background: #00597C;
    color: white;
    height: 45px;
    width: 60%;
    border-width: 0;
    outline: 0;
    left: 20%;
    top: 40%;
}

    .IteratorCrosstabDialog .IteratorCrosstabDialogButton:hover {
        background: #004B68;
    }

.IteratorCrosstabDialog .IteratorCrosstabDialogRowCount {
    font-family: "Segoe UI Semilight", "Segoe WP Light", "Segoe UI", "Segoe", "Segoe WP", "Tahoma", "Verdana", "Arial", "sans-serif";
    font-weight: 400;
    font-size: 13px;
    color: #00597C;
    margin-top: 18px;
    margin-left: 11px;
}

.ui-dialog .ui-dialog-buttonpane .DialogButton {
    font-family: "Segoe UI", "Segoe", "Segoe WP", "Tahoma", "Verdana", "Arial", "sans-serif";
    font-weight: 450;
    color: #333333;
    float: right;
    margin-bottom: 25px;
    margin-right: 30px;
    width: 100px;
    font-size: 12px;
    background: white;
    border-color: #797979;
}

    .ui-dialog .ui-dialog-buttonpane .DialogButton:hover {
        background-color: rgba(157, 205, 254, 0.5);
    }

.animationEnabled .ObjectToolbar {
    transition: visibility .3s, opacity .3s;
}

.consumerModeVisible {
    visibility: visible !important;
    opacity: 1 !important;
}

.consumerModeHidden {
    visibility: hidden !important;
    opacity: 0 !important;
}

.bg-maximized-object-box .border-box .ObjectToolbar, body.CtrlKeyDown .bg-maximized-object-box .border-box .ObjectToolbar, body.ShiftKeyDown .bg-maximized-object-box .border-box .ObjectToolbar {
    visibility: visible !important;
    opacity: 1 !important;
}

.border-box .ObjectToolbar:hover {
    visibility: visible !important;
    opacity: 1 !important;
}

body.CtrlKeyDown .border-box .ObjectToolbar, body.ShiftKeyDown .border-box .ObjectToolbar {
    visibility: collapse !important;
    opacity: 0 !important;
}

body.CtrlKeyDown .border-box .ObjectToolbar, body.ShiftKeyDown .border-box .ObjectToolbar {
    visibility: collapse !important;
    opacity: 0 !important;
}

.ps-selected .ObjectToolbar {
    visibility: visible;
    opacity: 1;
}

.ObjectToolbarButtonContainer {
    margin: 6px;
    display: inline-block;
}

    .ObjectToolbarButtonContainer .ObjectToolbarGroupDropdown {
        margin: 1px auto 0 auto;
    }

.ObjectToolbarButton {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.ObjectToolbar.Under {
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -42px;
}

.ObjectToolbar.TopLeft {
    top: 10px;
    left: 20px;
}

.ObjectToolbar.TopLeftOver {
    top: -42px;
    left: 20px;
}

.ObjectToolbar.Bottom {
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 5px;
}

.ObjectToolbarDropdownOverlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}


    .ObjectToolbarDropdownOverlay .DropdownContainer {
        position: absolute;
        padding: 50px;
    }

        .ObjectToolbarDropdownOverlay .DropdownContainer .Dropdown {
            background: white;
            border: 1px solid gray;
        }

            .ObjectToolbarDropdownOverlay .DropdownContainer .Dropdown .DropdownButton {
                font-family: 'Segoe UI', Arial;
                font-size: 10pt;
                color: gray;
                padding: 4px 8px;
                cursor: pointer;
            }

                .ObjectToolbarDropdownOverlay .DropdownContainer .Dropdown .DropdownButton:hover {
                    background-color: #d3edff;
                }

.autoHidingScrollbar {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}


.MessageContainer .background {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
}


.MessageContainer .UnableToRenderButton {
    position: absolute;
    top: 50%;
    width: calc(100% - 32px);
    margin: 0 16px;
    transform: translateY(-50%);
    background: #00597C;
    opacity: 1;
    text-align: center;
    padding: 9px 0 8px 0;
    cursor: default;
}

    .MessageContainer .UnableToRenderButton span {
        vertical-align: middle;
        color: white;
        font-family: "Segoe UI Light", Tahoma, Geneva, Verdana, sans-serif;
        font-size: 18pt;
    }

.MessageContainer .LoadButton {
    position: absolute;
    top: 50%;
    width: calc(100% - 32px);
    margin: 0 16px;
    transform: translateY(-50%);
    background: #00597C;
    opacity: 1;
    text-align: center;
    padding: 9px 0 8px 0;
    cursor: pointer;
}


    .MessageContainer .LoadButton span {
        vertical-align: middle;
        color: white;
        font-family: "Segoe UI Light", Tahoma, Geneva, Verdana, sans-serif;
        font-size: 18pt;
    }


.DisabledOverlay .Part {
    z-index: 999;
    position: absolute;
    background: rgba(0,0,0,0.4);
}

.DisabledOverlay .CloseButton {
    position: absolute;
    width: 20px;
    height: 20px;
    transform: translate(-10px, 5px);
    z-index: 1000;
}

:not(.lsMobile) .autoHidingScrollbar:not(:hover)::-webkit-scrollbar {
    display: none;
}

body:not(.lsMobile) ::-webkit-scrollbar {
    background: white;
    width: 5px;
    height: 5px;
    -webkit-overflow-scrolling: touch;
}


body:not(.lsMobile) ::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

body:not(.lsMobile) ::-webkit-scrollbar-thumb {
    background: #e1e1e1;
    border: 0px none #ffffff;
    border-radius: 0px;
}

.loadSpinner {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
}

    .loadSpinner .ui-image-loadingspinner {
        animation: rotate 1.5s infinite linear;
    }

    .loadSpinner .loadSpinnerBackground {
        width: 100%;
        height: 100%;
        background-color: white;
        opacity: 0;
    }

.animationEnabled .loadSpinner .loadSpinnerBackground {
    transition: opacity ease-in-out 0.5s;
}

.loadSpinner.visible .loadSpinnerBackground {
    opacity: 0.5;
}

.loadSpinner.hidden {
    display: none;
}


    .loadSpinner.hidden .loadSpinnerBackground {
        opacity: 0;
    }

.placeholder {
    background-color: rgba(0,0,0,0.10);
    border: 1px dashed #00597C;
    width: 100%;
    height: 100%;
}

body *:not(input) {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}