//BEGIN skin params
@base-color: #36c;
@body-color: #1f2933;
@login-logo-background-color: #36c;
@login-background-color: #ccc;
@show-header-logo-as-text: false;
@show-header-logo-as-image: true;
@show-header-background-as-image: false;
@header-logo-text: '';
@header-logo: 'Image?name=default_headerLogo';
@header-background-image: 'Image?name=';
@show-login-logo-as-text: false;
@show-login-logo-as-image: true;
@show-login-background-as-image: false;
@login-logo: 'Image?name=default_loginLogo';
@login-logo-text: '';
@login-background-image: 'Image?name=';
@login-fieldscontainer-ishidden: false;
@show-empty-fields-gray: false;
@custom-icons-color: none;
@icon-color-active: none;
@swatch-theme-color-highlight: #E5EEFF;
@base-highlighting-color: #D6E0F4;
@theme-color-hue: 220;
@theme-color-sat: 0.7500;
@theme-color-val: 0.8000;
@swatch-theme-color: #3366CC;
@swatch-theme-color-background: #2C59B2;
@swatch-theme-color-text: #193366;
@swatch-gray-1: #F2F2F2;
@swatch-gray-2: #E5E5E5;
@swatch-gray-3: #CCCCCC;
@swatch-gray-4: #999999;
@swatch-gray-5: #666666;
//END skin params

//BEGIN: C:\Webroot\SG\new\wwwroot\dist\all-lucent.less
@scrollbar-neutral-color: rgba(204,204,204,0.5);
@scrollbar-active-color: rgba(153,153,153,0.5);

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-button {
    background: transparent;
    height: 0;
    width: 0;
}

::-webkit-scrollbar-track-piece {
    background: transparent;
}

* {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.x-scroller {
    cursor: default;
}

:hover {
    scrollbar-color: @scrollbar-neutral-color transparent;

    &::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 10px 10px @scrollbar-neutral-color;
        border: solid 2px transparent;
    }

    &.pvtree .x-scroller::-webkit-scrollbar-thumb,
    &.recent .x-scroller::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 10px 10px @scrollbar-neutral-color;
        border: 4px solid #fff;

        &:hover {
            box-shadow: inset 0 0 10px 10px @scrollbar-active-color;
        }

        &:active {
            box-shadow: inset 0 0 10px 10px @scrollbar-active-color;
        }
    }
}

::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 10px;

    &:hover {
        box-shadow: inset 0 0 10px 10px @scrollbar-active-color;
        border: solid 0px transparent;
    }

    &:active {
        box-shadow: inset 0 0 10px 10px @scrollbar-active-color;
        border: solid 0px transparent;
    }
}

.pvtree .x-scroller,
.recent .x-scroller {

    &::-webkit-scrollbar {
        width: 12px;
        height: 12px;
    }

    &::-webkit-scrollbar-thumb {

        &:hover {
            border: 3px solid #fff;
        }

        &:active {
            border: 3px solid #fff;
        }
    }

    * {
        scrollbar-width: thin;
        scrollbar-color: transparent transparent;
    }
}
@swatch-red: #CC0000;
@swatch-green: #009933;
@swatch-yellow: #FFFFCC;
@swatch-white: #fff;
@swatch-gray: #f2f2f2;
@swatch-orange: #F90;
@links-color-disabled: #808080;
@links-color: #194C66;
// Color Palette

@swatch-black: #000;
@swatch-white: #fff;

//These come from the SkinGenerator because of dotless missing functionality

//@theme-color-hue: hsvhue(@base-color);
//@theme-color-sat: hsvsaturation(@base-color);
//@theme-color-val: hsvvalue(@base-color);

//@swatch-theme-color: hsv(@theme-color-hue, @theme-color-sat, @theme-color-val);
//@swatch-theme-color-highlight: hsv(@theme-color-hue, 10%, @theme-color-val);
//@swatch-theme-color-background: hsv(@theme-color-hue, @theme-color-sat, @theme-color-val - 10%);
//@swatch-theme-color-text: hsv(@theme-color-hue, @theme-color-sat, @theme-color-val / 2);

//@swatch-gray-1: hsv(@theme-color-hue, 0%, 95%);
//@swatch-gray-2: hsv(@theme-color-hue, 0%, 90%);
//@swatch-gray-3: hsv(@theme-color-hue, 0%, 80%);
//@swatch-gray-4: hsv(@theme-color-hue, 0%, 60%);
//@swatch-gray-5: hsv(@theme-color-hue, 0%, 20%);

@border-radius: 3px;
@border-color: @swatch-gray-3;

@button-color: @swatch-theme-color;
@button-color-over: @swatch-theme-color-background;
@button-color-pressed: @swatch-theme-color-background;
@button-color-disabled: @swatch-gray-3;

@icon-color: @swatch-gray-4;

@highlight-text-color: #000;

@selected-background-color: @swatch-theme-color-highlight;
@highlight-background-color: @swatch-gray-1;
@highlight-border-color: @swatch-gray-3;
@form-field-background-color: @swatch-gray-1;
@form-input-label-color: #666666;

@tabbar-background-color: @swatch-gray-3;
@content-place-padding: 8px;
@content-place-background-color: @swatch-gray-2;
@content-panel-lr-padding: 16px;
@content-panel-tb-padding: 16px;

@links-color: @swatch-theme-color-text;
@links-color-disabled: #808080;
@font-weight-bold: 600;

@toolbar-arrow-right-color-default: #369;

@icon-color-grey: #888888;
@icon-color-default: @icon-color-grey;
@brand-color: #3388CC;

@toolbar-arrow-right-color-default: #369;
@new-general-panel-margin: 2px; 

body {
    .icon-fullscreen-out:before {
        content: '\03CB';
    }

    .icon-fullscreen-out:after {
        content: '';
        color: white;
    }

    .icon-fullscreen-in:before {
        content: '\03CC';
    }

    .icon-fullscreen-in:after {
        content: '';
        color: white;
    }

    .icon-action-dynamofield:before {
        //TODO: Someone give me a better icon
        font-family: DynamoEntityIcons;
        vertical-align: middle;
        content: "\002f";
        color: purple;
    }
}

.d-check-action-icon:before {
    content: "\0041";
    color: @icon-color;
}

.d-check-action-icon:hover:before {
    color: @icon-color-active;
}

.d-check-action-icon-checked:before {
    content: "\0394";
    color: @swatch-theme-color;
}

.d-check-action-icon-checked:after {
    content: '';
    color: white;
}

.d-check-action-icon:after {
    content: '';
    color: transparent;
}

.d-check-action-icon:before, .d-check-action-icon-checked:before, .d-check-action-icon:after, .d-check-action-icon-checked:after {
    position: absolute;
    left: 3px;
}

.d-check-action-icon, .d-check-action-icon-checked {
    font-family: DynamoSymbolsRegular;
    font-size: 16px;
    border: 1px dotted transparent;
    color: black;
}

.d-action-picker {
    & .x-panel-body-d-content-place {
        padding: @new-general-panel-margin 0 !important;
    }

    .x-grid-cell-inner {
        overflow: visible;
    }
}

[id^="actionsconfigform"] {
    .d-check-action-icon:before,
    .d-check-action-icon-checked:before,
    .d-check-action-icon:after,
    .d-check-action-icon-checked:after {
        left: 8px;
        top: 6px;
    }
}

@buttons-color: @swatch-theme-color-background;
@buttons-color-over: darken(@buttons-color, 5%);
@buttons-color-active: darken(@buttons-color, 10%);

@buttons-color-light: @swatch-theme-color-highlight;
@buttons-color-disabled: @swatch-gray-3;

.x-btn.x-btn-d-btn-secondary-small {
    border-color: @buttons-color;

    .x-btn-inner {
        color: @buttons-color;
    }

    &.x-btn-over {
        border-color: @buttons-color-over;
        background-color: @buttons-color-over;

        .x-btn-arrow-right:after,
        .x-btn-inner {
            color: @swatch-white;
        }
    }

    &.x-btn-menu-active,
    &.x-btn-pressed {
        border-color: @buttons-color-active;
        background-color: @buttons-color-active;

        .x-btn-arrow-right:after {
            color: @swatch-white;
        }
    }
}

.x-btn.x-btn-d-nav-button-small {
    border: none !important;
}

.x-btn.x-btn-default-small,
.x-btn.x-btn-d-nav-button-small {
    border-color: @buttons-color;
    background-color: @buttons-color;

    &.x-btn-focus, &.x-btn-over, &.x-btn-menu-active {
        border-color: @buttons-color-over;
        background-color: @buttons-color-over;

        .x-btn-arrow-right:after {
            color: @buttons-color;
        }
    }

    &.x-btn-pressed {
        border-color: @buttons-color-active;
        background-color: @buttons-color-active;
    }

    &.x-btn-disabled {
        background-color: @buttons-color;
    }
}

.x-btn.x-btn-default-toolbar-small,
.x-btn.x-btn-plain-toolbar-small {
    &.x-btn-over {
        border-color: @buttons-color;
        background-color: @buttons-color-over;

        .x-btn-inner, .x-btn-icon-el, .x-btn-arrow-right::after {
            color: @swatch-white;
        }
    }

    &.x-btn-menu-active,
    &.x-btn-pressed {
        border-color: @buttons-color;
        background-color: @buttons-color-active;

        .x-btn-inner, .x-btn-icon-el, .x-btn-arrow-right::after {
            color: @swatch-white;
        }
    }

    &.x-btn-disabled {
        .x-btn-icon-el {
            color: @swatch-gray-3;
        }
    }
}


.d-link-btn .x-btn-inner.x-btn-inner-default-small {
    color: @buttons-color-active;
}
.fc-toolbar.fc-header-toolbar {
    margin-top: 4px;
    margin-right: 4px;
}

.fc-toolbar.fc-header-toolbar button:active {
    border-color: @border-color;
    background-color: @buttons-color-active;
    color: white;
}

.fc-button-primary {
    border-radius: 5px;
    background-color: white;
    color: #7F7F7F;
}

.fc-button-primary.fc-timeGridMonth-button,
.fc-button-primary.fc-timeGridWeek-button,
.fc-button-primary.fc-timeGridDay-button,
.fc-button-primary.fc-listYear-button {
    color: #7F7F7F;
    background-color: white;
}

.fc-button-group .fc-button-primary.fc-button-active,
.fc-button-primary:active {
    color: #fff;
    background-color: @button-color-pressed;
    border-color: @border-color;

    &:hover {
        background-color: @button-color-pressed;
    }
}

.fc-dayGridMonth-button.fc-button-active {
    pointer-events: none;
    cursor: default;
}

.fc-right .fc-button-primary:hover {
    border-color: @border-color;
    background-color: @buttons-color-over;
    color: white;
}


.fc-button-group {
    .fc-prev-button {
        margin-right: 8px;
    }

    .fc-prev-button.fc-button-primary {
        margin-right: 4px;
        padding-left: 4px;
        padding-right: 4px;
        border-radius: 5px;
    }

    .fc-prev-button.fc-button-primary {
        &:hover {
            background-color: @buttons-color-over;
            color: white;
        }

        &:active {
            background-color: @buttons-color-active;
        }
    }

    .fc-today-button.fc-button-primary {
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 5px;
    }

    .fc-today-button.fc-button-primary {
        &:hover {
            background-color: @buttons-color-over;
            color: white;
        }

        &:active {
            background-color: @buttons-color-active;
        }
    }

    .fc-next-button.fc-button-primary {
        &:hover {
            background-color: @buttons-color-over;
            color: white;
        }

        &:active {
            background-color: @buttons-color-active;
        }
    }

    button {
        box-shadow: none !important;
    }
}

.fc-button-group > button.fc-next-button:not(first-child).fc-button-primary {
    margin-left: 4px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 5px;
}

.fc-right * {
    border-color: @border-color;
}


.fc-button-group .fc-button-primary:disabled {
    color: #fff;
    background-color: @button-color-disabled;
    border-color: @border-color;
    opacity: 1;

    &:hover {
        background-color: @button-color-disabled;
        pointer-events: none;
        cursor: default;
    }
}

.fc-dayGridMonth-view {
    .fc-widget-content {
        border-bottom: none;
        border-left: none;
    }

    .fc-head-container.fc-widget-header {
        border-left: none;
        border-right: none;
        border-top: none;
    }
}

.fc-day-grid-container a:not(.x-btn):not(.fc-more) {
    &:hover {
        text-decoration: none;
    }

    &:active {
        text-decoration: none;
    }
}

.fc th {
    font-weight: @font-weight-bold;
    color: #999999;
    padding-bottom: 4px;
}

.fc-toolbar h2 {
    font-weight: @font-weight-bold;
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
    font-weight: @font-weight-bold;
    float: none;
    color: black;
}

.fc-day-grid td {
    text-align: center;
}

.fc-day-grid .fc-content-skeleton {
    padding-top: 4px;
}

.fc-ltr .fc-dayGrid-view .fc-day-top.fc-today .fc-day-number {
    background-color: @swatch-gray-2;
    border-radius: 5px;
    font-weight: @font-weight-bold;

    &:hover {
        background-color: @buttons-color-over;
        color: white !important;
    }

    &:active {
        color: white !important;
        background-color: @buttons-color-active;
    }
}

.fc-day-grid-event {
    .fc-content.fc-expand-content {
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 4px;
    }

    .fc-duration {
        height: 0 !important;
    }

    .fc-time{
        padding-right: 4px;
        font-weight: 400;
    }

    margin: 1px 0px 0;
}

.fc-time-grid-event {
    .fc-duration {
        height: 0 !important;
    }

    .fc-content.fc-expand-content {
        padding: 2px 0 2px 2px;
    }
}

.fc-event, .fc-event-dot {
    background-color: @swatch-theme-color;
    border-color: @border-color;

    &:hover {
        background-color: @buttons-color-over;
    }

    &:active {
        background-color: @buttons-color-active;
    }
}

.fc-unthemed td.fc-today {
    background: none;
}

.fc-dayGrid-view .fc-day-number, .fc-dayGrid-view .fc-week-number {
    // padding: 4px;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 24px;
}

.fc td.fc-today {
    border-style: solid;
    border-width: 1px;
}

.fc-unthemed {
    .fc-content,
    .fc-divider,
    .fc-list-heading td,
    .fc-list-view,
    .fc-popover,
    .fc-row,
    tbody,
    td,
    th,
    thead {
        border-color: @border-color;
    }
}

.fc-day-grid-event .fc-content {
    color: white;
}

.fc-time-grid-event {
    .fc-content {
        color: #fff;
    }

    .fc-time-grid-event,
    .fc-time-grid-event {
        .fc-time,
        .fc-title {
            color: #fff;
        }
    }
}

.fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-end {
    border-radius: 3px;
}

.fc-day-grid td {
    text-align: left;

    &.fc-day-top {
        text-align: center;
    }

    &.fc-more-cell {
        text-align: center;
    }
}

.fc-event-container .fc-day-grid-event.fc-h-event {
    &:hover {
        text-decoration: none;
    }

    &:active {
        text-decoration: none;
    }
}
.calendar-tooltip {
    -moz-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));

    .x-autocontainer-outerCt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .x-tip-anchor-top {
        border-bottom: 10px solid #fff;
    }

    .x-tip-anchor-bottom {
        border-top: 10px solid #fff;
    }

    .x-tip-anchor-left {
        border-right: 10px solid #fff;
    }

    .x-tip-anchor-right {
        border-left: 10px solid #fff;
    }

    &.x-tip-default {
        background-color: #fff;
        border-color: #fff;
        color: #272f3a;
        padding: 13px;
        padding-top: 0;
        padding-right: 32px;
        text-align: left;
    }

    .x-tip-body-default {
        background-color: #fff;
        color: #272f3a;
        overflow-x: hidden !important;
        margin-top: -10px;
        z-index: 3;
    }

    .event-tooltip {
        position: relative;
        cursor: default;

        img {
            max-width: 100%;
            height: auto !important;
        }
    }

    .event-title {
        font-size: 14px;
        color: @swatch-theme-color;
        padding-top: 4px;

        &:hover {
            text-decoration: underline;
            cursor: pointer;
        }
    }

    a {
        &:hover {
            text-decoration: underline;
        }
    }

    .event-date {
        font-size: 11px;
        font-weight: 400;
        color: rgba(39, 47, 58, 0.45);
    }

    .event-time {
        font-size: 12px;
        font-weight: 400;
        color: rgb(39, 47, 58);
        padding-left: 0;
        padding-top: 15px;
    }

    .event-description {
        font-size: 12px;
        font-weight: 400;
        color: #272f3a;

        p {
            line-height: 14px;
        }
    }

    .x-tool-close {
        color: rgba(39, 47, 58, 0.45);

        &:hover {
            color: rgba(204, 51, 51, 1);
        }
    }

    .x-tip-header-default {
        padding: 0 15px 0 6px;
        top: 13px !important;
    }

    .fc-event-dot {
        margin-right: 10px;
    }

    table {
        width: 100%;
        table-layout: fixed;
        margin-top: 10px;
        margin-bottom: 40px;

        td {
            vertical-align: top;
            width: 70%;
            padding: 2px;

            &:first-child {
                text-align: right;
                width: 30%;
            }
        }

        ::-webkit-scrollbar {
            width: 5px;
            height: 5px;
        }

        ::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0);
        }

        ::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, 0.1);
            border-radius: 3px;

            &:hover {
                background: rgba(0, 0, 0, 0.15);
            }
        }

        ::-webkit-scrollbar-corner {
            background: rgba(0, 0, 0, 0);
        }
    }
}


.cell-info-badge {
    background-color: @base-color !important; //#6c757d !important;
    color: white;
    border-radius: 3px;
    /*-moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;*/
}

.cell-info-badge * {
    background-color: @base-color !important;
    color: white !important;
    border-radius: 3px;
}

.colspan-block{
    background: white;
}


.colspan-block.colspan-block-black {
    border: 1px solid #797979;
}
.colspan-block.colspan-block-white {
    box-shadow: 1px 1px #a1a6af;
}
.x-container-d-nav-place {
    z-index: 0;
}

.x-panel-body-d-content-place {
    background-color: @content-place-background-color;
    padding: @new-general-panel-margin !important;
}

.x-panel.content-place {
    background-color: @content-place-background-color;
    padding: @new-general-panel-margin;

    & > .x-panel-bodyWrap > .x-panel-body {
        background-color: @content-place-background-color;
    }
}

.workviewsingle, .workviewitem, .itemdetailscontainer, .itemdetails, .d-tabpanel {
    .x-panel-d-content-panel:not(.allow-loading-spinner) > .x-mask {
        opacity: 0
    }

    & > .x-panel-bodyWrap > .x-panel-body {
        background-color: @content-place-background-color;
    }
}

.workview {

    &.itemdetails .x-panel-body-d-content-place {
        padding: 0 !important;
    }
}

.x-panel-d-content-panel {
    padding: @content-panel-tb-padding @content-panel-lr-padding;
    background-color: #fff;

    &.d-itemsgrid {
        padding: @content-panel-tb-padding @content-panel-lr-padding calc(@content-panel-tb-padding - 8px) @content-panel-lr-padding;
    }
}

.homeworkview {
    & .x-panel-body-d-content-place {
        padding-left: 0 !important;
    }
}

.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

    .croppie-container .cr-viewport,
    .croppie-container .cr-resizer {
        position: absolute;
        border: 1px solid #888;
        margin: auto;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
        z-index: 0;
    }

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

    .croppie-container .cr-slider-wrap {
        /*width: 75%;*/
        margin: 15px auto;
        text-align: center;
        position: fixed;
        z-index: 100;
        opacity: 0.7;
    }

    .croppie-container .cr-slider-wrap:before {
        font-family: DynamoSymbolsRegular;
        font-size: 16px;
        content: "K";
        padding-right: 5px;
        position: relative;
        color: rgba(0,0,0,0.5);
        top: -5px;
    }
    .croppie-container .cr-slider-wrap:after {
        font-family: DynamoSymbolsRegular;
        font-size: 24px;
        content: "K";
        padding-left: 5px;
        position: relative;
        top: -4px;
        color: rgba(0,0,0,0.5);
    }


.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;
    /*removes default webkit styles*/
    /*border: 1px solid white; */ /*fix for FF unable to apply focus style bug */
    width: 250px;
    /*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
    cursor: pointer;
}

    .cr-slider::-webkit-slider-runnable-track {
        width: 100%;
        height: 3px;
        background: rgba(0,0,0,0.5);
        border: 0;
        border-radius: 3px;
    }

    .cr-slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: none;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #369;
        margin-top: -6px;
    }

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

    .cr-slider::-moz-range-thumb {
        border: none;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #369;
        margin-top: -6px;
    }

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

    .cr-slider::-ms-track {
        width: 100%;
        height: 5px;
        background: transparent;
        /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
        border-color: transparent; /*leave room for the larger thumb to overflow with a transparent border */
        border-width: 6px 0;
        color: transparent; /*remove default tick marks*/
    }
.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
    .cr-slider::-ms-thumb {
        border: none;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #369;
        /*margin-top: 1px;*/
    }
.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}
.cr-rotate-controls button {
	border: 0;
	background: none;
}
.cr-rotate-controls i:before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
}
.cr-rotate-l i:before {
	content: '↺';
}
.cr-rotate-r i:before {
	content: '↻';
}
.activitybody-wrapper {
    width: 100%;
    height: 100%;
}

.activitybody-subject-wrapper {
    padding: 7px;
    font-weight: bold;
    background-color: #DADADA;
    border-bottom: 1px solid #99BBE8;
}

.acitivtybody-body-wrapper {
}

.detailsproximity-infowindow .openablelink {
    line-height: 24px;
}

.detailsproximity-infowindow .d-icon-24 {
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}

.documentpreview-wrapper,
.documentpreview-body-wrapper {
    width: 100%;
    height: 100%;
}

.documentpreview-body-wrapper object,
.documentpreview-body-wrapper embed {
    width: 100%;
    height: 100%;
}

.activitybody-full-info-label-wrapper {
    display: inline-block;
    width: 60px;
    text-align: right;
    padding-right: 5px;
    color: #a5a5a5;
    font-size: 11px;
}

.activitybody-full-info-val-wrapper {
    display: inline-block;
}

.activitybody-full-subject-wrapper {
    padding: 10px;
    font-size: 13px;
}

.activity-body-iframe {
    width: 100% !important;
    height: 100% !important;
    display: inline-block;
    border: none !important;
}

.activity-body-iframe html > body {
    display: inline-block !important;
}


.detailsactivitybodywithdocs-scroller {
    overflow: auto !important;
    -ms-overflow-style: none !important; /* IE and Edge */
    scrollbar-width: none !important; /* FF */
}
/* for Chrome */
.detailsactivitybodywithdocs-scroller::-webkit-scrollbar {
    display: none;
}

.d-activity-related-doc {
    display: inline-block;
    margin-left: 10px;

    & .d-activity-related-doc-icon {
        display: inline;
        background-size: 16px auto;
        margin-left: -12px;
        margin-right: 4px;

        &:before {
            display: inline;
        }
    }

    & a {
        overflow-wrap: anywhere;
    }
}

.activity-details-document-expand {
    margin-left: 4px;
}

.activity-details-document-summarize {
    padding: 4px 0px 4px 0px;
    background-color: #fff !important;
    border: 0px;
    &.x-btn.x-btn-default-toolbar-small.x-btn-over {
        .x-btn-inner-default-toolbar-small {
            &:hover {
                background-color: #fff !important;
                color: @button-color;
                text-decoration: underline;
            }
        }
    }
}

.icon-home-custom {
    color: rgba(191, 120, 189, 1);
    display: inline-table;
    border-collapse: separate;
    border-spacing: 2px;
    border: 2px solid transparent;
    font-size: 24px;
    width: 36px;
    height: 36px;
    color: #969ba0;
    cursor: pointer;

    &:before {
        width: 28px;
        font-size: 24px;
        margin-top: 0;
        vertical-align: middle;
    }
}

.icons-panel .icon-home-custom:not(.icon-home-custom-selected):not(:hover) {
    color: #969ba0 !important;
}

.icon-home-custom-selected {
    border: 2px solid #2366cc;
}

.icons-panel {
    background-color: @swatch-black;
}

.icons-body-panel {
    background-color: @swatch-black;
}

.icons-panel.light,
.icons-body-panel.light {
    background-color: #ebedef;
}

.icon-library-form-icons {
    text-align: right;
}

// ENTITY ICONS

.preview-entity-icon.x-btn-default-small {
    background-color: #fff;
    width: 260px;
    height: 44px;
    border: none;
    border-radius: 0px;
    cursor: default;
    padding: 5px 7px 5px 7px;

    .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-small {
        margin-right: 0;
    }

    &:not(.heading-sample) .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-small {
        height: 20px;
        width: 20px;
    }

    &.x-btn-over,
    &.x-btn-focus,
    &.x-btn-pressed {
        background-color: #fff !important;
    }

    .x-btn-inner,
    &.x-btn-over .x-btn-inner,
    &.x-btn-focus .x-btn-inner,
    &.x-btn-pressed .x-btn-inner {
        color: @swatch-black !important;
    }
}

.heading-sample.x-btn-default-small {
    padding: 0px;
    height: 40px;

    [class*=" icon-"]:before {
        font-size: 32px;
    }

    .x-btn-inner {
        font-size: 24px;
        line-height: 30px;
    }

    &.preview-entity-icon .d-icon-32 {
        width: 40px;
        height: 40px;
    }
}

.light-menu-sample.x-btn-default-small {
    background-color: #ebedef !important;
    padding: 5px 7px 5px 7px;

    &.x-btn-over,
    &.x-btn-pressed {
        background-color: #ebedef !important;
    }
}

.dark-menu-sample.x-btn-default-small {
    background-color: @swatch-black !important;
    padding: 5px 7px 5px 7px;

    &.x-btn-over,
    &.x-btn-pressed {
        background-color: @swatch-black !important;
    }

    .x-btn-inner,
    &.x-btn-over .x-btn-inner,
    &.x-btn-pressed .x-btn-inner {
        color: #ebedef !important;
    }
}

.entityiconcolorfield {

    .x-form-trigger-wrap-default {
        border-color: #fff;
        border-width: 2px;
    }

    .x-form-text-default {
        background-color: rgba(40, 47, 57, 0.08);
        height: 24px;
    }
}

.entityicons-skinpresets {
    .x-color-picker-item {
        width: 28px;
        height: 28px;
        border-width: 2px;
        padding: 0;
    }

    .x-color-picker-item-inner {
        line-height: 24px;
        border: none;
    }

    .x-color-picker-item:hover {
        border-color: @base-color;
    }
}

.icons-panel-entity-icons {
    background-color: #fff;
}

.icons-body-panel-entity-icons {
    background-color: #fff;
}

.icons-panel-entity-icons [class*=" icon-"].d-icon-32 {
    font-family: "DynamoEntityIcons";
    font-size: 24px;
    line-height: 0;
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
    margin: 0;

    &.icon-home-custom-selected-entity-icons {
        border: 2px solid #2366cc;
    }

    &:before {
        font-size: 24px;
        line-height: 1;
        width: 28px;
    }

    &:hover {
        cursor: pointer;
    }
}

.icon-home-custom-entity-icons {
    margin: 2px;
    display: inline-table;
    border-collapse: separate;
    border-spacing: 2px;
    color: rgba(40, 47, 57, 0.6);
    border-spacing: 2px;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;

    &:before {
        width: 24px;
        margin-left: 0px;
        line-height: 20px;
        margin-top: 0;
        vertical-align: middle;
        font-size: 24px;
        line-height: 24px;
        width: 24px;
    }

    &:not(.icon-home-custom-selected-entity-icons):not(:hover) {
        color: rgba(40, 47, 57, 0.6) !important;
    }
}

.preview-entity-icon {
    .x-btn-icon-el {
        color: @base-color;
    }

    .d-icon-32 {
        width: 32px;
        height: 32px;
        background-position: center;
        background-repeat: no-repeat;
    }
}

.entityicons-skinpresets {
    .x-color-picker-selected {
        border-color: @base-color;
    }

    .x-color-picker-item-inner {
        width: 24px;
        height: 24px;
    }
}

.entity-icon-link-icon {
    font-family: "DynamoSymbolsRegular";
    display: inline-block;
    vertical-align: top;
    //margin-top: -2px;
    color: #888885; /*https://alligator.io/css/hex-code-colors-alpha-values/*/
    margin-left: 0px;

    &:before {
        content: "c";
    }
}

.entity-icon-link-text {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 5px;
    color: @icon-color-active;
    font-family:"Open Sans" !important;
}

.heading-sample.x-btn-default-small .preview-btn[class*=" icon-selector-generated-"].x-btn-icon-el {
    margin-top: 0px;
}
.preview-btn[class*=" icon-selector-generated-"] {
    font-family: "DynamoEntityIcons";
    font-size: 24px;

    &.x-btn-icon-el-default-small {
        width: 32px;
    }
}

.dynamo-section-title {
    font-size: 11px;
}

.dynamo-section-underline {
    height: 3px;
    color: @base-color;
    background: @base-color;
    border: none;
    /*margin-bottom: 30px;*/
}
.filter-trigger-textfield {
    padding-left: 30px !important;
}

.webform-control-disabled {
    opacity: 1 !important;
}
label.webform-informative-text {
    color: #999999;
    &.last-item {
        padding-bottom: 10px;
    }
}


body { //Lookups Visibility
    .d-list-item-disabled {
        pointer-events: none;
        opacity: 0.5;
    }

    .d-list-item-hidden {
        display: none;
    }

    .x-item-disabled .x-form-field.x-form-checkbox.x-form-checkbox-default.x-form-cb.x-form-cb-default:before {
        color: #7e8288;
    }

    .x-item-disabled .x-form-field.x-form-checkbox.x-form-checkbox-default.x-form-cb.x-form-cb-default:after {
        color: transparent;
        content: '';
    }
}

.x-negative-number-colored {
    & .d-publicface {
        /* We should override color for negative numbers */
        color: red !important;
    }
}

.x-disabled-address-field {
    &.x-item-disabled * {
        pointer-events: all;
    }

    & .d-publicface:hover {
        background-color: initial;
    }
}

.x-free-text-panel {
    & img.fr-dib {
        margin: 5px auto;
        float: none;
        vertical-align: top;
        max-width: 99%;
        max-height: 99%;
    }

    & img.fr-dib.fr-fir {
        margin-left: 50%;
        text-align: right;
    }

    & img.fr-dib.fr-fil {
        margin-right: 50%;
        text-align: left;
    }
}

:not(id^=webformsubmitpaneltype) .x-form-invalid-field {
    background: #ffeeee !important;
}

.x-form-trigger-default {
    background: @form-field-background-color;
}

.x-form-text-default {
    background-color: @form-field-background-color;
}
.x-toolbar {
    .x-form-text {
        text-overflow: ellipsis;
    }
}
.d-itemproperties .x-form-trigger-wrap {
    background-color: @form-field-background-color;
}
.d-publicface.x-form-trigger-wrap-invalid {
    border: @swatch-red solid 1px !important;
}
.x-field {
    .x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
        border-color: @swatch-theme-color;
    }

    .x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
        border-color: @swatch-red;
    }

    &.x-item-disabled {
        .x-form-item-label,
        .x-form-item-body {
            color: @swatch-gray-4;

            a {
                color: @swatch-gray-4 !important;
            }
        }

        & .x-form-field,
        & .x-tagfield-item,
        & .x-form-trigger {
            color: @swatch-gray-3;
        }
    }
}

.d-required-asterisk {
    color: @swatch-red;

    &.d-required-asterisk-right {
        padding-left: 2px;
    }

    &.d-required-asterisk-left {
        padding-right: 2px;
    }
}

.title-inline-edit {

    .x-form-trigger-wrap-default {

        .x-form-text-default {
            font-size: 24px;
            line-height: 30px;
            padding: 0 4px;
            background-color: white;

            &:hover {
                background-color: @swatch-theme-color-highlight;
            }

            &.x-field-form-focus:hover {
                background-color: white;
            }
        }

        border-color: transparent;

        &:hover {
            border-color: @swatch-theme-color-highlight;
        }
    }
}

.x-form-checkbox-default {
    font-family: DynamoSymbolsRegular;
    font-size: 16px;
}

.x-form-cb-checked .x-form-checkbox-default {
    font-family: DynamoSymbolsRegular;
    font-size: 16px;
}

.x-form-checkbox-default:before {
    content: "\0041";
    vertical-align: top;
}

.x-form-cb-default:hover:before {
    color: @icon-color-active;
}

.x-form-cb-checked .x-form-checkbox-default:before {
    vertical-align: top;
    color: @icon-color-active;
}

.x-form-cb-default {
    margin-top: 8px;
}

.x-form-cb-label-default {
    color: @swatch-black;
}

.highlighted-search-term {
    font-weight: 600 !important;
}

.x-tagfield {
    .x-tagfield-list {
        .x-tagfield-item {
            padding: 0 20px 0 8px;
            background-color: @swatch-white;
            color: @swatch-black;

            &.x-tagfield-item-selected {
                background-color: @swatch-white;
                color: @swatch-black;
                .x-tagfield-item-close {
                    color: @swatch-gray-4;
                }
            }

            .x-tagfield-item-close:hover {
                color: @swatch-red;
            }

            .x-tagfield-item-close:active {
                color: @swatch-black;
            }
        }

        &.form-focus {
            .x-tagfield-item {
                background-color: @highlight-background-color;
                color: @swatch-black;
            }
        }
    }
}

.d-itemsgrid.will-not-render {
    transform: translateZ(0);
}
.x-grid-checkcolumn-checked-differentvalues:before {
    content: "\043D";
}
.d-grid-icon-16 {
    font-size: 16px;
    color: @icon-color;

    &:before {
        color: @icon-color;
    }
}

.x-grid-item-over {
    .d-grid-icon-16:not(.news-feed-entity-icon, .news-feed-main-entity-icon):before {
        color: @icon-color-active;
    }

    background-color: @highlight-background-color;
    border-color: @highlight-border-color;
}

.x-grid-item-selected {
    .d-grid-icon-16:not(.news-feed-entity-icon, .news-feed-main-entity-icon):before {
        color: @icon-color-active;
    }

    background-color: @base-highlighting-color;
    border-color: @swatch-theme-color-background;
}

.x-grid-item-focused .x-grid-cell-inner:before {
    border-color: @swatch-theme-color;
}

.d-grid-edit-mode {
    .x-grid-with-row-lines {
        & .x-grid-checkcolumn:hover:after,
        & .x-grid-checkcolumn:hover:before {
            color: @icon-color-active;
        }
    }
}

.x-grid-empty {
    padding: 8px;
}

.x-grid-checkcolumn-checked-differentvalues:before {
    content: "" !important;
}

.x-grid-checkcolumn-checked-differentvalues:after {
    font: 16px/1 DynamoSymbolsRegular;
    content: "\043D";
}

.x-grid:not(.x-tree-panel, .x-grid-header-hidden) {
    & .x-column-header {
        font-weight: 600;

        & .x-column-header-inner {
            padding: 3px 8px;
        }
    }

    .x-column-header-align-right {
        .x-column-header-inner {
            padding-right: 15px;
        }
    }

    & .x-grid-header-ct {
        border-top: 1px solid @base-color !important;
        border-bottom: 1px solid @swatch-gray-3 !important;

        &.fixed-container-shadow {
            box-shadow: 0 4px 4px -2px @swatch-gray-3;
        }
    }
}

.icon-column-header {
    font-size: 12px;
    padding-top: 3px;
    padding-left: 1px;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    vertical-align: baseline !important;
}

.icon-circle-fill-check:before {
    content: '\0434';
}
.icon-circle-fill-check:after {
    content: ''
}

.icon-arrowdown:before {
    content: '\0388';
}

.icon-arrowdown:after {
}

.icon-ws-weblink:before {
    content: '\00B6';
}

.icon-senditemaslink:before {
    content: '\03AE';
}

.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox:before,
.x-form-cb-checked .x-form-checkbox-default:before {
    content: '\0394';
}


.icon-openinnewtab:before {
    content: '\03AB';
}

.icon-openinnewwindow:before {
    content: '\03AD';
}

.x-form-search-trigger:before {
    content: '\006A';
}

.x-gecko .d-trigger-clearbutton,
.x-gecko .icon-clear {
    height: auto;
    min-height: 16px;
}

.d-trigger-clearbutton:before, .x-form-clear-trigger:before ,.icon-clear:before {
    content: '\0071';
}

.icon-column-header-reorder:before {
    content: '\006F';
    margin-top: 1px;
    font-family: DynamoSymbolsRegular;
    color: #888;
    font-size: 13px;
    top: -2px;
    position: relative;
}

.headermodern-portal .quicksearch .d-trigger-clearbutton:before {
    content: '\006E';
    font-size: 20px;
    margin-top: 0;
    margin-right: 0;
}

.headermodern .x-toolbar .x-field .x-form-trigger-wrap .x-form-trigger {
    vertical-align: middle;
}

.d-documentpreview-zoomout:before {
    content: "\03A9";
    font-family: "DynamoSymbolsRegular";
    color: rgb(150, 155, 160);
    display: inline-block;
    width: 16px;
    padding-right: 0;
}

.d-documentpreview-zoomin:before {
    content: "\0451";
    font-family: "DynamoSymbolsRegular";
    color: rgb(150, 155, 160);
    display: inline-block;
    width: 16px;
    padding-right: 0;
}

.document-move-up:before {
    content: '\0386';
    font-family: "DynamoSymbolsRegular";
    color: rgb(150, 155, 160);
    display: inline-block;
    width: 16px;
    /*padding-right: 0;*/
}

.document-move-down:before {
    content: '\0388';
    font-family: "DynamoSymbolsRegular";
    color: #999da0;
    display: inline-block;
    width: 16px;
    /*padding-right: 0;*/
}

.icon-move-up:before {
    content: '\0386';
}

.icon-filter-grid-menu-icon:before {
    content: '\0437'
}

.icon-move-up:after {
    content: '';
    color: white;
}

.icon-move-down:before {
    content: '\0388';
}


.icon-move-down:after {
    content: '';
    color: white;
}

.icon-check-fill:before {
    content: '\0434';
}

.icon-check-fill.green {
    content: '';
    color: #009900 !important;
}


.icon-right-go:before {
    content: '\0037';
}

.icon-right-go:after {
    content: '';
    color: #fff;
}

.icon-left-back:before {
    content: '\0072';
}

.icon-left-back:after {
    content: '';
    color: #fff;
}

.icon-margin {
    margin-left: -6px !important;
}

.icon-info:before {
    content: '\0073';
    color: #888 !important;
}

.icon-info:after {
    content: '';
    color: #fff;
}

.dynamotagfield .x-form-text-default .x-tagfield-item-close:before {
    content: "\006E";
    font-family: DynamoSymbolsRegular;
}

.dynamocarousel .icon-arrowleft:before {
    content: '\039E';
}

.dynamocarousel .icon-arrowright:before {
    content: '\03A0';
}

.icon-sidebar-header:before {
    content: '\0391';
    font-family: DynamoEntityIcons;
}

.icon-clock-regular:before {
    content: '\0392';
    font-family: DynamoEntityIcons;
}

.icon-search-folder:before {
    content: '\0393';
    font-family: DynamoEntityIcons;
}

.icon-open-map:before {
    content: '\0445';
}

/*new-header*/

.icon-menu:before {
    content: '\0437';
}

.icon-more:before {
    content: '\043F';
}

.icon-pin:before {
    content: '\0390';
}

.icon-unpin:before {
    content: '\2212';
}

.icon-approve:before {
    content: '\0394';
}

.icon-approve:after {
    content: '';
}

.gray-icons .nav-collapsed {
    .column-icon-only .d-icon-nav,
    .column-icon-only .d-icon-nav:before,
    .column-icon-only .x-tree-icon {
        color: @icon-color !important;
    }
}

[class*="icon-"] {
    font-family: DynamoSymbolsRegular;
}

[class*="icon-outline-"] {
    font-family: DynamoSymbolsOutline;
}

.x-grid-row-summary {
    [class*="icon-"]{
        //Icons in summary rows are rendered as non-breaking spaces
        //in order to show an empty space with the size of an icon
        //Take default font-size styles for icon and choose a non-icon font-family
        font-family: unset;
    }
}

.powertips-action-icon:before {
    content: '\0073';
    position: relative;
    font-family: DynamoSymbolsRegular;
}



.icon-file-pbireport:before {
    font-family: DynamoEntityIcons;
    content: '\0055';
}

.icon-move-up:before {
    content: '\0386';
}

.icon-move-down:before {
    content: '\0388';
}

.icon-left-back:before {
    content: '\0072';
}

.icon-right-go:before {
    content: '\0037';
}

.x-tool-close:before {
    font-family: DynamoSymbolsRegular;
    content: "\006c";
}

.x-form-radio-default:before {
    font-family: DynamoSymbolsRegular;
    content: "\0043";
}

.x-datepicker-prev:before {
    content: '\0072';
    font-family: DynamoSymbolsRegular;
}

.x-datepicker-next:before {
    content: '\0037';
    font-family: DynamoSymbolsRegular;
}

.x-monthpicker-yearnav-prev:before {
    content: '\0072';
    font-family: DynamoSymbolsRegular;
}

.x-monthpicker-yearnav-next:before {
    content: '\0037';
    font-family: DynamoSymbolsRegular;
}

.x-form-cb-checked .x-form-radio-default:before {
    content: "\043c";
}

.icon-recent:before {
    content: '\03C2';
}

.x-message-box-error {
    font-family: DynamoSymbolsRegular;

    &:before {
        content: "\0077";
        color: @swatch-red;
    }
}




//temporary solution
///===== DO NOT WRITE CODE BELOW AS IT WILL BE OVERRIDEN
.icon-filter-grid-menu-icon:before {
    content: '\0437'
}
.icon-createnew:before {
    content: '\0061'
}



/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-newandrelate:before {
    content: '\0040';
}

/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-newandrelate:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-newandrelate:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-relate:before {
    content: '\0062';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-relate:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-open:before {
    content: '\042C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-open:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-edit:before {
    content: '\0063';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-edit:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-clone:before {
    content: '\0429';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-clone:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-publish:before {
    content: '\042A';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-publish:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-discard:before {
    content: '\042B';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-discard:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-delete:before {
    content: '\042D';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-delete:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-undo:before {
    content: '\0428';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-undo:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-flag:before {
    content: '\0064';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-flag:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-flag-set:before {
    content: '\0064';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-flag-set:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-flag-set:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-flag-completed:before {
    content: '\0035';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-flag-completed:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-flag-completed:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-flag-grid:before {
    content: '\0064';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-flag-grid:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-flag-grid:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-refresh:before {
    content: '\0065';
}

/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-attach:before {
    content: '\0066';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-attach:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-settings:before {
    content: '\0069';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-settings:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-search:before {
    content: '\006A';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-search:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-searchrow:before {
    content: '\006B';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-searchrow:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-close:before {
    content: '\006C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-close:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-deleterow:before {
    content: '\006E';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-deleterow:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-deleteelement:before {
    content: '\006E';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-deleteelement:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-clear:before {
    content: '\0071';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-clear:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-reorderrow:before {
    content: '\006F';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-reorderrow:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-expand:before {
    content: '\002B';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-expand:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-collapse:before {
    content: '\007C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-collapse:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-groupby:before {
    content: '\0424';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-groupby:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-groupview:before {
    content: '\0427';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-groupview:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-sort-ascending:before {
    content: '\0026';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-sort-ascending:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-sort-descending:before {
    content: '\005E';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-sort-descending:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-order-up:before {
    content: '\0423';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-order-up:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-order-down:before {
    content: '\041F';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-order-down:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-openpupup:before {
    content: '\0070';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-openpupup:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-arrowleft:before {
    content: '\039E';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-arrowleft:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-arrowright:before {
    content: '\03A0';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-arrowright:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-dropdown:before {
    content: '\0426';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-dropdown:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-logout:before {
    content: '\0075';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-logout:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-calendar:before {
    content: '\0078';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-calendar:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-filter:before {
    content: '\0079';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-filter:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-info:before {
    content: '\0068';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-info:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-helpme:before {
    content: '\0073';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-helpme:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-password:before {
    content: '\00A1';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-password:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-guide:before {
    content: '\0076';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-guide:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-alert:before {
    color: @swatch-red;
    content: '\0077';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-alert:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-whatsnew:before {
    content: '\007A';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-whatsnew:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-mailmerge:before {
    content: '\0054';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-mailmerge:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-weblink:before {
    content: '\00B6';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-weblink:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-folder:before {
    content: '\004D';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-folder:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-open-folder:before {
    content: '\0036';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-open-folder:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-folders:before {
    content: '\004E';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-folders:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-list:before {
    content: '\004F';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-list:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-list:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-map:before {
    content: '\0050';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-map:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-mail:before {
    content: '\0047';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-mail:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-relation:before {
    content: '\0062';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-relation:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-relation-2:before {
    content: '\0062';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-relation-2:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-relation-2:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-circle:before {
    content: '\0044';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-circle:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-circle-contour:before {
    content: '\0043';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-circle-contour:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-circle-small:before {
    content: '\0032';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-circle-small:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-circle-outline:before {
    content: '\0431';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-circle-outline:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-circle-fill:before {
    content: '\0432';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-circle-fill:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-circle-outline-check:before {
    content: '\0433';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-circle-outline-check:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-circle-fill-check:before {
    content: '\0434';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-circle-fill-check:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-status-complete:before {
    content: '\0044';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-status-complete:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-status-complete:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-status-inprogress:before {
    content: '\0044';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-status-inprogress:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-status-inprogress:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-status-pending:before {
    content: '\0044';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-status-pending:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-status-pending:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-home:before {
    content: '\005C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-downloadexcel:before {
    content: '\041A';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-downloadexcel:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-downloadexcel:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-downloadword:before {
    content: '\0419';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-downloadword:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-downloadword:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-downloadoutlook:before {
    content: '\041B';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-downloadoutlook:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-downloadoutlook:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-gridpanel:before {
    content: '\0416';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-gridpanel:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-fieldpanel:before {
    content: '\0417';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-fieldpanel:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-browserpanel:before {
    content: '\0418';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-browserpanel:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-insert-left:before {
    content: '\0411';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-insert-left:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-insert-right:before {
    content: '\0413';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-insert-right:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-insert-above:before {
    content: '\0414';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-insert-above:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-insert-below:before {
    content: '\0401';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-insert-below:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-sendppm:before {
    content: '\0439';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-sendppm:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-notify:before {
    content: '\00B0';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-notify:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-outline-quick-subscribe:before {
    content: '\0440';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-outline-quick-subscribe:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-quick-unsubscribe:before {
    content: '\0440';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-quick-unsubscribe:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-appstore:before {
    content: '\03C0';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-appstore:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-clock:before {
    content: '\0025';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-clock:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-scales:before {
    content: '\03C7';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-scales:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-star:before {
    content: '\0449';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-star:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-stend:before {
    content: '\044C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-stend:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-tag:before {
    content: '\03BE';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-tag:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-tag:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-configure-totals:before {
    content: '\038E';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-configure-totals:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-fieldchooser:before {
    content: '\0417';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-fieldchooser:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-runreport:before {
    content: '\038F';
}

/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-openexceltemplate:before {
    content: '\03AA';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-openexceltemplate:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-megaphone:before {
    content: '\03CD';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-megaphone:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-fittoscreen:before {
    content: '\03CB';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-fittoscreen:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-fittowidth:before {
    content: '\03B0';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-fittowidth:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-actualsize:before {
    content: '\03CC';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-actualsize:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-favorite:before {
    content: '\03AC';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-favorite:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-favorite-fill:before {
    content: '\03CE';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-favorite-fill:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-activity-meeting:before {
    content: '\03C1';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-activity-meeting:after {
}

/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */

.icon-activity-news:before {
    content: '\201C';
}

/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */

.icon-activity-news:after {
    content: '';
}

/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-activity-meeting:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-activity-note:before {
    content: '\0056';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-activity-note:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-activity-note:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-activity-task:before {
    content: '\0057';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-activity-task:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-activity-task:before {
}

/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-activity-phonecall:before {
    content: '\0058';
}

/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-activity-phonecall:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-activity-email:before {
    content: '\0047';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-activity-email:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-activity-email:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-activity-fax:before {
    content: '\0039';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-activity-fax:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-activity-fax:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-activity-letter:before {
    content: '\0047';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-activity-letter:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-activity-letter:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-activity-reply:before {
    content: '\03BC';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-activity-reply:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-activity-reply:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-activity-replyall:before {
    content: '\03BD';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-activity-replyall:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-activity-replyall:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-file-word:before {
    content: '\0045';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-file-word:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-file-word:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-file-excel:before {
    content: '\0022';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-file-excel:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-file-excel:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-file-powerpoint:before {
    content: '\005D';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-file-powerpoint:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-file-powerpoint:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-file-outlook:before {
    content: '\003E';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-file-outlook:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-file-outlook:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-file-pdf:before {
    content: '\003C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-file-pdf:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-file-pdf:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-file-generic:before {
    content: '\004C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-file-generic:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-file-generic:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-file-text:before {
    content: '\0046';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-file-text:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-file-text:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-file-email:before {
    content: '\0047';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-file-email:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-file-email:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-file-image:before {
    content: '\004B';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-file-image:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-file-image:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-file-presentation:before {
    content: '\0053';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-file-presentation:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-file-presentation:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-file-archive:before {
    content: '\0048';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-file-archive:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-file-archive:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-file-video:before {
    content: '\004A';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-file-video:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-file-video:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-file-audio:before {
    content: '\0049';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-file-audio:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-file-audio:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-file-other:before {
    content: '\004C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-file-other:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:129 */
.icon-file-other:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-createnew {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-createnew:before {
    content: '\0061';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-createnew:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-newandrelate {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-newandrelate:before {
    content: '\0040';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-newandrelate:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-relate:before {
    content: '\0062';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-relate:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-open:before {
    content: '\042C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-open:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-edit:before {
    content: '\0063';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-edit:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-clone:before {
    content: '\0429';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-clone:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-publish:before {
    content: '\042A';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-publish:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-discard:before {
    content: '\042B';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-discard:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-delete:before {
    content: '\042D';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-delete:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-undo:before {
    content: '\0428';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-undo:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-flag:before {
    content: '\0064';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-flag:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-flag-set {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-flag-set:before {
    content: '\0064';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-flag-set:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-flag-completed {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-flag-completed:before {
    content: '\0035';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-flag-completed:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-flag-grid {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-flag-grid:before {
    content: '\0064';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-flag-grid:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-refresh:before {
    content: '\0065';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-refresh:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-attach:before {
    content: '\0066';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-attach:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-settings:before {
    content: '\0069';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-settings:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-search:before {
    content: '\006A';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-search:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-searchrow:before {
    content: '\006B';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-searchrow:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-close:before {
    content: '\006C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-close:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-deleterow:before {
    content: '\006E';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-deleterow:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-deleteelement:before {
    content: '\006E';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-deleteelement:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-clear:before {
    content: '\0071';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-clear:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-reorderrow:before {
    content: '\006F';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-reorderrow:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-expand:before {
    content: '\002B';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-expand:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-collapse:before {
    content: '\007C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-collapse:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-groupby:before {
    content: '\0424';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-groupby:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-groupview:before {
    content: '\0427';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-groupview:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-sort-ascending:before {
    content: '\0026';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-sort-ascending:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-sort-descending:before {
    content: '\005E';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-sort-descending:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-order-up:before {
    content: '\0423';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-order-up:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-order-down:before {
    content: '\041F';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-order-down:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-openpupup:before {
    content: '\0070';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-openpupup:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-arrowleft:before {
    content: '\0072';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-arrowleft:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-arrowright:before {
    content: '\0037';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-arrowright:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-dropdown:before {
    content: '\0426';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-dropdown:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-logout:before {
    content: '\0075';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-logout:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-calendar:before {
    content: '\0078';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-calendar:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-filter:before {
    content: '\0079';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-filter:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-info:before {
    content: '\0068';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-info:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-helpme:before {
    content: '\0073';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-helpme:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-password:before {
    content: '\00A1';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-password:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-guide:before {
    content: '\0076';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-guide:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-alert:before {
    content: '\0077';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-alert:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-whatsnew:before {
    content: '\007A';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-whatsnew:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-mailmerge:before {
    content: '\0054';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-mailmerge:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-weblink:before {
    content: '\00B6';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-weblink:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-folder:before {
    content: '\004D';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-folder:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-open-folder:before {
    content: '\0036';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-open-folder:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-folders:before {
    content: '\004E';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-folders:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-list {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-list:before {
    content: '\004F';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-list:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-map:before {
    content: '\0050';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-map:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-mail:before {
    content: '\0047';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-mail:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-relation:before {
    content: '\0062';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-relation:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-relation-2 {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-relation-2:before {
    content: '\0062';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-relation-2:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-circle:before {
    content: '\0044';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-circle:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-circle-contour:before {
    content: '\0043';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-circle-contour:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-circle-small:before {
    content: '\0032';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-circle-small:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-circle-outline:before {
    content: '\0431';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-circle-outline:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-circle-fill:before {
    content: '\0432';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-circle-fill:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-circle-outline-check:before {
    content: '\0433';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-circle-outline-check:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-circle-fill-check:before {
    content: '\0030';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-circle-fill-check:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-status-complete {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-status-complete:before {
    content: '\0044';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-status-complete:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-status-inprogress {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-status-inprogress:before {
    content: '\0044';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-status-inprogress:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-status-pending {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-status-pending:before {
    content: '\0044';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-status-pending:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-home {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-home:before {
    content: '\005C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-home:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-downloadexcel {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-downloadexcel:before {
    content: '\041A';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-downloadexcel:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-downloadword {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-downloadword:before {
    content: '\0419';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-downloadword:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-downloadoutlook {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-downloadoutlook:before {
    content: '\041B';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-downloadoutlook:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-gridpanel:before {
    content: '\0416';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-gridpanel:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-fieldpanel:before {
    content: '\0417';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-fieldpanel:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-browserpanel:before {
    content: '\0418';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-browserpanel:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-insert-left:before {
    content: '\0411';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-insert-left:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-insert-right:before {
    content: '\0413';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-insert-right:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-insert-above:before {
    content: '\0414';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-insert-above:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-insert-below:before {
    content: '\0401';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-insert-below:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-sendppm:before {
    content: '\0439';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-sendppm:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-notify:before {
    content: '\00B0';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-notify:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-appstore:before {
    content: '\03C0';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-appstore:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-clock:before {
    content: '\0025';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-clock:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-scales:before {
    content: '\03C7';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-scales:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-star:before {
    content: '\0449';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-star:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-stend:before {
    content: '\044C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-stend:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-tag {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-tag:before {
    content: '\03BE';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-tag:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-configure-totals:before {
    content: '\038E';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-configure-totals:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-fieldchooser:before {
    content: '\0417';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-fieldchooser:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-runreport:before {
    content: '\038F';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-runreport:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-openexceltemplate:before {
    content: '\03AA';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-openexceltemplate:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-megaphone:before {
    content: '\03CD';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-megaphone:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-fittoscreen:before {
    content: '\03CB';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-fittoscreen:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-fittowidth:before {
    content: '\03B0';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-fittowidth:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-actualsize:before {
    content: '\03CC';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-actualsize:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-favorite:before {
    content: '\03AC';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-favorite:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-favorite-fill:before {
    content: '\03CE';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-favorite-fill:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-activity {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-activity:before {
    content: '\03C2';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-activity:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-investoraccount {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-investoraccount:before {
    content: '\003B';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-investoraccount:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-investor {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-investor:before {
    content: '\0023';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-investor:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-investoropportunity {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-investoropportunity:before {
    content: '\03C9';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-investoropportunity:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-company {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-company:before {
    content: '\0023';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-company:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-companyopportunity {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-companyopportunity:before {
    content: '\0028';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-companyopportunity:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-security {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-security:before {
    content: '\0024';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-security:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-financials {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-financials:before {
    content: '\03C6';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-financials:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-index {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-index:before {
    content: '\0052';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-index:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-deal {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-deal:before {
    content: '\03C3';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-deal:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-dealopportunity {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-dealopportunity:before {
    content: '\03C4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-dealopportunity:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-fund {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-fund:before {
    content: '\002A';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-fund:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-fundclass {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-fundclass:before {
    content: '\005B';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-fundclass:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-property {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-property:before {
    content: '\007E';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-property:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-propertyopportunity {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-propertyopportunity:before {
    content: '\0029';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-propertyopportunity:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-investmenttransaction {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-investmenttransaction:before {
    content: '\003D';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-investmenttransaction:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-investmentposition {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-investmentposition:before {
    content: '\03C7';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-investmentposition:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-report {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-report:before {
    content: '\0051';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-report:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-dynamoreport {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-dynamoreport:before {
    content: '\0051';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-dynamoreport:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-contact {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-contact:before {
    content: '\002D';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-contact:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-document {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-document:before {
    content: '\004C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-document:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-event {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-event:before {
    content: '\0038';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-event:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-task {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-task:before {
    content: '\0021';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-task:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-idea {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-idea:before {
    content: '\0059';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-idea:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-rentroll {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-rentroll:before {
    content: '\03C5';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-rentroll:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-calendar {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-calendar:before {
    content: '\0078';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-calendar:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-imagelibrary {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-imagelibrary:before {
    content: '\0389';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-imagelibrary:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-tag {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-tag:before {
    content: '\03BE';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-tag:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-pbireport {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-pbireport:before {
    content: '\0055';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-pbireport:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-meeting {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-meeting:before {
    content: '\03C1';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-meeting:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-note {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-note:before {
    content: '\0056';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-note:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-task {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-task:before {
    content: '\0057';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-task:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-phonecall {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-phonecall:before {
    content: '\0058';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-phonecall:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-email {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-email:before {
    content: '\0047';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-email:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-fax {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-fax:before {
    content: '\0039';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-fax:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-letter {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-letter:before {
    content: '\0047';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-letter:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-reply {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-reply:before {
    content: '\03BC';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-reply:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-replyall {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-replyall:before {
    content: '\03BD';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-replyall:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-word {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-word:before {
    content: '\0045';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-word:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-excel {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-excel:before {
    content: '\0022';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-excel:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-powerpoint {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-powerpoint:before {
    content: '\005D';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-powerpoint:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-outlook {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-outlook:before {
    content: '\003E';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-outlook:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-pdf {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-pdf:before {
    content: '\003C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-pdf:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-generic {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-generic:before {
    content: '\004C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-generic:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-text {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-text:before {
    content: '\0046';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-text:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-email {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-email:before {
    content: '\0047';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-email:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-image {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-image:before {
    content: '\004B';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-image:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-presentation {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-presentation:before {
    content: '\0053';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-presentation:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-archive {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-archive:before {
    content: '\0048';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-archive:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-video {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-video:before {
    content: '\004A';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-video:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-audio {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-audio:before {
    content: '\0049';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-audio:after {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:142 */
.icon-ws-other {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-ws-other:before {
    content: '\004C';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-ws-other:after {
}

.icon-deduplicate:before {
    content: '\041C';
}
.icon-deduplicate:after {
}

.icon-aiservices:before {
    content: '\0441';
}

.icon-aiservices:after {
}

/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-a:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-a:after {
    content: "a";
    content: "a";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-b:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-b:after {
    content: "b";
    content: "b";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-c:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-c:after {
    content: "c";
    content: "c";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-d:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-d:after {
    content: "d";
    content: "d";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-e:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-e:after {
    content: "e";
    content: "e";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-f:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-f:after {
    content: "f";
    content: "f";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-g:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-g:after {
    content: "g";
    content: "g";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-h:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-h:after {
    content: "h";
    content: "h";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-i:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-i:after {
    content: "i";
    content: "i";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-j:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-j:after {
    content: "j";
    content: "j";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-k:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-k:after {
    content: "k";
    content: "k";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-l:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-l:after {
    content: "l";
    content: "l";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-m:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-m:after {
    content: "m";
    content: "m";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-n:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-n:after {
    content: "n";
    content: "n";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-o:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-o:after {
    content: "o";
    content: "o";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-p:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-p:after {
    content: "p";
    content: "p";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-q:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-q:after {
    content: "q";
    content: "q";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-r:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-r:after {
    content: "r";
    content: "r";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-s:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-s:after {
    content: "s";
    content: "s";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-t:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-t:after {
    content: "t";
    content: "t";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-u:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-u:after {
    content: "u";
    content: "u";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-v:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-v:after {
    content: "v";
    content: "v";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-w:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-w:after {
    content: "w";
    content: "w";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-x:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-x:after {
    content: "x";
    content: "x";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-y:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-y:after {
    content: "y";
    content: "y";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated-z:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated-z:after {
    content: "z";
    content: "z";
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-generated--:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-generated--:after {
    content: '❊';
    content: '❊';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:378 */
[class^="icon-generated"]:before,
[class*=" icon-generated"]:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:382 */
[class^="icon-generated"]:after,
[class*=" icon-generated"]:after {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 22px;
    vertical-align: bottom;
    text-transform: uppercase;
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-entity-missing:before {
    content: '4';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-entity-missing:after {
    content: '︎❖';
    content: '︎❖';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:422 */
.icon-entity-missing:before {
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-missing:before {
    content: '︎❖';
}

/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:104 */
.icon-column-header:before {
    content: '︎❖';
}
/* http://localhost:1841/packages/local/dynamo-base/sass/src/icons.scss:112 */
.icon-column-header:after {
    
}

/*.icon-column-header{
    margin-right:-8px;
}*/


.d-btn-icon-only:hover {
}
.d-btn-icon-only-first {
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}
.d-btn-icon-only-last {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.d-btn-icon-only-middle {
    border-radius: 0px;
}

.x-tab-bar-more-icon {
    font-family: FontAwesome;
    font-size: 12px;
    color: #333;
}

.x-tab-bar-more-icon:before {
    content: "\f078";
}

.x-toolbar-more-icon {
    font-family: DynamoSymbolsRegular;
    font-size: 16px;
    color: #666;
}

.x-toolbar-more-icon:before {
    content: "\043F";
}

.icon-close:before {
    font-size:16px;
}
.icon-close:before:hover {
    color:red;
}

.icon-openinnewtab:before {
    content: '\03AB';
}

.more-icon:before {
    content: "\043F";
}

.d-icon-32 {
    font-size: 32px;
    line-height: 32px;
    width: 32px;
    height: 32px;
    background-size: 32px !important;
}

.icon-entity-user:before {
    content: "\00BF";
}

.icon-entity-usergroup:before {
    content: "\03A8";
}

.icon-entity-missing:after {
    content: '\043A';
    font-family: DynamoSymbolsRegular;
    color: @swatch-white;
    font-size: 13px;
    top: -1px;
    left: -30px;
    position: relative;
}

.import-csv-button:before {
    content: '\03A3';
}

.back-button:before {
    content: '\0072';
}

.icon-entity-notificationsubscription:before {
    font-family: DynamoEntityIcons;
    content: '\043C';
}

.icon-fill-circle:before {
    content: '\00B7';
}

.icon-outline-star:before {
    content: '\0449';
}

.icon-outline-flag:before {
    content: '\0064';
}

.icon-outline-tag:before {
    content: '\03BE';
}

.icon-fill-tags:before {
    content: '\03BF'
}

.icon-sharepoint:before {
    content: '\00A2';
}
.icon-sharepoint:after {
}

/**
    * This is LESS-file for styling all icons through whole Dynamo,
    * when the "Color" icon mode is selected for current user's theme.
    * So there are some classes to overide icon color according to designed rules.
*/

body:not(.gray-icons, .custom-color-icons) {
    // Navigation
    & .d-main-navigation .x-btn-over:not(.nav-new-entity-btn) .main-nav-icon:before,
    & .d-main-navigation .main-nav-btn-active .main-nav-icon:before,
    & .d-main-navigation .nav-create-new.main-nav-btn-active .nav-create-new-icon:before,
    & .x-menu-item-focus:not(.x-menu-item-disabled) .x-menu-item-icon-default,
    & .x-menu-item-active:not(.x-menu-item-disabled) .x-menu-item-icon-default,
    & .x-menu-item-focus:not(.x-menu-item-disabled) .x-menu-item-arrow-default,
    & .x-menu-item-active:not(.x-menu-item-disabled) .x-menu-item-arrow-default,
    & .x-filter-row-visible .x-btn-icon-el:before,
    & .x-filter-row-visible .x-menu-item-icon:before,
    & .x-container-d-nav-place .x-grid-item-selected .x-tree-icon.icon-arrowdown:before,
    & .x-container-d-nav-place .x-grid-item-over .x-tree-icon.icon-arrowdown:before,
    & .x-gridworkviewsaveas .x-grid-item-selected .x-tree-icon.icon-arrowdown:before,
    & .x-gridworkviewsaveas .x-grid-item-over .x-tree-icon.icon-arrowdown:before,
    & .floating .x-grid-item-selected .x-tree-icon.icon-arrowdown:before,
    & .floating .x-grid-item-over .x-tree-icon.icon-arrowdown:before,
    & .x-container-d-nav-place .x-grid-item-selected .x-tree-icon.icon-right-go:before,
    & .x-container-d-nav-place .x-grid-item-over .x-tree-icon.icon-right-go:before,
    & .x-gridworkviewsaveas .x-grid-item-selected .x-tree-icon.icon-right-go:before,
    & .x-gridworkviewsaveas .x-grid-item-over .x-tree-icon.icon-right-go:before,
    & .floating .x-grid-item-selected .x-tree-icon.icon-right-go:before,
    & .floating .x-grid-item-over .x-tree-icon.icon-right-go:before,
    & .x-btn.x-btn-default-toolbar-small.x-box-menu-after.firstOfPinGroup.x-btn-over .x-btn-icon-el:before,
    & .x-btn.x-btn-default-toolbar-small.x-box-menu-after.firstOfPinGroup.x-btn-pressed .x-btn-icon-el:before,
    & .x-btn.x-btn-default-toolbar-small.x-box-menu-after.firstOfPinGroup.x-btn-menu-active .x-btn-icon-el:before {
        color: @base-color;
    }

    & .d-main-navigation .nav-new-entity-btn:not(.x-btn-over) .main-nav-icon:before {
        color: @icon-color;
    }

    & .d-app-info-with-collapser .d-poweredby-container:hover .d-poweredby-logo:before {
        color: @brand-color;
    }
}

/**
    * This is LESS-file for styling all icons through whole Dynamo,
    * when the "Monochrome - Custom" icon mode is selected for current user's theme.
    * According to this, not all icons should have custom color.
    * So there are some classes to overide icon color according to designed rules.
*/

.custom-color-icons when not (@custom-icons-color = none) {
    @custom-icons-color-hue: hsvhue(@custom-icons-color);
    @custom-icons-color-sat: hsvsaturation(@custom-icons-color);
    @custom-icons-color-val: hsvvalue(@custom-icons-color);

    @custom-icons-color-over: hsv(@custom-icons-color-hue, @custom-icons-color-sat, @custom-icons-color-val - 10%);
    @custom-icons-color-active: hsv(@custom-icons-color-hue, @custom-icons-color-sat, @custom-icons-color-val - 20%);

    // General applying of custom color
    [class*="icon-"]:not(.d-lookup-value-color, .d-lookup-value-icon):before,
    [class*="x-tree-icon"] {
        color: @custom-icons-color;
    }

    .d-grid-icon-16 {
        color: @custom-icons-color;
    }

    /* Custom color that user selected in Theme settings */

    // Navigation
    & .x-container-d-nav-place .x-tree-icon:not(.icon-arrowdown, .icon-right-go),
    & .x-container-d-nav-place .x-tree-icon:not(.icon-arrowdown, .icon-right-go):before,
    & .x-gridworkviewsaveas .x-tree-icon:not(.icon-arrowdown, .icon-right-go),
    & .x-gridworkviewsaveas .x-tree-icon:not(.icon-arrowdown, .icon-right-go):before,
    & .floating .x-tree-icon:not(.icon-arrowdown, .icon-right-go):before,
    // Grids
    & .x-form-type-checkbox.x-form-cb-checked .x-form-checkbox-default:before,
    & .x-grid-with-row-lines .x-grid-checkcolumn-checked:before,
    & .x-grid-with-row-lines .x-grid-item .x-grid-checkcolumn-checked:after,
    // News Feed
    & .d-followme-panel .news-feed-legend-props,
    & .d-followme-panel .news-feed-icon-container,
    & .d-followme-panel .news-feed-openable-icon:before,
    // Quick search
    & .quicksearch-toolbar .quicksearch-msg-active.recent [class*="icon-"]:before,
    & .quicksearch-toolbar .quicksearch-msg-active.favorites [class*="icon-"]:before {
        color: @custom-icons-color !important;
    }

    & .d-main-navigation .main-nav-icon:before,
    & .icon-column-header:before,
    // & .d-admin-workspace .x-toolbar .x-toolbar-item.x-btn .x-btn-icon-el:before,
    & .dd-toolbar-button-item .x-btn-icon-el:before,
    & .x-box-menu-after.x-toolbar-item.firstOfPinGroup .x-btn-icon-el:before,
    & .d-grid-header-icon:before,
    & .x-menu-item-default.x-menu-item-focus .x-menu-item-arrow:before,
    & .x-menu-item-default.x-menu-item-active .x-menu-item-arrow:before,
    & .d-filtering-row-container .x-form-trigger:not(.x-form-clear-trigger):before,
    & .x-menu-item-default .x-menu-item-icon:not([class*="icon-entity"]):before,
    & .x-menu-item-default .x-menu-item-arrow:before,
    & .d-list .d-list-checkbox:before,
    & .d-singlepicker .icon-dropdown:before,
    & .d-multipicker .icon-dropdown:before,
    & .x-container-d-nav-place .x-tree-icon.icon-arrowdown,
    & .x-container-d-nav-place .x-tree-icon.icon-arrowdown:before,
    & .x-gridworkviewsaveas .x-tree-icon.icon-arrowdown,
    & .x-gridworkviewsaveas .x-tree-icon.icon-arrowdown:before,
    & .floating .x-tree-icon.icon-arrowdown:before,
    & .x-container-d-nav-place .x-tree-icon.icon-right-go,
    & .x-container-d-nav-place .x-tree-icon.icon-right-go:before,
    & .x-gridworkviewsaveas .x-tree-icon.icon-right-go,
    & .x-gridworkviewsaveas .x-tree-icon.icon-right-go:before,
    & .x-grid-with-row-lines .x-grid-item-over .x-grid-checkcolumn:not(.x-grid-checkcolumn-checked):after,
    & .x-grid-with-row-lines .x-grid-item-selected .x-grid-checkcolumn:not(.x-grid-checkcolumn-checked):after,
    & .floating .x-tree-icon.icon-right-go:before {
        color: @icon-color;
    }

    /* Custom color with dark effect (10%) should be applied for over states */

    //Navigation
    & .d-main-navigation .x-btn-over .main-nav-icon:before,
    & .x-container-d-nav-place .x-grid-item-over .x-tree-icon,
    & .x-container-d-nav-place .x-grid-item-over .x-tree-icon:before,
    & .x-gridworkviewsaveas .x-grid-item-over .x-tree-icon,
    & .x-gridworkviewsaveas .x-grid-item-over .x-tree-icon:before,
    & .d-flags-and-tags .x-grid-item-over .x-flags-and-tags-icon:before,
    // Floating Navigation
    & .floating .x-grid-item-over .x-tree-icon:before,
    // Powered By
    & .d-poweredby-container:hover .d-poweredby-logo:before,
    // Checkboxes
    & .x-form-cb-default:hover:before,
    & .x-form-type-checkbox.x-form-cb-checked .x-form-checkbox-default:hover:before,
    // Address actions
    & .x-formula-body:hover [class*="-address-icon"]:hover:before,
    // Grids
    & .x-grid-item-over .d-grid-icon-16:not(.news-feed-entity-icon, .news-feed-main-entity-icon, .colored-tag):before,
    & .x-grid-with-row-lines .x-grid-item-over .x-grid-checkcolumn-checked:after,
    & .x-column-header-over .d-grid-header-icon:before,
    & .d-grid-edit-mode .x-grid-checkcolumn:hover:after,
    & .d-filtering-row-container .x-form-trigger-over.x-form-trigger:not(.x-form-clear-trigger):before,
    // Panel Toolbars
    & .dd-toolbar-button-item.x-btn-over .x-btn-icon-el:before,
    & .d-list-checkbox:hover:before,
    & .x-box-menu-after.x-toolbar-item.firstOfPinGroup.x-btn-over .x-btn-icon-el:before,
    & .new-header .dd-toolbar-button-item.x-btn-over .x-btn-arrow-right:after,
    // News Feed
    & .d-followme-panel .news-feed-info-row:hover .d-grid-icon-16.news-feed-main-entity-icon:not(.news-feed-deleted-icon):before,
    & .d-followme-panel .news-feed-property-row .news-feed-property:hover .d-grid-icon-16.news-feed-entity-icon:before,
    // Pickers
    & .d-singlepicker .icon-dropdown.x-form-trigger-over:before,
    & .d-multipicker .icon-dropdown.x-form-trigger-over:before,
    & .d-datetime-picker .x-form-date-trigger.x-form-trigger-over:before,
    & .d-date-picker .x-form-date-trigger.x-form-trigger-over:before,
    // Menu Items
    & .x-menu-item-default.x-menu-item-focus:hover .x-menu-item-icon:not(.icon-ws-deleterow):before,
    & .x-menu-item-default.x-menu-item-focus:hover .x-menu-item-arrow:before,
    & .x-menu-item-default.x-menu-item-active:hover .x-menu-item-icon:not(.icon-ws-deleterow):before,
    & .x-menu-item-default.x-menu-item-active:hover .x-menu-item-arrow:before,
    & .x-form-trigger.x-form-trigger-over:not(.x-form-clear-trigger, .d-trigger-clearbutton):before,
    // Field Chooser
    & .fieldchooser .fieldselector-selected-fields-grid-rowover .fieldselector-iconcolumn-reorder:before,
    & .fieldchooser .fieldselector-grid-rowover .field-selector-grid-icon-info:before,
    // Interactive Fields
    & .d-interactive-field-panel .d-icon-label-fields .x-field.x-field-over .x-icon-field-label:before,
    // Quick Search
    & .quicksearch-toolbar .quicksearch-msg.recent:hover [class*="icon-"]:before,
    & .quicksearch-toolbar .quicksearch-msg.favorites:hover [class*="icon-"]:before,
    & .quicksearch-recent .x-grid-with-row-lines .x-grid-item.x-grid-item-over .icon-ws-favorite-fill:before,
    & .d-quicksearch-icons.icon-ws-favorite:hover:before {
        color: @custom-icons-color-over !important;
    }

    /* Custom color with dark effect (20%) should be applied for active (pressed, selected) states */

    // Navigation
    & .d-main-navigation .main-nav-btn-active .main-nav-icon:before,
    & .x-container-d-nav-place .x-grid-item-selected .x-tree-icon,
    & .x-container-d-nav-place .x-grid-item-selected .x-tree-icon:before,
    & .x-gridworkviewsaveas .x-grid-item-selected .x-tree-icon,
    & .x-gridworkviewsaveas .x-grid-item-selected .x-tree-icon:before,
    & .d-main-navigation .nav-new-entity-btn.x-btn-pressed .main-nav-icon:before,
    & .d-flags-and-tags .x-grid-item-selected .x-flags-and-tags-icon:before,
    // Floating Navigation
    & .floating .x-grid-item-selected .x-tree-icon:before,
    // Grids
    & .x-grid-item-selected .d-grid-icon-16:not(.news-feed-entity-icon, .news-feed-main-entity-icon, .colored-tag):before,
    & .d-grid-picker .d-grid-item-focused [class*="icon-"],
    & .d-grid-picker .d-grid-item-focused [class*="icon-"]:before,
    & .d-grid-picker .d-grid-item-focused [class*="icon-"]:after,
    & .x-grid-with-row-lines .x-grid-item-selected .x-grid-checkcolumn-checked:after,
    & .d-filtering-row-container .x-form-trigger-focus.x-form-trigger:not(.x-form-clear-trigger):before,
    // Panel Toolbars
    & .dd-toolbar-button-item.x-btn-pressed .x-btn-icon-el:before,
    & .dd-toolbar-button-item.x-btn-menu-active .x-btn-icon-el:before,
    & .x-box-menu-after.x-toolbar-item.firstOfPinGroup.x-btn-menu-active .x-btn-icon-el:before,
    & .new-header .dd-toolbar-button-item.x-btn-pressed .x-btn-arrow-right:after,
    & .new-header .dd-toolbar-button-item.x-btn-menu-active .x-btn-arrow-right:after,
    // Pickers
    & .d-singlepicker.x-field-focus .icon-dropdown:before,
    & .d-multipicker.x-field-focus .icon-dropdown:before,
    & .d-datetime-picker .x-form-date-trigger.x-form-trigger-focus:before,
    & .d-date-picker .x-form-date-trigger.x-form-trigger-focus:before,
    // Menu Items
    & .x-form-trigger.x-form-trigger-focus:not(.x-form-clear-trigger, .d-trigger-clearbutton):before,
    // Field Chooser
    & .fieldchooser .fieldselector-selected-fields-grid-rowselected .fieldselector-iconcolumn-reorder:before,
    & .fieldchooser .fieldselector-grid-rowselected .field-selector-grid-icon-info:before,
    // Interactive Fields
    & .d-interactive-field-panel .d-icon-label-fields .x-field.x-field-focus .x-icon-field-label:before,
    // Quick Search
    & .d-quicksearch-icons.icon-ws-favorite:active:before {
        color: @custom-icons-color-active !important;
    }

    // Item Header
    & .workview.itemdetails.new-header .itemdetails-toolbars .theicon,
    & .new-header .x-toolbar-d-main-header .x-toolbar-item.d-icon-64 {
        background-color: @custom-icons-color;
        color: @swatch-white !important;
    }

    & .d-interactive-field-panel .d-icon-label-fields .x-item-disabled .x-icon-field-label {
        opacity: 0.5;
    }

    & .icon-alert:before,
    & .fieldchooser .selected-fields-grid-xicon:hover:before {
        color: @swatch-red !important;
    }

    & .x-filter-row-visible .x-btn-icon-el:before,
    & .x-filter-row-visible .x-menu-item-icon:before,
    & .x-btn.x-btn-default-toolbar-small:not(.dd-toolbar-button-item) .x-btn-text.x-btn-icon .x-btn-icon-el:before {
        color: @base-color !important;
    }

    & .x-btn.x-btn-default-small .x-btn-text.x-btn-icon .x-btn-icon-el:before,
    & .x-btn.x-btn-default-toolbar-small.x-btn-over:not(.dd-toolbar-button-item) .x-btn-text.x-btn-icon .x-btn-icon-el:before,
    & .x-btn.x-btn-default-toolbar-small.x-btn-pressed:not(.dd-toolbar-button-item) .x-btn-text.x-btn-icon .x-btn-icon-el:before,
    & .x-btn.x-btn-default-toolbar-small.x-btn-menu-active:not(.dd-toolbar-button-item) .x-btn-text.x-btn-icon .x-btn-icon-el:before {
        color: @swatch-white !important;
    }

    & .nav-collapser-btn .x-btn-icon-el:before {
        color: @swatch-gray-3;
    }
}

@openable-item-backround-color: #407FFF;

.x-toolbar-d-main-header, .x-toolbar-d-dialog-header {
    .d-icon-header-32 {
        width: 32px;
        height: 32px;
        background-position: center;
        background-repeat: no-repeat;
        /*margin-top: -2px !important;*/
        background-size: contain !important;
        border-radius: 35px;
        cursor: pointer;
        /*background-color: red !important;*/ /*rgba(235,238,242,0.2);*/
    }
}



.portfolio-img-ttip-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #747474;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 4px;
    background-repeat: no-repeat;
    background-position: center;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    background-clip: padding-box;
}

.portfolio-img-ttip-lbl {
    margin-left: 115px;
    padding-top: 10px;
    min-height: 105px;
    padding-right: 10px;
}

.croppie-change-picture {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    padding: 5px 7px 5px 7px;
    border-width: 1px;
    border-style: solid;
    background-color: transparent !important;
    border: none;

    .x-btn-inner-d-btn-link-small {
        color: @button-color-disabled;
    }
}

.croppie-change-picture.x-btn-over {
    background-color: transparent;

    .x-btn-inner-d-btn-link-small {
        color: @button-color-over;
    }
}

.croppie-change-picture.x-btn-pressed {

    .x-btn-inner-d-btn-link-small {
        color: @button-color-pressed;
    }
}

.dd-img-control {
    /*height: auto;
    width: 100%;*/
    box-sizing: border-box;
    /*max-height: fit-content;*/
    /*padding: 5px;
    border: 1px solid rgb(235,238,242);
    margin: 5px;*/
}

.dd-image-remove-link {
    cursor: pointer;
    text-align: center;
    font: normal 12px/16px 'Open Sans', sans-serif;
    height: 25px;
    position: absolute;
    color: white;
    background-color: rgba(64,64,64,0.5); /*rgba(47,94,188,0.8);*/
    vertical-align: bottom;
    display: none;
    padding-top: 4px;
    margin-left:-2px;
    margin-top: -35px;
}

/*.dd-image-remove-link:hover {
        color: red;
    }*/
/*.dd-image-remove-link:before {
        content: 'm';
    }*/
.dd-image-crop-link {
    cursor: pointer;
    text-decoration: underline;
    color: #369;
    margin-top: 0px;
}

.dd-image-input-el {
    padding: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-flow: nowrap;
    flex-flow: nowrap;
    align-items: baseline;
    -webkit-align-items: baseline;
    -webkit-flex-flow: nowrap;
    -webkit-align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: center;
    margin: 5px;
}

.dd-image-progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease;
}

.dd-image-progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}

.dd-image-progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.image-library-title {
    color: rgba(255, 255, 255, 1);
    float: left;
    z-index: 300000;
    padding-left: 25px;
    padding-bottom: 10px;
    text-transform: none !important;
    letter-spacing: normal !important;
    height: 30%;
    top: 70% !important;
    background: none;
}

.image-library-title-over {
    display: flex !important;
    background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
    align-items: flex-end;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.thumbnail-container {
    overflow-x: hidden;
    overflow-y: hidden;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
    width: 100%;
}

.thumbnail-container1 {
    overflow-x: auto;
    overflow-y: hidden;
    top: calc(100% - 80px);
    position: absolute;
    /*padding: 5px;*/
    /*background-color: rgba(0,0,0,0.2);*/
}

.arrow-in-thumbbail-row {
    height: 50px !important;
    top: calc(100% - 32px) !important;
    font-size: 32px !important;
    width: 50px !important;
}

.arrow-in-thumbbail-row-left {
    left: 0px !important;
    background: none !important;
}

.arrow-in-thumbbail-row-right {
    left: calc(100% - 50px) !important;
    background: none !important;
}

.arrow-in-thumbbail-row-left:after {
    /*content: '\0072' !important;*/
    font-size: 24px;
}

.arrow-in-thumbbail-row-right:after {
    /*content: '\0037' !important;*/
    font-size: 24px;
}

.thumbnail-row {
    width: calc(100% - 100px);
    height: 50px;
    display: flex;
    justify-content: flex-start;
    overflow-x: hidden;
    overflow-y: hidden;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-left: 50px;
}
/*.thumbnail-row-left:after {
    content: '\039e';
    font-size: 32px;
    font-family: DynamoSymbolsRegular;
    width: 50px;
    color: white;
    line-height: 40px;
}

.thumbnail-row-right:before {
    content: '\03A0';
    font-size: 32px;
    font-family: DynamoSymbolsRegular;
    width: 50px;
    color: white;
    line-height: 40px;
}*/
/*.thumbnail-row:after {
    content: '\03A0';
    font-size: 32px;
    font-family: DynamoSymbolsRegular;
    width: 50px;
    color: white;
    line-height: 40px;
}

    .thumbnail-row:before {
        content: '\039e';
        font-size: 32px;
        font-family: DynamoSymbolsRegular;
        width: 50px;
        color: white;
        line-height: 40px;
    }*/

.thumbnail-cell-container {
    width: 36px;
    min-width: 36px;
    height: 36px;
    overflow: hidden;
    margin: 2px;
    position: absolute;
    top: calc(100% - 45px);
}

.thumbnail-cell {
    height: 100%;
    display: flex;
    align-items: center;
}

.imagelibrary-container {
    height: 100%;
}

.imagelibrary-arrow-container-full {
    background: rgba(0,0,0,0.5);
    top: 0px;
    height: 100%;
    width: 50px;
}

.image-library-title-full {
    position: absolute;
    width: 100%;
    top: calc(100% - 50px);
    left: 60px;
}

.image-library-counter-full {
    position: absolute;
    width: 100%;
    top: calc(100% - 30px);
    left: 60px;
}

.image-info {
    position: relative;
    /*top: calc(100% - 60px);*/
    top: calc(100% - 50px);
    width: 100%;
}

.thumbnail-cell-inner {
    height: 36px;
    width: 100%;
    align-self: center;
    max-height: 36px;
    /*opacity: 0.4;*/
    /*margin: auto;
    display: block;
    width: 80px;*/
}

.imagelibrary-arrow-container {
    position: absolute;
    display: block;
    /*top: 35px;*/
    right: 10px;
    width: 70px;
    /*height: calc(100% - 40px);*/
    /*height: calc(100% - 5px);*/
    height: calc(100% - 1px);
    z-index: 200000;
    color: rgba(255, 255, 255, 1);
    font-size: 32px;
    /*text-shadow: 1px 0px rgba(255, 255, 255, 0.5);*/
    text-shadow: 0 0 10px rgb(0,0,0);
    /*background: linear-gradient(to top, rgba(0,0,0,0.2), transparent);*/
}

.imagelibrary-arrow-left-container {
    left: 0px;
    font-family: DynamoSymbolsRegular;
    /*background: linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0.1));*/
}


.imagelibrary-arrow-left-container:after {
    content: '\039e';
    top: calc(50% - 32px);
    position: absolute;
    /*left: calc(50% - 32px + 10px);*/
    left: 10px;
}

.imagelibrary-arrow-right-container:after {
    content: '\03A0';
    top: calc(50% - 32px);
    position: absolute;
    /*left: calc(50% - 0px - 10px);*/
    right: 15px;
}

.imagelibrary-arrow-left-container1:after {
    left: calc(100% - 32px - 10px);
    text-shadow: none;
}

.imagelibrary-arrow-right-container1:after {
    left: 10px !important;
    text-shadow: none;
}


.imagelibrary-arrow-right-container {
    right: 0px;
    font-family: DynamoSymbolsRegular;
    /*background: linear-gradient(to left, rgba(0,0,0,0.2), rgba(0,0,0,0.1));*/
}


.imagelibrary-arrow-inner {
    fill: none;
    stroke: rgba(255,255,255,0.5);
    stroke-width: 400;
    stroke-miterlimit: 10;
}

.imagelibrary-arrow {
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
    display: none;
}

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

.imagelibrary-arrow-container:hover {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.5);
    text-shadow: none;
}

.imagelibrary-preview {
    background-position: center center;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: contain;
    /*padding: 2px;*/
    user-select: none;
    background-color: rgba(0, 0, 0, 0.8);
}

.image-library-close {
    font-family: DynamoSymbolsRegular;
    float: right;
    padding-top: 15px;
    padding-right: 5px;
    color: rgba(255, 255, 255, 1);
    /*text-shadow: 1px 1px rgba(255, 255, 255, 0.5);*/
    text-shadow: 0 0 10px rgb(0,0,0);
    z-index: 500000 !important;
    position: absolute;
    left: calc(100% - 50px);
}

.image-library-close:hover {
    text-shadow: none;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.5);
}

.image-library-close:after {
    content: '\03A5';
    font-size: 32px;
}

.image-library-counter {
    float: left;
    padding-left: 5px;
    color: rgba(255, 255, 255, 1);
    clear: left;
    background: rgba(0,0,0,0.2);
    display: none;
}

.box-openableitem-overlay-blue {
    position: relative;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.box-openableitem-overlay-blue:hover:before {
    content: "Open Item";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: @openable-item-backround-color;
    line-height: 12px;
    opacity: 0.75;
    vertical-align: middle;
    text-align: center;
    color: @swatch-white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

a:not(.x-btn) {
    color: @links-color !important;
    text-decoration: none;
    cursor: pointer;
}

a:not(.x-btn):hover {
    color: @links-color !important;
    text-decoration: underline;
    cursor: pointer;
}

a:not(.x-btn):active {
    color: @links-color !important;
    text-decoration: underline;
    cursor: pointer;
}

a:not(.x-btn):disabled {
    color: @links-color-disabled !important;
    text-decoration: none;
}


.disabled-link {
    pointer-events: none;
    cursor: default;

    a:not(.x-btn) {
        color: @links-color-disabled;
        text-decoration: none;
    }
}
.x-menu-item-active {
    .x-menu-item-icon-default {
        color: @icon-color-active;
    }
}

.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox {
    font-family: DynamoSymbolsRegular;
    font-size: 16px;
}
/* C:/Dynamo/Web UI/Dynamo6/Dynamo6Web2/ext-workspace/ext/classic/theme-neutral/sass/etc/mixins/font-icon.scss:132 */
.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox:before {
    content: "\0394";
    color: @swatch-theme-color;
    position: absolute;
    left: 0px;
    top: 1px;
}

.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox:after {
    content: '';
    color: white;
}
/* C:/Dynamo/Web UI/Dynamo6/Dynamo6Web2/ext-workspace/ext/classic/theme-neutral/sass/var/menu/Menu.scss:1095 */
.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox {
    font-family: DynamoSymbolsRegular;
    font-size: 16px;
}
/* C:/Dynamo/Web UI/Dynamo6/Dynamo6Web2/ext-workspace/ext/classic/theme-neutral/sass/etc/mixins/font-icon.scss:132 */
.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox:before {
    content: "\0041";
    color: @icon-color;
    position: absolute;
    left: 0px;
    top: 1px;
}

.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox:after {
    content: '';
    color: transparent;
}

.x-menu-item-default.x-menu-item-disabled {
    .x-menu-item-icon-default {
        color: #999
    }
}

.x-autopopulate-menu-item {
    padding-left: 8px;
}
.msgBoxPMV .x-window-body-default {
    padding: 0px;
    width: auto !important;
    background: #F8F8F8;
    color: black;
    font-size: 12px;
    font-weight: 100;
    font-family: 'Open Sans';
}

.msgBoxPMV .x-window-header-default {
    background: #F8F8F8;
    color: black;
    font-size: 12px;
    font-weight: 100;
    font-family: 'Open Sans'; 
    height: 10%;
    padding-top: 5%;
    
}

.arrow-box {
    position: relative;
    overflow: visible;
    padding: 10px;
    background-color: #F8F8F8;
}

.arrow-box:after, .arrow-box:before {
    right: 100%;
    top:10%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-box:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}

.arrow-box:before {
    border-color: rgba(133, 155, 168, 0);
    border-right-color: #859ba8;
    border-width: 11px;
    margin-top: -11px;
}
.x-message-box .x-window-text {
    display: initial !important;
}

.d-copy-action-info-message {
    & .x-autocontainer-innerCt {
        padding: 8px !important;
        vertical-align: middle;

        & .icon-circle-fill-check {
            padding-right: 4px;

            &:before {
                color: @swatch-green !important;
                bottom: 1px;
                position: relative;
            }
        }
    }
}

.nicescroll-rails-hr {
    .nicescroll-cursors {
        height: 12px !important;
        border-top: 4px solid rgba(255, 255, 255, 0) !important;
        border-bottom: 4px solid rgba(255, 255, 255, 0) !important;
        border-left: none !important;
        border-right: none !important;
        border-top-left-radius: 0.5em 1em !important;
        border-top-right-radius: 0.5em 1em !important;
        border-bottom-left-radius: 0.5em 1em !important;
        border-bottom-right-radius: 0.5em 1em !important;
        transition: height 0.1s ease-out;
        -o-transition: height 0.1s ease-out;
        transition: height 0.1s ease-out;
        bottom: 0 !important;
        top: unset !important;

        &:hover, &:active {
            height: 16px !important;
        }
    }
}

.nicescroll-rails-vr {
    .nicescroll-cursors {
        width: 12px !important;
        border-left: 4px solid rgba(255, 255, 255, 0) !important;
        border-right: 4px solid rgba(255, 255, 255, 0) !important;
        border-top: none !important;
        border-bottom: none !important;
        border-top-left-radius: 1em 0.5em !important;
        border-top-right-radius: 1em 0.5em !important;
        border-bottom-left-radius: 1em 0.5em !important;
        border-bottom-right-radius: 1em 0.5em !important;
        -webkit-transition: width 0.1s ease-out;
        -o-transition: width 0.1s ease-out;
        transition: width 0.1s ease-out;

        &:hover, &:active {
            width: 16px !important;
        }
    }
}
.recent {
    .filter-recent-combo-custom .x-form-trigger-wrap {
        margin-left: 0;
    }

    .filter-recent-combo-custom .x-form-text-default,
    .filter-recent-combo-custom .x-form-arrow-trigger-default {
        background-color: #fff;
    }

    &.hide-title {
        & .paneltitle {
            display: none;
        }
    }
}

.favorites {
    & .d-favorites-remove-icon {
        visibility: hidden;
    }

    & .x-grid-item-selected,
    & .x-grid-item-over {
        & .x-action-col-cell:not(.hide-folder-action) .d-favorites-remove-icon {
            font-size: 12px;
            padding-top: 2px;
            visibility: visible;

            &:before {
                color: @icon-color;
            }

            &:hover:before {
                content: '\0449';
                font-family: 'DynamoSymbolsOutline';
            }
        }
    }
}

.floating {
    & .filter-recent-combo-custom {
        margin: 4px 4px 0 4px !important;
        height: 28px;

        & .x-form-trigger-wrap {
            margin-left: 0;
        }

        & .x-form-text-default,
        & .x-form-arrow-trigger-default {
            background-color: @swatch-white;
        }
    }

    & .x-toolbar.x-toolbar-docked-top {
        padding: 0 !important;
    }

    & .paneltitle {
        font-size: 14px;
        line-height: 24px;
        padding: 8px 8px 0 8px !important;
        height: 32px;
        font-weight: 600;
    }

    & .x-tree-elbow,
    & .x-tree-elbow-end,
    & .x-tree-expander {
        display: none;
    }

    & .x-tree-view .x-grid-cell-treecolumn .x-grid-cell-inner-treecolumn {
        padding: 8px;
    }

    & .pvtree-search {
        background-color: @swatch-white;
        padding: 8px 8px 0 8px;

        & .x-form-item-body-default {
            min-height: 24px;
            height: 24px;
        }

        & .x-form-text-default {
            min-height: 22px;
            height: 22px;
            padding: 4px 10px;
        }

        & .x-form-trigger-default {
            line-height: 22px;
            height: 22px;
            border-radius: 3px;
        }
    }

    & .x-tree-icon {
        color: @icon-color !important;
    }

    & .x-grid-item-selected,
    & .x-grid-item-over {
        & .x-tree-icon {
            color: @icon-color-active !important;
        }
    }

    &.recent {
        & .d-recent-delete-icon {
            visibility: hidden;
        }

        & .x-grid-item-selected,
        & .x-grid-item-over {
            & .d-recent-delete-icon {
                visibility: visible;

                &:before {
                    color: @icon-color;
                }

                &:hover:before {
                    color: @swatch-red;
                }
            }
        }
    }

    & .d-favorites-remove-icon {
        visibility: hidden;
    }

    & .x-grid-item-selected,
    & .x-grid-item-over {
        & .x-action-col-cell:not(.hide-folder-action) .d-favorites-remove-icon {
            font-size: 12px;
            padding-top: 2px;
            visibility: visible;

            &:before {
                color: @icon-color;
            }

            &:hover:before {
                content: '\0449';
                font-family: 'DynamoSymbolsOutline';
            }
        }
    }

    & .x-toolbar-d-header .itemscount {
        top: 6px !important;
        margin-left: -6px !important;
    }
}

.d-new-nav-floating {
    border-radius: 0;
    z-index: 18999 !important; /* Show floating tree under the collapse-button for New Navigation */
}

.nav-collapsed .recent {
    .paneltitle {
        display: block;
    }
}

.nav-collapsed {
    .recent,
    .pvtree {
        .paneltitle {
            text-align: left;
            width: 100%;
        }
    }
}

.x-tree-panel {
    .x-action-col-icon {
        height: 16px;
        width: 16px;
    }

    &.floating {
        .x-panel-body {
            padding: 8px 0;
        }
    }
}


.x-container-d-nav-place, .x-gridworkviewsaveas {
    //Background and Borders
    background-color: @swatch-gray-2;
    /*border-right: 1px solid @border-color;*/
    .pvtree, .recent {
        //Tree styles
        .x-tree-elbow, .x-tree-elbow-end, .x-tree-expander {
            display: none;
        }
        /*border-bottom: 1px solid @border-color;*/
        .x-grid-item-container {
            width: 100%;
        }

        & .x-grid-cell-inner.x-grid-cell-inner-treecolumn {
            padding: 8px;
        }
    }

    .pvtree {
        & .pvtree-search {
            background-color: @swatch-white;
            padding: 0 8px 8px 8px;

            & .x-form-item-body-default {
                min-height: 24px;
                height: 24px;
            }

            & .x-form-text-default {
                min-height: 22px;
                height: 22px;
                padding: 4px 10px;
            }

            & .x-form-trigger-default {
                line-height: 22px;
                height: 22px;
            }
        }
    }

    .x-toolbar,
    .x-panel-body,
    .x-grid-item .x-grid-cell-treecolumn,
    .x-grid-item .x-action-col-cell {
        background-color: @swatch-white;
    }

    .d-recent-delete-icon {
        visibility: hidden;
    }

    .x-grid-item-selected, .x-grid-item-over {
        .d-recent-delete-icon {
            visibility: visible;

            &:before {
                color: @icon-color;
            }

            &:hover:before {
                color: @swatch-red;
            }
        }
    }

    .x-grid-item-over {
        background-color: @highlight-background-color;

        .x-grid-cell-treecolumn, .x-action-col-cell {
            background-color: @highlight-background-color;
        }
    }

    .x-grid-item-selected {
        background-color: @base-highlighting-color;

        .x-grid-cell-treecolumn, .x-action-col-cell {
            background-color: @base-highlighting-color;
        }
    }


    &.nav-collapsed {
        .x-tree-view {
            overflow-x: hidden !important;
        }

        .createnew {
            .x-btn-inner {
                display: none;
            }
        }
        //TODO: remove after fix bug
        .nicescroll-rails-hr {
            display: none !important;
            pointer-events: none !important;
        }
    }
    //Spacing
    .recent-text-column .x-grid-cell-inner-treecolumn {
        padding-right: 0px;
    }

    .x-grid-cell-inner-action-col {
        padding: 8px 0;
    }

    &.nav-collapsed {
        .x-grid-cell-inner {
            /*padding: 7px 12px;*/

            .d-icon-nav {
                font-size: 16px;
                line-height: 16px;
                top: 2px !important;
            }
        }

        .x-toolbar {
            margin-top: -4px;
        }
    }
    //Interaction
    .x-grid-item-selected, .x-grid-item-over {
        .x-tree-icon, .x-tree-icon:before {
            color: @icon-color-active !important;
        }
    }

    .x-grid-item-over {
        .x-action-col-icon {
            color: @icon-color !important;

            &:hover {
                color: @swatch-red !important;
            }
        }
    }

    .x-grid-td {
        cursor: pointer;
    }
    //Header
    .x-toolbar {
        &.d-new-nav-toolbar .paneltitle {
            font-size: 14px;
            line-height: 14px;
            font-weight: 600;
            padding: 4px 4px 4px 0;
        }

        &:not(.d-new-nav-toolbar) {
            padding: 4px 8px 4px !important;
            margin-top: 0 !important;
        }

        .paneltitle {
            font-size: 12px;
            line-height: 16px;
            padding: 4px;
        }
    }

    .pvtree:nth-child(1), .pvtree:nth-child(2) {
        .x-toolbar {
            margin-top: 0px;
        }
    }


    &.nav-collapsed {
        .pvtree:nth-child(1), .pvtree:nth-child(2) {
            .x-toolbar {
                padding-top: 8px;
                padding-bottom: 2px;
            }
        }

        .x-toolbar {
            padding: 4px 12px 8px 12px;

            & .paneltitle {
                padding: 0;
                text-align: center;
                width: 100% !important;
            }
        }
    }

    &.nav-collapsed {
        &:not(.column-icon-only) > .d-icon-nav,
        &:not(.column-icon-only) > .d-icon-nav:before,
        &:not(.column-icon-only) > .x-tree-icon {
            color: @icon-color !important;
        }

        .x-grid-item-selected, .x-grid-item-over {
            .d-icon-nav,
            .d-icon-nav:before {
                color: @icon-color-active !important;
            }
        }
    }

    table td,
    table th {
        padding: initial !important;
    }
}

.nav-collapsed {
    .paneltitle {
        cursor: default;
    }
}
.progress-create-pdf.x-progress-default {
    position: absolute !important;
    top: 60px !important;
    height: 5px !important;
    background-color: #e9eaec;
    z-index: 1001;   
}

.progress-create-pdf.x-progress-default .x-progress-bar-default {
    background-color: #a3a5aa;
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.125) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.125) 50%, rgba(255, 255, 255, 0.125) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.125) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.125) 50%, rgba(255, 255, 255, 0.125) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
    -o-transition: width 0.8s ease-in-out;
    -moz-transition: width 0.8s ease-in-out;
    -webkit-transition: width 0.8s ease-in-out;
    transition: width 0.8s ease-in-out;
}

.progress-create-pdf.x-progress-default .x-progress-bar-default {
    -o-animation: loadingProgressAnimate 2s linear infinite;
    -moz-animation: loadingProgressAnimate 2s linear infinite;
    -webkit-animation: loadingProgressAnimate 2s linear infinite;
    animation: loadingProgressAnimate 2s linear infinite;
}

@-moz-keyframes loadingProgressAnimate {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -20px -20px;
    }
}

@-webkit-keyframes loadingProgressAnimate {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -20px -20px;
    }
}

@keyframes loadingProgressAnimate {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -20px -20px;
    }
}
.d-session-expired-mask {
    background-color: rgb(208,208,208) !important;
}

.quicksearch-msg {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    line-height: 25px;
    background-color: #ffc;
    border: 1px solid #fff;
    padding: 0 5px 1px 5px;
}

body > .x-mask {
    background-color: rgba(208,208,208,0.75);
}

.hidden {
    display: none;
}
.skinpresets {
    .x-color-picker-item {
        width: 22px;
        height: 22px;
        border-width: 0px;
        padding: 0;
    }

    .x-color-picker-item-inner {
        line-height: 20px;
        margin: 1px;
        border-width: 0px;
    }

    .x-color-picker-selected,
    .x-color-picker-selected .x-color-picker-item-inner {
        border-radius: 20px !important;
        border-width: 0px;
    }
}

.x-splitter {
    background-color: #ebedef;
}

.x-splitter {
    background-color: @content-place-background-color;
    background-clip: content-box, padding-box;
    z-index: 4;

    &.x-splitter-vertical {
        padding: 0 12px 0 6px;
    }

    &.x-splitter-horizontal {
        padding: 6px 0 12px 0;
    }

    &.nav-splitter {
        padding-left: 0;
        margin-left: 4px !important;
        padding: 0 14px 0 6px;
    }

    &.x-splitter-active {
        background-color: @content-place-background-color;
        background-clip: content-box, padding-box;
        margin-top: 0px !important;

        &.x-splitter-vertical {
            padding: 0 12px 0 6px;
        }

        &.x-splitter-horizontal {
            padding: 6px 0 12px 0;
        }
    }
}

.x-tab-bar {
    margin: 0 @new-general-panel-margin;
}

.d-tabpanel {
    background-color: @content-place-background-color;
}

.d-tab-place-body {
    background-color: @content-place-background-color;
    padding: @new-general-panel-margin !important;
}

.new-header .d-tab-place-body {
    background-color: @content-place-background-color;
    padding: 0 @new-general-panel-margin !important;
}

.x-tab.x-tab-default {
    &.x-tab-over {
        border-color: @swatch-theme-color;
    }

    &.x-tab-active {
        border-color: @swatch-theme-color;

        &.x-tab-over {
            background-color: @swatch-gray-1;
        }

        &.x-tab-pressed {
            background-color: @swatch-theme-color-highlight;
        }
    }

    &.x-tab-focus {
        border-color: @swatch-theme-color;
    }

    &.x-tab-pressed {
        background-color: @swatch-theme-color-highlight;
    }
}


.x-keyboard-mode {
    .x-tab.x-tab-default.x-tab-focus {
        border-color: @swatch-theme-color;
        outline: 1px solid @swatch-theme-color;
    }
}

.x-tab-bar-default-top .x-box-scroller-tab-bar-default {
    color: @swatch-gray-4;
}
    
.arrangePanels {
    background-color: #dfe3e8;
}

.arrangePanels .x-panel-body-default {
    background-color: #dfe3e8;
}

.panelItemBackground {
    background-size: 71px 43px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}

.panelItemBackground:hover {
    background-color: #c5cbd6;
}

.selected-arrangepanel .panelItemBackground {
    background-color: #c5cbd6;
    box-shadow: inset 0 0 5px #8f99aa;
}

.arrangePanelItem {
    margin: 0 5px 5px 0;
}

.arrangePanelHeader {
    margin: 0 0 0 5px;
}

.singlePanel {
    background-image: url('/new/Content/arrangepanels/1@2x.png');
}

.wizardFormPanel {
    background-image: url('/new/Content/arrangepanels/1@2x.png');
}

.twoColumnsPanel {
    background-image: url('/new/Content/arrangepanels/2@2x.png');
}

.twoRowsPanel {
    background-image: url('/new/Content/arrangepanels/4@2x.png');
}

.oneLeftTwoRightPanel {
    background-image: url('/new/Content/arrangepanels/7@2x.png');
}

.threeColumnsPanel {
    background-image: url('/new/Content/arrangepanels/10@2x.png');
}

.threeRowsPanel {
    background-image: url('/new/Content/arrangepanels/9@2x.png');
}

.twoTopOneBottomPanel {
    background-image: url('/new/Content/arrangepanels/5@2x.png');
}

.twoBottomOneTopPanel {
    background-image: url('/new/Content/arrangepanels/6@2x.png');
}

.oneRightTwoLeftPanel {
    background-image: url('/new/Content/arrangepanels/8@2x.png');
}

.threeTopOneBottomPanel {
    background-image: url('/new/Content/arrangepanels/11@2x.png');
}

.oneTopThreeBottomPanel {
    background-image: url('/new/Content/arrangepanels/12@2x.png');
}

.twoColumnsLeftTwoRowsRightPanel {
    background-image: url('/new/Content/arrangepanels/13@2x.png');
}

.twoRowsLeftTwoColumnsRightPanel {
    background-image: url('/new/Content/arrangepanels/14@2x.png');
}

.twoRowsTopTwoColumnsBottomPanel {
    background-image: url('/new/Content/arrangepanels/15@2x.png');
}

.twoColumnsTopTwoRowsBottomPanel {
    background-image: url('/new/Content/arrangepanels/16@2x.png');
}

.oneColumnLeftThreeRowsRightPanel {
    background-image: url('/new/Content/arrangepanels/17@2x.png');
}

.threeRowsLeftOneColumnRightPanel {
    background-image: url('/new/Content/arrangepanels/18@2x.png');
}

.oneRowTopTwoColumnsMiddleOneRowBottomPanel {
    background-image: url('/new/Content/arrangepanels/19@2x.png');
}

.fourPanels {
    background-image: url('/new/Content/arrangepanels/20@2x.png');
}

.oneColumnAndTwoRowsTopRowMiddlePanel {
    background-image: url('/new/Content/arrangepanels/21@2x.png');
}

.threeColumnsTopTwoColumnsBottomPanel {
    background-image: url('/new/Content/arrangepanels/22@2x.png');
}

.twoColumnsTopThreeColumnsBottomPanel {
    background-image: url('/new/Content/arrangepanels/23@2x.png');
}

.threeColumnsRightTwoColumnsLeftPanel {
    background-image: url('/new/Content/arrangepanels/24@2x.png');
}

.twoColumnsRightThreeColumnsLeftPanel {
    background-image: url('/new/Content/arrangepanels/25@2x.png');
}

.threeRowsTwoColumnsPanel {
    background-image: url('/new/Content/arrangepanels/26@2x.png');
}

.twoRowsThreeColumnsPanel {
    background-image: url('/new/Content/arrangepanels/27@2x.png');
}

.ninePanels {
    background-image: url('/new/Content/arrangepanels/28@2x.png');
}

.homeworkview {
    & .x-tab-bar {
        margin-left: 0;
    }

    & .d-tab-place-body,
    &.new-header .d-tab-place-body {
        padding-left: 0 !important;
    }
}

.x-toolbar {
    .x-toolbar-separator {
        &.shape-circle {
            width: 0px;
            height: 0px;
            border: 2px solid black;
            border-radius: 333px;
            margin-left: 5px;
            margin-right: 5px;
        }
    }
}

.x-toolbar-footer {
    padding: 20px 8px 20px 8px;
    border-width: 0;
}

.x-toolbar-d-main-header, .x-toolbar-d-actionsplace {
    margin: 0 @new-general-panel-margin 0;
    padding: 8px;
}

.x-toolbar-d-main-header + .x-toolbar-d-actionsplace {
    padding-top: 0px;
}

//workview actions
.x-toolbar-d-main-header {

    .x-toolbar-item {
        margin: 0 0 0 0;
    }
    //panelicon
    .x-toolbar-item.d-icon-32 {
        background-color: @swatch-gray-1;
        color: @icon-color-active !important;
        border-radius: 26px;
        width: 32px;
        height: 32px;

        &:before {
            position: relative;
            vertical-align: middle;
            left: 8px;
            font-size: 16px;
        }
    }

    .x-toolbar-item.d-icon-64 {
        background-color: @swatch-gray-1;
        color: @icon-color-active;
        border-radius: 50%;
        width: 64px;
        height: 64px;

        &:before {
            position: relative;
            vertical-align: middle;
            left: 16px;
            font-size: 32px;
            line-height: 64px;
        }
    }

    .d-icon-32.icon-ws {
        line-height: 32px;
        font-size: 16px;
        text-align: center;
    }

    .d-icon-64.icon-ws {
        line-height: 64px;
        font-size: 32px;
        text-align: center;
    }

    .x-toolbar-item[class*="icon-ws"]:not(.panelicon) {
        &:before {
            top: 7px;
        }
    }
    //paneltitle
    .x-toolbar-text-d-heading {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.75px;
    }
}

//panel header actions
.x-toolbar-d-header {
    padding: 0 0 8px 0;
    //paneltitle
    .x-toolbar-item {
        margin: 0 0 0 0;
    }

    .x-toolbar-text-d-heading {
        font-size: 16px;
        line-height: 20px;
    }
    //itemscount
    .itemscount {
        background-color: @swatch-gray-1;
        border-radius: 10px;
        height: 16px;
        padding: 0 8px;
        top: 0 !important;
        margin-left: -4px !important;
        text-align: center;
    }
}

.x-toolbar-separator.shape-default {
    border-width: 0px;
}

.x-column-header-sort-DESC .x-column-header-text-inner:after,
.x-column-header-sort-ASC .x-column-header-text-inner:after {
    font-family: DynamoSymbolsRegular;
    font-size: 14px;
    color: #919191;
    position: absolute;
    width: 12px;
    margin-left: unset;
    top: 5px;
}

.d-any-icon-header.x-column-header-sort-DESC .x-column-header-text-inner:after, .d-any-icon-header.x-column-header-sort-ASC .x-column-header-text-inner:after {
    margin-left: 8px;
}

.x-column-header-sort-ASC .x-column-header-text-inner:after {
    content: '\0423';
}

.x-column-header-sort-DESC .x-column-header-text-inner:after {
    content: '\041F';
}

.d-group-zone-item-close:hover {
    color: #cc3333;
}

.d-group-zone-item-close {
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

.d-group-zone-item-close:after {
    content: 'n';
    width: 16px;
    font-family: DynamoSymbolsRegular;
    font-size: 16px;
    position: absolute;
    right: 0px;
}

.d-sort-zone-item-asc:after {
    content: "\0423";
    font-family: DynamoSymbolsRegular;
    font-size: 14px;
    color: #919191;
    /*padding-left: 5px;*/
}

.d-sort-zone-item-desc:after {
    content: "\041F";
    font-family: DynamoSymbolsRegular;
    font-size: 14px;
    color: #919191;
    /*padding-left: 5px;*/
}

.d-group-zone .to-be-removed {
    background-color: @swatch-white !important;

    .x-btn-inner.x-btn-inner-default-small {
        color: @swatch-black;
    }
}

.x-toolbar-d-header .x-box-menu-after.lastOfPinGroup {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -1px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.x-toolbar-d-header .x-box-menu-after.lastOfPinGroup:hover {
    z-index: 1000000000;
}

.x-toolbar-d-header .x-box-menu-after.firstOfPinGroup {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.x-toolbar-d-header .x-box-menu-after.firstOfPinGroup:hover {
    z-index: 1000000000;
}

.test-right {
    position: relative;
    float: left;
}

.x-box-menu-after.x-btn-pressed.x-btn-over {
    background-color: @button-color-over !important;
    border-color: @button-color-over !important;
}

.dd-toolbar-button-item {
    margin: 0 0 0 0 !important;
    border-radius: 0px !important;
    box-sizing: border-box !important;
}

.dd-toolbar-button-item:hover {
    z-index: 1000000000;
}

.dd-toolbar-button-item-first-in-group {
    border-top-left-radius: @border-radius !important;
    border-bottom-left-radius: @border-radius !important;
}

.dd-toolbar-button-item-last-in-group {
    border-top-right-radius: @border-radius !important;
    border-bottom-right-radius: @border-radius !important;
    //margin-left: -1px !important;
}



.dd-toolbar-button-item-first {
    /*  margin-left: 4px !important;
    margin-right: 2px !important;*/
}

.dd-toolbar-button-item-first-after-separator {
    margin-left: 2px !important;
}

.dd-toolbar-button-item-first-before-separator {
    border-top-right-radius: @border-radius !important;
    border-bottom-right-radius: @border-radius !important;
}

.dd-toolbar-separator-item.shape-default {
    /*  margin-right: 4px !important;*/
    border-width: 0px !important;
}

.dd-toolbar-button-item-last {
    //margin-left: -1px !important;
}

.dd-toolbar-button-item-test {
    margin-left: -1px !important;
}

.x-tab-icon-left > .x-tab-icon-el-default, .x-tab-icon-right > .x-tab-icon-el-default.tabbarMoreIcon {
    width: auto;
    min-height: 0px;
}

@keyframes dd_toolbar_button_item_over {
    from {
        background-color: #FFF;
    }

    to {
        background-color: @swatch-gray-1;
    }
}

.new-header {
    .x-toolbar-d-header .x-box-menu-after.firstOfPinGroup, .x-toolbar-d-header .x-box-menu-after.lastOfPinGroup {
        border-radius: @border-radius !important;
        border-color: transparent;
    }

    .dd-toolbar-separator-item {
        &.x-on-pin {
            transition: 0.5s;
        }
    }

    .dd-toolbar-button-item {
        border-color: transparent;

        .x-btn-icon-el {
            transition: 0.5s;
        }

        .x-btn-arrow-right {
            &:after {
                transition: 0.5s;
                color: @icon-color !important;
            }
        }

        &.x-on-pin {
            transition: 0.5s;
        }

        &.x-btn-over {
            border-color: transparent;
            background-color: @swatch-gray-1;
            animation-name: dd_toolbar_button_item_over;
            animation-duration: 0.5s;

            .x-btn-icon-el {
                color: @swatch-theme-color !important;
            }

            .x-btn-inner {
                color: @swatch-black !important;
            }

            .x-btn-arrow-right {
                &:after {
                    color: @swatch-theme-color !important;
                }
            }
        }

        &.x-btn-pressed, &.x-btn-menu-active {
            border-color: transparent;
            background-color: @swatch-theme-color-highlight;

            &.x-btn-over {
                animation-name: none;
                animation-duration: 0s;
            }

            .x-btn-icon-el {
                color: @swatch-theme-color !important;
            }

            .x-btn-inner {
                color: @swatch-black !important;
            }

            .x-btn-arrow-right {
                &:after {
                    color: @swatch-theme-color !important;
                }
            }
        }
    }

    .firstOfPinGroup, .lastOfPinGroup {
        transition: 0.5s;

        &.x-btn-over {
            border-color: transparent !important;
            background-color: @swatch-gray-1;

            .x-btn-icon-el, .x-btn-inner {
                color: @icon-color-active !important;
            }
        }

        &.x-btn-pressed, &.x-btn-menu-active {
            background-color: @swatch-theme-color-highlight !important;

            .x-btn-icon-el, .x-btn-inner {
                color: @icon-color-active !important;
            }
        }
    }
    /*   .dd-toolbar-button-item-first-in-group {
        margin-left: 3px !important;
    }

    .dd-toolbar-button-item-last-in-group {
        margin-right: 4px !important;
    }*/

    .dd-toolbar-separator-item.shape-default {
        border-left-width: 1px !important;
        height: 20px;
    }
}

.homeworkview {
    & .x-toolbar-d-main-header,
    & .x-toolbar-d-actionsplace {
        margin-left: 0;
    }
}

.x-window {

    .topbar {
        padding: 8px 24px;
        background-color: @content-place-background-color;

        .x-panel-body-default, .x-panel-body-d-content-panel {
            background-color: @content-place-background-color;
        }

        .x-form-item-label-text {
            color: #000;
        }

        .x-form-text-default, .x-form-trigger-default {
            background-color: white;
        }
    }
    //alternative topbar used as info msg
    .d-editform-message {
        padding: 0 16px @new-general-panel-margin 16px;

        p {
            margin: 0;
        }
    }

    .x-panel-body-d-content-place .x-panel-body-d-content-place,
    .x-panel-body-d-content-place .topbar + .x-panel-body-d-content-place {
        padding: 0px !important;
    }

    .topbar + .x-panel-body-d-content-place {
        padding-top: 0 !important;
    }

    .x-panel-body-d-content-place .topbar {
        padding: 0 16px 8px 16px;
    }

    &.content-place {

        .x-window-body {
            padding: @new-general-panel-margin 0;
            background-color: @content-place-background-color;
        }
    }

    & .content-place {
        padding: @new-general-panel-margin 0;
    }

    & .d-icons-form-body {
        padding: @new-general-panel-margin 0 !important;
    }
}

.confirm-delete-sign {
    font-family: DynamoSymbolsRegular;
    font-size: 32px;

    &:before {
        content: '\00A7';
        color: @swatch-red;
        line-height: 32px !important;
    }
}

.info-delete-sign {
    font-family: DynamoSymbolsRegular;
    font-size: 32px;

    &:before {
        content: '\0068';
        color: @swatch-gray-4;
        line-height: 32px !important;
    }
}

.confirm-validation-panel {
    color: @swatch-red;
    background: @swatch-yellow;
    padding: @content-panel-tb-padding @content-panel-lr-padding;
}

.confirm-panel-content .x-autocontainer-innerCt {
    white-space: pre-wrap;
}

.confirmFormIcon.colorOrange:before {
    color: @swatch-orange;
}

.d-dai-dialog-tab-button {
    .d-dai-dialog-tab-badge {
        display: inline-block;
        padding: 3px 3px;
        margin-right: 3px;
        min-width: 18px;
        min-height: 18px;
        background: orange;
        color: #fff;
        font-size: 9px;
        line-height: 9px;
        border: 1px solid #fff;
        border-radius: 50%;
        text-align: center;
    }

    .d-dai-dialog-tab-title {
        vertical-align: middle;
    }
}

.d-dai-document-category:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTgiIGhlaWdodD0iOTgiIHZpZXdCb3g9IjAgMCA5OCA5OCI+DQogIDxkZWZzPg0KICAgIDxmaWx0ZXIgaWQ9IkVsbGlwc2VfMzg4IiB4PSIwIiB5PSIwIiB3aWR0aD0iOTgiIGhlaWdodD0iOTgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+DQogICAgICA8ZmVPZmZzZXQgZHk9IjMiIGlucHV0PSJTb3VyY2VBbHBoYSIvPg0KICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIgcmVzdWx0PSJibHVyIi8+DQogICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwLjE2MSIvPg0KICAgICAgPGZlQ29tcG9zaXRlIG9wZXJhdG9yPSJpbiIgaW4yPSJibHVyIi8+DQogICAgICA8ZmVDb21wb3NpdGUgaW49IlNvdXJjZUdyYXBoaWMiLz4NCiAgICA8L2ZpbHRlcj4NCiAgPC9kZWZzPg0KICA8ZyBpZD0iRHluYW1vX0FJX2xvZ29fc3ltYm9sX3YyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5IDYpIj4NCiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAtOSwgLTYpIiBmaWx0ZXI9InVybCgjRWxsaXBzZV8zODgpIj4NCiAgICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMzg4LTIiIGRhdGEtbmFtZT0iRWxsaXBzZSAzODgiIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOSA2KSIgZmlsbD0iIzM2YyIvPg0KICAgIDwvZz4NCiAgICA8ZyBpZD0iR3JvdXBfMTMxOCIgZGF0YS1uYW1lPSJHcm91cCAxMzE4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMy40NTggMTguMDU0KSI+DQogICAgICA8cGF0aCBpZD0iUGF0aF8yMDY2IiBkYXRhLW5hbWU9IlBhdGggMjA2NiIgZD0iTTMzLjk4NywzLjg4MmEzLjg2NSwzLjg2NSwwLDAsMC00LTMuODgzLDMuOTcsMy45NywwLDAsMC0zLjc2Myw0LjA2MnY3LjIyN2gwdjEyLjNoLS4wNnY0LjcxOWwtNS45MTMsNS45MTNIMTMuNzM4TDcuODI1LDI4LjMxMXYtNi41N2w1LjkxMy01LjkxM2g1LjJhMy44NzUsMy44NzUsMCwwLDAsMy44ODMtMy44ODNoMGEzLjg3NSwzLjg3NSwwLDAsMC0zLjg4My0zLjg4M0gxMC45OTFMMCwxOC45OTNWMzFMMTAuOTkxLDQxLjk5SDIzTDMzLjkyNywzMS4wNTloLjA2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjAwMykiIGZpbGw9IiNmZmYiLz4NCiAgICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMzgwIiBkYXRhLW5hbWU9IkVsbGlwc2UgMzgwIiBjeD0iNC43MTkiIGN5PSI0LjcxOSIgcj0iNC43MTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjI0NSAyMC40ODkpIiBmaWxsPSIjZmZmIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==');
}

.d-dai-document-category-tooltip {
    &.x-tip-default {
        background-color: #fff;
        border: hidden;
        color: #272f3a;
        text-align: left;
    }

    .x-tip-body-default {
        padding: 0 10px 0 10px;
    }

    .d-dai-document-category-tooltip-title {
        color: #000;
        font-size: 16px;
        font-weight: 400;
    }

    .d-dai-document-category-tooltip-body {
        color: #333333;
    }
}
.daisettings {
    .splitter-h {
        width: 3px !important;
    }

    .splitter-v {
        height: 3px !important;
    }

    .x-splitter {
        background-color: #E5E5E5;
        background-clip: border-box;
        z-index: 0;
        padding: 0 !important;
    }

    .x-form-spinner-default {
        width: 15px;
    }

    .x-form-text-default {
        width: 30px;
        padding-right: 0;
    }

    .x-form-radio-default {
        font-size: 16px;
    }

    .x-form-cb-checked .x-form-radio-default {
        font-size: 16px;
    }

    .x-form-radio-default:before {
        vertical-align: top;
    }

    .x-form-cb-checked .x-form-radio-default:before {
        vertical-align: top;
        color: @icon-color-active;
    }

    .x-form-checkboxgroup-body {
        padding: 0;
    }

    .daisettingsnum {
        width: 45px;
        padding: 5px 5px 5px 10px;
    }
}

.deduplicate-grid {
    @mergeRecords-search-panel-height: 28px;

    .filter {
        .x-form-text-default {
            height: @mergeRecords-search-panel-height;
            min-height: @mergeRecords-search-panel-height;
        }
    }

    .spacer {
        height: 10px;
    }

    .deduplicate-entityGrid-grid {
        .x-panel-header-default-horizontal.x-header-noborder {
            padding: 0px 0px 0px 0px;
            background: white;
        }

        .x-column-header-inner {
            display: none;
        }

        .x-form-cb-default {
            margin-top: 6px;
            font-size: 16px;
        }

        .x-grid-cell-inner {
            padding: 0px 0px;
        }

        .x-tool-close {
            position: relative;
            right: 5px;
            top: -2px;
            color: rgb(158, 161, 166);
            font-size: 16px;

            &:before {
                font-family: DynamoSymbolsRegular;
                content: "\006D";
            }
        }

        .x-tool-close-hide {
            display: none;
        }

        .radio-selected {
            background-color: #FFFFCC;
        }

        .x-grid-item-over .radio-selected {
            background-color: transparent;
        }

        .x-form-cb-label-default.x-form-cb-label-after {
            max-width: 98%;
            white-space: nowrap;
            overflow: hidden !important;
            text-overflow: ellipsis;
        }

        .x-box-inner {
            height: 22px;
        }
    }

    .deduplicate-previewGrid-grid {

        .x-cell-editMode {
            .x-grid-cell-inner {
                padding: 3px 5px;
                margin: 5px;
                height: 22px;
                background: @swatch-gray-2;
                border-radius: 3px;
            }
        }

        .x-grid-dirty-cell .x-grid-cell-inner:after {
            display: none;
        }
    }

    .x-btn-deduplicate-onlyDifferences {
        border-right: none;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .x-btn-deduplicate-showAll {
        border-left: none;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .header-panel {
        padding: 2px 0px 0px 21px;

        .label-selectall {
            color: #407ffd;
            font-size: 10px;
            font-weight: 600;
            cursor: pointer;
            text-decoration: underline;
            margin: 0px 5px 1px 0px;
            padding: 0px 0px 0px 8px;
        }

        .label-selectall-inactive {
            color: #999999;
            font-size: 10px;
            font-weight: 600;
            margin: 0px 5px 1px 0px;
            padding: 0px 0px 0px 8px;
        }

        .label-name {
            color: #666666;
            font-size: 10px;
            font-weight: 600;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }
}

.deduplicate-warning {
    background-color: @swatch-gray-2;
    padding: 16px 5px 8px 20px; // !important;

    .warning-word-label {
        margin-left: 5px;
        margin-right: 5px;
    }

    .icon-ws-alert-deduplicate:before {
        font-size: 16px;
        color: @swatch-red !important;
        content: '\0077';
    }
}

.searchfilter-body {
    margin: 0px 10px;
}

.entity-clone-form {
    .form-container {
        height: 252px;
    }

    .x-form-type-checkbox {
        margin-left: 145px;
    }
}

.entity-clone-form {
    .form-container {
        height: 342px !important;
    }
}

.mail-merge-content-place {
    padding: 7px 10px 10px 10px !important;
    background-color: @content-place-background-color;

    .x-form-text-field-body-default {
        background-color: @swatch-white !important;
    }

    .x-form-text-default {
        background-color: @swatch-white;
    }
}

.mailmergepropertypicker-icon-createnew {
    font-size: 16px !important;
}

.mailmergetexteditorform {
    .remaining-charachters-counter-wrap {
        background-color: @swatch-white !important;
    }

    .x-panel-d-content-panel {
        border-color: transparent !important;
    }

    .x-panel-body-default {
        background: @content-place-background-color !important;
    }

    .mailmergepropertypicker-top-panel {
        padding: 10px 20px 0 20px;
        background: @swatch-white !important;

        .x-panel-body-default {
            background: @swatch-white !important;
        }

        .x-form-text-default {
            background-color: @swatch-gray;
        }
    }

    .x-form-text-field-body-default {
        background-color: @swatch-white !important;
    }
}

.mailmergepropertypicker-grid {
    padding-bottom: 10px;

    .x-column-header-inner {
        background-color: @swatch-gray !important;
    }
}

.propMergeLabel {
    color: @links-color-disabled;
}


.mailmergetexteditorform {
    .x-panel-body-default {
        background: @content-place-background-color !important;
    }
}


.mailmergepropertypicker-top-panel-cboEntities {
    padding: 0 10px 0 0;
    height: 40px;

    .x-form-text-default {
        min-height: 35px;
    }

    .x-form-trigger {
        vertical-align: middle;
    }
}

.mailmergepropertypicker-top-panel-txtPropertyLabel {
    padding: 0 0 0 10px;
    height: 40px;

    .x-form-text-default {
        min-height: 35px;
    }
}

.mailmergetextareaeditorform {

    .mailmergepropertypicker-grid {
        padding-bottom: 10px;

        .x-column-header-inner {
            background-color: @swatch-gray !important;
        }
    }

    .mailmergepropertypicker-top-panel {
        padding: 10px 20px 0 20px;
        background: @swatch-white !important;

        .x-panel-body-default {
            background: @swatch-white !important;
        }

        .x-form-text-default {
            background-color: @swatch-gray;
        }
    }

    .mail-merge-content-place {
        padding: 2px 0 !important;

        &.mail-merge-property-panel {
            padding-right: 2px !important;
        }
    }
}


div[id^="newitem"] {
    .pop-out-btn {
        padding-left: 6px;
        padding-right: 6px;
        .x-btn-icon-el-d-btn-secondary-small {
            color: @base-color
        }
    }
}

.d-panel-library-panel {
    & .x-grid-group-title.icon-toggle-item {
        // Text in Panel Library titles shouldn't have font as for icons
        font-family: unset;
    }

    & .x-form-clear-trigger,
    & .x-form-search-trigger {
        vertical-align: middle;
    }
}

.relatetoform {
    & .x-panel-body-d-content-place.d-itemproperties {
        padding-bottom: 0 !important;
    }

    & .relate-form-header {
        background-color: @swatch-white;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        padding: 8px 16px !important;

        &.without-search {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }
    }

    & .single-search-control {
        background-color: @swatch-white;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        padding: 8px 16px !important;
    }

    & .single-search-label {
        margin-top: 8px !important;
    }

    & .details-container {
        padding-top: 0 !important;
        padding-left: 0 !important;
    }

    & .cb-rolled-up {
        margin-left: 125px !important;

        & .x-form-cb-wrap-inner {
            padding: 0 !important;
        }
    }

    & .relate-title {
        font-size: 16px;
    }

    & .relate-entity-icon {
        color: @swatch-gray-4;
        left: 1px !important;
    }

    & .grid {
        & .x-grid-item-over .icon-deleterow:hover:before {
            color: @swatch-red !important;
        }
    }

    & .select-all-btn {
        left: 1px !important;

        &.x-btn-over {
            margin-left: -1px !important;
        }
    }
}

 /*Fix double borders for toolbar buttons in Firefox*/ 
@supports(-moz-appearance:none) {
    .relatetoform .select-all-btn {
        left: 2px !important;
    }
}

.d-skin-form {
    & .x-anchor-form-item {
        margin-bottom: 5px;
    }
}

.d-skin-form {
    & .x-anchor-form-item {
        margin-bottom: 6px;
    }
}

.toast-text-hyperlink {
    color: blue;
    cursor: pointer;
    text-decoration: none;

    &:hover {
        text-decoration: underline;
    }
}

.workspace-form {
    padding: 15px;
}

.workspace-title {
    margin: 0 10px 20px 0;
    width: 510px;
    height: 26px;
}

.icons-container {
    margin-right: 20px;
}

.icons-details {
    margin-bottom: 5px;
}

.icons-version {
    width: 106px;
}

.x-datepicker-date:hover {
	color: @swatch-black;
	background-color: @buttons-color-light;
}

div.x-datepicker-date {
	border-radius: @border-radius;
	text-align: center;

	&:hover {
		background-color: @swatch-gray-1;
		color: @swatch-black;
		text-decoration: none;
	}
	&:active {
		background-color: @swatch-theme-color;
		color: @swatch-white;
		text-decoration: none;
	}
}

.x-datepicker-today {
	background-color: @swatch-gray-1;
	border-radius: @border-radius;
}

.x-datepicker-active.x-datepicker-today.x-datepicker-cell {
	div.x-datepicker-date {
		background-color: @swatch-gray-1;
		color: @swatch-black;
		border-radius: @border-radius;
	}
}
.x-datepicker-active.x-datepicker-today.x-datepicker-cell {
	div.x-datepicker-date {
		color: @swatch-black;
		background-color: @swatch-gray-1;
	}
}

.x-datepicker {
	border-radius: @border-radius;
}


.x-datepicker-column-header-inner {
	color: @swatch-gray-4;
}

.x-datepicker-header {
	.x-btn.x-btn-default-small {
		background-color: @swatch-white;

		&:hover {
			background-color: @swatch-gray-1;
		}

		&:active {
			background-color: @swatch-theme-color;

			.x-btn-split-right:after, .x-btn-split-right:after {
				color: @swatch-white;
			}

			.x-btn-inner.x-btn-inner-default-small {
				color: @swatch-white;
			}
		}
	}
}

.x-btn-wrap-default-small.x-btn-split-right > .x-btn-button {
	padding-right: 0px;
}

.x-datepicker-footer .x-btn {
	border: none;

	.x-btn-wrap .x-btn-inner {
		color: @swatch-gray-5;
	}

	&:hover {
		background-color: @swatch-gray-1;
	}

	&:active {
		background-color: @swatch-theme-color;

		.x-btn-wrap .x-btn-inner {
			color: @swatch-white;
		}
	}
}

.x-datepicker-selected div.x-datepicker-date {
	background-color: @swatch-theme-color;
	color: @swatch-white;

	&:hover {
		color: @swatch-white;
		text-decoration: none;
	}

	&:active {
		color: @swatch-white;
		text-decoration: none;
	}
}

//{}

.x-monthpicker-body .x-monthpicker-years * {
	color: @swatch-black;
}

.x-monthpicker-body .x-monthpicker-months * {
	color: @swatch-black;
}

.x-monthpicker-buttons a {
	border: none;

	.x-btn-inner {
		color: @swatch-gray-5;
	}

	&.x-btn.x-btn-default-toolbar-small.x-btn-over {
		&:hover {
			background-color: @swatch-gray-1;
		}

		.x-btn-inner.x-btn-inner-default-toolbar-small {
			color: @swatch-gray-5;
		}

		&:active {
			background-color: @swatch-theme-color;

			.x-btn-inner.x-btn-inner-default-toolbar-small {
				color: @swatch-white;
			}
		}

		.x-btn-inner.x-btn-inner-default-toolbar-small{
			color: @swatch-gray-5;
		}
	}
}

a:not(.x-btn).x-monthpicker-yearnav-button {
	color: @swatch-gray-4 !important;

	&:hover, &:focus {
		text-decoration: none !important;
	}
}

.x-monthpicker-months, .x-monthpicker-years {

	.x-monthpicker-item-inner {
		color: @swatch-gray-5 !important;
		border-radius: @border-radius;

		&:hover {
			background-color: @swatch-gray-1;
			color: @swatch-gray-5 !important;
			text-decoration: none;
		}
		&:active {
			text-decoration: none;
		}

		&.x-monthpicker-selected {
			background-color: @swatch-theme-color;
			color: @swatch-white !important;

			&:hover:not(:empty):active {
				background-color: @buttons-color-light;
				color: @swatch-black;
				text-decoration: none;
			}
		}
	}
}

.x-timepicker.x-boundlist-floating {
	display: none !important;
}

.x-form-time-trigger {
	display: none !important;
}

.d-datetime-picker,
.d-date-picker {
	& .x-form-date-trigger {
		color: @icon-color;

		&.x-form-trigger-over,
		&.x-form-trigger-focus {
			color: @icon-color-active;
		}
	}
}

/* DateTime erorr tooltip style */

.d-date-time-pikcer-hours-error-tooltip,
.d-date-time-pikcer-minutes-error-tooltip {
    & .tooltip-box-shadow {
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
    }

    & .login-tooltip-container {
        height: 50px;
    }

    & .login-tooltip-container + .tooltip-arrow {
        left: 10px !important;
    }

    & .login-tooltip-icon,
    & .login-tooltip-title {
        line-height: 12px !important;
    }

    & .login-tooltip-icon {
        transform: initial !important;
    }
}

.x-formula-body {
    & .copy-address-icon,
    & .map-address-icon {
        position: absolute;
        top: 4px;
        visibility: hidden;
        color: @icon-color;

        &.d-icon-16 {
            font-size: 16px;
        }
    }

    & .copy-address-icon {
        right: 30px;

        &.single-address-action {
            right: 8px;
        }
    }

    & .map-address-icon {
        right: 8px;
    }

    &:hover {
        & .copy-address-icon,
        & .map-address-icon {
            visibility: visible;

            &:before {
                cursor: pointer;
            }

            &:hover:before {
                color: @icon-color-active;
            }
        }
    }
}

.mailinglistspicker {
    .items {
        padding-left: 20px;
        overflow: visible;
        position: static;
        height: 100% !important;
        width: 100%;
    }

    .x-autocontainer-outerCt, .x-autocontainer-innerCt {
        line-height: 30px;
        margin: 0;
        padding: 0;
    }

    .x-panel-body {
        overflow: visible;
        position: static;
        height: 100% !important;
        width: 100% !important;
    }

    .x-form-type-checkbox .x-form-cb-wrap-default {
        max-width: 100% !important;
        height: 100%;
        width: 100%;
        overflow: visible;
    }

    .x-field label {
        font-size: 12px;
        min-height: 0;
    }

    .x-form-cb {
        left: 6px;
    }

    .x-form-cb-label-default.x-form-cb-label-after {
        top: -1px;
        position: inherit;
        margin-top: 4px !important;
        padding-left: 40px;
        width: 100% !important;
    }

    .x-form-cb-input {
        top: -1px !important;
        left: 6px !important;
        width: 26px;
        z-index: 2;
        height: 15px;
    }

    .x-form-checkbox {
        -webkit-appearance: none;
        -webkit-tap-highlight-color: transparent;
        position: absolute;
        width: 23px;
        border: 0;
        outline: 0;
        content: '' !important;
        pointer-events: all;
    }

    .x-form-checkbox:after {
        left: 6px;
        top: -1px !important;
        content: '' !important;
        width: 23px;
        height: 13px;
        display: inline-block;
        background: #e5e5e5;
        border-radius: 18px;
        clear: both;
        pointer-events: all;
    }

    .x-form-checkbox:before {
        content: '' !important;
        width: 13px;
        height: 13px;
        display: block;
        position: absolute;
        left: 0;
        top: -1px !important;
        border-radius: 50%;
        background: #FFFFFF;
        box-shadow: 1px 1px 3px #000000;
        z-index: 1;
        pointer-events: all;
    }

    .x-form-cb-checked .x-form-checkbox:before {
        content: '' !important;
        left: 11px;
        box-shadow: -1px 1px 3px #000000;
        pointer-events: all;
    }

    .x-form-cb-checked .x-form-checkbox:after {
        content: '' !important;
        background: #0066cc;
        pointer-events: all;
    }

    .x-form-checkbox,
    .x-form-checkbox:before,
    .x-form-checkbox:after,
    .x-form-cb-checked .x-form-checkbox:before,
    .x-form-cb-checked .x-form-checkbox:after {
        content: '' !important;
        transition: .3s !important;
    }

    .x-form-type-checkbox .x-form-checkbox-default:before,
    .x-form-type-checkbox .x-form-checkbox-default:after,
    .x-form-type-checkbox .x-form-checkbox-large:before,
    .x-form-type-checkbox .x-form-checkbox-extralarge:before,
    .x-form-type-checkbox .x-form-checkbox-extralarge:after {
        top: 3px !important;
    }
}

.mailinglistspicker {
    .checkbox-with-line-label .x-form-cb-wrap-inner, .x-form-type-checkbox.x-form-item-no-label .x-form-cb-wrap > .x-form-cb-wrap-inner {
        padding: 6px 0;
    }

    .x-form-type-checkbox .x-form-checkbox-default:before,
    .x-form-type-checkbox .x-form-checkbox-default:after,
    .x-form-type-checkbox .x-form-checkbox-large:before,
    .x-form-type-checkbox .x-form-checkbox-extralarge:before,
    .x-form-type-checkbox .x-form-checkbox-extralarge:after {
        top: -1px !important;
    }

    .x-form-cb-label-default.x-form-cb-label-after {
        padding-left: 40px;
        top: -7px;
        position: inherit;
        margin-top: 4px !important;
    }

    .x-form-cb-checked .x-form-checkbox:after {
        content: '' !important;
        background: darkgray;
        pointer-events: all;
    }

    .x-form-cb-input {
        top: 0px !important;
        left: 0px !important;
        width: 26px;
        z-index: 2;
        height: 15px;
    }
}

.x-monthpicker-yearnav-button-ct {
    width: 61px;
}
.x-monthpicker-years .x-monthpicker-item {
    width: 61px;
}

.x-monthpicker-years {
    width: 124px;
}

.x-monthpicker-disabled {
    background-color: #eee !important;
    cursor: default !important;
    color: #bbb !important;
    pointer-events: none;
    z-index: 99999;
}

.x-monthpicker-noclick {
    pointer-events: none;
    z-index: 99999;
}

.x-monthpicker-displaynone {
    display: none !important;
}
.d-list {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);

    &.hide-before-search .x-list-plain {
        padding: 0;
    }
}

.d-list .x-list-plain {
    padding: 1px;
}

.d-list-item {
    position: relative;
    list-style: none;
    padding: 0 6px;
    line-height: 26px;
    color: #282f39;
    cursor: pointer;
    //single line
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.d-list-more {
    display: block;
    padding: 5px 5px;
    cursor: pointer;
}

.d-list-item-over {
    background-color: #e1f0ff;
}

.d-list-item-selected {
    background-color: #36c;
    color: #fff;
}

.d-list-empty {
    padding: 5px 10px;
    background-color: rgb(255, 255, 204);
}

//multiselect list

.d-list-item .d-icon-16 {
    margin-right: 8px;
}

.d-list-multi .d-list-item {
    padding-left: 23px;
}

.d-list-multi .d-list-item-selected {
    background-color: inherit;
    color: inherit;
}

.d-list-multi .d-list-item-over {
    background-color: #e1f0ff;
}

.d-list-checkbox {
    position: absolute;
    left: 4px;
    top: 50%;
    margin-top: -8px;
    font-size: 16px;
    line-height: 16px;
    font-family: DynamoSymbolsRegular;
}

.d-list-checkbox:before {
    position: relative;
    color: #999;
    content: "A";
}

.d-list-item-selected .d-list-checkbox:before {
    position: relative;
    color: #36c;
    content: "\0442";
}


.d-list-item-differentvalues .d-list-checkbox:before {
    position: relative;
    color: #36c;
    content: "\0442";
}

.single-picker-dialog-tree .x-tree-expander {
    display: inline-block;
    top: -1px;
    position: relative;
    font-size: 14px;
    font-family: 'DynamoSymbolsRegular';
    color: @icon-color-grey;
}

.single-picker-dialog-tree .icon-folder:before {
    margin-top: -2px;
}

.single-picker-dialog-tree .x-tree-checkbox {
    font-family: DynamoSymbolsRegular;
    font-size: 16px;
}

.single-picker-dialog-tree .x-tree-checkbox:before {
    color: #7e8288;
    content: 'A';
    position: relative;
}

.single-picker-dialog-tree .x-tree-checkbox-checked:before {
    content: '\0394';
    color: #36c;
}

.single-picker-dialog-tree .x-grid-tree-node-expanded .x-tree-elbow-plus:before,
.single-picker-dialog-tree .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
    content: '\0386';
}

.single-picker-dialog-tree .x-tree-elbow-plus:before,
.single-picker-dialog-tree .x-tree-elbow-end-plus:before {
    content: '\0388';
}

.single-picker-dialog-tree .match-text {
    font-weight: 700;
    color: #000;
}

.single-picker-dialog .d-link-btn .x-btn-inner-default-toolbar-small {
    //font-size: 10px;
}

.single-picker-dialog-tree{
    padding-top:8px;
}

.single-picker-dialog .tagcontainer {
    padding-bottom: 0px;
}

.x-form-trigger.x-form-trigger-default.-default  {
    display: none;
}

.d-singlepicker,
.d-multipicker {
    & .d-publicface.dropdown:hover {
        background-color: @swatch-yellow;
    }

    & .d-publicface.dropdown:hover:before {
        display: inline;
        content: '\0426';
        font: 16px/22px DynamoSymbolsRegular;
        color: #9999;
        left: calc(100% - 29px);
        top: 3px;
        position: absolute;
        width: 32px;
    }
}

.x-tip.x-tip-default {
    & .x-autocontainer-innerCt {
        word-break: break-word;
        overflow-wrap: break-word;
    }
}


.single-picker-underline:last-child {
    border-bottom: 2px solid @icon-color-grey;
    width: 100%;
    display: inline-block;
    text-align: left;
    justify-content: space-between;
}

.d-list {
    border-radius: @border-radius;

    .x-list-plain {
        padding: 4px 0px 8px;
    }

    .create-new-menu {
        & .x-menu-item-text {
            min-width: auto;
            margin: 0px;
            padding-left: 30px;
        }

        & .x-menu-item-icon {
            top: 5px;
            left: 4px;
            color: @icon-color;
        }
    }
}

.d-list-item-over {
    background-color: @highlight-background-color;
}

.d-list-multi .d-list-item-over {
    background-color: @highlight-background-color;
}

.d-list-item {
    margin-left: 0px;
    margin-right: 0px;
    line-height: 32px;
    color: @swatch-black;
}

.d-list-multi .d-list-item {
    padding-left: 23px;
    height: 32px;
}

.d-list-multi, .d-list {
    .d-icon-16 {
        margin: 0 4px;
        color: @icon-color;

        &:before {
            vertical-align: baseline !important;
        }
    }

    .d-list-item-over {

        .d-icon-16 {
            color: @icon-color-active;
        }
    }
}


.d-list .x-btn-plain-toolbar-small {
    padding-left: 0px;
    padding-right: 0px;
}

.d-list .x-toolbar-text-default {
    padding: 0px;
}

.d-list .paging-toolbar {
    padding-left: 8px;
    width: 100%;

    & [role="spinbutton"] {
        margin-top: -2px;
    }
}

.d-list .page-tb-prev, .d-list .page-tb-next {
    width: 28px;
}


.d-list .icon-left-back, .d-list .icon-right-go {
    font-family: DynamoSymbolsRegular;
}

.d-list .icon-left-back:before {
    content: '\039E';
}

.d-list .icon-left-back:after {
    content: '';
    color: @swatch-white;
}

.d-list .icon-right-go:before {
    content: '\03A0';
}

.d-list .icon-right-go:after {
    content: '';
    color: @swatch-white;
}

.page-enable .x-btn-inner-plain-toolbar-small {
    color: @swatch-theme-color;
}

.page-disable .x-btn-inner-plain-toolbar-small {
    color: #666
}

.d-list-checkbox {
    top: unset;
    margin-top: unset;
    line-height: unset;
}

.d-list-checkbox:before {
    position: relative;
    top: unset;
    content: "\0041";
}

.d-list-checkbox:hover:before {
    color: @icon-color-active;
}

.d-list-item-selected {
    & .d-list-checkbox:after {
        content: "";
    }

    & .d-list-checkbox:before {
        position: relative;
        content: "\0394";
        color: @swatch-gray-4;
    }

    & .d-list-checkbox:hover:before {
        color: @icon-color-active;
    }
}

.d-list-item-differentvalues .d-list-checkbox:before {
    position: relative;
    color: @swatch-theme-color;
    content: "\043D";
}

.d-list-item-differentvalues .d-list-checkbox:after {
    content: "";
}

.x-gecko .x-form-trigger {
    display: table-cell;
}

.x-field-focus {
    .x-form-text-default[id^="singlepicker"] {
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }
}

.d-singlepicker,
.d-multipicker {
    & .d-trigger-clearbutton.x-form-trigger-over {
        color: @swatch-red;
    }

    & .d-publicface.dropdown {

        &:hover {
            background-color: @highlight-background-color;
        }
    }

    & .d-publicface.dropdown:hover:before {
        display: inline;
        content: '\0426';
        font: 16px/22px DynamoSymbolsRegular;
        color: @swatch-gray-4;
        left: calc(100% - 25px);
        position: absolute;
        width: 32px;
        height: 32px;
        line-height: 32px;
        top: 0;
        bottom: 0;
        margin: auto 0;
    }
}

.d-list-empty {
    padding: 4px 8px;
    background-color: @swatch-yellow;
}

.x-menu-item-default.x-menu-item-focus:hover,
.x-menu-item-default.x-menu-item-active:hover {
    background-color: @swatch-gray-1;

    & .x-menu-item-icon,
    & .x-menu-item-arrow {
        color: @icon-color-active;
    }
}

.x-menu-item-default.x-menu-item-focus,
.x-menu-item-default.x-menu-item-active {
    background-color: @swatch-white;

    & .x-menu-item-icon,
    & .x-menu-item-arrow {
        color: @icon-color;
    }
}

.x-form-trigger.x-form-trigger-over,
.x-form-trigger.x-form-trigger-focus {
    &:not(.x-form-clear-trigger, .d-trigger-clearbutton):before {
        color: @icon-color-active;
    }
}

.x-menu-item-default.x-menu-item-focus,
.x-menu-item-default.x-menu-item-active {
    & .x-menu-item-icon.icon-ws-deleterow:before {
        color: @swatch-red;
    }
}

.d-form-tags-field {
    /*box-shadow: 0 0 1px #369;*/
}

.d-tags-list {
    padding: 1px 2px 2px 1px;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.d-filtering-field .d-tags-list {
    padding: 0 0 4px 0;
}

.d-tags-list-item, .d-tags-list-extra {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0px 21px 0px 5px;
    margin: 1px;
    color: #666;
    line-height: 21px;
}

.d-tags-list-extra {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    flex: 1;
}

// .d-tags-list-extra input {
//     width: 100%;
//     height: 21px !important;
// }

.d-tags-list-item {
    background-color: #ebebeb;
    margin: 0px;
    margin-left: 1px;
    margin-top: 1px;
    line-height: 20px;
}

.d-tags-list-item-icon {
    position: relative;
    padding-left: 16px;
}

.d-tags-list-item-icon:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    content: '';
}

.d-tags-list-item a {
    cursor: default;
}

.d-tags-list-item a:link {
    color: #404040;
}

.d-tags-list-extra .x-form-text-default {
    min-height: 0;
    margin: 0px;
    line-height: 16px;
    padding-top: 3px;
    padding-bottom: 1px;
    width: 100%;
    height: 21px;
}

.d-highlighted .d-tags-list-item {
    background-color: transparent;
}

.d-tags-list-item-close:before {
    content: "m";
    font-family: DynamoSymbolsRegular;
    display: block;
    height: 16px;
    line-height: 16px;
}

.d-tags-list-item a.d-tags-list-item-close {
    opacity: 0.5;
    width: 18px;
    height: 20px;
    top: 0px;
    right: 0px;
    color: #919191;
    cursor: pointer;
    position: absolute;
    text-align: center;
}

.d-tags-list-item a.d-tags-list-item-close:hover {
    opacity: 1.0;
    color: red;
}

.to-be-removed {
    background-color: rgb(255, 255, 204);
}

.d-tags-list-active {
    border: 1px solid #36c;
}

.d-itemproperties .d-tags-list-active {
    border: none;
}

.d-tags-list-singleline {
    white-space: nowrap;
}

.d-tags-list-active .d-tags-list-item {
    background: none;
}

.d-tags-list-item.d-tags-list-item-focused {
    background-color: #ebebeb !important;
}

.d-tags-list-extra input {
    border: none;
    font-family: inherit;
    font-size: inherit;
    width: 40px;
}
.d-tags-placeholder {
    position: absolute;
    left: 6px;
    top: 7px;
    color: #aaa;
}

/*.d-itemproperties .x-form-trigger-wrap {
    background-color: #ebeef2;
}*/


.d-tags-list {
    padding: 1px 0 0 0;
}

.d-tags-list-extra {
    margin: 0;
}

.d-multipickerwithselectdialog {
    .x-form-trigger-wrap {
        background-color: @swatch-gray-1;
    }
}

.x-field.d-multipickerwithselectdialog.x-form-item {
    min-height: 32px;
}

.d-tags-list-item a:link {
    color: #3366cc;
    text-decoration: none;
}

.d-tags-list-item a.d-tags-list-item-close {
    top: 1px;
    right: 2px;
    text-decoration: none;
}

.d-tags-list-item-close:before {
    content: "\006E";
    height: unset;
    line-height: unset;
    font-size: 16px;
}


.d-tags-list {
    min-height: 30px;
}


.d-itemproperties .x-form-trigger-wrap.x-form-trigger-wrap-default.white-background {
    background-color: @swatch-white;
    border-color: @swatch-theme-color;
}

.d-tags-list-extra .x-form-text-default {
    /*height: 30px !important;*/
    /*background-color: #e9eaeb;*/
    height: 100%;
}

.d-tags-list-extra .x-field-default-form-focus {
    /*background-color: #fff;*/
}

*.d-tags-list-item {
    background-color: @swatch-white; /*#e5eeff;*/
    line-height: 21px;
    height: 21px;
    margin-right: 2px;
    margin-top: 4px;
    margin-left: 4px;
    border-radius: 3px;

    a.d-tags-list-item-link {
        color: @swatch-black !important;
    }

    .d-tags-list-item-close {
        color: @swatch-gray-5 !important;

        &:hover {
            color: @swatch-red !important;
        }

        &:active {
            color: @swatch-black !important;
        }
    }
}


.x-pickerfield-open {
    background-color: @swatch-white !important;

    .d-tags-list {
        background-color: @swatch-white;
    }

    .d-tags-list-extra .x-form-text-default {
        background-color: @swatch-white !important;
    }
}


.x-pickerfield-open .d-tags-list-item {
    background-color: @highlight-background-color;

    a.d-tags-list-item-link {
        color: @swatch-black !important;
    }

    .d-tags-list-item-close {
        color: @swatch-gray-4 !important;

        &:hover {
            color: @swatch-red !important;
        }

        &:active {
            color: @swatch-black !important;
        }
    }
}

a.d-tags-list-container {
    color: #7194DC;
    text-decoration: none;
    cursor: pointer;
}

a.d-tags-list-container:hover {
    color: #7194DC;
    text-decoration: none;
    cursor: pointer;
}

a.d-tags-list-container:active {
    color: #7194DC;
    text-decoration: none;
    cursor: pointer;
}

a.d-tags-list-container:disabled {
    color: #808080;
    text-decoration: none;
}

.d-multipicker {
    & .d-tags-list,
    & .d-tags-list-extra .x-form-text-default {
        background-color: @swatch-gray-1;
    }

    & .x-pickerfield-open .d-tags-list {
        background-color: @swatch-white;
    }

    & .d-trigger-clearbutton.x-form-trigger-over {
        color: @swatch-red;
    }
}

.x-grid-upload-item-selected .x-selmodel-column .x-grid-checkcolumn:after {
    content: '\0394';
    font: 16px/1 DynamoSymbolsRegular;
    color: #999;
}

/* Fields remaining character counter */
.x-gecko .trigger-wrap-remaining-characters-counter-inline {
    display: table;
}

.x-gecko .trigger-wrap-remaining-characters-counter-inline .x-form-text-wrap {
    display: table-cell;
}

.x-gecko .trigger-wrap-remaining-characters-counter-newline {
    display: table;
}

.x-gecko .trigger-wrap-remaining-characters-counter-newline .x-form-text-wrap {
    display: table-cell;
}

.input-wrap-with-remaining-charachters-counter {
    width: 100%;
}

.input-with-remaining-charachters-counter {
    display: inline;
}

.remaining-charachters-counter-wrap {
    text-align: right;
    display: table-cell;
}

.remaining-charachters-counter-wrap.text-area {
    display: table-row;
}

.remaining-charachters-counter-wrap.text-area.focused {
    background: none;
    border-top-color: transparent;
    border-left-color: #3366CC;
    border-right-color: #3366CC;
    border-bottom-color: #3366CC;
}

.remaining-charachters-counter-wrap.text-area.invalid {
    background: #FFEEEE;
    border-top-color: transparent;
    border-left-color: #CF4C35;
    border-right-color: #CF4C35;
    border-bottom-color: #CF4C35;
}

.remaining-charachters-counter-wrap.invalid {
    background: #FFEEEE;
}

.remaining-characters-counter-negative:before {
    content: "\2013\00a0";
    white-space: nowrap;
}

.remaining-charachters-counter {
    padding: 0 5px;
    font-size: 9px;
    bottom: 3px;
    color: #939699;
}

.remaining-charachters-counter.danger {
    color: red;
}

.remaining-charachters-counter-hidden {
    visibility: hidden;
}

.trigger-wrap-remaining-characters-counter-inline {
    background-color: @form-field-background-color;

    &.x-form-trigger-wrap-focus {
        background-color: #fff;
    }
}

.d-primary-address-button {
    background: #009933 0% 0% no-repeat padding-box !important;
    border-radius: 10px;
    padding: 0;
    height: 16px;
    width: 50px;

    &.x-btn-disabled.x-btn-d-btn-link-small {
        opacity: 1;
    }

    & .x-btn-inner-d-btn-link-small {
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 15px;
        letter-spacing: 0px;
        color: #ffffff;
    }
}

.d-set-primary-address-button {
    background-color: #fff;
    padding: 0;
    height: 16px;
    width: 65px;

    &.x-btn-over.x-btn-d-btn-link-small {
        background-color: #fff !important;
        text-decoration: underline;
    }

    & .x-btn-inner-d-btn-link-small {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0px;
        color: #2D59B3;
        padding: 0;
    }
}

.app-panel-body-background {
    background-color: #ebedef;
}

.hide-scrolls {
    overflow: hidden !important;
}

.app-panel-border-corners {
    border-radius: 3px;
}

/* APPLICATION SETTINGS */

    .x-app-settings-control {
        width: calc(100% - 10px);
    }

    /* Security Tab */

    .d-appsecurity {
        /* General Settings */
        & .d-general-settings {
            & #sessionTimeoutRequestedBy {
                color: @swatch-red;
                padding-left: 2px;
            }

            & .x-general-settings-label {
                text-align: right;
            }
        }
        /* Geocoding Settings */

        & .d-geocoding-settings {
            & .d-geocoding-text-container p {
                margin: 0;
            }

            & .x-geocoding-settings-control {
                width: calc(100% - 25px);
            }
        }
    }

    /* Subscription Tab */

    .d-subscription-overview {
        & .d-subscription-overview-panel-body {
            background-color: #ebedef;
        }
        /* Mobile Licenses */
        & .d-mobile-license {
            & .mobile-license-label {
                font-size: 30px !important;
            }

            & .mobile-license-first-label {
                font-size: 30px !important;
                padding: 10px 0 0 !important;
            }
        }
        /* General Information */
        & .d-general-info-panel {
            & .labels {
                font-size: 30px !important;
            }

            & .license-expire-label {
                font-size: 30px !important;
                padding: 10px 0 0 !important;
            }
        }
    }

    /* Mail Merge Tab */

    .d-mail-merge {
        & .mm-emails-report {
            margin-left: 20px !important;
            width: calc(100% - 30px);
        }
    }

    /* PDF Watermark Configuration Tab */
    /* Workflow Alerts Settings Tab */

    .d-pdf-watermark-settings,
    .d-workflow-alerts {
        & .x-toolbar-d-header {
            padding: 5px 0;
        }
    }

    /* SMTP Settings Tab */

    .d-global-search-config-form,
    .smtp-settings-splitter {
        background-color: #ebedef;
    }


/* ENTITES AND FIELDS */

    .x-pending-changes-toolbar {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.75px;
    }

    .d-relation-form {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .formula-editor-title {
        width: 100% !important;
    }

    .cf-content-place {
        & .x-panel-body-d-content-place,
        & .x-form-text-default {
            background: none;
        }
    }

/* USER MANAGEMENT */

    .d-new-user-group-form {
        & .d-new-user-group-form-body {
            background-color: #ebeef2;
            min-height: 300px;
        }
    }

    .x-pass-expiry-days {
        margin-left: 20px;

        & .x-form-text-field-body-default {
            min-width: 40px;
            width: 40px;
            float: left;
        }

        & .x-form-item-label-default {
            left: 70px;
            position: absolute;
            text-align: left;
        }
    }

/* MENUS & ACTIONS */

    .x-header-menu-control {
        width: calc(100% - 20px);
    }

    .d-action-editor-form-body {
        margin: 10px;
    }

    .d-order-buttons-box {
        border: 1px solid #cdcdcd;
    }

/*Entity Linking Tab*/
.d-linking-tree {
    .x-tree-icon {
        visibility: hidden;
        display: none;
    }

    .x-tree-elbow-img {
        font-family: DynamoSymbolsRegular;
    }

    .x-grid-tree-node-expanded .x-tree-elbow-plus:before,
    .x-grid-tree-node-expanded .x-tree-elbow-end-plus:before {
        content: '\0388';
    }

    .x-grid-tree-node-expanded .x-tree-elbow-plus:after,
    .x-grid-tree-node-expanded .x-tree-elbow-end-plus:after {
    }

    .x-tree-elbow-end-plus:before,
    .x-tree-elbow-plus:before {
        content: '\0037';
    }

    .x-tree-elbow-end-plus:after,
    .x-tree-elbow-plus:after {
        content: '';
        color: @swatch-white;
    }
}

.auto-populate-linking-grid {
    .x-tree-elbow-img, 
    .x-tree-icon {
        visibility: hidden;
        display: none;
    }
}
.app-panel-body-background {
    background: @content-place-background-color;
}

.admin-general-body {
    margin-top: @new-general-panel-margin;
}

.admin-homeworkview-body {
    width: calc(100% - @new-general-panel-margin) !important;
    /*overflow: hidden !important;*/
}

.panelactions {
    margin-bottom: 8px !important;
}

.itemdetails-toolbars {
    .panelactions {
        margin-right: 16px;
    }
}

.x-header-menu-control {
    width: calc(100% - 16px);
}

.d-layoutworkview {
    & .admin-homeworkview-body {
        width: 100% !important;
    }

    & .x-toolbar-d-main-header {
        margin: 0;
    }
}

.d-action-editor-form-body {
    margin: 8px;
}

.d-action-picker {
    & .field-selector-btn {
        & .icon-right-go:before,
        & .icon-left-back:before {
            color: @swatch-white !important;
        }
    }
}

.admin-localization-widget {
    padding-left: 0 !important;
}

.apiusage {
    .picker {
        padding-top: 14px;
        height: 20px;
        width: 25% !important;
    }

    .x-form-item-label-default {
        text-align: right;
    }
}

.apphomeworkview {
    & .x-panel-body-d-content-place,
    & .x-panel.content-place,
    & .d-tab-place-body,
    &.new-header .d-tab-place-body {
        padding-left: 0 !important;
    }

    & .x-tab-bar,
    & .x-toolbar-d-main-header,
    & .x-toolbar-d-actionsplace {
        margin-left: 0;
    }
}

.app-homework-view-body {
    background: @content-place-background-color;
}

.app-homework-view-tab-panel {
    padding: 0 !important;
}

.x-app-settings-control {
    width: calc(100% - 8px);
}

/* Security Tab */

.d-appsecurity {
    & .d-geocoding-settings .x-geocoding-settings-control {
        width: calc(100% - 32px);
    }
}

/* Subscription Tab */

.d-subscription-overview {
    & .d-general-info-panel .license-expire-label,
    & .d-mobile-license .mobile-license-first-label {
        padding: 0 !important;
    }
}

/* Mail Merge Tab */

.d-mail-merge {
    & .mm-emails-report {
        margin-left: 20px !important;
        width: calc(100% - 28px);
    }
}

/* PDF Watermark Configuration Tab */
/* Workflow Alerts Settings Tab */

.d-pdf-watermark-settings,
.d-workflow-alerts {
    & .x-toolbar-d-header {
        padding: 16px 16px 8px 16px;
    }

    & .d-pdf-watermark-settings-body,
    & .d-workflow-alerts-panel {
        padding: 0 16px 16px 16px;
    }
}

/* K-1 Consent Tab */

.d-k1-rules {
    & .x-eligible-contacts-radiogroup {
        & .x-form-cb-default {
            margin-top: 6px;
        }
    }
}

.x-k1-consent-control {
    & .x-form-text-field-body-default {
        background-color: @swatch-gray-1;
    }

    & .x-form-display-field.x-form-display-field-default {
        margin-top: 0 !important;

        & p {
            margin: 8px 0;
        }
    }
}

/* SMTP Settings Tab */

.smtp-controls-container {
    padding: 0 !important;
}

/* Search Settings Tab */

.d-app-priority-grid {
    .fieldselector-grid-rowselected,
    .fieldselector-selected-fields-grid-rowselected {
        background-color: @base-highlighting-color !important;
    }


    .fieldselector-selected-fields-grid-rowselected .fieldselector-iconcolumn-reorder,
    .fieldselector-selected-fields-grid-rowover .fieldselector-iconcolumn-reorder,
    .fieldselector-grid-rowover .field-selector-grid-icon-info,
    .fieldselector-grid-rowselected .field-selector-grid-icon-info {
        opacity: 1;
        color: @icon-color-active !important;
    }

    .field-selector-grid-icon-info, .fieldselector-iconcolumn-reorder, .selected-fields-grid-xicon {
        opacity: 0;
    }

    .fieldselector-selected-fields-grid-rowover,
    .fieldselector-grid-rowover {
        background-color: @highlight-background-color;
    }

    .fieldselector-selected-fields-grid-rowselected .selected-fields-grid-xicon,
    .fieldselector-selected-fields-grid-rowover .selected-fields-grid-xicon {
        opacity: 1;
        color: @icon-color;
    }
}

.dai-settings {
    .x-form-item-label-text {
        color: #000;
    }
}
.deduplicatedGroups-grid {
    .x-grid-cell-disabled {
        //        color: @swatch-gray-4;  it should be @swatch-gray-4, but this variable is not defined for Admin Portal theme
        color: #999999;
    }

    .x-grid-cell-error {
        color: red;
    }

    .x-livesearch-match {
        font-weight: bold;
        background-color: yellow;
    }
}

.deduplicate-panel-grids {
    padding: 8px 0px 0px 0px;
}

.deduplicate-warning-panel {
    .x-panel-body-default {
        background: #fffecc;
    }

    .deduplicate-warning-label {
        padding: 10px 0px 0px 20px;
        left: 22px !important;
    }

    .deduplicate-warning-icon {
        font-family: DynamoSymbolsRegular;
        padding: 10px 0px 0px 20px;

        &:before {
            font-size: 16px;
            content: '\0068';
        }
    }
}

.x-grid-groupingExt-groupSelector {
    &:before {
        content: '\0041';
        font: 16px/1 DynamoSymbolsRegular;
        color: #999;
        cursor: default;
        margin: 0px 2px;
    }
}

.x-grid-groupingExt-groupSelector-checked {
    &:before {
        content: '\0394';
        font: 16px/1 DynamoSymbolsRegular;
        color: #999;
        cursor: default;
        margin: 0px 2px;
    }
}
    
.deduplication-grid-common {
    .dropdown-cell:hover:after {
        display: inline;
        content: '\0426';
        font: 16px/22px DynamoSymbolsRegular;
        color: #999;
        margin-top: -27px;
        margin-right: 9px;
        float: right;
        width: 16px;
    }

    .x-grid-dirty-cell .x-grid-cell-inner:after {
        display: none;
    }
}

.deduplication-numberfield-common {
    .x-form-spinner-down-default {
        font: 12px/1 ExtJS;
    }

    .x-form-spinner-up-default {
        font: 12px/1 ExtJS;
    }
}

.deduplication-settings-uselessWordsGrid {
    // to show spaces in cell before and after text
    .x-grid-cell-inner {
        white-space: pre
    }
}

.admin-entity-layout2-body {
    background-color: @swatch-white;
    margin: 0 8px 0 0;
    padding: 0 8px 8px 8px !important;
}

.admin-entity-layout2-toolbar {
    padding: 8px 16px;
}

.admin-layout-form {
    & .arrangePanels .x-table-layout {
        width: 100%;
    }

    & .x-tagfield .x-tagfield-list .x-tagfield-item {
        border-radius: 3px;
    }
}

.d-adminentitylayoutseditorspanelwrap-toolbar {
    margin: 0;
    padding: 16px 16px 0 16px;

    & ~ .d-editform-message {
        border-top: 8px solid @swatch-white !important;
    }
}

.admin-entity-layout-panel-wrap-body {
    & .d-new-outlook-entity,
    & .d-new-report,
    & .d-new-document,
    & .d-pbireport {
        padding-top: 8px;
    }

    & .d-new-activity-body,
    & .d-new-outlook-entity-body,
    & .d-new-report-body,
    & .d-new-document-body,
    & .d-pbireport-body {
        padding: @new-general-panel-margin 0 !important;
    }

    & .upload-files-toolbar {
        padding: 8px 16px;

        & + .x-panel-body {
            padding: 0 16px;
        }
    }
}

.admin-localization-toolbar {
    padding: 8px 8px 8px 16px;
}

.x-panel.admin-localization-widget > .x-panel-bodyWrap > .x-panel-body {
    background-color: white !important;
}

.admin-localization-filter-grid {
    padding: 0px 8px 0px 16px
}

.admin-localization-grid {
    padding: 0px 8px 16px 16px
}

.admin-localization-language-selector {
    padding-right: 8px;
}
.d-admin-menu-management-editor {
    & .itemdetails.workview {
        background-color: @content-place-background-color;
    }

    & .d-itemsgrid {
        & .x-item-disabled:not(.readonly-checkbox) {
            pointer-events: none !important;
            cursor: default !important;
        }
    }

    & .itemscount {
        top: 0 !important;
    }

    & .hidden-separator {
        display: none;
    }

    & .d-available-for-user-groups {
        & .x-form-text-wrap {
            height: 24px !important;
        }

        & .x-form-text-default.x-tagfield {
            padding: 0;
        }

        & .x-tagfield-item {
            margin: 2px;
            line-height: 20px;

            & .x-tagfield-item-close {
                top: 2px;
            }
        }
    }

    & .d-new-nav-preview {
        & .d-nav-tree-container {
            background-color: @content-place-background-color;
        }

        & .pvtree.nav-tree {
            padding-left: 8px;
        }
    }

    & .d-admin-menu-management-search-grid-body {
        padding: @new-general-panel-margin 0 !important;

        & .x-toolbar.x-toolbar-docked-top {
            pointer-events: none !important;
            cursor: default !important;
        }
    }

    & .d-admin-menu-management-worksapce-menus {
        & .admin-homeworkview-body {
            width: 100% !important;
        }

        & .d-itemsgrid .x-toolbar.x-toolbar-docked-top {
            pointer-events: none !important;
            cursor: default !important;
        }
    }

    & .d-menu-management-title {
        & .x-form-trigger-wrap-default {
            border-color: transparent;

            & .x-form-text-default {
                font-size: 24px;
                line-height: 32px;
                padding: 0 4px;
                background-color: @swatch-white;

                &:hover {
                    background-color: @swatch-theme-color-highlight;
                }

                &.x-field-form-focus:hover {
                    background-color: @swatch-white;
                }
            }

            &:hover {
                border-color: @swatch-theme-color-highlight;
            }
        }
    }

    & .d-menu-management-subtitle {
        padding: 0 8px;
    }

    & .x-btn-publish-active {
        border-color: @buttons-color;
        background-color: @buttons-color;

        & .x-btn-inner.x-btn-inner-default-toolbar-small,
        & .x-btn-icon-el:before {
            color: @swatch-white;
        }

        &.x-btn-focus,
        &.x-btn-over {
            border-color: @buttons-color-over;
            background-color: @buttons-color-over;
        }

        &.x-btn-pressed {
            border-color: @buttons-color-active;
            background-color: @buttons-color-active;
        }
    }

    & .d-admin-menu-management-editor-form {
        background-color: @swatch-white;
    }

    & .admin-general-body {
        margin-top: 0;
    }
}

div[class*='sd-'] {
    & .x-field.x-form-type-checkbox.x-form-item-no-label label.x-form-item-label.x-form-item-label-right {
        display: table-cell;
        width: 116px !important;
        overflow: hidden;
        padding-left: 5px;
        text-align: left;
    }

    & .x-form-type-checkbox.x-form-item-no-label .x-form-cb-wrap > .x-form-cb-wrap-inner {
        padding: 0px;
    }

    & .x-form-cb-label-default,
    & .x-form-cb-default {
        margin-top: 6px !important;
    }
    & .pic-custom-lbl {
        top: 0px !important;
    }
}

.futureAndPastDates {
    .x-form-item-label-inner.x-form-item-label-inner-default {
        width: 110px !important;
        padding-right: 8px;
    }

    .x-form-item-label-text {
        text-align: right;
    }
}

.d-admin-schema-designer-entities-toolbar {
    margin: 0 @new-general-panel-margin;
    padding-right: 8px;
    padding-bottom: 0;
}

.d-admin-schema-designer-fields-toolbar {
    margin: 0 @new-general-panel-margin;
    padding-right: 8px;
}

.d-admin-schema-designer-entities-body {
    padding-top: 0 !important;
}

.d-schema-designer-entity-form {
    & .dynamo-panel-title {
        line-height: 20px !important;
    }
}

.d-schema-entity-panel-title {
    & .dynamo-section-title {
        font: normal normal 400 16px/20px "Open Sans", sans-serif !important;
    }
}

.d-relation-permissions-grid {
    .x-column-header-sort-DESC .x-column-header-text-inner:after,
    .x-column-header-sort-ASC .x-column-header-text-inner:after {
        right: 1px;
        top: 16px;
    }
}

#select-all-addresses {
    & .x-form-type-checkbox.x-form-item-no-label .x-form-cb-wrap > .x-form-cb-wrap-inner {
        padding: 0;
    }
}

.entity-form-advanced {
    .pick-addresses-link {
        margin-top: 6px !important;
    }
}

.address-type-cb {
    & .x-form-cb-wrap > .x-form-cb-wrap-inner {
        padding: 0 !important;

        & .x-form-cb-default {
            margin-top: 0;
        }
    }
}

.d-relations-tab-panel {
    background-color: @swatch-white;

    &.d-relations-properties-fields {
        & .d-admin-schema-designer-fields-toolbar {
            margin: 0 !important;
            padding-top: 0 !important;
        }

        & .d-admin-schema-designer-entities-body {
            padding: 0 !important;
            background-color: @swatch-white !important;
        }
    }
}

.x-ref-props-header {
    font-size: 16px;
    line-height: 20px;
}

.x-picture-custom-size-input {
    & .x-form-text-default {
        padding-left: 3px;
        padding-right: 3px;
    }
}

.icon-simplegridfilter-delete-selected:before {
    content: "m";
}

.icon-simplegridfilter-ddrop:before {
    content: "o";
    color: #a5a5a5;
}

.x-boundlist.x-boundlist-floating {
    & .nicescroll-rails.nicescroll-rails-vr {
        left: calc(100% - 8px) !important;
        padding: 4px 0;
    }
}

.entity-form-permissions {
    padding: 0;
}

.publish-button {
    &.has-changes {
        background-color: @swatch-red;

        & .x-btn-inner-default-toolbar-small,
        & .icon-publish:before {
            color: @swatch-white;
        }

        &.x-btn-over:not(.x-btn-pressed) {
            background-color: @swatch-red;

            & .x-btn-inner-default-toolbar-small,
            & .icon-publish:before {
                color: @swatch-white;
            }
        }
    }
}

.sd-lookupform {
    & .d-lookup-value-color,
    & .d-lookup-value-icon {
        cursor: pointer;
        font-size: 16px;
    }

    & .lookup-properties-panel .x-grid-cell-inner {
        & .icon-simplegridfilter-delete-selected:hover:before {
            color: @swatch-red !important;
        }
    }

    & .x-grid-row-editor .x-field .x-form-trigger-wrap-default {
        margin-top: 2px !important;
    }
}

.export-tool-panel {
	.x-grid-item-selected {
		background-color: white;

		.x-selmodel-column {
			.x-grid-checkcolumn {
				&:after {
					font-family: DynamoSymbolsRegular;
					content: '\0394' !important;
					padding-left: 0;
					padding-top: 5px;
					color: #3366cc;
					font-size: 16px;
				}
			}
		}
	}

	.x-grid-hd-checker-on .x-column-header-checkbox:after, .x-grid-checkcolumn-checked:after {
		content: '\0394';
		font: 16px/1 DynamoSymbolsRegular;
		color: #3366cc;
	}

	.x-grid-header-ct {
		border-top: 2px solid #3366cc;
	}

	.x-grid-item-over {
		background-color: white;
	}

	sup {
		display: inline-block;
		padding: 1px 8px;
		border-radius: 20px;
		background-color: #e5e5e5;
		box-sizing: border-box;
		color: #333333;
		line-height: normal;
		font-size: 9px;
	}

	.single-picker {
		margin-right: 100px;

		.x-form-trigger-wrap {
			padding: 3px 6px 3px;
		}

		.x-form-item-label-inner {
			padding-top: 8px;
		}

		.x-form-item-label {
			width: 120px !important;
		}

		.x-form-item-label-inner {
			width: 110px !important;
		}
	}

	.period-picker {
		.x-form-trigger-wrap {
			padding: 3px 6px 3px;
		}
	}

	.export-picker {
		.x-form-trigger-wrap {
			padding: 3px 6px 3px;
		}

		.x-form-item-label-inner {
			padding-top: 8px;
		}
	}

	.x-form-trigger-default {
		background: white;
	}

	.x-form-text-default {
		background-color: white;
	}

	.x-toolbar-footer {
		border-style: none;
	}

	.x-panel-header-default {
		background-color: white;
		padding: 12px 16px 12px 6px;

		.title-default, .x-panel-header-title-default {
			color: black;
		}

		.x-grid-header-ct {
			border: 1px blue;
			border-style: solid;
		}
	}

	.x-btn-default-small.x-btn-disabled {
		border-radius: 3px;
		background-color: #f2f2f2 !important;
		box-sizing: border-box;
		font-family: 'Open Sans Bold', 'Open Sans', sans-serif;
		color: #d9d9d9 !important;
		text-align: center;
		line-height: normal;
		border: 0;
		padding: 10px 20px;

		.x-btn-inner-default-small {
			color: #d9d9d9 !important;
		}
	}

	.x-btn-default-small.export-button:not(.x-item-disabled) {
		border-radius: 3px;
		background-color: #3366cc;
		box-sizing: border-box;
		font-family: 'Open Sans Bold', 'Open Sans', sans-serif;
		color: #ffffff;
		text-align: center;
		line-height: normal;

		.x-btn-inner-default-small {
			color: #ffffff;
		}
	}

	.x-btn-default-small.save-button.x-btn-over, .x-btn-default-small.save-and-export-button.x-btn-over {
		color: #3366cc;
		background-color: white;
		border-color: #3366cc;
	}

	.x-btn-default-small:not(.x-item-disabled), .x-btn-default-medium:not(.x-item-disabled), .x-btn-default-large:not(.x-item-disabled) {
		border-radius: 5px;
		border: 1px solid #3366cc;
		background-color: #ffffff;
		box-sizing: border-box;
		font-family: 'Open Sans Regular', 'Open Sans', sans-serif;
		color: #3366cc;
		text-align: center;
		line-height: normal;
		padding: 10px 20px;

		.x-btn-inner-default-small {
			color: #3366cc;
		}
	}
}

.x-display-field {
    & .x-form-display-field-default {
        margin-top: 0;
    }
}

.d-info-text {
    color: #9b9b9b;
}

.x-entity-permission-control {
    margin-top: 4px;

    & .x-form-text-default {
        background-color: @swatch-white;
    }
}

.permissions-panel-title-custom {
    & .x-toolbar-text.x-toolbar-text-d-heading {
        font: normal normal 400 16px/20px "Open Sans", sans-serif !important;
        text-transform: capitalize;
    }
}

.d-business-options {
    & p.x-form-item-label-default {
        margin-top: 10px !important;
    }
}

.d-login-on-behalf-panel,
.d-tfa-settings-panel {
    & .x-toolbar-d-header .x-toolbar-text-d-heading {
        font: normal normal 400 16px/20px "Open Sans", sans-serif !important;
        text-transform: capitalize;
    }
}

.permissions-header-title-custom {
    height: auto !important;
}

@aichat-message-color: rgba(250, 250, 250, 1);
@content-size: 94%;

.aichat-panel {
    background-color: @swatch-white !important;

    .x-panel-body-d-content-place {
        background-color: @swatch-white !important;
        border-top: none;
    }

    .x-panel-d-content-place, .x-panel-d-content-place-outer-border-rbl {
        border: none;
    }

    .x-panel-d-content-place-outer-border-trl {
        border-right: none;
        border-bottom: none;
        border-left: none;
        border-top-color: #E5E5E5 !important;
    }
}

.aichat-header {
    border-bottom: 2px solid @base-color;
    max-width: @content-size !important;
    left: 2% !important;
}

.aichat-container {
    border: 1px solid green !important;
    max-width: @content-size !important;
    width: @content-size !important;
}

.aichat-logo {
    border-width: 0px;
    position: absolute;
    top: 0px;
    width: 45px !important;
    height: 45px !important;
    padding: 0px !important;
    margin-left: -5px !important;

    .x-btn-icon-el-d-btn-secondary-small {
        font-size: 30px !important;
        color: @base-color !important;
        left: -10px;
    }

    &.x-btn-over {
        background-color: @swatch-white !important;
    }
}

.aichat-fullscreen {
    border-width: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 32px !important;
    height: 21px !important;
    padding: 0px !important;
    margin: 0px !important;

    .x-btn-icon-el-d-btn-secondary-small {
        color: #999 !important;

        &:hover {
            color: #3366CC !important;
        }
    }

    &.x-btn-over {
        background-color: @swatch-white !important;
    }
}

.aichat-title {
    font: normal 16px "Open Sans", sans-serif;
    font-weight: 400;
    width: 162px !important;
    height: 45px !important;
    padding: 0px !important;
    margin-top: 10px !important;
    text-align: left;
    line-height: normal;
}

.aichat-filter {
    width: 220px !important;
    height: 32px !important;
    padding: 0px !important;
    margin-left: -10px !important;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
    text-align: right;
    line-height: normal;

    .x-form-trigger-wrap {
        height: 100% !important;
    }

    .x-form-text-default {
        color: #000 !important;
    }
}

.aichat-filtercombo {
    .aichat-filtercombo-selected {
        background-image: url('../Content/icons/flag/flag_completed.png') !important;
        background-repeat: no-repeat;
    }
}

.aichat-message {
    font-family: "OpenSans-Regular", "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    left: 22px !important;
}

.aichat-messagecontainer(@bgColor) {
    border: none;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;

    .x-box-inner {
        background-color: @bgColor !important;
        top: -3px !important;
    }

    .x-item-disabled, .x-item-disabled * {
        top: 2px !important;
        background-color: @bgColor !important;
        color: #333333 !important;
        border: none;
        pointer-events: auto;
    }
}

.aichat-user-msgcontainer {
    .aichat-messagecontainer(rgba(229, 236, 255, 1))
}

.aichat-assistant-msgcontainer {
    .aichat-messagecontainer(@aichat-message-color)
}

.aichat-messagelogo(@bgColor) {
    left: -10px !important;
    width: 14px !important;
    height: 30px !important;
    background-color: @bgColor !important;
    border: 0px;

    .x-btn-icon-el-default-small {
        color: #CFCFCF;
    }
}

.aichat-user-messagelogo {
    .aichat-messagelogo(rgba(51, 102, 204, 0.04))
}

.aichat-assistant-messagelogo {
    .aichat-messagelogo(@aichat-message-color)
}

.aichat-btn-create {
    .aichat-copymessage();
}

.aichat-btn-copy {
    right: -10px !important;
    .aichat-copymessage();
}

.aichat-copymessage() {    
    width: 14px !important;
    height: 30px !important;
    background-color: @aichat-message-color !important;
    border: 0px;

    .x-btn-icon-el-default-small {
        color: #CFCFCF;
    }
}

.aichat-prompt-container {
    max-height: 100px !important;
    border: 1px solid @swatch-gray !important;
    border-radius: 3px;
    background-color: @swatch-white !important;
    margin-bottom: 20px !important;
}

.aichat-prompt {
    border: none;
    outline: none !important;
    max-height: 94px !important;
    background-color: @swatch-white !important;

    .x-form-trigger-wrap-default {
        border: none !important;
    }

    .x-form-text-default {
        background-color: @swatch-white !important;
    }

    .x-form-trigger-wrap-default {
        background-color: @swatch-white !important;
    }
}

.aichat-button {
    width: 32px !important;
    height: 32px !important;
    top: 65px !important;
    border: none !important;
    padding-left: 12px !important;

    &.x-btn-over {
        background-color: @swatch-white !important;
    }

    .x-btn-icon-el-d-btn-secondary-small {
        width: 32px !important;
        height: 32px !important;
    }
}

.icon-aichat-button {
    background-image: url('/new/Content/icons/arrows/arrow-aichat.png') !important;
    background-size: 24px !important;
    background-repeat: no-repeat;
}
/* General state */
.d-app-info-with-collapser {
    & .d-app-info-with-collapser-body {
        background-color: @content-place-background-color;
        padding: 8px 8px 8px 40px;

        &.old-nav {
            padding: 8px;
        }

        & .d-poweredby-container {
            cursor: pointer;

            & .d-poweredby {
                display: inline-block;
                color: @icon-color;
                margin-top: 8px;
            }

            & .d-poweredby-logo {
                display: inline-block;
                color: @icon-color !important;
                margin-top: 8px;
                margin-left: 4px;
                text-decoration: none;

                &:before {
                    margin-top: 8px;
                    content: '\2013';
                    padding-right: 4px;
                    font-size: 16px;
                    color: @icon-color;
                    font-family: DynamoSymbolsRegular;
                }
            }

            &:hover {
                & .d-poweredby {
                    color: @swatch-gray-5;
                }

                & .d-poweredby-logo {
                    color: @swatch-gray-5 !important;

                    &:before {
                        color: @base-color;
                    }
                }
            }
        }

        & .x-btn.navcollapser {
            padding: 4px;
            border-radius: 100%;
            border-color: transparent;
            background-color: transparent;
            box-shadow: none;
            margin: 1px 2px 0 0 !important;
            width: 30px !important;
            height: 28px !important;

            & .x-btn-icon-el {
                color: @icon-color;
            }

            &.x-btn-over {
                border-color: transparent;
                background-color: transparent;
                box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);

                & .x-btn-icon-el {
                    color: @icon-color-active;
                }
            }

            &.x-btn-menu-active,
            &.x-btn-pressed {
                border-color: @buttons-color;
                background-color: @buttons-color;
                box-shadow: none;

                & .x-btn-inner,
                & .x-btn-icon-el,
                & .x-btn-arrow-right::after {
                    color: @swatch-white;
                }
            }
        }
    }
}

/* Collapsed state */
.nav-collapsed {
    & .d-app-info-with-collapser {
        & .d-app-info-with-collapser-body {
            padding: 0;

            & .d-poweredby-container {
                cursor: default;

                & .d-poweredby-logo {
                    cursor: pointer;
                    position: relative;
                    top: 32px;
                    left: 8px;
                }
            }

            &.old-nav {
                & .d-poweredby-logo {
                    left: 12px !important;
                }
            }
        }
    }
}

.nav-collapser-btn {
    background-color: @swatch-white !important;
    border-color: @swatch-white !important;
    border: none;
    border-radius: 4px;
    padding: 4px;
    width: 22px;
    height: 24px !important;

    .x-btn-icon-el {
        color: @swatch-gray-3;
    }

    &.x-btn-over {
        background-color: @swatch-gray-3 !important;
        border-color: @swatch-gray-3 !important;

        .x-btn-icon-el,
        .x-btn-icon-el:before {
            color: @swatch-white;
        }
    }
}

.d-appstore-container-panel {
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align-items: baseline;
    -webkit-align-items: baseline;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.d-appstore-inner-panel {
    margin-right: @new-general-panel-margin !important;
    margin-bottom: @new-general-panel-margin !important;
    padding: 20px 12px 3px 16px !important;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: content;
}

.d-appstore-application-tab-body {
    padding-right: 0px !important;
    padding-top: 0 !important;

    & .d-appstore-inner-panel {
        max-width: initial !important;
        /*height: initial !important;*/
    }
}

.d-appstore-text-box .x-autocontainer-innerCt {
    font-size: 12px;
    line-height: 16px;
}

.d-appstore-application-buttons-container {
    margin: 2px 0 0 0 !important;
}

.d-appstore-download-btn {
    margin: 0px 15px 0px 0px;
}

.d-appstore-read-more-link {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: center;
}

.d-appstore-install-link {
    padding: 5px 10px 5px 0px;
    display: block;
    text-align: left;
}

.app-store-item-header {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    font-family: "Open Sans", sans-serif;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
}

.d-appstore-text-info {
    padding: 5px 0 0 0 !important;
}

.d-appstore-only-text-info {
    padding: 0px !important;
}

/* AppStore Icons */
.app-store-item-img {
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: 72px !important;
    height: 72px !important;
    width: 72px !important;
    left: auto !important;
    top: -5px !important;
    right: 0% !important;
}

.app-store-item-img:before {
    position: relative;
    top: 8px;
    left: 0px;
}

.d-icon-appstore-bronze {
    background-image: url('/new/Content/icons/tools/DS-Bronze.png');
}

.d-icon-appstore-silver {
    background-image: url('/new/Content/icons/tools/DS-Silver.png');
}

.d-icon-appstore-gold {
    background-image: url('/new/Content/icons/tools/DS-Gold.png');
}

.d-icon-appstore-portal {
    background-image: url('/new/Content/icons/tools/DS-Portal.png');
}

.d-icon-appstore-platinum {
    background-image: url('/new/Content/icons/tools/DS-Platinum.png');
}

.d-icon-appstore-deduplication {
    background-image: url('/new/Content/icons/tools/appstore-deduplication.png');
}

.d-icon-appstore-dynamostudio {
    background-image: url('/new/Content/icons/tools/appstore-dynamostudio.png');
}

.d-icon-appstore-excelimport {
    background-image: url('/new/Content/icons/tools/appstore-excelimport.png');
}

.d-icon-appstore-excelupload {
    background-image: url('/new/Content/icons/tools/appstore-excelupload.png');
}

.d-icon-appstore-mailmerge {
    background-image: url('/new/Content/icons/tools/appstore-mailmerge.png');
}

.d-icon-appstore-outlook {
    background-image: url('/new/Content/icons/tools/appstore-outlook.png');
}

.d-icon-appstore-pdf {
    background-image: url('/new/Content/icons/tools/appstore-pdf.png');
}

.d-icon-appstore-powerpoint {
    background-image: url('/new/Content/icons/tools/appstore-powerpoint.png');
}

.d-icon-appstore-security {
    background-image: url('/new/Content/icons/tools/appstore-security.png');
}

.d-icon-appstore-sync {
    background-image: url('/new/Content/icons/tools/appstore-sync.png');
}

.d-icon-appstore-uploader {
    background-image: url('/new/Content/icons/tools/appstore-uploader.png');
}

.d-icon-appstore-owa {
    background-image: url('/new/Content/icons/tools/appstore-owa.png');
}

.d-icon-appstore-word {
    background-image: url('/new/Content/icons/tools/appstore-word.png');
}

.d-icon-appstore-pmv {
    background-image: url('/new/Content/icons/tools/appstore-excelupload.png');
}

.appstoreproductstab {
    .x-panel-body-d-content-place {
        padding: 0px !important;
    }
}
.app-store-btn-submitreview {
    max-height: 28px !important;
    margin: 50px;
}
.app-store-rating-container {
    margin-top: 10px;
    margin-right: 30px;
}

.app-store-bar-container {
    background-color: #f1f1f1;
    text-align: center;
    color: white;
}
.app-store-bar-perc {
    width: 60px;
    height: 18px;
    background-color: #FF7500;
}

.app-store-rating-totals {
    margin-top: 10px;
    margin-left: 10px;
}

.app-store-rating {
    margin-top: 20px;
    width: 700px !important;
}

.starrating {
    width: 12px !important;
    height: 11px !important;
    padding-right: 2px !important;
}

.appstore-panel {

    .appstore-tab-panel {

        .x-tab-bar a.x-tab:first-of-type {
            border: 0px;
            height: 48px;
            padding: 6px 0 6px 8px;
            font-size: 12px;
        }

        .x-tab-bar .x-tab-inner {
            text-align: left;
            font-weight: 600;
            font-size: 20px;
            line-height: 24px !important;
            letter-spacing: 0px !important;
        }

        & .appstore-tab-panel-body {
            border-top: @new-general-panel-margin solid @swatch-gray-2 !important;
        }
    }

    .x-toolbar.x-toolbar-d-main-header,
    .x-tab-bar {
        margin-left: @new-general-panel-margin !important;
        margin-right: @new-general-panel-margin !important;
    }

    .x-toolbar.x-toolbar-d-main-header {
        padding: 5px !important;
        padding-left: 15px !important;

        & .paneltitle {
            font-weight: 600;
            font-size: 24px !important;
            line-height: 28px !important;
            letter-spacing: 0px !important;
            top: 5px !important;
            text-align: left;
        }
    }
}

 
.icon-appstore-gray {
    background-color: transparent !important;
    line-height: 32px !important;
    width: 32px !important;
    height: 32px !important;
    text-align: left;
    letter-spacing: 0px !important;

    &:before {
        content: '\03C0';
        color: #cccccc !important;
        font-size: 32px !important;
        font-weight: normal;
        top: 5px !important;
        left: 0px !important;
    }

    &:after {
        content: '';
        color: white;
    }
}

.d-appstore-purchases-btn {
    width: 100px !important;
    height: 28px !important;
    margin: 10px 10px 0px -10px !important;
    padding-left: 2px !important;
    padding-right: 1px !important;
    border-width: 0px;
    border-style: solid;

    .x-btn-default-toolbar-small {
        border-color: #e4e4e4;
    }

    .x-btn-inner-d-btn-secondary-small {
        font-size: 14px !important;
        color: @base-color !important;
    }

    &.x-btn-over {
        border-width: 0px 0px 3px 0px !important;
        background-color: #fff !important;
    }
}

.appstore-filter {
    padding: 0px;
    border-top: @new-general-panel-margin solid @swatch-gray-2 !important;
    border-right: @new-general-panel-margin solid @swatch-gray-2 !important;

    .appstore-filter-splitter {
        height: 10px !important;
        padding: 6px 0px 1px 0px !important;
    }

    .icon-appstore-selected-node {
        background-color: transparent !important;
        line-height: 24px !important;
        width: 24px !important;
        height: 24px !important;
        text-align: left;
        letter-spacing: 0px !important;


        &:before {
            content: '\0030';
            color: #cccccc !important;
            font-size: 24px !important;
            font-weight: normal;
            top: 5px !important;
            left: 0px !important;
        }

        &:after {
            content: '';
            color: white;
        }
    }

    .x-treelist-container {
        .x-treelist-item-selected .x-treelist-row .x-treelist-item-icon {
            margin-left: -30px !important;
            .icon-appstore-selected-node()
        }

        .x-treelist-item-icon:before {
            content: '';
            color: white;
        }
    }

    .x-treelist-row {
        &:hover {
            background-color: @content-place-background-color !important;
        }
    }

    .x-treelist-expander-first .x-treelist-item-text {
        margin-left: 13px !important;
    }

    .reset-filter-btn {
        background-color: #213872 !important;
        padding: 2px !important;
        margin: 10px 0px 2px 50px;
        width: 120px;
        height: 28px;
        border: 0px;
    }

    .x-toolbar {
        background-color: #213872 !important;
    }
    /*.x-noborder-trl {
        border-top-width: 8px !important;
    }*/

    .appstore-filter-ratings .x-tree-icon {

        &:before {
            content: '';
            color: white;
        }
    }

    .x-grid-item {
        line-height: 20px;
    }

    .x-grid-item-selected {
        .x-tree-icon {
            background-color: transparent !important;
            line-height: 26px !important;
            width: 26px !important;
            height: 26px !important;
            text-align: left;
            letter-spacing: 0px !important;
            margin-left: -10px !important;
            padding: 3px 0px 0px 5px !important;

            &:before {
                content: '\0030';
                color: #cccccc !important;
                font-size: 26px !important;
                font-weight: normal;
            }
        }
    }

    .x-grid-cell-inner {
        padding: 5px 0px 5px 0px !important;
        margin-left: -25px !important;

        &:hover {
            background-color: @content-place-background-color !important;
        }
    }

    .x-grid-row {
        &:hover {
            background-color: @content-place-background-color !important;
        }
    }


    .x-grid-tree-node-expanded {
        .x-grid-cell-inner {
            left: 6px !important;

            .x-tree-icon::before {
                content: '';
                color: white;
            }
        }
    }
}

.d-appstore-buy-btn {
    width: 180px !important;
    height: 40px !important;
    padding: 0px !important;
    margin-top: 3px !important;
    margin-left: 3px !important;
    border-width: 0px;
    text-align: left;
    line-height: normal;

    .x-btn-inner-d-btn-secondary-small {
        font-size: 13px !important;
        color: @base-color !important;
    }

    &.x-btn-over {
        background-color: white !important;
    }
}

.appstore-purchases-paneltab {
    margin-left: -10px !important;
}

.appstore-purchases-panel {

    .appstore-purchases-tab {
        border-top: 1px solid #d7d7d7;        
    }
}

.appstore-buy-panel {
    padding-left: 25%;

    .app-store-prod-panel {
        padding-left: 4%;
    }
}

.app-store-purchase-bigheader {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: left;
    font-weight: 400;
    font-style: normal;
    margin: 4px 0px 10px 0px !important;
    color: @base-color;
}
.app-store-item-bigheader {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 40px;
    text-align: left;
    font-weight: 400;
    font-style: normal;
    margin-top: -7px;    
}

.app-store-big-img {
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: 128px !important;
    height: 128px !important;
    width: 128px !important;
    //top: -20px !important;
    left: -10px !important;


    &.icon-entity-product:before {
        content: '';
    }
}

.app-store-big-img-left {
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: 158px !important;
    height: 138px !important;
    width: 128px !important;
    top: -20px !important;
    left: -22px !important;

    &.icon-entity-product:before {
        content: '';
    }
}

.appstore-purchases-btn-panel, .appstore-buy-btn-panel {
    width: 650px !important;
    margin-left: 30px !important;
    margin-top: 5px !important;
}

.appstore-sorted-menu-item {
    width: 140px !important;
    padding-left: 10px;
}

.appstore-purchases {

    .x-panel-body {
        background-color: #fff !important;
        border: none;
        //padding-top: 5px !important;
    }

    .app-store-purchase-btn {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .app-store-item-status {
        background-color: rgba(215, 215, 215, 1);
        padding: 2px !important;
        width: 90px;
        height: 24px;
        border: none;
        border-radius: 2px;
        font-size: 13px;
        letter-spacing: normal;
        color: #333333;
        font-family: "OpenSans-Regular", "Open Sans", sans-serif;
        font-weight: 400;
        font-style: normal;
        text-align: center;
    }

    .appstore-sorted-btn {
        border-width: 0px;
        border-style: solid;
        margin-left: 10px;
        height: 40px;

        .x-btn-inner-d-btn-secondary-small {
            font-size: 14px !important;
            color: @base-color !important;
        }

        &.x-btn.x-btn-d-btn-secondary-small {
            border: none;
            background-color: #fff !important;
        }
    }

    .appstore-purchases-btns {
        padding: 12px 0px 8px 16px;
        background-color: #fff;

        .x-btn.x-btn-default-small.x-btn-pressed, .x-btn.x-btn-d-nav-button-small.x-btn-pressed {
            border-width: 0px 0px 3px 0px !important;
            border-style: solid;
            border-color: @base-color !important;
        }

        .x-btn.x-btn-default-small.x-btn-over, .x-btn.x-btn-d-nav-button-small.x-btn-over {
            border-width: 0px 0px 3px 0px !important;
            border-style: solid;
            border-color: @base-color !important;
            background-color: @swatch-gray-1 !important;
        }

        .x-btn.x-btn-default-small, .x-btn.x-btn-d-nav-button-small {
            background-color: #fff;
            border: none;
            //margin: 4px;
            //margin: 4px;
            padding: 0 7px 0 7px;
        }

        .x-btn-inner-default-small {
            font-size: 14px !important;
            color: @base-color;
            line-height: 40px;
            font-weight: 400;
            font-family: "Open Sans", sans-serif;
        }
    }
}

.icon-appstore-sortAZ {
    background-image: url('/new/Content/icons/appstore/sortAZ.svg') !important;
    //background-size: 5px !important;
    background-repeat: no-repeat;
}

.icon-appstore-back {
    background-image: url('/new/Content/icons/appstore/backAppStore.svg') !important;
    background-size: 5px !important;
    background-repeat: no-repeat;
}

.app-store-prod-header {
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    font-family: "Open Sans", sans-serif;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;    
}

.appstore-prod-panel {
    margin-right: 3px !important;
    margin-bottom: 3px !important;
    padding: 20px 12px 3px 16px !important;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: content;
}

.d-appstore-order-history-btn {
    width: 120px !important;
    height: 26px !important;
    padding: 0px !important;
    top: 10px !important;
    margin: 0px 20px 0 0 !important;

    &.x-btn.x-btn-d-btn-secondary-small {
        border-color: #e4e4e4;
    }

    &.x-btn-over .icon-appstore {
        color: @base-color !important;
    }

    &.x-btn-pressed .icon-appstore {
        color: #fff !important;
    }

    &.icon-appstore {
        font-size: 16px;
        color: #999;
        line-height: 16px;
    }
}

.appstoresearch {
	margin-left: 10px !important;
	display: flex;
	justify-content: center;

	.header-qs::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: white !important;
		opacity: 1; /* Firefox */
	}

	.header-qs:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: white !important;
	}

	.header-qs::-ms-input-placeholder { /* Microsoft Edge */
		color: white !important;
	}


	.header-qs::-webkit-input-placeholder {
		color: #fff !important;
	}

	.header-qs::-moz-placeholder {
		color: #fff !important;
	}

	.x-form-item-body, .x-form-item-body-default, .x-form-text-field-body, .x-form-text-field-body-default {
		width: 45% !important;
		max-width: 45% !important;
	}

	.x-form-text-default {
		min-height: 28px !important;
	}
}

.appstore-tooltip {
	.x-tip-anchor-top, .x-tip-anchor-bottom,
	.x-tip-anchor-left, .x-tip-anchor-right {
		border-bottom: 10px solid #fff;
	}

	&.x-tip-default {
		background-color: #fff;
		border: hidden;
		color: #272f3a;
		padding: 13px;
		padding-top: 0;
		padding-right: 32px;
		text-align: left;
	}

	.x-tip-body-default {
		background-color: #fff;
		margin-left: 10px !important;
	}

	.x-tool-close {
		color: red;

		&:hover {
			color: mediumpurple;
		}
	}

	a {
		&:hover {
			text-decoration: underline;
		}
	}

	.x-tip-header-default {
		padding: 0 15px 0 6px;
		top: 10px !important;
		left: 15px !important;
	}

	.appstore-tooltip-title {
		color: #000;
		font-size: 16px;
		font-weight: 400;
		font-family: "OpenSans-SemiBold", "Open Sans SemiBold", "Open Sans", sans-serif;
	}

	.appstore-tooltip-body {
		letter-spacing: normal;
		color: #333333;
		line-height: normal;
		text-transform: none;
		word-wrap: break-word;
		text-transform: none;
		font-family: "Open Sans", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 12px;
		text-align: left;
		width: 350px;
		height: 180px;
	}
}


.app-store-proditem-header {
	font-size: 16px;
	line-height: 20px;
	margin: 2px 0 !important;
	top: 0px !important;
	left: 10px !important;
}

.product-paid {
	color: gray;
	font-size: 12px !important;
	letter-spacing: 0px;
	line-height: 18px;
}

.product-note {
	margin: 10px 0px 20px 0px !important;
}

.product-paidtext {
	color: gray;
	font-size: 12px !important;
	letter-spacing: 0px;
	line-height: 18px;
	left: 10px !important
}

.product-rating {
	margin-top: 1px !important;
}

.product-description {
	cursor: pointer;
	margin-top: 5px !important;

	.x-panel-body {
		max-width: 97% !important;
		max-height: 90% !important;
	}
}

.d-appstore-product-purchases {
	padding: 10px 10px 18px 10px !important;

	& .x-panel-body-default {
		color: white;
		font-size: 11px;
		line-height: 16px;
		text-align: center;
		padding: 4px 12px;
		background: #CCCCCC 0% 0% no-repeat padding-box;
		border-radius: 4px;
	}
}

.d-appstore-product-quantity-label {
	text-align: left;
	margin-top: 10px;
	padding-right: 10px;
	font-size: 12px;
	line-height: 16px;
	width: 60px !important;
}

.app-store-navigate-to-info {
	height: 60px !important;
	max-height: 60px !important;

	&:hover {
		cursor: pointer;
		height: 60px !important;
		max-height: 60px !important;
	}
}

.app-store-prod-img {
	background-origin: padding-box;
	background-repeat: no-repeat;
	background-size: 64px !important;
	background: center;
	width: 64px !important;
	top: -2px !important;
}

.calc-monitor.x-panel-d-content-panel {
	padding: 0;
}

.bulletinscard-title {
    padding: 12px 0 8px 0;
}

.bulletinscard-summary {
    padding: 12px 0 4px 0;

    a:not(.x-btn) {
        color: #0000EE !important;
        cursor: pointer;
        text-decoration: underline;
    }
}

.bulletinscard-button {
    margin: 12px 0 20px 0;
}

.bulletinscard-menu {
    font-family: DynamoSymbolsRegular !important;
    font-size: 14px !important;
    color: #666 !important;
    left: 218px !important;
    padding: 5px;
    background-color: white !important;
    border: none;
    position: relative !important;
}

.bulletinscard-menu > span {
    display: none !important;
}

.bulletinscard-menu:before {
    content: "\043F";
}

.bulletinscard-menu-item {
    width: 100px !important;
    max-width: 100px !important;
    
    .x-menu-body-default {
        padding: 0;
    }

    .x-layer {
        position: relative !important;
        margin-right: 10px;
    }
}

.bulletinscard-title .x-panel-body {
    font-size: 16px;
    line-height: 22px;
}

a.bulletinscard-title .x-panel-body {
    color: @links-color;
    display: block;
}

.bulletinscard-publishDate .x-panel-body {
    font-size: 11px;
    line-height: 16px;
    color: @swatch-gray-4;
    display: inline-block;
}

.bulletinscard-category {
    border-radius: 3px;

    .x-panel-body-default {
        background-color: transparent;
    }

    .x-panel-body {
        font-size: 11px;
        line-height: 16px;
        color: @swatch-white;
    }

    &.category-default {
        background-color: @swatch-theme-color;
    }

    &.category-bulletin {
        background-color: @swatch-green;
    }

    &.category-system {
        background-color: @swatch-red;
    }

    &.category-background {
        background-color: @swatch-gray-4;
    }
}

.bulletinscard-summary .x-panel-body {
    font-size: 12px;
    line-height: 16px;
}

.bulletin-card-image-link, .bulletin-card-title-link {
    cursor: pointer;
}

.bulletinscard-menu-item-button {
    width: 100px !important;
    max-width: 100px !important;
    padding-left: 10px;
}

.bulletinscard-title-backgroundProcesses {
//    padding: 12px 0 8px 0;

    .x-panel-body {
        font-size: 16px;
        line-height: 20px;
    }
}

.bulletinscard-labelNew {
    border-radius: 3px;
    background-color: @swatch-red;

    .x-panel-body-default {
        background-color: transparent;
    }

    .x-panel-body {
        font-size: 8px;
        color: @swatch-white;
        line-height: 10px;
    }
}

.bulletinscard-common-panel {
    cursor: pointer;
}

.bulletinscard-progressPercent {
    padding-top: 2px;
}

.bulletinscard-progressIcon-completed {
    font-family: DynamoSymbolsRegular;

    &:before {
        content: '\0434';
        color: @swatch-green;
    }
}

.bulletinscard-progressIcon-error {
    font-family: DynamoSymbolsRegular;

    &:before {
        content: '\0071';
        color: @swatch-red;
    }
}

.bulletinscard-progressIcon-process {
    font-family: DynamoSymbolsRegular;

    animation-name: iconRotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

    &:before {
        content: '\0065';
    }
}

@keyframes iconRotate {
    from { transform: rotate(-360deg); }
    to { transform: rotate(360deg); }
}
.bulletinscard-filter {
    margin: 0 0 12px 0;

    .x-form-text-default,
    .x-form-trigger-default {
        background-color: @form-field-background-color;
    }

    .x-form-item-label-text {
        font-size: 12px;
    }
}

.bulletin-popup {
    .bulletinscard-title {
        padding: 0 0 8px 0;

        .x-panel-body {
            font-size: 24px;
            line-height: 30px;
        }
    }

    .bulletinscard-body {
        margin-top: 24px;
    }

    a:not(.x-btn) {
        color: #0000EE !important;
        cursor: pointer;
        text-decoration: underline;
    }
}

.bulletinssidebar {
    background: @swatch-white;
    .shadow-panel {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid @border-color;
        margin-bottom: 16px;

        &:last-child {
            border-bottom: none;
            margin-bottom: 0;
        }
    }

    .x-toolbar {
        display: none;
    }
}

.bulletinssidebar img {
    width: 100% !important;
    height: auto !important;
}

.bulletintogglebutton.x-badge {
    position: relative;
    overflow: visible;

    &[data-badge-text]:after {
        content: attr(data-badge-text);
        position: absolute;
        font-size: 10px;
        color: @swatch-white;
        top: 8px;
        right: 5px;
        width: 12px;
        height: 12px;
        font-weight: normal;
        text-shadow: none;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        padding: 0;
        background-image: none;
        background-color: @swatch-red;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.highcharts-breadcrumbs-toolbar {
    background-color: #F0F0F0;
}

.highcharts-bridgechart-config {
    margin: 0 0 10px 0
}

.highcharts-aggregatecolumnbridge-margin {
    margin: 0 0 0 10px // top right bottom left
}

.highcharts-displayoptions-bridgechart {
    margin: 0 10px 0 100px;

    .x-form-cb-label {
        margin-top: 0px !important;
    }
}

.highcharts-checkbox-margins {
    margin: 0 0 0 100px;

    .x-form-cb-label {
        margin-top: 0px !important;
    }
}

.highcharts-drilldown-axis-label {
    color: @links-color !important;
    fill: @links-color !important;
    text-decoration: none !important;
    cursor: pointer !important;
    font: 400 12px/16px "Open Sans", sans-serif !important;

    &:hover {
        text-decoration: underline !important;
    }
}

.highcharts-aggregatecolumn-checkbox-margins {
    margin: 0 0 0 10px;

    .x-form-cb-label {
        margin-top: 0px !important;
    }
}

.combo-chart-colorform-btn {
    width: 110px !important;
}

.combo-chart-different-colors {
    .x-form-item-label-default {
        width: 100px !important;
        text-align: right;
    }

    .x-form-item-label-inner {
        width: 100px !important;
        text-align: right;
    }
}

.combo-chart-labels {
    .x-form-item-label-default {
        width: 80px !important;
        padding-right: 3px !important;
    }

    .x-form-item-label-inner {
        width: 80px !important;
        padding-right: 3px !important;
    }
}

.dynamo-cm {
    position: absolute;
    z-index: 99999;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    background: white;
    font-size: 90%;
    font-family: monospace;
    max-height: 20em;
    overflow-y: auto;

    .CodeMirror-hint {
        margin: 0;
        min-width: 200px;
        padding: 0 4px;
        border-radius: 2px;
        cursor: pointer;
        padding: 6px 6px;
        font: normal 12px "Open Sans", sans-serif;
        line-height: 18px;
        border-width: 1px;
        border-style: none;
        border-color: white;
        color: #282f39;
        position: relative;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    li.CodeMirror-hint-active {
        background: #f2f2f2;
        border-color: #e6e6e6;
        color: #282f39;
    }

    &::-webkit-scrollbar {
        width: 0px;
    }
}
.CodeMirror-matchingbracket {
    color: red !important;
    font-weight: bolder !important;
}

.createnew {
    .x-btn {
        border: none;
        border-radius: 0;
        padding: 12px;
    }
}

.sidebysidevaluemapper .x-grid-item-container table:last-child .selected-fields-removecolumn .icon-deleterow {
    display: none;
    visibility: hidden;
}


/*.dif-tree-view-templates .x-grid-td {
    line-height: 16px;
}

.dif-tree-view-templates .x-tree-icon, .dif-tree-view .x-tree-icon:before, .dif-tree-view .x-action-col-icon{
    line-height: 28px;
}*/

.dif-hidden .x-btn {
    visibility: hidden;
}

.x-grid-item-selected .dif-hidden .x-btn,
.x-grid-item-over .dif-hidden .x-btn {
    visibility: visible;
}

.dif-tree-view-templates .x-tree-icon-leaf:before {
    content: "\004C";
}

/*.dif-hidden:before {
    visibility: hidden;
}

.x-grid-item-selected .dif-hidden:before,
.x-grid-item-over .dif-hidden:before {
    visibility: visible;
}

.dif-tree-view-templates .x-tree-icon-leaf:before {
    content: "\004C";
}
*/
.sidebysidemapping .selected-fields-removecolumn .icon-deleterow {
    opacity: 0;
}

.sidebysidemapping .fieldselector-selected-fields-grid-rowover .selected-fields-removecolumn .icon-deleterow,
.sidebysidemapping .fieldselector-selected-fields-grid-rowselected .selected-fields-removecolumn .icon-deleterow {
    opacity: 1;
}

.x-gecko .dif-parameters .x-form-text-wrap {
    display: table-cell;
}

.dif-table-view .columnOverrideWidget .x-grid-cell-inner {
    padding: 0px 0px;
}
.dif-table-view .columnOverrideWidget .x-grid-cell-inner .x-field {
    margin-bottom: 0px;
}
.dif-tree-view .x-grid-item-selected .x-selmodel-column .x-grid-checkcolumn:after {
    content: '\0394';
    /*font: 16px/1 ExtJS;*/
    /*color: @base-color;*/
    font-family: DynamoSymbolsRegular;
    font-size: 16px;
}

.dif-tree-view .x-tree-icon-parent-expanded:before {
    content: "\0036";
}

.dif-tree-view .x-tree-icon-parent:before {
    content: "\004E";
}

.dif-tree-view .x-tree-icon-leaf:before {
    content: "\004D";
}


.dif-tree-view-templates  .x-tree-icon-leaf:before {
    content: "\004C";
}


.dif-tree-view .x-group-header {
    border-right: 1px solid @border-color;
}

.dif-tree-view .x-grid-row .advancedcolumnoverrideinherit-tree-td {
    border-right: 1px solid @border-color;
}

.dif-tree-view .x-grid-row .simplecolumnoverridelastcolumn-tree-td {
    border-right: 1px solid @border-color;
}

.dif-tree-view .x-grid-td {
    line-height: 28px;
}

.dif-tree-view .x-grid-checkcolumn-cell-inner {
    line-height: 28px;
}

.dif-tree-view .x-tree-icon,
.dif-tree-view .x-tree-icon:before,
.dif-tree-view .x-action-col-icon {
    line-height: 38px;
}

tr.disabled {
    pointer-events: none;
    background-color: lightgrey;
}

.x-form-type-checkbox .x-form-checkbox-default:before,
.x-form-type-checkbox .x-form-checkbox-default:after,
.x-form-type-checkbox .x-form-checkbox-large:before,
.x-form-type-checkbox .x-form-checkbox-extralarge:before,
.x-form-type-checkbox .x-form-checkbox-extralarge:after {
    top: 0px !important;
}

.x-dif-table-header-active {
    width: 10px;
    height: 10px;
    display: initial;
}

.x-dif-table-header-active:before {
    content: '\00B7';
    font-family: 'DynamoSymbolsRegular';
    font-size: 10px;
    top: -1px;
    position: relative;
    color: @base-color;
}

.x-dif-table-header-menu-active {
    width: 10px;
    height: 10px;
    display: initial;
}

.x-dif-table-header-menu-active:hover {
    color: @base-color;
}
.x-dif-table-header-menu-active:before {
    content: "\f0c9";
    font-family: 'FontAwesome';
    font-size: 12px;
    position: relative;
    line-height: 20px;
}

.x-dif-table-header-key:before {
    content: '\0074';
    font-family: 'DynamoSymbolsRegular';
    color: @base-color;
}

.dif-main .x-panel-body {
    z-index: 0;
}

.dif-main .dif-main-layout{
    z-index: 0;
}

.dif-main .x-tab-default.x-tab-active .x-tab-close-btn {
    color: @base-color;
}

.dif-main .x-tab-default .x-tab-close-btn {
    color: #919191;
}

.dif-column-active:before {
    color: @base-color;
}

.dif-dds .x-form-item-body .x-form-item-no-label,
.dif-datepicker .x-form-item-body .x-form-item-no-label {
    padding: 0px !important;
}

.entitylinking .linkingParameter{
    padding: 0px 4px 0px 0px;
    /*margin-right: 3px !important;*/
}

.entitylinking .linkingParameter .x-form-item-label-right{
    padding-right: 5px !important;
}
/*
    check if these styles will be needed
*/
.dif-main-layout .x-tabpanel-child .x-panel-body-d-content-place {
    padding: 8px 0px 0px 0px !important;
}

.dif-main-layout .x-tabpanel-child .x-panel-d-content-panel {
    padding: 8px;
}

.dif-dds .x-btn-default-small {
    padding: 3px 9px;
    margin-right: 3px !important;
    border: 1px solid;
    border-color: @buttons-color;
}



.dif-small-button {
    padding: 3px 9px;
    height: 26px !important;
}

.dif-main-layout .x-toolbar-footer .x-btn-default-small {
    padding: 4px 8px 4px 4px;
}

/*.dif-main .x-btn-wrap-default-small.x-btn-split-right > .x-btn-button {*/
    /*padding-right: 12px;*/
    /*margin-left: -12px;*/
/*}*/

.dif-main .x-btn-wrap-default-small.x-btn-split-right:after {
    padding-left: 8px;
}

.dif-main .x-btn-wrap-default-small.x-btn-split-right > .x-btn-button {
    padding-right: 4px;
}
.editdocument-title {
    text-decoration: solid;
    font-size: 16px;
}

.editdocument-grid{
    padding: 0 !important;
}
.notify {
    & .x-panel-body-d-content-place {
        padding: @new-general-panel-margin 0 !important;
    }
}

.notify {
    .x-panel-body-d-content-place {
        padding: 0 5px 5px 5px;
    }

    .d-itemproperties {
        padding: 10px;
    }
}


.entityLinkingMenu {

    & .linkingMenuButton {

        & .icon-thirdparty-linked:before {
            font-size: 16px;
            left: 4px;
            position: absolute;
            top: 1px;
        }
    }
}

.linkingMainLabel {
    line-height: 24px;
    /*padding: 4px 0px 4px 6px;*/
    padding: 2px 0px 2px 4px;
}

.entityLinkingMenu {

    .d-list-empty {
        padding: 4px 0px 4px 6px;
    }

    .x-menu-item-indent-default {
        margin-left: 0px;
    }

    .x-panel-body-linkingMenuButton {
        .x-btn-inner-default-small {
            padding-left: 0px;
        }
    }

    .x-panel-linkingMenuButton:hover,
    .linkingMenuButtonInner:hover, {
        background-color: @swatch-gray-1;
    }

    .x-panel-body-default {
        background-color: transparent !important;
    }

    .icon-thirdparty-linked:before {
        font-size: 16px;
        left: 4px;
        position: absolute;
        top: 1px;
    }
}

.linkingItem {
    padding: 4px 0px 4px 6px;
    background-color: transparent !important;
    border: 0px;
    /*height: 28px !important;*/

    .x-btn-inner-default-small {
        color: @button-color;
        text-decoration: none;
    }
}

.unlinkButton,
.syncButton,
.checkButton,
.linkButton {
    &.x-btn-over {
        /*background-color: @swatch-gray-4 !important;*/
        text-decoration: underline;
        font-weight: 400;
    }
}

.level2 {
    padding-left: 16px;
}

.linkingItemCounter {
    width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    margin: 7px;
    top: 0px;
    text-align: center;
    background-color: @swatch-gray-2;
    border-radius: 30px;
    font-size: 10px;
}

.entitylinking > .x-mask {
    opacity: 1 !important;
}


.entityLinkingMenu > .linkingMenuButton > .icon-thirdparty-linked:before {
    font-size: 16px;
    left: 4px;
    position: absolute;
    top: 1px;
}

.linking-grid-container .x-grid:not(.x-tree-panel, .x-grid-header-hidden) .x-grid-header-ct {
    border-top: none !important;
}


.linking-grid {
    .x-grid-scrollbar-clipper-locked {
        .x-grid-cell-first {
            color: #666;
            font: 10px/16px "Open Sans", sans-serif;
            font-weight: 600;
        }
    }

    .x-column-header-text-inner {
        font: 12px/16px "Open Sans", sans-serif;
        font-weight: bold;
    }

    .x-column-header-text-container {
        .linking-click:hover {
            span {
                color: @base-color;
                text-decoration: underline;
            }
        }
    }
}
.d-flags-and-tags {
    & .d-flags-and-tags-list {
        & .x-grid-with-row-lines .x-grid-item {
            border-width: 0;
            border-color: @swatch-white;
        }
    }

    & .x-flags-and-tags-counter {
        background-color: @swatch-gray-1;
        border-radius: 10px;
        height: 16px;
        padding: 0 8px;
        top: -4px;
        margin-left: 2px;
        text-align: center;
        position: relative;
    }

    & .x-flags-and-tags-icon {
        font-size: 16px;
        color: @icon-color;
        padding-right: 6px;
    }

    & .x-grid-item-over,
    & .x-grid-item-selected {
        & .x-flags-and-tags-counter {
            background-color: @swatch-gray-3;
        }

        & .x-flags-and-tags-icon:before {
            color: @icon-color-active;
        }
    }
}

.floating {
    & .d-flags-and-tags {
        & .paneltitle {
            padding: 4px 8px !important;
        }

        & .x-panel-body {
            padding: 0 !important;
        }
    }
}

.d-followme-panel {
    & .news-feed-date-none-top-offset {
        margin-top: 0;
    }

    & .news-feed-icon-container {
        display: inline-block;
        width: 20px;
        background-size: 16px auto;
        margin-left: 5px;
    }

    & .div-display {
        display: inline-block;
    }

    & .dd7tofind {
        overflow: auto;
    }

    & .openablelink {
        overflow-wrap: initial;
    }
}

.d-followme-panel {
    & .news-feed-date-top-offset {
        margin-top: 16px;
    }

    & .one-date-row-item-offset {
        margin-bottom: 24px;
    }

    & .news-feed-date-row {
        background: @content-place-background-color;
        border-radius: 10px;
        color: @swatch-gray-5;
        font-size: 10px;
        line-height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        left: calc(50% - 50px);
        min-width: 80px;
        max-width: 120px;
        height: 17px;
        padding: 4px 8px;
    }

    & .news-feed-info-row {
        border-bottom: 1px solid @content-place-background-color;
        height: 28px;
        margin-right: 8px;
        margin-bottom: 8px;

        &:hover .d-grid-icon-16.news-feed-main-entity-icon:not(.news-feed-deleted-icon) {
            cursor: pointer;

            &:before {
                color: @icon-color-active !important;
            }
        }

        & .news-feed-info-row-container {
            display: inline-block;
            line-height: 26px;
            margin-left: 12px;
        }
    }

    & .news-feed-bullet {
        font-family: DynamoSymbolsRegular;
        display: inline-block;

        &.row-bullet {
            font-size: 6px;
            position: relative;
            left: 0px;
            bottom: 2px;
        }

        &:before {
            content: "\00B7";
        }
    }

    & .news-feed-bullet-red,
    & .news-feed-property-container-red:before {
        color: @swatch-red;
    }

    & .news-feed-bullet-green,
    & .news-feed-property-container-green:before {
        color: @swatch-green;
    }

    & .news-feed-bullet-orange,
    & .news-feed-property-container-orange:before {
        color: #ffaa00;
    }

    & .news-feed-main {
        & .news-feed-property-container {
            margin-left: 32px;
            margin-bottom: 4px;
            padding-right: 8px;
        }

        & .news-feed-property-container:last-of-type {
            margin-bottom: 0;
        }
    }

    & .news-feed-property-row {
        min-height: 20px;
        text-align: left;
        color: @swatch-gray-5;

        & .news-feed-property {
            color: @swatch-gray-5;
            display: inline;
            vertical-align: top;
            margin-left: 4px;

            &:hover .d-grid-icon-16.news-feed-entity-icon {
                cursor: pointer;

                &:before {
                    color: @icon-color-active !important;
                }
            }
        }
    }

    & .news-feed-property-value {
        color: @swatch-black;
        height: 20px;
        text-align: left;
    }

    & .news-feed-legend-container {
        top: 0 !important;
    }

    & .news-feed-legend {
        color: @swatch-gray-4;
        display: inline-block;
        vertical-align: middle;
        margin-left: 2px;
        margin-right: 8px;

        &:last-child {
            margin-right: 0px;
        }
    }

    & .news-feed-legend-props {
        font-family: DynamoSymbolsRegular;
        display: inline-block;
        vertical-align: middle;
        color: @icon-color;
        margin-left: 8px;

        &:before {
            content: "L";
        }
    }

    & .news-feed-table-row {
        border-spacing: 0px;
        width: 100%;
    }

    & .news-feed-table-row-val-td {
        padding: 0px;
    }

    & .news-feed-table-row-info-td {
        vertical-align: top;
        padding: 0px;
    }

    & .news-feed-document-info {
        color: #336699;
        display: inline-block;
        padding-left: 8px;
        text-align: left;
        vertical-align: top;
        min-width: 220px;
    }

    & .news-feed-document-info-size {
        color: #336699;
        display: inline-block;
        font-size: 11px;
        margin-left: 8px;
    }

    & .news-feed-user-time-container {
        display: inline-block;
    }

    & .news-feed-document-info-type {
        color: #336699;
        display: inline-block;
        font-size: 11px;
        margin-left: 8px;
        min-width: 80px;
    }

    & .news-feed-time-field {
        color: @swatch-gray-5;
        display: inline-block;
        line-height: 16px;
        letter-spacing: 0px;
        text-align: left;
        vertical-align: top;
        padding: 0 5px;
        opacity: 1;
    }

    & .news-feed-user-field {
        color: @swatch-gray-5;
        opacity: 1;
        display: inline-block;
        line-height: 16px;
        letter-spacing: 0px;
        padding-left: 10px;
        text-align: right;
        vertical-align: top;
        min-width: 220px;
    }

    & .news-feed-main-deleted-entity {
        position: absolute !important;
        top: 28px;
        left: 4px !important;
    }

    & .x-toolbar-d-header .itemscount {
        top: 0px !important;
    }

    & .x-grid-rowbody {
        padding: 4px 0px !important;
    }

    & .stretch-container {
        width: 100% !important;
    }

    & .news-feed-icon-container {
        display: inline-block;
        color: @icon-color;
        width: 20px;
        margin-left: 4px;
    }

    & .news-feed-openable-icon {
        display: inline-block;
        width: 20px;
    }

    & .d-followme-panel-grid {
        & .x-grid-with-row-lines .x-grid-item.x-grid-item-selected,
        & .x-grid-with-row-lines .x-grid-item.x-grid-item-over {
            background-color: transparent !important;
        }

        & .x-grid-item {
            border-color: @swatch-white !important;
        }

        & .dd6-row-empty td[class*="x-grid-cell-gridcolumn"] .x-grid-cell-inner {
            padding: 0px !important;
            height: 0px !important;
        }
    }

    & .news-feed-openable-item {
        display: inline-flex;
    }
}

div[id^="freetextpanel"] {
    .d-htmleditor {
        border-width: 0;
    }

    .d-htmleditor .d-publicface {
        padding: 11px;
    }

    a.scroll-down-btn {
        margin: 12px !important;
    }
}

div[id^="freetextpanel"] {
    .d-publicface:hover {
        border-color: transparent;
        background-color: transparent;
    }

    .x-panel-body:hover {
        border-color: @highlight-background-color;
        background-color: @highlight-background-color;
    }
}

.fr-toolbar {
    font-family: -apple-system, BlinkMacSystemFont, "Open Sans", Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji !important;
    border:none;
    border-radius:0px;

    .fr-btn-grp {
        margin: 0px 8px 0px 16px !important;
    }
}

.d-htmleditor {
    .fr-toolbar {

        .fr-btn-grp {
            margin: 0px 0px 0px -2px !important;
        }

        .fr-newline{
            margin-left:0px;
            margin-right:0px;
        }
    }
}

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-modal .fr-command.fr-btn {
    height: 30px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Open Sans", Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji !important;
    font-size: 10px !important;
}

.fr-toolbar .fr-command.fr-btn span, 
.fr-popup .fr-command.fr-btn span,
.fr-modal .fr-command.fr-btn span {
    font-size: 12px !important;
    line-height: 16px !important;
    min-width: 35px;
}

.fr-separator.fr-vs {
    height: 22px !important;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after,
.fr-popup .fr-command.fr-btn.fr-dropdown:after,
.fr-modal .fr-command.fr-btn.fr-dropdown:after {
    top: 15px !important;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
    font-size: 13px !important;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
    max-height: 150px;
}

.fr-toolbar .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn svg,
.fr-modal .fr-command.fr-btn i,
.fr-modal .fr-command.fr-btn svg {
    width: 18px !important;
    height: 18px !important;
}


.fr-dd-title {
    padding: 0 10px !important;
    margin-top: -1px;
}

.fr-dd-title .fr-svg {
    width: 18px !important;
    height: 18px !important;
}

.fr-command[data-cmd="align"] .fr-svg {
    width: 18px !important;
    height: 18px !important;
}

.fr-selection[data-cmd="fontFamily"] {
    width: 80px !important;
}

.fr-selection[data-cmd="paragraphFormat"] {
    width: 80px !important;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
    width: 100% !important;
    text-overflow: ellipsis !important;
}

.fr-box.fr-fullscreen {
    background-color: rgba(255,255,255,0.1);
    padding: 15px;
    height: 100% !important;
}

.fr-box.fr-basic .fr-element {
    font-size: 12px !important;
    line-height: 16px !important;
}

.fr-view {
    //padding: 10px 10px 10px 10px !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 12px !important;
    line-height: 1.45;
}


.fr-view-htmlcontent {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 1.45;
    //padding: 0px !important;
    /*padding: 0px 10px 4px;*/
    margin: 0px;
}

.fr-view-htmlcontent table {
    font-size: inherit;
}

.fr-view p {
    margin-top: auto;
    margin-bottom: auto;
    margin-block-start: auto;
    margin-block-end: auto;
}

.fr-view-htmlcontent .d-publicface {
    line-height: 1.45;
    margin-right: -10px;
    padding-right: 0px;
}

.fr-view p.MsoListParagraphCxSpFirst {
    margin-left: 25px;
}

.fr-view p.MsoListParagraphCxSpMiddle {
    margin-left: 25px;
}

.fr-view p.MsoListParagraphCxSpLast {
    margin-left: 25px;
}

.fr-second-toolbar{
    display:none;
}

/* Tooltip with HTML content */

.x-tip-default {
    & .dynamoDefaultStyleWrapper {
        & * {
            color: inherit !important;
        }
    }
}
.edithtmlform-fr-wrapper .fr-box.fr-basic.fr-top .fr-wrapper {
    height: calc(100% - 50px);
    overflow: auto;
    border-color:transparent;
}

.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
    scrollbar-gutter:stable;
}

.fr-box.fr-fullscreen .fr-wrapper {
    scrollbar-gutter: stable;
    margin-right: 0px !important;
}
.gridworkview {
    .x-toolbar-d-main-header {
        .x-box-target,
        .x-box-inner {
            width: 100% !important;
        }

        .x-toolbar-text-d-heading {
            max-width: calc(100% - 250px) !important;
        }
    }
    /*
    .d-icon-gridworkview {
        margin-left: 8px !important;
        margin-right: 36px !important;

        &:before {
            font-size: 20px;
        }
    }*/
}
.hiding-loading-mask {
    background-color: rgba(208, 208, 208, 0.95) !important;
}
.gridworkview-with-new-header,
.homeworkview.new-header {
    top: @new-general-panel-margin !important;
}

.headermodern when(@show-header-background-as-image = true) {
    background-image: url(@header-background-image) !important;
    background-size: cover;
    background-repeat: no-repeat;
}
.x-toolbar-d-main-header .x-form-text {
    text-overflow: ellipsis;
}
.headermodern {
    background-color: @swatch-theme-color;

    .x-toolbar {
        background-color: transparent;
        padding: 0 8px 0 0;
        color: @swatch-white;

        .x-toolbar-item {
            margin: 0;
        }

        .imagelogo {
            cursor: pointer;
            width: 250px;
            height: 60px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
        }

        .textlogo when(@show-header-logo-as-image = true) {
            display: none;
        }

        .textlogo:after when(@show-header-logo-as-text = true) {
            content: @header-logo-text;
        }

        .imagelogo when(@show-header-logo-as-text = true) {
            display: none;
        }

        .imagelogo {
            background-image: url(@header-logo) !important;
        }

        .x-field {

            .x-form-trigger-wrap {
                background-color: rgba(255,255,255,0.2);
                border-color: transparent;

                &:hover {
                    background-color: rgba(255,255,255,0.4);
                }

                .x-form-text, .x-form-trigger {
                    background-color: transparent;
                    color: @swatch-white;

                    &::-webkit-input-placeholder,
                    &:-moz-placeholder,
                    &::-moz-placeholder,
                    &:-ms-input-placeholder {
                        color: @swatch-white;
                    }

                    &:before {
                        color: @swatch-white;
                    }
                }
            }

            &.x-field-focus {

                .x-form-trigger-wrap {
                    background-color: @swatch-white;
                    border-color: transparent;

                    .x-form-trigger:before {
                        color: #666666;
                    }

                    .x-form-text {
                        color: @swatch-black;

                        &::-webkit-input-placeholder,
                        &:-moz-placeholder,
                        &::-moz-placeholder,
                        &:-ms-input-placeholder {
                            color: @swatch-black;
                        }
                    }
                }
            }
        }


        .x-btn {
            border-width: 0;
            background-color: transparent;
            padding: 8px 4px;
            top: 15px !important;
            margin-left: 4px;

            .x-btn-arrow {
                .x-btn-inner {
                    padding: 0 0 0 4px;
                }
            }

            .x-btn-inner {
                color: @swatch-white;
            }

            .x-btn-icon-el {
                color: @swatch-white;

                &:after,
                &:before {
                    color: @swatch-white !important;
                }
            }

            .x-btn-wrap {
                .x-btn-no-text {
                    padding: 0px 4px;
                }

                &.x-btn-arrow {
                    .x-btn-no-text {
                        padding: 0px 2px 0 4px;
                    }
                }
            }


            .x-btn-arrow-right:after {
                background-color: transparent;
                color: rgba(255,255,255,0.5);
                width: 16px;
            }

            &.x-btn-over, &.x-btn-focus, &.x-btn-menu-active {
                background-color: rgba(255,255,255,0.2);

                .x-btn-arrow-right:after {
                    color: @swatch-white;
                }
            }

            &.x-btn-focus {
                box-shadow: 0 0 0 1px @swatch-white inset;
            }

            &.x-btn-pressed {
                background-color: @swatch-white;
                color: @swatch-black;

                .x-btn-icon-el {
                    color: @swatch-black;

                    &:after,
                    &:before {
                        color: @swatch-black !important;
                    }
                }

                .x-btn-inner {
                    color: @swatch-black;
                }

                .x-btn-arrow-right:after {
                    color: @swatch-black;
                }
            }
        }
    }
}

.d-image-gallery-bottom-container {
    text-align: center;

    & .x-dots-container {
        font-family: 'DynamoSymbolsRegular';
        line-height: 32px;
        font-size: 8px;
        color: rgba(0, 0, 0, 0.5);
    }
}

.d-interactive-field-panel {
    & .d-itemproperties.d-icon-label-fields {
        padding: 0 16px 8px 16px;

        & .x-icon-field-label {
            font-size: 16px;
            color: @icon-color;
        }

        & .x-item-disabled {
            & .x-icon-field-label {
                color: @swatch-gray-3;
            }
        }

        & .x-field.x-field-focus,
        & .x-field.x-field-over {
            & .x-icon-field-label {
                color: @icon-color-active;
            }
        }
    }
}

.itemdetails-entityfieldaction {
    & .x-field {
        min-width: 0px !important;

        &.x-form-type-text {
            .x-form-text-field-body,
            .x-form-text-field-body-default {
                min-width: 0px;
                max-width: 100%;
            }
        }

        & .d-publicface .x-component {
            white-space: nowrap !important;
            overflow: hidden;
            text-overflow: ellipsis;

            & > div {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }
    }
}

.itemdetails-entitylinkingaction {
    .icon-linking-linked:before {
        content: "\0435";
        font-family: "DynamoSymbolsRegular";
    }

    .icon-linking-normal:before {
        content: "\0435";
        font-family: "DynamoSymbolsOutline";
    }

    .x-btn.x-btn-default-small,
    .x-btn.x-btn-default-small.x-btn-focus,
    .x-btn.x-btn-default-small.x-btn-disabled {
        background-color: #fff;
        padding: 4px;
        border:transparent !important;
    }

    .x-btn-icon-el-default-small {
        color: @icon-color;
    }

    .x-btn.x-btn-disabled.x-btn-default-toolbar-small .x-btn-inner {
        color: #ccc;
    }
}

.new-header .x-tab-default-top {
    border-width: 4px 0px 4px 0px !important;
    border-top-color: #fff !important;
    margin-left: 2px !important;
    height: 44px;
    padding: 10px 16px 8px 16px;

    .x-tab-wrap-default {
        margin-top: -2px;
    }
}
.new-header .x-tab-default-top:not(.x-tab-default-top ~ .x-tab-default-top) {
    margin-left: -2px !important;
}


.workview.itemdetails {
    .itemdetails-toolbars {

        .theicon {
            background-color: transparent;
            border: none;
            border-radius: 20cm;
            padding: 0;
            overflow: visible;

            .loadingmask {
                width: 60%;
                height: auto;
            }

            .icon-span {

                &:before {
                    font-size: 32px;
                    line-height: 32px;
                }
            }

            &.x-btn-over {
                color: unset;
            }
        }

        .x-toolbar {
            /*border: 1px solid red !important;*/

            .panel-title {
                .theitemdetailsview-panel-title-labelEl,
                .x-form-item-label-inner,
                .x-form-item-body-default,
                .x-form-text-default {
                    min-height: 34px;
                }

                input.x-form-text-default {
                    font-size: 24px;
                    font-weight: 600;
                    padding-bottom: 5px;
                }
            }
        }

        .x-toolbar-d-header {
            padding: 0 !important;
            border: none !important;

            .panel-title {
                .x-form-trigger-wrap {
                    border: 0;

                    input, input:focus {
                        border: none !important;
                        outline: none !important;
                        border-radius: 0 !important;
                    }
                }


                input {
                    padding: 0;
                    font-size: 24px;
                    background: transparent;
                }

                &:hover input,
                input:focus {
                    background: @swatch-yellow;
                }
            }
        }
    }

    .x-tab-bar-more-icon {
        color: #969ba0;
    }

    .x-tab.x-tab-over.x-tab-default,
    .x-btn-menu-active {
        background-color: @swatch-gray;
        border-color: @base-color;
        z-index: 3;
    }

    .x-btn-menu-active {
        border-color: @base-color;
        z-index: 3;
    }
}

@keyframes new_tabs_over {
    from {
        background-color: @content-place-background-color;
    }

    to {
        background-color: #FFF !important;
    }
}

@keyframes new_tabs_active_border {
    from {
        border-bottom-color: @content-place-background-color;
    }

    to {
        border-bottom-color: @button-color !important;
    }
}

.workview.itemdetails.new-header .itemdetails-toolbars .x-toolbar .panel-title input.x-form-text-default {
    font-weight: 400 !important;
}

.workview.itemdetails.new-header .x-tab-default-top {
    /*border-width: 4px 0px 4px 0px !important;*/
    border-top-color: @content-place-background-color !important;

/*    .x-tab-inner {
        &.x-tab-inner-default{
            padding-top:4px;
        }
    }*/
}

.workview.itemdetails.new-header {
    .icon-span-abbr {
        font-family: 'Open Sans';
        font-size: 24px;
        line-height: 64px;
    }

    .x-tab-bar-default {
        background-color: @content-place-background-color;
    }

    .x-tab-default-top {
        background-color: @content-place-background-color;
    }

    .x-tab-default {
        border-color: @content-place-background-color;
    }

    x-tab-bar-horizontal > .x-tab-bar-body-default {
        min-height: 40px;
    }

    .itemdetails-toolbars {
        .theicon {
            background-color: @base-color;
            color: white;

            .icon-span {
                &:before {
                    line-height: 64px;
                    color: #fff !important;
                    width: auto;
                }

                text-align: center;
                border-radius: 20cm;
                width: 64px;
            }

            &.x-btn-over {
                color: white;
            }
        }
    }

    /*.itemdetails-toolbars {
        .linkingIcon {
            left: 2px;*/
            /*top: 6px !important;*/
            /*margin: 0px;
            border: 1px solid @base-color;
            background-color: #fff;
            z-index: 10;
            padding: 4px !important;
            width: 18px !important;
            height: 18px;

            .x-btn-wrap-default-small:after {
                color: @base-color;
            }

            &.x-btn-over {
                background-color: @base-color;
            }

            &.x-btn-over .x-btn-wrap-default-small:after {
                color: #fff;
            }
        }
    }*/

    .x-tab.x-tab-default {
        &.x-tab-over {
            background-color: #fff;
            animation-name: new_tabs_over;
            animation-duration: 0.5s;
        }



        &.x-tab-active {
            border-bottom-color: @button-color;
            animation-name: new_tabs_active_border;
            animation-duration: 0.5s;

            &.x-tab-over {
                background-color: @content-place-background-color !important;
            }
        }
    }


    .panelactions {
        .itemdetails-entityfieldaction {
            .d-publicface {
                padding: 2px;

                & > div {
                    padding: 0;
                }

                &:hover {
                    background-color: transparent;
                    cursor: default;
                }
            }

            .x-form-trigger-default {
                display: none;
            }
        }
    }
}

.new-header {
    .x-toolbar-d-main-header {
        .x-toolbar-item {
            &.d-icon-64 {
                background-color: @base-color;
                color: #fff;
                border-radius: 50%;
                width: 64px;
                height: 64px;

                &:before {
                    left: 16px;
                    font-size: 32px;
                    line-height: 64px;
                    color: #fff !important;
                    position: relative;
                    vertical-align: middle;
                }

                &.icon-entity-missing {
                    &:before {
                        color: transparent !important;
                    }

                    &:after {
                        top: unset !important;
                        left: -16px !important;
                        font-size: 32px !important;
                        line-height: 64px;
                        vertical-align: middle;
                        color: #fff !important;
                    }
                }

                &.icon-ws {
                    line-height: 64px;
                    font-size: 32px;
                    text-align: center;
                }
            }
        }
    }

    .x-tab-bar-more-icon {
        &.tabbarMoreIcon {
            &:before {
                content: '\0437';
                font-family: 'DynamoSymbolsRegular';
                font-size: 16px;
                line-height: 16px;
                font-weight: 400;
            }
        }
    }
}


.itemdetails-profile-picture-tooltip {
    /*border: 1px solid red;*/

    .x-tip-body {
        padding: 2px;
        background-color: @swatch-white;

        img {
            /*border: 1px solid orange;*/
            border-radius: 9999px;
            width: 100%;
            height: auto;
        }
    }
}

.needs-approval-warning-preview-mode:after {
    content: "\e602";
    font: 14px/1 ExtJS;
    color: #cf4c35;
    position: absolute;
    top: 0;
}

.needs-approval-warning-edit-mode:before {
    content: "\e602";
    font: 14px/1 ExtJS;
    color: #cf4c35;
    position: absolute;
    top: 0;
    left: 0;
}
.workview.itemdetails {
    .itemdetails-toolbars {
        .panel-title input {
            &:focus, &:hover {
                background: @swatch-gray-1 !important;
            }
        }
    }

    &.new-header {
        & .itemdetails-toolbars {
            & .panel-title {
                & input.x-form-text-default {
                    padding-left: 4px;
                    padding-bottom: 0 !important;
                }
            }

            & .panelactions {
                .itemdetails-entityfieldaction {
                    .d-publicface {
                        padding: 4px;
                    }

                    .x-form-readonly {
                        font-size: 14px;
                    }
                }
            }
        }
    }

    & .colored-tag:before {
        color: inherit !important;
    }
}
.quicksearch {
    .header-qs {
        color: white !important;
    }

    .header-qs::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: white !important;
        opacity: 1; /* Firefox */
    }

    .header-qs:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: white !important;
    }

    .header-qs::-ms-input-placeholder { /* Microsoft Edge */
        color: white !important;
    }


    .header-qs::-webkit-input-placeholder {
        color: #fff !important;
    }

    .header-qs::-moz-placeholder {
        color: #fff !important;
    }

}

.d-layoutworkview {
    & .x-toolbar.x-toolbar-d-header {
        &:not(.x-itemsgrid-toolbar, .x-searchconditions-host) {
            border-bottom: 1px solid @base-color !important;
            margin-bottom: 12px;

            &.fixed-container-shadow {
                box-shadow: 0 8px 4px -4px @swatch-gray-3;
            }
        }

        & .x-toolbar-text-d-heading.d-layoutworkview-panel-title {
            height: 28px;
        }
    }
}

.sharepointactionmenu {

    .x-menu-item-indent-default {
        margin: 0px;
        padding: 0px;
        left: 0px;
    }

    .x-menu-item-text-default.x-menu-item-indent-no-separator {
        margin-left: 6px;
    }

    .x-btn.x-btn-default-small, .x-btn.x-btn-d-nav-button-small {
        border-color: transparent;
        background-color: transparent;
    }

    .test44 {
        padding: 0px;
        height: 32px;
        width: 30px;
        top: 0px;
        margin: 0px;
    }

    .icon-deleterow:before {
        content: '\006E';
        line-height: 20px;
    }

    .icon-deleterow:hover {
        content: '\006E';
        line-height: 20px;
        color: red;
    }

    .icon-openinnewtab:hover {
        content: '\03AB';
        color: @buttons-color-over;
    }

    .test44 x-btn-icon-el {
        height: 100%;
        width: 100%;
        align-content: center;
    }

    .linkingItem {

        .x-btn-inner-default-small {
            font: 400 12px "Open Sans", sans-serif;
            line-height: 27px;
            padding-top: 1px;
            color: #000;
            cursor: pointer;
        }
    }

    .x-grid-item {
        border: 0px;
    }


    .x-toolbar-footer {
        padding: 0px 10px 7px 10px;
    }

    .icon-createnew{
        color:#999
    }
    
}

.itempropertiesfieldchooserpreview {
    .x-mask {
        background-color: @swatch-white;
    }
}

.itemproperties-details-iconcolumn {
    opacity: 0;

}
.itemproperties-details-removecolumn {
    opacity: 0;
}


.itemproperties-details-rowover .itemproperties-details-iconcolumn,
.itemproperties-details-rowselected .itemproperties-details-iconcolumn {
    opacity: 1;
    color: @icon-color-active !important;
}

.itemproperties-details-rowover .itemproperties-details-removecolumn,
.itemproperties-details-rowselected .itemproperties-details-removecolumn {
    opacity: 1;
    color: @icon-color-active !important;
}

.itemproperties-details-rowover{
    background-color: @highlight-background-color;
}


.itemproperties-details-rowselected {
    background-color: @base-highlighting-color;
}

.itemproperties-details-labelcolumn {
    .x-grid-cell-inner {
        div {
            text-overflow: ellipsis;
            overflow: hidden;
        }
    }
}

.itemproperties-details-valuepreview {
    text-overflow: ellipsis;
    overflow: hidden;
}

.itemproperties-details-required {
    color: @swatch-red;
    padding-left: 2px;
}
.colspanconfigurator {
    background: @content-place-background-color !important;
}

.colspan-type-title-wrap {
    background: darken(@content-place-background-color,5%);
    font-size: 10px;
    color: #555555,
}

.selected-colspan-type {
    .colspan-block-wrapper {
        background: darken(@content-place-background-color,10%) !important;
        border-radius: 13px;
        box-shadow: inset 0 0 5px darken(@content-place-background-color,15%);
    }
}
.field-equalizer-row {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #e9e9e9 !important;
}

.field-equalizer-row, .field-equalizer-row * {
    overflow: visible;
}

.field-equalizer-cell-selected, .field-equalizer-cell-over, .cell-dragged {
    background-color: #e9e9e9;

    .field-equalizer-cell-content-container {
        background-color: #e9e9e9;
    }

    .field-equalizer-cell-over > .x-panel-body {
        background-color: #e9e9e9;
    }

    .x-box-inner {
        background-color: #e9e9e9;
    }

    .x-toolbar {
        background-color: #e9e9e9;
    }
}

.field-equalizer-cell-over {
    .fieldequalizer-toolbar {
        .x-toolbar-item {
            opacity: 1;
        }
    }
}

.field-equalizer-row-over {
    .fieldequalizer-row-toolbar {
        .x-toolbar-item {
            opacity: 1;
        }
    }
}


.fieldequalizer-row-toolbar {
    .x-toolbar-item {
        opacity: 0;
        height: 30px;
    }

    .x-toolbar-item.x-btn-menu-active {
        opacity: 1;
    }

    .x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
        display: none;
    }

    .x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-small {
        padding-right: 0px;
    }
}

.field-equalizer {
    .x-mask {
        opacity: 1 !important;
    }
}

.fieldequalizer-row-toolbar > .x-btn-menu-active {
    opacity: 1;
}

.fieldequalizer-toolbar {
    .x-toolbar-item {
        opacity: 0;
        height: 30px;
    }

    .x-toolbar-item.x-btn-menu-active {
        opacity: 1;
    }

    .x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
        display: none;
    }

    .x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-small {
        padding-right: 0px;
    }
}

.fieldequalizer-toolbar > .x-btn-menu-active {
    opacity: 1;
}

.field-equalizer-cell {
    user-select: none;
    border-radius: 0px !important;

    .x-toolbar-default {
        padding: 0;
    }
}

.empty-control, .empty-control * {
    opacity: 0;
}

.itempropertiesgrid-cell-drag-info {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    border: 3px dashed #ebedef !important;
    display: none;
    overflow: hidden;
    color: #6c757d !important;
}

.itempropertiesgrid-cell-drag-info * {
    width: 100% !important;
    height: 100% !important;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
}

.itempropertiesgrid-cell-drag-info.visible {
    display: block !important;
}

.control-preview {
    white-space: nowrap;

    &.simple-text {
        overflow: hidden !important;
    }
}

.itemproperties-separator {
    max-width: none;
    border-top: 2px solid #e9e9e9 !important;
}

.field-equalizer-cell-over, .field-equalizer-cell-selected {
    .itemproperties-separator {
        max-width: none;
        border-top: 2px solid #f6f6f6 !important;
    }
}

.cell-dragged {
    background-color: #e9e9e929;
    border: 1px solid #e9e9e933;
    opacity: .98 !important;


    .field-equalizer-cell-content-container {
        background-color: #e9e9e929;
    }

    .field-equalizer-cell-over > .x-panel-body {
        background-color: #e9e9e929;
    }

    .x-box-inner {
        background-color: #e9e9e929;
    }

    .x-toolbar {
        background-color: #e9e9e929;
    }

    .fieldequalizer-toolbar {
        .x-toolbar-item {
            opacity: 0 !important;
        }
    }

    .empty-control, .empty-control * {
        opacity: 0 !important;
    }
}

.cell-dragged * {
    opacity: .98 !important;
}

.columns-count-selector {
    background: #eaeef2 !important;
}

.columns-count-item-title-wrap {
    background: #dfe3e7 !important;
    font-size: 10px;
    color: #555555,
}

.selected-columns-count-type {
    .columns-count-item-wrapper {
        background: #c5cbd6 !important;
        border-radius: 13px;
        box-shadow: inset 0 0 5px #b2b8c2;
    }
}
.itemproperties-header label {
    font-size: 11px;
    line-height: 28px;
    letter-spacing: 0.3px;
    font-weight: 600;
}

.d-itemproperties-simple-text-container {
    font-style: italic;
    width: 100%;
}

.itemproperties-colored-item a:link {
    color: inherit !important;
}

.itemproperties-colored-item {
    label {
        color: initial;
    }
}

.checkbox-with-line-label .x-form-cb-wrap-inner,
.x-form-type-checkbox.x-form-item-no-label .x-form-cb-wrap > .x-form-cb-wrap-inner {
    margin-left: 0px !important;
}

.admin-entity-layout-panel-wrap-body .x-panel-body-d-content-panel {
    padding-top: 5px;
}

.d-itemproperties .d-form-item-centered > .x-form-item-body > div[id^=encryptedField] {
    display: inline-table;
}

.d-itemproperties .d-form-item-centered div.dd-image-remove-link {
    margin-left: 5px !important;
    margin-top: -30px !important;
}

.run-report {
    cursor: default;
    pointer-events: auto;
    color: #369;
    opacity: 1;
    margin-top: -3px;
    font-size: 16px;
}

.run-report:after {
    color: #888;
    content: '\0073';
    font-family: 'DynamoSymbolsRegular';
}

.run-report:hover:after {
    color: #369;
}

.d-itemproperties .d-singlepicker .d-publicface .x-component,
.d-itemproperties .d-multipicker .d-publicface .x-component {
    overflow: visible !important;
}

.d-itemproperties .x-field-large.x-item-disabled,
.d-itemproperties .x-field-extralarge.x-item-disabled {
    opacity: 0.7;
}

.d-itemproperties .x-field.d-form-item-centered,
.d-itemproperties .x-field-extralarge,
.d-itemproperties .x-field-large {
    overflow: visible !important;
}

.d-itemproperties.multi-column-itemproperties {
    .d-itemproperties-simple-text-container .x-component {
        white-space: unset !important;
        overflow-wrap: break-word !important;
    }

    .x-form-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .x-form-item-label-default {
        word-wrap: break-word;
        overflow: visible;

        &.x-form-item-label-right {
            padding-left: 0 !important;
        }
    }

    .x-form-item-body {
        min-width: unset !important;
        max-width: unset !important;
        width: inherit;

        &[id^="multipicker"] {
            .x-component div {
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
            }
        }
    }

    .x-box-item {
        padding-right: 20px !important;
    }

    .x-form-cb-wrap-default {
        padding-left: 3px;
    }

    .d-singlepicker .d-publicface .x-component,
    .d-multipicker .d-publicface .x-component {
        overflow: hidden !important;
    }
}

.auto-populate-v2-highlight{
    border-bottom: 1px solid @base-color;
}
//public face

.d-publicface {
    cursor: text;
    padding: 8px 0;
    line-height: 16px;
    border-radius: @border-radius;

    & > div {
        padding-left: 4px;
    }
}

.d-publicface:hover {
    border-color: @highlight-background-color;
    background-color: @highlight-background-color;
}

.x-toolbar-d-header .x-toolbar-item, .d-admin-workspace {
    .d-publicface when(@show-empty-fields-gray = true) {
        border-color: transparent;
        background-color: transparent;
    }
}


.d-publicface when(@show-empty-fields-gray = true) {
    border-color: @highlight-background-color;
    background-color: @highlight-background-color;
}

.x-panel:not(.newgeneric) .d-itemproperties .x-container when(@show-empty-fields-gray = true) {
    margin-bottom: 10px !important;
}



.d-publicface.singleline .x-component {
    white-space: nowrap !important;
    text-overflow: ellipsis;
    overflow: hidden;
}

.d-itemproperties {
    .x-menu-item-separator {
        max-width: none;
        margin: 0;
        padding: 0;
        height: 0;
        box-sizing: content-box;
        border-top: solid 1px #ebeef2;
    }
}
/* Centering for Field lables */

.x-gecko .d-itemproperties .d-form-item-centered > label {
    height: -moz-max-content;
}

.d-itemproperties .x-field.d-form-item-centered,
.d-itemproperties .x-field-extralarge {
    overflow: hidden !important;
}

.d-itemproperties .d-form-item-centered {
    display: block;
}

.d-itemproperties .d-form-item-centered .x-form-checkbox:before {
    top: unset;
    left: unset;
}

.d-itemproperties .d-form-item-centered textarea {
    text-align: center;
}

.d-itemproperties .d-form-item-centered .x-form-cb {
    position: unset;
}

.d-itemproperties .d-form-item-centered input {
    text-align: center;
}

.d-itemproperties .d-form-item-centered > div {
    text-align: center;
    width: 100%;
}

.d-itemproperties .d-form-item-centered > label {
    text-align: center;
    width: 100%;
    height: fit-content;
}

.d-itemproperties .d-form-item-centered > label span {
    margin-left: 0;
    margin-right: 0;
    left: 0;
    right: 0;
    padding-bottom: 0px !important;
}

.d-itemproperties .d-form-item-centered > .x-form-item-body {
    text-align: center;
}

.d-itemproperties .d-form-item-centered a.dd-image-input-el {
    display: inline-block;
}

.d-itemproperties .d-form-item-centered.x-field-extralarge span.x-form-cb:before {
    transform: translate(-35px, 3px) !important;
}

.d-itemproperties .d-form-item-centered.x-field-large span.x-form-cb:before {
    transform: translate(-30px, 1px) !important;
}
/* Large font-size */

.d-itemproperties .x-field-large .d-publicface {
    line-height: 42px;
    font-size: 32px;
    color: rgb(64, 64, 64);
    padding: 0px 0px 5px !important;
}

.d-itemproperties .x-field-large:first-child {
    padding-top: 5px;
}

.d-itemproperties .x-field-large > label span {
    padding-bottom: 0px !important;
}

.d-itemproperties .x-field-large.d-multipicker .d-tags-list-item a:not(.d-tags-list-item-close) {
    font-size: 20px;
}

.d-itemproperties .x-field-large.d-multipicker .d-tags-list-item a:not(.d-tags-list-item-close) div {
    margin-top: 4px;
    margin-bottom: 4px;
}

.d-itemproperties .x-field-large.d-multipicker .d-tags-list-item a.d-tags-list-item-close {
    margin-top: 4px;
    margin-bottom: 4px;
}

.d-itemproperties .x-field-large.d-multipicker .d-tags-list-extra input,
.d-itemproperties .x-field-large.d-multipicker .x-form-trigger-wrap,
.d-itemproperties .x-field-extralarge.d-multipicker .d-tags-list-extra input,
.d-itemproperties .x-field-extralarge.d-multipicker .x-form-trigger-wrap {
    background-color: transparent;
}


.d-itemproperties {
    .fr-view-htmlcontent .d-publicface {
        padding-top: 0;
        padding-bottom: 0;
    }

    .d-publicface iframe {
        padding-bottom: 8px
    }

    .d-form-item-centered.x-form-item-no-label label {
        display: none;
    }

    .x-container-large .x-form-item-label-inner {
        padding-top: 14px;
    }

    .x-field-large .x-form-item-label-inner {
        padding-top: 14px;
    }

    & .x-form-type-checkbox.x-field-large {
        .x-form-item-label-inner {
            padding-top: 8px;
        }
    }

    .x-field-large {
        .d-tags-list-item {
            height: auto;
        }
    }

    .x-field-extralarge {
        .d-tags-list-item {
            height: auto;
            line-height: 23px;
        }
    }

    .x-container-extralarge .x-form-item-label-inner {
        padding-top: 18px;
    }

    .x-field-extralarge .x-form-item-label-inner {
        padding-top: 18px;
    }

    & .x-form-type-checkbox.x-field-extralarge {
        .x-form-item-label-inner {
            padding-top: 9px;
        }
    }

    .x-field-large.d-form-item-label-on-top > div, .x-field-extralarge.d-form-item-label-on-top > div {
        display: block;
        width: 100%;
    }

    .x-field-large .x-form-item-label-top, .x-field-extralarge .x-form-item-label-top {
        display: table;
        width: 100%;
    }

    .x-field-large .x-form-trigger-wrap, .x-field-extralarge .x-form-trigger-wrap {
        display: table;
        width: 100%;
    }

    .x-field-default.d-form-item-centered .x-form-item-label-top {
        display: table;
        width: 100%;
    }

    .d-trigger-clearbutton:before {
        content: "\006E";
        font-family: DynamoSymbolsRegular;
    }

    .d-trigger-clearbutton {
        font-size: 16px;
    }

    .x-form-trigger-large, .x-form-trigger-extralarge {
        vertical-align: middle;
    }


    .x-form-text-large {
        color: #404040;
        padding: 2px 6px 2px;
        background-color: #fff;
        font: normal 20px/14px 'Open Sans', sans-serif;
        min-height: 18px;
    }


    .x-form-text-extralarge {
        color: #404040;
        padding: 2px 6px 2px;
        background-color: #fff;
        font: normal 30px/22px 'Open Sans', sans-serif;
        min-height: 18px;
    }


    .x-field.x-form-item.x-form-item-extralarge.x-form-type-checkbox.x-field-extralarge .x-form-item-body.x-form-item-body-extralarge.x-form-cb-wrap.x-form-cb-wrap-extralarge > .x-form-cb-wrap-inner {
        height: 48px;
    }

    .x-field.x-form-item.x-form-item-extralarge.x-form-type-checkbox.x-field-extralarge.x-anchor-form-item .x-form-item-body.x-form-item-body-extralarge.x-form-cb-wrap.x-form-cb-wrap-extralarge > .x-form-cb-wrap-inner {
        height: 48px !important;
    }


    .x-field.x-form-item.x-form-item-large.x-form-type-checkbox.x-field-large.x-anchor-form-item .x-form-item-body.x-form-item-body-large.x-form-cb-wrap.x-form-cb-wrap-large > .x-form-cb-wrap-inner {
        height: 25px !important;
    }

    .x-form-type-checkbox.x-form-item-no-label.d-form-item-centered {
        width: 100%;
        height: 22px;

        .x-form-cb-wrap-inner {
            display: block;
            width: 100%;
            height: 100%;
        }
    }


    .x-field-large.x-form-type-checkbox.d-form-item-centered {
        text-align: center;

        .x-form-cb-wrap-inner {
            display: inline-block;
        }
    }

    .x-field-large.x-form-type-checkbox.x-form-item-no-label {
        height: 43px;
    }

    .x-field-large.x-form-type-checkbox .x-form-cb-wrap-inner {
        width: 63px !important;
    }
    //.x-field-default.x-form-type-checkbox .x-form-cb-wrap-inner,
    .x-field-default.x-form-type-checkbox.checkbox-with-line-label.x-form-item-no-label.d-form-item-centered .x-form-cb-wrap-inner,
    .x-field-default.x-form-type-checkbox.checkbox-with-line-label.d-form-item-label-on-top.d-form-item-centered .x-form-cb-wrap-inner {
        width: 16px !important;
    }

    .x-field-default.x-form-type-checkbox.checkbox-with-line-label .x-form-cb-wrap-inner {
        width: inherit !important;
    }

    .x-field-default.x-form-type-checkbox.d-form-item-centered,
    .x-field-default.x-form-type-checkbox.d-form-item-label-on-top.d-form-item-centered {
        text-align: center;

        .x-form-cb-wrap-inner {
            display: inline-block;
        }
    }

    .x-field-extralarge.x-form-type-checkbox.d-form-item-centered {
        text-align: center;

        .x-form-cb-wrap-inner {
            display: inline-block;
        }
    }

    .x-field-extralarge.x-form-type-checkbox.x-form-item-no-label {
        height: 60px;
    }

    .x-field-extralarge.x-form-type-checkbox .x-form-cb-wrap-inner {
        width: 90px !important;
    }

    .d-form-item-centered.x-field-default.x-form-item-no-label {
        display: table;
        width: 100%;

        .x-form-item-label-default {
            display: none;
        }
    }

    .d-form-item-centered .x-form-item-body.x-form-item-body-large,
    .d-form-item-centered .x-form-item-body.x-form-item-body-extralarge {
        max-width: none;
    }

    .x-field-large.x-form-item-no-label .x-form-item-label, .x-field-extralarge.x-form-item-no-label .x-form-item-label {
        display: none;
    }

    .x-form-item-no-label {
        .x-form-checkbox.x-form-checkbox-default.x-form-cb-default {
            margin-top: 0;
        }
    }

    .x-field-large.x-form-item-no-label > div, .x-field-extralarge.x-form-item-no-label > div {
        display: block;
        width: 100%;
    }

    .x-field-large .x-form-item-no-label, .x-field-extralarge .x-form-item-no-label {
        display: table;
        width: 100%;
    }

    .x-field-large .x-form-trigger-wrap, .x-field-extralarge .x-form-trigger-wrap {
        display: table;
        width: 100%;
    }

    .x-field-default.d-form-item-label-on-top > div {
        display: block;
        width: 100%;
    }

    .x-field-default .x-form-trigger-wrap {
        display: table;
        width: 100%;
    }

    .x-field-default.d-form-item-label-on-top.d-form-item-centered .x-form-item-label-default {
        padding-right: 0 !important;
    }

    .x-field-default.x-form-item-no-label .x-form-item-label {
        display: none;
    }

    .x-form-type-checkbox.x-form-cb-checked.x-form-readonly .x-form-checkbox-default:after, .x-form-type-checkbox.x-form-cb-checked.x-form-readonly .x-form-checkbox-large:after, .x-form-type-checkbox.x-form-cb-checked.x-form-readonly .x-form-checkbox-extralarge:after, .x-form-type-checkbox.x-form-cb-checked.x-form-readonly input:active + .x-form-checkbox-default:after, .x-form-type-checkbox.x-form-cb-checked.x-form-readonly input:active + .x-form-checkbox-large:after, .x-form-type-checkbox.x-form-cb-checked.x-form-readonly input:active + .x-form-checkbox-extralarge:after {
        content: none !important;
    }
}

.d-itemproperties .x-field-large.d-multipickerwithselectdialog .x-form-trigger-wrap {
    min-height: 32px;
    line-height: 32px;
}

.d-itemproperties .x-field-large.d-multipickerwithselectdialog .x-form-trigger-wrap div,
.d-itemproperties .x-field-extralarge.d-multipickerwithselectdialog .x-form-trigger-wrap div {
    line-height: unset !important;
}

.d-itemproperties .x-field-large span.x-form-cb {
    display: block;
    height: 32px;
    padding: 0;
    margin: 5px 5px 0 5px;
}

.d-itemproperties .x-field-large span.x-form-cb:before {
    font-size: 32px;
    top: 0;
    transform: translate(10px, 3px);
    content: 'NO';
    color: inherit;
    overflow: visible;
}

.d-itemproperties .x-field-large.x-form-cb-checked span.x-form-cb:before,
.d-itemproperties .x-field-extralarge.x-form-cb-checked span.x-form-cb:before {
    content: 'YES';
    color: inherit;
}
/* Extra Large font-size */

.d-itemproperties .x-field.x-field-extralarge label {
    font-size: 12px;
    min-height: 0;
}

.d-itemproperties .x-field-extralarge:first-child {
    padding-top: 5px;
}

.d-itemproperties .x-field-extralarge > label span {
    padding-bottom: 0px !important;
}

.d-itemproperties .x-field-extralarge .d-publicface {
    line-height: 64px;
    font-size: 48px;
    color: rgb(64, 64, 64);
    padding: 0px 0px 5px !important;
}

.d-itemproperties .x-field-extralarge.d-multipicker .d-tags-list-item a:not(.d-tags-list-item-close) {
    font-size: 32px;
}

.d-itemproperties .x-field-extralarge.d-multipicker .d-tags-list-item a:not(.d-tags-list-item-close) div {
    margin-top: 8px;
    margin-bottom: 8px;
}

.d-itemproperties .x-field-extralarge.d-multipicker .d-tags-list-item a.d-tags-list-item-close {
    margin-top: 8px;
    margin-bottom: 8px;
}

.d-itemproperties .x-field-extralarge.d-multipickerwithselectdialog {
    font-size: 48px;
}

.d-itemproperties .x-field-extralarge.d-multipickerwithselectdialog .x-form-trigger-wrap {
    min-height: 48px;
    line-height: 48px;
}

.d-itemproperties .x-field-extralarge span.x-form-cb {
    display: block;
    height: 48px;
}

.d-itemproperties .x-field-extralarge span.x-form-cb:before {
    font-size: 48px;
    margin-top: 10px;
    transform: translate(10px, 3px);
    top: 0;
    content: 'NO';
    color: inherit;
    overflow: visible;
}

.d-itemproperties .x-form-type-checkbox .x-form-checkbox-large,
.d-itemproperties .x-form-type-checkbox .x-form-checkbox-extralarge {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    position: initial !important;
}

.d-itemproperties .x-form-type-checkbox .x-form-checkbox-large {
    padding-top: 5px !important;
}

.d-itemproperties .x-form-type-checkbox .x-form-checkbox-extralarge {
    padding-top: 10px !important;
}

.d-itemproperties .d-form-item-centered.x-form-type-checkbox > label {
    display: inline-grid;
    width: 100%;
}

.d-itemproperties .d-form-item-centered.x-form-type-checkbox .x-form-item-body {
    display: block;
}

.d-itemproperties .x-form-type-checkbox .x-form-item-label-top + .x-form-item-body.top-label-item .x-form-checkbox-default {
    position: initial !important;
}

.d-itemproperties .x-form-type-checkbox:not(.x-form-item-no-label) .x-form-item-label-right + .x-form-item-body .x-form-checkbox-default {
    line-height: 19px;
    margin-top: 5px !important;
}

.d-itemproperties-simple-text-container {
    background-color: @swatch-gray-1 !important;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.5px;
    margin-bottom: 8px;

    & .x-autocontainer-innerCt {
        padding: 8px 12px;
    }
}

.checkbox-with-line-label .x-form-cb-wrap-default {
    height: 28px !important;
}

.checkbox-with-line-label .x-form-cb-label {
    padding-left: 20px !important;
    margin-top: 0px !important;
    color: @swatch-gray-5;
}

.checkbox-with-line-label .x-form-cb-default {
    margin-top: 0px !important;
}

.checkbox-with-line-label .x-form-cb-wrap-inner,
.x-form-type-checkbox.x-form-item-no-label .x-form-cb-wrap > .x-form-cb-wrap-inner {
    padding: 6px 0;
}

.d-itemproperties .x-form-item-label-top:not(.x-form-item-label-large):not(.x-form-item-label-extralarge) > .x-form-item-label-inner {
    padding: 4px 0 4px !important;
}

.d-itemproperties .d-form-item-centered > label.x-form-item-label-top[id^=dynamoimage] {
    display: inline-table;
}

.d-itemproperties .d-form-item-label-on-top > div[id^=dynamoimage] {
    display: block;
}

.d-itemproperties .x-component {
    overflow-wrap: break-word;
}

.d-itemproperties .x-form-item-label-default.x-form-item-label-right {
    padding-right: 4px !important;
}

.itemproperties-header {
    padding: 0;
}

.itemproperties-left-content-header {
    padding: 0 0 0 8px;
}

.d-itemproperties .x-form-type-checkbox .x-form-checkbox-large, .d-itemproperties .x-form-type-checkbox .x-form-checkbox-extralarge {
    position: initial !important;
}
/* Default Values for Admin New\Edit Forms */

.d-def-values-menu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.d-def-values-menu-container {
    position: relative;
    margin-top: -34px;
    right: 0;
    display: inline-block;
    float: right;
}

.d-def-values-menu-container-ff {
    position: absolute;
    width: 210px;
    left: calc(100% - 220px);
    margin-top: -34px;
}

.workview {
    & .x-toolbar.x-toolbar-d-main-header.x-toolbar-d-main-header-docked-top {
        & .icon-entity-missing:after {
            font-size: 14px;
            top: -5px;
            left: -7px;
        }
    }
}

.d-group-zone {
    background-color: @swatch-gray-1;
    border: none;
}

.d-group-zone-inner {
    background-color: transparent;
}

.d-group-zone-item .x-btn-inner-default-small {
    color: @swatch-black;
}

.d-group-zone-item:hover .x-btn-inner-default-small {
    color: @swatch-black;
}
/*.d-group-zone-item:hover{
    border-color: #e9e9e9;
    background-color: #e9e9e9 !important;
    color: #404040;
}*/

.d-group-zone {
    .x-btn.x-box-item.d-group-zone-item {
        &.x-btn-focus.x-btn-pressed.x-dd-drag-current {
            background-color: @buttons-color;

            .x-btn-inner.x-btn-inner-default-small, 
            .x-btn-icon-el.x-btn-icon-el-default-small,
            .d-sort-zone-item-desc:after, 
            .d-sort-zone-item-asc:after {
                color: @swatch-white;
            }
        }

        &.x-btn-default-small {
            background-color: @swatch-white;
        }

        .x-btn-button-default-small {
            .x-btn-inner.x-btn-inner-default-small {
                min-height: 18px;
            }
        }

        .x-btn-icon-el.x-btn-icon-el-default-small {
            &:hover {
                color: @swatch-red;
            }

            &:active {
                color: @swatch-black;
            }
        }
    }
}


.x-btn.d-group-zone-item {
    border-color: @swatch-gray-1 !important;
    background-color: @swatch-gray-1;
    margin-right: 4px !important;
    padding-left: 4px;
    padding-right: 4px;
    opacity: 0;
    height: 24px;
    padding-top: 4px;
}


.d-group-zone-item {
    &:hover {
        background-color: @swatch-theme-color !important;

        .d-sort-zone-item-desc:after, .d-sort-zone-item-asc:after {
            color: white;
        }

        .x-btn-inner.x-btn-inner-default-small, .x-btn-icon-el.x-btn-icon-el-default-small {
            color: @swatch-white;
        }
    }

    &:active {
        .d-sort-zone-item-desc:after, .d-sort-zone-item-asc:after {
            color: white;
        }
    }
}

.x-grid-group-hd-collapsible {
    .x-grid-group-title:before {
        content: "\0072";
        font-size: 14px;
        font-family: DynamoSymbolsRegular;
        color: #919191;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-left: 5px;
    }
}

.x-grid-group-hd-collapsed {
    .x-grid-group-title:before {
        content: "\0072";
        font-size: 14px;
        font-family: DynamoSymbolsRegular;
        color: #919191;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
        margin-left: 6px;
    }
}

.d-itemsgrid {
    & .x-docked-summary-top .x-grid-row-summary.x-grid-row-total.x-grid-row-summary-item > td > div {
        background-color: @swatch-yellow !important;
    }

    & .x-summary-top .x-grid-with-row-lines {
        & .x-grid-item {
            border-width: 0;

            & .d-group-indent-cell {
                border-bottom: 0px solid @swatch-white !important;
            }

            &:first-child {
                border-top-color: @swatch-gray-3;
            }

            &.x-grid-item-over {
                background-color: @swatch-white;

                & .d-group-indent-cell {
                    background-color: @swatch-white;
                }

                & .x-grid-group-hd-collapsed {
                    background-color: @swatch-white;

                    & .x-grid-group-hd.x-grid-group-hd-collapsible {
                        background-color: @swatch-gray-1;
                    }
                }

                & .x-grid-group-hd-expanded {
                    background-color: @swatch-white !important;

                    & + .x-grid-row {
                        background-color: @swatch-white;

                        &:hover {
                            background-color: @swatch-gray-1;
                        }
                    }
                }
            }

            & .x-grid-group-hd {
                background: initial;
                border-width: 1px 0 1px 2px;
                border-collapse: collapse;
                border-left-color: @buttons-color;

                &:hover {
                    background-color: @swatch-gray-1;
                }

                & .x-grid-group-title {
                    color: @swatch-black;
                    font: normal normal 600 12px/16px "Open Sans", sans-serif;
                }
            }

            &.x-grid-item-selected {
                background-color: @swatch-white;

                & .d-group-indent-cell,
                & .x-grid-group-hd-expanded {
                    background-color: @swatch-white;
                }

                & .x-grid-row {
                    background-color: @base-highlighting-color;
                }
            }

            & .x-grid-group-hd-collapsed + .x-grid-row-summary .x-grid-cell {
                border-top-color: @swatch-white;
            }

            & .x-grid-row .x-grid-cell.x-grid-td {
                border-bottom: 1px solid @swatch-gray-3;
            }

            & .x-grid-row:hover {
                background-color: @swatch-gray-1;
            }
        }

        & .x-grid-row-summary {
            & .x-grid-cell {
                border-top: 0;

                & .x-grid-cell-inner {
                    border-top: 1px solid @swatch-gray-3 !important;
                }
            }

            & .x-grid-cell-inner {
                background-color: @swatch-yellow;
                border-collapse: collapse;
                font: normal normal 600 12px/16px "Open Sans", sans-serif;
                text-align: right;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
    }

    & .x-grid-item-over,
    & .x-grid-item-selected {
        & .d-group-indent-cell {
            background-color: @swatch-white;
        }

        & .x-grid-group-hd-expanded,
        & .x-grid-group-hd-collapsed {
            background-color: @swatch-white;
        }
    }

    & .x-indent-column {
        & .x-column-header-over {
            background-color: initial;
        }
    }

    & .x-filtering-indent-row {
        & .x-form-trigger-wrap-default {
            border-width: 0;
        }

        & .x-form-text-default {
            background-color: @swatch-white;
        }
    }

    & .x-grid-group-hd-collapsed .x-grid-group-hd {
        border-width: 0;
    }
}

.d-itemsgrid {
    .x-item-disabled:not(.readonly-checkbox) {
        pointer-events: all;
    }

    &.d-grid-edit-mode .dropdown-cell:hover:after {
        display: inline;
        content: '\0426';
        font: 16px/22px DynamoSymbolsRegular;
        color: #999;
        margin-top: -23px;
        margin-right: 2px;
        float: right;
        width: 16px;
    }

    & .x-filter-has-values:after {
        content: '';
        background-color: red;
        border-radius: 50%;
        position: absolute;
        top: 0;
        right: 0;
        height: 6px;
        width: 6px;
    }

    & .x-total-invalid {
        color: red;
    }

    & .x-total-validation-message {
        color: red;
        position: absolute;
        left: 0;
        padding: 8px 10px;

        & .x-message-text {
            color: red;
        }

        & .x-message-icon {
            font-family: DynamoSymbolsRegular;
            font-size: 14px;

            &:before {
                padding-top: 2px;
            }
        }
    }
}

.x-filter-has-values.x-menu-item:after {
    content: '';
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 28px;
    height: 6px;
    width: 6px;
}

.x-unapproved-value-cell > .x-grid-cell-inner:after {
    content: "\e602";
    font: 14px/1 ExtJS;
    color: #cf4c35;
    position: absolute;
    top: 0;
    left: 0;
}
.new-tran-with-gl .x-column-header-text {
    white-space: normal;
}
.d-itemsgrid {
    .x-grid-item-container {
        //75440: Horizontal scrolling of grouped grid doesn't move the column headers in Lucent theme
        //41278: Grid with many columns and at least 2 level grouping - incorrect scroll
        overflow: hidden;
    }

    & .x-grid-with-row-lines .x-grid-item {
        border-color: @swatch-gray-3;

        &:first-child {
            border-top-color: @swatch-white;
        }
    }

    & .x-grid-with-row-lines .x-grid-item .x-grid-checkcolumn-checked:before,
    & .x-grid-with-row-lines .x-grid-item .x-grid-checkcolumn-checked:after {
        color: @icon-color-active;
    }

    & .x-column-header-over .d-grid-header-icon:before {
        color: @icon-color-active;
    }

    & .x-total-validation-message {
        padding: 8px 10px;
    }
}

.d-itemsgrid .x-column-header-align-right .x-column-header-text {
    margin-right: 0px;
}

.column-totals-form-body {
    background: #f6f6f6;

    & .x-fieldset {
        border-bottom: 0px;

        & .x-form-text-field-body-default {
            width: 100%;
        }
    }
}

.d-itemsgrid {
    &.d-grid-edit-mode .dropdown-cell:hover:after {
        margin-top: -27px;
        margin-right: 8px;
    }
}

.d-entity-picker-relations-grid .x-grid-item-selected .x-selmodel-column .x-grid-checkcolumn:after {
    content: '\0394';
    font: 16px/1 DynamoSymbolsRegular;
}

.d-relation-icon-candidate:before {
    color: #00000042 !important;
}

.d-relation-candidate-row .x-grid-cell-first .x-grid-checkcolumn {
    display: none !important;
    pointer-events: none !important;
}

.column-total-form-section-title {
    font: bold 14px/20px "Open Sans", sans-serif;
}

.extended-mode-nested-items-grid .x-btn.new-button{
    display:none;
}
.filter-grid {
    .x-grid-with-row-lines .x-grid-item.x-grid-item-over {
        background-color: @swatch-white;
    }

    .x-textfield-default-cell > .x-grid-cell-inner {
        padding: 0;
    }

    & .x-column-header {
        font-weight: 600;
    }

    & .x-grid-header-ct {
        border-top: 1px solid @base-color !important;
        border-bottom: 1px solid @swatch-gray-3 !important;

        &.fixed-container-shadow {
            box-shadow: 0 4px 4px -2px @swatch-gray-3;
        }
    }

    &.fixed-container-shadow {
        box-shadow: 0 4px 4px -2px @swatch-gray-3;
    }

    & .x-grid-with-row-lines .x-grid-item:last-child {
        border-width: 0;
    }
}

.d-filtering-field {
    .x-form-text-field-body-default {
        min-width: 0;
        max-width: none;
        border-radius: 3px;
        height: 32px;
        background-color: #f2f2f2;
    }
}

.filter-grid + .x-panel.x-box-item.x-grid {
    margin-top: 4px;
}

.d-filtering-row-field,
.filter-grid .x-grid-row .x-form-item {
    padding: 3px 2px;
}

.d-filtering-row-field.x-field-focus {
    border: 1px solid @base-color;
    border-radius: 3px;
}

.d-filtering-row-field {
    display: inline-block !important;

    & .filter-trigger-textfield {
        padding-left: 0px !important;
        border-radius: 3px;

        &.x-field-focus .filtering-date-trigger {
            top: 1px;
            left: 1px;
            width: 30px;
            border-radius: 3px;
        }

        .filtering-date-trigger {
            top: 1px;
            left: 1px;
            width: 30px;
            border-radius: 3px;
        }

        & .x-form-text-default {
            padding-left: 32px !important;
        }
    }

    & .x-field-focus .x-field-default-form-focus { //inner input
        border: none !important;
        padding-left: 10px;
        padding-right: 0px;
        width: calc(100% - 4px);
    }

    & [id^="filtermultipicker"] {
        & .x-pickerfield-open {

            & .d-tags-list-filter .d-tags-list-extra {
                width: auto;
            }

            & .filtering-clear-button {
                top: 1px;
                background-color: @swatch-white !important;
                width: 28px;
                padding-right: 4px;
            }

            & .x-form-trigger {
                background-color: @swatch-white !important;
            }

            & .filter-tags-li {
                background-color: #f2f2f2;
            }
        }
    }
}

.x-gecko .d-filtering-row-field {

    & [id^="filtermultipicker"] {
        & .x-pickerfield-open {
            & .d-tags-list.d-tags-list-filter {
                width: calc(100% - 2px);
            }
        }
    }
}

.x-form-clear-trigger.x-form-trigger-over {
    color: @swatch-red !important;
    border-radius: 3px;
}
/* filtering field */
.d-filtering-row .x-form-trigger-wrap {
    border-radius: 3px;
}

.d-filtering-operators-combo {
    display: none !important;
}

.d-filtering-field-operators-combo .x-form-text-wrap {
    display: none !important;
}

.d-filtering-operators-combo-picker:before {
    content: "\f0b0";
}

.menu-filter-operator {
    color: #9ea1a6;
    display: contents;
}

.d-filtering-operators-combo .x-form-text-wrap {
    /*if hidden then focusenter/focusleave are not called for combo of filtering operators */
    /*display: none !important;*/
}

.d-filtering-applied .d-filtering-operators-combo-picker {
    color: dodgerblue;
}

.filtering-header-icon {
    color: #36c;

    &:before {
        font-size: 16px;
    }
}

.filtering-clear-header-icon:before {
    color: @swatch-red !important;
}

.filtering-clear-header-icon:hover {
    cursor: pointer;
}

.filtering-date-input-wrap {
    float: right;
    position: absolute;
    right: 0px;
    left: 0px;
    width: 100%;
    top: 0px;
}


.filtering-date-trigger {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 36px;
}

.x-form-trigger-wrap-focus .filtering-date-trigger {
    width: 30px !important;
}

.icon-calendar:before {
    content: '\0078' !important;
}

.d-tags-list-filter {
    padding: 0 0 4px 0;

    .d-tags-items-filter {
        padding-left: 2px;
        top: 4px;
    }

    .d-tags-list-item-close {
        top: 0px !important;
    }
}

.d-filtering-row-container {
    border-bottom: 1px solid @swatch-gray-3 !important;

    .d-tags-items-filter {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .d-tags-list-item-filter {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        align-content: center;
        flex-wrap: nowrap;
        background-color: @swatch-white;
        padding: 0 0 0 5px;
    }



    .d-tags-list-item-close-filter {
        position: relative !important;
        width: initial !important;
        padding-left: 5px;
    }

    .d-tags-list-item-count-label {
        color: #757575;
        padding-right: 4px;
    }

    .d-trigger-clearbutton-filter {
        display: inline-block;
        border-radius: 3px;
        background-color: transparent;
        position: absolute;
        right: 0;
    }

    .clear-all-filters-item {
        & .icon-ws-deleterow {
            top: 5px;
        }

        &.x-menu-item-focus .icon-ws-deleterow {
            color: @swatch-red;
        }
    }

    .x-btn-between-operations {
        width: 100px;
    }

    .d-tags-list.d-tags-list-filter {
        align-items: center;
        padding: 0px;
        border-radius: 3px;
        padding-left: 3px;
    }

    .d-highlighted .d-tags-list-item.d-tags-list-item-filter {
        background-color: white;
    }

    .d-filtering-field .d-tags-list {
        background: #f2f2f2;
    }

    .x-pickerfield-open .d-tags-list.d-tags-list-filter {
        background: @swatch-white;
    }

    .filtering-clear-button {
        border-radius: 3px;
    }

    .x-pickerfield-open .d-highlighted .d-tags-list.d-tags-list-filter {
        background-color: @swatch-white !important;
    }

    .x-pickerfield-open .d-highlighted .filter-tags-li {
        background-color: #f2f2f2 !important;
    }

    .x-pickerfield-open .d-tags-list.d-tags-list-filter {
        background-color: @swatch-white !important;
    }

    .d-filtering-icon-field {
        padding: 10px 6px;
        height: 38px
    }

    .d-tags-list.d-tags-list-filter {
        height: 100%;
        margin: 0;
        list-style-type: none;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-content: center;
        justify-content: flex-end;
        align-items: center;
    }

    .filter-multipicker {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-end;
        height: 100%;
        align-items: center;
    }

    .filter-trigger-wrap {
        display: flex;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        column-gap: 0px;
        row-gap: 0px;
        background-color: #F2F2F2;
    }

    .filter-trigger-wrap.white-background {
        background-color: @swatch-white;
        border: 1px solid @base-color;
        border-radius: 3px;
    }

    .d-trigger-clearbutton-filter {
        display: inline-block;
        border-radius: 3px;
        position: static;
    }

    .filter-input-wrap {
        order: 0;
        height: 100%;
        flex-grow: 1;
        justify-self: stretch;
        align-self: stretch;
        padding: 0;
    }

    .d-trigger-clearbutton-filter {
        height: 100%;
        order: 1;
    }

    .filter-trigger-wrap .x-form-trigger.x-form-trigger-default.icon-dropdown.icon-dropdown-default {
        justify-self: stretch;
        order: 1;
        align-self: center;
        border-radius: 3px;
    }

    .x-form-trigger-focus.filter-trigger-wrap {
        background-color: @swatch-white !important;
    }

    .x-form-trigger-focus.d-trigger-clearbutton-filter {
        background-color: @swatch-white !important;
    }

    .filter-tags-extra {
        flex: 1;
        padding: 0;
    }

    .filter-tags-list {
        width: 100%;
    }

    .filter-multipicker-input {
        padding: 0;
        padding-left: 5px !important;
    }

    .filter-trigger-wrap {
        & .icon-dropdown:before {
            align-content: center;
            content: '\0426';
        }
    }

    .white-background .d-trigger-clearbutton-filter {
        background-color: @swatch-white;
    }

    .white-background .filter-trigger-wrap .x-form-trigger {
        background-color: @swatch-white;
    }

    .white-background .filter-trigger-wrap {
        background-color: @swatch-white;
    }

    .white-background .filter-tags-li {
        background-color: #f2f2f2;
    }

    .filter-tags-div {
        display: flex;
        gap: 3px;
    }

    .filter-tags-li {
        margin: 0;
        height: 24px;
    }

    .d-tags-list-item .d-tags-list-item-filter .filter-tags-li {
        margin: 0;
    }

    .d-tags-list-item-close:before {
        content: "\006E";
        height: unset;
        line-height: unset;
        font-size: 16px;
        margin-top: 0px;
    }

    &.fixed-container-shadow {
        box-shadow: 0 4px 4px -2px @swatch-gray-3;
    }

    & .x-base-filtering-field,
    & .x-base-filtering-icon-field {
        margin-top: 2px;
    }
}

.x-filter-row-visible {
    & .x-btn-icon-el:before,
    & .x-menu-item-icon:before {
        color: @icon-color-active;
    }
}

.d-entity-icon-cell .x-grid-cell-inner {
    padding: 8px 6px;
}

.d-layoutworkvieweditor {
    .d-layout-details {
        .d-grid-icon-16 {
            //73424: Icon in the top right corner of panel menus is not aligned properly

            margin: 0;
            padding: 0;
            margin-left: 4px;

            &::before {
                margin: 0;
                padding: 0;
                transform: translateY(-5px);
            }
        }
    }

    & .title-inline-edit {
        font-size: 24px;
        height: 40px;
    }

    & .d-layoutworkvieweditor-panel {
        padding: 0 20px 20px 0;
    }

    & .d-layoutworkvieweditor-toolbar {
        padding: 0;
        margin-bottom: 5px !important;
    }
}

.d-layoutworkvieweditor {
    margin-right: 8px;

    & .d-layout-details {
        & .d-grid-icon-16 {
            font-family: initial;
        }
    }

    & .d-layoutworkvieweditor-panel {
        padding-right: 0;
    }

    & .d-layoutworkvieweditor-toolbar,
    & .d-layoutworkvieweditor-container {
        margin: 0 8px !important;
        padding: 8px;
    }

    & .deleteLayoutButton {
        margin-right: 4px !important;
    }

    & .d-layoutworkvieweditor-filter {
        margin-bottom: 4px !important;
    }

    & .d-layoutworkvieweditor-description {
        margin-bottom: 2px !important;
    }
}

.d-icon-FR {
    background-image: url('/new/Content/icons/locale/Icon-FR.svg');
}

.d-icon-ES {
    background-image: url('/new/Content/icons/locale/Icon-ES.svg');
}

.d-icon-DE {
    background-image: url('/new/Content/icons/locale/Icon-DE.svg');
}

.d-icon-EN {
    background-image: url('/new/Content/icons/locale/Icon-EN.svg');
}

.localemenu {
    width: 90px !important;

    &.with-padding {
        padding-left: 4px !important;
    }

    .x-menu-item-icon {
        height: 20px;
        width: 20px;
        top: 5px;
        line-height: 20px !important;
    }

    .x-menu-item-text-default {
        font-size: 16px;
    }
}

.d-changepassword {
    .passCheckbox,
    .passwordInfo {
        font-size: 11px;
        cursor: context-menu;
        cursor: default;
        user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -webkit-touch-callout: none;
        -o-user-select: none;
        -moz-user-select: none;
    }

    .passCheckbox {
        &::before {
            content: "\0041";
            font-family: 'DynamoSymbolsRegular';
            position: relative;
            font-size: 14px;
            margin-right: 4px;
        }

        &.conditionPassed::before {
            content: '\0394';
            color: #36c;
        }
    }
}

.d-changepassword {
    .passCheckbox {
        &.conditionPassed::before {
           color: @swatch-gray-4;
        }
    }
}

.license-agreement-container {
    background-color: #ebedef;

    & .x-panel-body {
        border-radius: 3px;
    }
}

.license-agreement-browser-panel > h1 {
    margin: 0;
}

.license-agreement-checkbox {
    &.x-field.x-form-type-checkbox.x-form-item-no-label .x-form-checkbox:before {
        left: 0 !important;
    }

    & .x-form-cb-wrap-inner {
        padding: 0 !important;
    }
}

.license-agreement-checkbox {
    & .x-form-cb-default {
        margin-top: 8px;
    }
}

.loginworkspace {

    .login-fieldscontainer when(@login-fieldscontainer-ishidden = true) {
        visibility: hidden;
    }

    .textlogo when(@show-login-logo-as-image = true) {
        display: none;
    }

    .textlogo:after when(@show-login-logo-as-text = true) {
        content: @login-logo-text;
    }

    .login-logo-img {
        background-color: @login-logo-background-color;
    }

    .login-logo-img when(@show-login-logo-as-text = true) {
        display: none;
    }

    .loginformcontainer {
        background-color: @login-logo-background-color !important;
    }

    .login-logo-img when(@show-login-logo-as-image = true) {
        height: 100px;
        background-image: url(@login-logo) !important;
    }

    .loginworkspace-body when(@show-login-background-as-image) {
        background-image: url(@login-background-image) !important;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .loginworkspace-body {
        background-color: @login-background-color !important;
    }

    .login-panels-submit-button .loader:before, .login-panels-submit-button .loader:after {
        background-color: @button-color-disabled;
    }

    & .textlogo {
        font-size: 24px;
        line-height: 20px;
        text-align: center;
        color: @swatch-white;
    }

    & .login-logo-img {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }

    & .login-panels-input-field {
        padding-bottom: 8px !important;
    }

    & .login-panels-submit-button {
        border-color: @buttons-color;
        background-color: @buttons-color;
        margin-top: 8px;

        &.x-btn-pressed {
            border-color: @buttons-color-active;
            background-color: @buttons-color-active;
        }
    }

    & .login-field-common {
        position: relative;
        width: 100%;
    }

    & .login-field-common:after {
        display: block;
        color: @swatch-gray-4;
        font-family: DynamoSymbolsRegular;
        font-size: 16px;
        text-align: center;
        width: 16px;
        position: absolute;
        top: 8px;
        left: 4px;
    }

    & .login-field.x-form-text-default {
        min-height: 32px !important;
        padding-left: 24px !important;
    }

    & .login-email::after {
        content: 'G';
    }

    & .login-password::after {
        content: 't';
    }

    & .login-answer::after {
        content: 'c';
    }

    & .login-panels-link {
        text-decoration: none !important;
        cursor: pointer;
        margin-top: 8px;

        &:hover {
            text-decoration: underline !important;
        }
    }
}


.modern-loginworkspace {

	.modern-login-fieldscontainer when(@login-fieldscontainer-ishidden = true) {
		visibility: hidden;
	}

	.textlogo when(@show-login-logo-as-image = true) {
		display: none;
	}

	.textlogo:after when(@show-login-logo-as-text = true) {
		content: @login-logo-text;
	}

	.modern-login-logo-img {
		background-color: @login-logo-background-color;
	}

	.modern-login-logo-img when(@show-login-logo-as-text = true) {
		display: none;
	}

	.modern-loginformcontainer {
		background-color: @login-logo-background-color !important;
	}

	.modern-login-logo-img when(@show-login-logo-as-image = true) {
		height: 100%;
		background-image: url(@login-logo) !important;
	}

	.modern-loginworkspace-body when(@show-login-background-as-image) {
		background-image: url(@login-background-image) !important;
		background-size: cover;
		background-repeat: no-repeat;
		height: 100%;
	}

	.modern-loginworkspace-body {
		background-color: @login-background-color !important;
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.modern-loginworskpace-input {
		border-color: @buttons-color;
	}

	.modern-loginworkspace-label {
		color: @buttons-color;
		opacity: 0.6;
	}

	.modern-login-panels-submit-button .loader:before, .login-panels-submit-button .loader:after {
		background-color: @button-color-disabled;
	}

	.modern-login-panels-main-login-button {
		color: @buttons-color;
		border-color: @buttons-color;
	}

	& .textlogo {
		font-size: 24px;
		line-height: 20px;
		text-align: center;
		color: @swatch-white;
	}

	& .modern-login-logo-img {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}

	& .modern-login-panels-input-field {
		padding-bottom: 8px !important;
	}

	& .modern-login-panels-submit-button {
		border-color: @buttons-color;
		background-color: @buttons-color;
		margin-top: 8px;

		&.x-btn-pressed {
			border-color: @buttons-color-active;
			background-color: @buttons-color-active;
		}
	}

	& .modern-login-field-common {
		position: relative;
		width: 100%;
	}

	& .modern-login-field-common:after {
		display: block;
		color: @swatch-gray-4;
		font-family: DynamoSymbolsRegular;
		font-size: 16px;
		text-align: center;
		width: 16px;
		position: absolute;
		top: 8px;
		left: 4px;
	}

	& .modern-login-field.x-form-text-default {
		min-height: 32px !important;
		padding-left: 24px !important;
	}
}
.login-tooltip {
    z-index: 100000;


    .login-tooltip-container {
        background-color: white;
        margin-bottom: 30px;
        margin-right: 30px;
        padding: 15px;
    }

    .login-tooltip-container div {
        display: inline-flex;
    }

    .login-tooltip-icon {
        font-family: DynamoSymbolsRegular;
        font-size: 16px;
        text-align: center;
        line-height: 11px;
        transform: translateY(4px);
    }

    .login-tooltip-title {
        color: #cc0000;
        line-height: 18px;
    }

    .login-tooltip-msg {
        word-wrap: break-word;
        line-height: 18px !important;
    }

    .tooltip-arrow {
        transform: rotate(45deg);

        &, * {
            background-color: white;
        }
    }

    .login-transparent-tooltip {
        overflow: visible;
    }
}

.login-tooltip {
    z-index: 100000;

    & .login-tooltip-container {
        background-color: @swatch-white;
    }

    & .tooltip-box-shadow {
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
    }

    & .login-tooltip-icon,
    & .login-tooltip-title {
        color: @swatch-red;
    }
}

.d-main-navigation {
    &.main-nav-disabled {
        cursor: default;
        pointer-events: none;
    }

    & > .x-panel-bodyWrap > .x-panel-body,
    & .nav-docked-container .x-panel-body {
        background-color: @content-place-background-color;
    }

    & a[id*="button"] {
        display: block;
    }

    & .nav-separator {
        background-color: @swatch-gray-3;
        border-width: 0 !important;
    }

    & .main-nav-btn {
        padding: 0;
        border: none;
        border-radius: 0;
        border-color: inherit !important;
        background-color: inherit !important;

        &.main-nav-btn-active {
            border-color: @swatch-white !important;
            background-color: @swatch-white !important;

            & .main-nav-icon:before {
                color: @icon-color-active;
            }
        }

        & .main-nav-icon {
            color: @icon-color;
        }
    }

    & .x-btn-over {
        & .main-nav-icon {
            color: @icon-color-active;

            &:before {
                color: @icon-color-active;
            }
        }
    }

    & .nav-create-new {
        padding: 0;
        border: none;
        border-radius: 0;
        border-color: inherit !important;
        background-color: @icon-color-active;

        & .nav-create-new-icon {
            width: 20px;

            &:before {
                color: @swatch-white;
                font-size: 20px;
                position: relative;
            }
        }

        &.main-nav-btn-active {
            background-color: @swatch-white !important;

            & .nav-create-new-icon {
                box-shadow: none;
                background-color: @swatch-white;

                &:before {
                    color: @icon-color-active !important;
                }
            }
        }
    }

    & .drag-target-btn {
        background-color: @swatch-white !important;

        & .x-btn-icon-el:before {
            color: @icon-color-active;
        }
    }

    & .nav-new-form-container .main-nav-btn:last-child {
        margin-bottom: 0 !important;
    }
}

.x-container-d-nav-place {
    &.nav-collapsed {
        z-index: 1000;

        & .nav-tree {
            box-shadow: 0 0 8px 0.1px #aaa;
            position: fixed !important;
        }
    }

    & .nav-tree {
        & .x-toolbar.x-toolbar-docked-top {
            padding: 8px;
        }
    }
}

.nav-item-dragging-container {
    &.hide-dragging-container {
        visibility: hidden !important;
    }

    & .dragging-element {
        font: 400 12px/16px "Open Sans", sans-serif;
    }
}

.x-dd-drag-tree-item:not(.x-dd-drop-nodrop) {
    &.x-tree-drop-ok-append,
    &.x-tree-drop-ok-above,
    &.x-tree-drop-ok-below,
    &.x-tree-drop-ok-between,
    &.x-dd-drop-ok {
        & .x-dd-drop-icon {
            color: @icon-color;
            font-family: DynamoSymbolsRegular;

            &:before {
                content: '\03ca';
            }
        }
    }
}

.d-auto-tag-btn {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTgiIGhlaWdodD0iOTgiIHZpZXdCb3g9IjAgMCA5OCA5OCI+DQogIDxkZWZzPg0KICAgIDxmaWx0ZXIgaWQ9IkVsbGlwc2VfMzg4IiB4PSIwIiB5PSIwIiB3aWR0aD0iOTgiIGhlaWdodD0iOTgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+DQogICAgICA8ZmVPZmZzZXQgZHk9IjMiIGlucHV0PSJTb3VyY2VBbHBoYSIvPg0KICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIgcmVzdWx0PSJibHVyIi8+DQogICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwLjE2MSIvPg0KICAgICAgPGZlQ29tcG9zaXRlIG9wZXJhdG9yPSJpbiIgaW4yPSJibHVyIi8+DQogICAgICA8ZmVDb21wb3NpdGUgaW49IlNvdXJjZUdyYXBoaWMiLz4NCiAgICA8L2ZpbHRlcj4NCiAgPC9kZWZzPg0KICA8ZyBpZD0iRHluYW1vX0FJX2xvZ29fc3ltYm9sX3YyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5IDYpIj4NCiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAtOSwgLTYpIiBmaWx0ZXI9InVybCgjRWxsaXBzZV8zODgpIj4NCiAgICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMzg4LTIiIGRhdGEtbmFtZT0iRWxsaXBzZSAzODgiIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOSA2KSIgZmlsbD0iIzM2YyIvPg0KICAgIDwvZz4NCiAgICA8ZyBpZD0iR3JvdXBfMTMxOCIgZGF0YS1uYW1lPSJHcm91cCAxMzE4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMy40NTggMTguMDU0KSI+DQogICAgICA8cGF0aCBpZD0iUGF0aF8yMDY2IiBkYXRhLW5hbWU9IlBhdGggMjA2NiIgZD0iTTMzLjk4NywzLjg4MmEzLjg2NSwzLjg2NSwwLDAsMC00LTMuODgzLDMuOTcsMy45NywwLDAsMC0zLjc2Myw0LjA2MnY3LjIyN2gwdjEyLjNoLS4wNnY0LjcxOWwtNS45MTMsNS45MTNIMTMuNzM4TDcuODI1LDI4LjMxMXYtNi41N2w1LjkxMy01LjkxM2g1LjJhMy44NzUsMy44NzUsMCwwLDAsMy44ODMtMy44ODNoMGEzLjg3NSwzLjg3NSwwLDAsMC0zLjg4My0zLjg4M0gxMC45OTFMMCwxOC45OTNWMzFMMTAuOTkxLDQxLjk5SDIzTDMzLjkyNywzMS4wNTloLjA2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjAwMykiIGZpbGw9IiNmZmYiLz4NCiAgICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMzgwIiBkYXRhLW5hbWU9IkVsbGlwc2UgMzgwIiBjeD0iNC43MTkiIGN5PSI0LjcxOSIgcj0iNC43MTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjI0NSAyMC40ODkpIiBmaWxsPSIjZmZmIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==');
    background-repeat: no-repeat;
    display: inline-block;
    width: 29px;
    height: 27px;
    background-size: 100%;
    position: relative;
    background-size: contain;
    z-index: 4;
    background-color: transparent !important;
    border-color: transparent !important;
    padding: 0 !important;
    margin-left: 3px !important;
    vertical-align: middle;

    &.x-btn-over {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTgiIGhlaWdodD0iOTgiIHZpZXdCb3g9IjAgMCA5OCA5OCI+DQogIDxkZWZzPg0KICAgIDxmaWx0ZXIgaWQ9IkVsbGlwc2VfMzg4IiB4PSIwIiB5PSIwIiB3aWR0aD0iOTgiIGhlaWdodD0iOTgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+DQogICAgICA8ZmVPZmZzZXQgZHk9IjMiIGlucHV0PSJTb3VyY2VBbHBoYSIvPg0KICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIgcmVzdWx0PSJibHVyIi8+DQogICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwLjE2MSIvPg0KICAgICAgPGZlQ29tcG9zaXRlIG9wZXJhdG9yPSJpbiIgaW4yPSJibHVyIi8+DQogICAgICA8ZmVDb21wb3NpdGUgaW49IlNvdXJjZUdyYXBoaWMiLz4NCiAgICA8L2ZpbHRlcj4NCiAgPC9kZWZzPg0KICA8ZyBpZD0iRHluYW1vX0FJX2xvZ29fc3ltYm9sX3YyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5IDYpIj4NCiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAtOSwgLTYpIiBmaWx0ZXI9InVybCgjRWxsaXBzZV8zODgpIj4NCiAgICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMzg4LTIiIGRhdGEtbmFtZT0iRWxsaXBzZSAzODgiIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOSA2KSIgZmlsbD0iIzM2YyIvPg0KICAgIDwvZz4NCiAgICA8ZyBpZD0iR3JvdXBfMTMxOCIgZGF0YS1uYW1lPSJHcm91cCAxMzE4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMy40NTggMTguMDU0KSI+DQogICAgICA8cGF0aCBpZD0iUGF0aF8yMDY2IiBkYXRhLW5hbWU9IlBhdGggMjA2NiIgZD0iTTMzLjk4NywzLjg4MmEzLjg2NSwzLjg2NSwwLDAsMC00LTMuODgzLDMuOTcsMy45NywwLDAsMC0zLjc2Myw0LjA2MnY3LjIyN2gwdjEyLjNoLS4wNnY0LjcxOWwtNS45MTMsNS45MTNIMTMuNzM4TDcuODI1LDI4LjMxMXYtNi41N2w1LjkxMy01LjkxM2g1LjJhMy44NzUsMy44NzUsMCwwLDAsMy44ODMtMy44ODNoMGEzLjg3NSwzLjg3NSwwLDAsMC0zLjg4My0zLjg4M0gxMC45OTFMMCwxOC45OTNWMzFMMTAuOTkxLDQxLjk5SDIzTDMzLjkyNywzMS4wNTloLjA2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjAwMykiIGZpbGw9IiNmZmYiLz4NCiAgICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMzgwIiBkYXRhLW5hbWU9IkVsbGlwc2UgMzgwIiBjeD0iNC43MTkiIGN5PSI0LjcxOSIgcj0iNC43MTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjI0NSAyMC40ODkpIiBmaWxsPSIjZmZmIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==');
    }

    &.processing {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTgiIGhlaWdodD0iOTgiIHZpZXdCb3g9IjAgMCA5OCA5OCI+DQogIDxkZWZzPg0KICAgIDxmaWx0ZXIgaWQ9IkVsbGlwc2VfMzg4IiB4PSIwIiB5PSIwIiB3aWR0aD0iOTgiIGhlaWdodD0iOTgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+DQogICAgICA8ZmVPZmZzZXQgZHk9IjMiIGlucHV0PSJTb3VyY2VBbHBoYSIvPg0KICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIgcmVzdWx0PSJibHVyIi8+DQogICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwLjE2MSIvPg0KICAgICAgPGZlQ29tcG9zaXRlIG9wZXJhdG9yPSJpbiIgaW4yPSJibHVyIi8+DQogICAgICA8ZmVDb21wb3NpdGUgaW49IlNvdXJjZUdyYXBoaWMiLz4NCiAgICA8L2ZpbHRlcj4NCiAgPC9kZWZzPg0KICA8ZyBpZD0iRHluYW1vX0FJX2xvZ29fc3ltYm9sX3YyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5IDYpIj4NCiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAtOSwgLTYpIiBmaWx0ZXI9InVybCgjRWxsaXBzZV8zODgpIj4NCiAgICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMzg4LTIiIGRhdGEtbmFtZT0iRWxsaXBzZSAzODgiIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOSA2KSIgZmlsbD0iIzM2YyIvPg0KICAgIDwvZz4NCiAgICA8ZyBpZD0iR3JvdXBfMTMxOCIgZGF0YS1uYW1lPSJHcm91cCAxMzE4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMy40NTggMTguMDU0KSI+DQogICAgICA8cGF0aCBpZD0iUGF0aF8yMDY2IiBkYXRhLW5hbWU9IlBhdGggMjA2NiIgZD0iTTMzLjk4NywzLjg4MmEzLjg2NSwzLjg2NSwwLDAsMC00LTMuODgzLDMuOTcsMy45NywwLDAsMC0zLjc2Myw0LjA2MnY3LjIyN2gwdjEyLjNoLS4wNnY0LjcxOWwtNS45MTMsNS45MTNIMTMuNzM4TDcuODI1LDI4LjMxMXYtNi41N2w1LjkxMy01LjkxM2g1LjJhMy44NzUsMy44NzUsMCwwLDAsMy44ODMtMy44ODNoMGEzLjg3NSwzLjg3NSwwLDAsMC0zLjg4My0zLjg4M0gxMC45OTFMMCwxOC45OTNWMzFMMTAuOTkxLDQxLjk5SDIzTDMzLjkyNywzMS4wNTloLjA2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjAwMykiIGZpbGw9IiNmZmYiLz4NCiAgICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMzgwIiBkYXRhLW5hbWU9IkVsbGlwc2UgMzgwIiBjeD0iNC43MTkiIGN5PSI0LjcxOSIgcj0iNC43MTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjI0NSAyMC40ODkpIiBmaWxsPSIjZmZmIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==') !important;
    }

    .dai_tooltip-spinner {
        position: absolute;
        right: 15px;
        width: 14px;
        background: #fbfbfb;
        border-radius: 50%;
        height: 14px;
        border: solid 1px #fff;
        top: 0;
        padding: 0 3px;
    }

    .dai_tooltip-spinner:before {
        content: '';
        border-radius: 50%;
        border: solid 3px #948d8d;
        border-top: 3px solid #3a3a3a;
        width: 6px;
        height: 6px;
        position: absolute;
        left: 1px;
        top: 1px;
        animation: spCircRot 0.9s infinite linear;
    }

    .badge {
        position: absolute;
        right: 5px;
        min-width: 17px;
        background: orange;
        border-radius: 50%;
        color: #fff;
        font-size: 9px;
        line-height: 15px;
        border: solid 1px #fff;
        top: 0px;
        padding: 0 3px;
    }

    &.completed {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTgiIGhlaWdodD0iOTgiIHZpZXdCb3g9IjAgMCA5OCA5OCI+DQogIDxkZWZzPg0KICAgIDxmaWx0ZXIgaWQ9IkVsbGlwc2VfMzg4IiB4PSIwIiB5PSIwIiB3aWR0aD0iOTgiIGhlaWdodD0iOTgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+DQogICAgICA8ZmVPZmZzZXQgZHk9IjMiIGlucHV0PSJTb3VyY2VBbHBoYSIvPg0KICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIgcmVzdWx0PSJibHVyIi8+DQogICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwLjE2MSIvPg0KICAgICAgPGZlQ29tcG9zaXRlIG9wZXJhdG9yPSJpbiIgaW4yPSJibHVyIi8+DQogICAgICA8ZmVDb21wb3NpdGUgaW49IlNvdXJjZUdyYXBoaWMiLz4NCiAgICA8L2ZpbHRlcj4NCiAgPC9kZWZzPg0KICA8ZyBpZD0iRHluYW1vX0FJX2xvZ29fc3ltYm9sX3YyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5IDYpIj4NCiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAtOSwgLTYpIiBmaWx0ZXI9InVybCgjRWxsaXBzZV8zODgpIj4NCiAgICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMzg4LTIiIGRhdGEtbmFtZT0iRWxsaXBzZSAzODgiIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOSA2KSIgZmlsbD0iIzM2YyIvPg0KICAgIDwvZz4NCiAgICA8ZyBpZD0iR3JvdXBfMTMxOCIgZGF0YS1uYW1lPSJHcm91cCAxMzE4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMy40NTggMTguMDU0KSI+DQogICAgICA8cGF0aCBpZD0iUGF0aF8yMDY2IiBkYXRhLW5hbWU9IlBhdGggMjA2NiIgZD0iTTMzLjk4NywzLjg4MmEzLjg2NSwzLjg2NSwwLDAsMC00LTMuODgzLDMuOTcsMy45NywwLDAsMC0zLjc2Myw0LjA2MnY3LjIyN2gwdjEyLjNoLS4wNnY0LjcxOWwtNS45MTMsNS45MTNIMTMuNzM4TDcuODI1LDI4LjMxMXYtNi41N2w1LjkxMy01LjkxM2g1LjJhMy44NzUsMy44NzUsMCwwLDAsMy44ODMtMy44ODNoMGEzLjg3NSwzLjg3NSwwLDAsMC0zLjg4My0zLjg4M0gxMC45OTFMMCwxOC45OTNWMzFMMTAuOTkxLDQxLjk5SDIzTDMzLjkyNywzMS4wNTloLjA2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjAwMykiIGZpbGw9IiNmZmYiLz4NCiAgICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMzgwIiBkYXRhLW5hbWU9IkVsbGlwc2UgMzgwIiBjeD0iNC43MTkiIGN5PSI0LjcxOSIgcj0iNC43MTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjI0NSAyMC40ODkpIiBmaWxsPSIjZmZmIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==') !important;
    }
}

.highlightscontainer {
    padding: 4px;

    .x-form-type-checkbox.x-form-item-no-label .x-form-cb-wrap > .x-form-cb-wrap-inner {
        padding: 0;
    }
}

.highlight-Contact, .highlight-Company, .highlight-Deal, .highlight-Fund, .highlight-Investor{
    padding: 3px !important;
    margin-left: 0px !important;
    border-width: 0px;
    height: 25px !important;

    .x-btn-button-center {
        justify-content: start;
    }

    .x-btn-inner-d-btn-secondary-small {
        padding: 0 5px 0 0;
        font-size: 13px !important;
        color: @base-color !important;
    }

    &.x-btn-over {
        background-color: white !important;
    }
}

.highlight-icon-Contact {
    border-radius: 50% !important;
    width: 12px !important;
    height: 12px !important;
    background-color: forestgreen !important;
    border-color: forestgreen !important;
}

.highlight-icon-Company {
    border-radius: 50% !important;
    width: 12px !important;
    height: 12px !important;
    background-color: cornflowerblue !important;
    border-color: cornflowerblue !important;
}

.highlight-icon-Deal {
    background-color: red !important;
    border-color: red !important;
    border-radius: 50% !important;
    width: 12px !important;
    height: 12px !important;
}

.highlight-icon-Fund {
    background-color: orange !important;
    border-color: orange !important;
    border-radius: 50% !important;
    width: 12px !important;
    height: 12px !important;
}

.highlight-icon-Investor{
    background-color: purple !important;
    border-color: purple !important;
    border-radius: 50% !important;
    width: 12px !important;
    height: 12px !important;
}

.new-document-upload-btn {
    margin-right: 4px !important;

    & .x-btn.x-btn-d-btn-secondary-small {
        padding: 5px 6px;
        border-color: #e4e4e4;

        & .x-btn-inner {
            padding: 0 !important;
        }
    }

    & .x-btn-icon-el:before {
        color: @base-color;
    }

    & .x-btn-over,
    & .x-btn-pressed.x-btn-d-btn-secondary-small {
        &.x-btn-d-btn-secondary-small .x-btn-icon-el:before {
            color: @swatch-white;
        }
    }
}

.upload-select-all-btn,
.upload-deselect-all-btn {

    & .x-btn-inner {
        padding: 0 !important;
    }
}

.upload-select-all-btn.no-border-right {
    border-right: 0px;
}

.upload-deselect-all-btn {
    margin-left: -1px !important;

    &.no-border-left {
        border-left: 0px;
    }
}

.dai-document-button {
    border: 0px;
    height: 24px !important;
    width: 40px !important;
    padding: 0px !important;
    margin-left: 1px !important;

    & .x-btn-icon-el {
        width: 24px !important;

        &:before {
            font-size: 23px !important;
        }
    }

    &.x-btn-over {
        background: transparent !important;
    }
}

.d-new-document-form-message {
    background: #ffffcc 0% 0% no-repeat padding-box;
    padding: 16px 12px 12px 24px;
    margin: 0px;

    & p {
        padding: 0px;
        margin: 0px;
        line-height: 14px;
    }
}

.upload-files-toolbar {
    .d-auto-tag-btn {
        margin-right: 4px !important;
        height: 25px;
        vertical-align: bottom;
    }
}

.newgeneric {
    & .newgeneric-body {
        padding: @new-general-panel-margin 0 !important;
    }
}

.d-tags-list-extra.d-pcap-tags-list {
    background: #f2f2f2;
}

.x-pickerfield-open .d-pcap-tags-list {
    background: #fff !important;
}

.d-pcap-checkbox-label .x-form-cb-label {
    color: #666;
    font: 400 12px/16px "Open Sans", sans-serif;
    min-height: 24px;
}


.d-pcap-grid .x-grid-row-collapsed .x-grid-row-expander:before {
    content: "\0072";
    font-size: 14px;
    font-family: DynamoSymbolsRegular;
    color: #919191;
    -webkit-transform: rotate( 90deg );
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate( 90deg );
    margin-left: 5px;
    position: absolute;
    left: 0;
}

.d-pcap-grid .x-grid-row-expander:before {
    content: "\0072";
    font-size: 14px;
    font-family: DynamoSymbolsRegular;
    color: #919191;
    -webkit-transform: rotate( 270deg );
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate( 270deg );
    margin-left: 5px;
    position: absolute;
    left: 0;
}

.d-pcap-save-highlight {
    border-color: #090D14;
    background-color: @swatch-white;
    color: #36c;
    border-color: #dbdbdb;
    background-image: none;
    background-color: #e6eeff;
}

.d-pcap-tooltip {
    margin-left: 5px;
    height: 24px;
    font-size: 18px;
    top: -4px;
    color: #cccccc;
    vertical-align: middle;
}

.d-pcap-qtip {
    text-align: left !important;
}

.passthrough {
    overflow: scroll;

    & .x-box-inner {
        overflow: scroll;
    }
}

.passthrough-label {
    display: inline-block;
    text-align: center;
    font-size: 2em;
    color: #666666;
}


.pbi-panel {
    background: @swatch-white;
    margin: @content-panel-tb-padding @content-panel-lr-padding;
}

.pbi-panel-workspace {
    background: @swatch-white;
    padding: @content-panel-tb-padding @content-panel-lr-padding;
}
.pbt-shares-ctrl {
    padding : 0px !important;
}

.pivot-container {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.d-metric-properties {
    .x-form-item-label-inner {
        display: flex;
        align-items: center;
        //height: 39px
    }

    .x-form-cb-wrap-default {
        display: flex;
        align-items: center;
    }

    .x-form-cb {
        position:static;
    }
}

@media screen and (max-width: 1600px) {
    .console-table {
        //width: 100% !important;
    }

    .console-table-disabled {
        //width: 100% !important;
        opacity: 0.2;
    }
}

.icon-refresh-white:after {
    content: '\0065';
    color: white !important;
}

.pmv-reports-textarea {
    width: 100%;
    height: 100%;
}

td {
    &:has(.pmv-text-field) {
            overflow: hidden;
    }
}
.pmv-text-field {
    line-height: 20px;
    border-color: lightgrey;
    border-width: thin;
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
}

    .padding-Left-20 {
        padding-left: 20px;
    }

    .utb-tree-icon {
        display: none !important;
    }

    .pmvFormulaGridRow {
        background-color: darkgray;
    }

    .pmv-metric-upload {
        .x-grid-item-selected {
            .x-grid-checkcolumn {
                &:after {
                    left: 0;
                    top: 0;
                }

                &:before {
                    display: none;
                }
            }
        }
    }
    //New dimension
    .new-dimension-formulas-grid {
        .x-grid-item-selected {
            .x-selmodel-column {
                .x-grid-checkcolumn {
                    &:after {
                        font-family: DynamoSymbolsRegular;
                        content: '\0394' !important;
                        padding-left: 24px;
                        padding-top: 5px;
                        color: #3366cc;
                        font-size: 16px;
                        position: absolute;
                    }
                }
            }
        }
    }

    .new-dimension-metric-relations-grid {
        .x-grid-item-selected {
            .x-selmodel-column {
                .x-grid-checkcolumn {
                    &:after {
                        font-family: DynamoSymbolsRegular;
                        content: '\0394' !important;
                        padding-left: 24px;
                        padding-top: 5px;
                        color: #3366cc;
                        font-size: 16px;
                        position: absolute;
                    }
                }
            }
        }
    }

    .export-only-panel {
        border-left: 4px solid #e5e5e5;
        border-right: 4px solid #e5e5e5;

        .x-panel-body-d-content-place {
            background-color: #e5e5e5;
        }
    }

.pmv-export-panel {
    .x-grid-item-selected {
        background-color: lightgrey;

        .x-selmodel-column {
            .x-grid-checkcolumn {
                &:after {
                    font-family: DynamoSymbolsRegular;
                    content: '\0394' !important;
                    padding-left: 0;
                    padding-top: 5px;
                    color: #3366cc;
                    font-size: 16px;
                }
            }
        }
    }

    .x-grid-hd-checker-on .x-column-header-checkbox:after, .x-grid-checkcolumn-checked:after {
        content: '\0394';
        font: 16px/1 DynamoSymbolsRegular;
        color: #3366cc;
    }

    .x-grid-header-ct {
        border-top: 2px solid #3366cc;
    }

    .x-grid-item-over {
        background-color: #e6e6e6;
    }

    sup {
        display: inline-block;
        padding: 1px 8px;
        border-radius: 20px;
        background-color: #e5e5e5;
        box-sizing: border-box;
        color: #333333;
        line-height: normal;
        font-size: 9px;
    }

    .single-picker {
        margin-right: 100px;

        .x-form-trigger-wrap {
            padding: 3px 6px 3px;
        }

        .x-form-item-label-inner {
            padding-top: 8px;
        }

        .x-form-item-label {
            width: 120px !important;
        }

        .x-form-item-label-inner {
            width: 110px !important;
        }
    }

    .period-picker {
        .x-form-trigger-wrap {
            padding: 3px 6px 3px;
        }
    }

    .export-picker {
        .x-form-trigger-wrap {
            padding: 3px 6px 3px;
        }

        .x-form-item-label-inner {
            padding-top: 8px;
        }
    }

    .x-form-trigger-default {
        background: white;
    }

    .x-form-text-default {
        background-color: #F2F2F2;
    }

    .x-toolbar-footer {
        border-style: none;
    }

    .x-panel-header-default {
        background-color: white;
        padding: 12px 16px 12px 6px;

        .title-default, .x-panel-header-title-default {
            color: black;
        }

        .x-grid-header-ct {
            border: 1px blue;
            border-style: solid;
        }
    }

    .x-btn-default-small.x-btn-disabled {
        border-radius: 3px;
        background-color: #f2f2f2 !important;
        box-sizing: border-box;
        font-family: 'Open Sans Bold', 'Open Sans', sans-serif;
        color: #d9d9d9 !important;
        text-align: center;
        line-height: normal;
        border: 0;
        padding: 10px 20px;

        .x-btn-inner-default-small {
            color: #d9d9d9 !important;
        }
    }

    .x-btn-default-small.export-button:not(.x-item-disabled) {
        border-radius: 3px;
        background-color: #3366cc;
        box-sizing: border-box;
        font-family: 'Open Sans Bold', 'Open Sans', sans-serif;
        color: #ffffff;
        text-align: center;
        line-height: normal;

        .x-btn-inner-default-small {
            color: #ffffff;
        }
    }

    .x-btn-default-small.save-button.x-btn-over, .x-btn-default-small.save-and-export-button.x-btn-over {
        color: #3366cc;
        background-color: white;
        border-color: #3366cc;
    }

    .x-btn-default-small:not(.x-item-disabled), .x-btn-default-medium:not(.x-item-disabled), .x-btn-default-large:not(.x-item-disabled) {
        border-radius: 5px;
        border: 1px solid #3366cc;
        background-color: #ffffff;
        box-sizing: border-box;
        font-family: 'Open Sans Regular', 'Open Sans', sans-serif;
        color: #3366cc;
        text-align: center;
        line-height: normal;
        padding: 10px 20px;

        .x-btn-inner-default-small {
            color: #3366cc;
        }
    }
}
    /*Upload panel*/
    .metrics-upload-style {
        padding: 20px;

        .first-step-button-wrapper {
            .x-box-inner {
                margin: 5px auto;
            }
        }

        .x-toolbar.x-docked.x-toolbar-d-header {
            display: none;
        }

        .get-template-button.x-btn.x-btn-default-small, .x-btn.x-btn-d-nav-button-small {
            background-color: #29468D;
            border-color: #29468D;
        }

        .get-template-button, .add-file-button {
            padding: 0px;
            height: 40px;
            width: 150px;
        }

        .get-template-button {
            .x-btn-inner {
                overflow: visible;
            }
        }

        .add-file-button {
            .x-btn-default-small, .x-btn-default-medium, .x-btn-default-large {
                background-color: #29468D;
                border-color: #29468D;
                height: 40px;
                width: 150px;
            }
        }

        .add-file-button {
            .x-btn-default-small.x-btn-over, .x-btn-default-medium.x-btn-over, .x-btn-default-large.x-btn-over {
                background-color: #29468D;
                border-color: #29468D;
                height: 40px;
                width: 150px;
            }
        }

        .prev-button {
            left: 0px !important;
            margin-top: 10px;
        }

        .prev-button, .next-button {
            background-color: #29468D;
        }

        .next-button.x-btn-default-small.x-btn-disabled {
            background-color: #29468D !important;
            opacity: 0.5;
        }

        .backButton {
            .x-btn-inner-default-small {
                background-color: transparent;
                border-color: transparent;
                color: #7e8288 !important;
            }
        }

        .finish-button {
            background-color: #29468D;
        }

        .step {
            padding: 5px 0;
            margin: auto;
            height: 70px;
            text-align: center;
            display: inline-block;
        }

        .step_name {
            top: 13px;
            font-size: 12px;
            position: relative;
            color: grey;
            font-weight: bold;
        }

        .step_index {
            border: 3px solid #36c;
            background-color: white;
            color: #9a4eae;
            display: block;
            font-weight: 500;
            width: 32px;
            height: 32px;
            text-align: center;
            position: relative;
            z-index: 10;
            margin: auto;
            padding: 8px;
            border-radius: 20px;
        }

        .step_valid__true .step_index {
            background-color: #36c;
            color: white;
        }

        .step:first-child:before,
        .step:last-child:after {
            display: none;
        }

        .step.third:after {
            display: none;
        }

        .step_valid__true:after,
        .step:after {
            height: 2px;
            background: #F3F4F4;
            content: '';
            position: relative;
            display: block;
            top: 26px;
            background: #36c;
        }

        .step:after,
        .step_valid__true:after {
            top: -34px;
            left: 50%;
            height: 3px;
        }

        .pmv-cfo-group-steps {
            .step:after,
            .step_valid__true:after {
                top: -77%;
            }
        }

        .finalized-values-text {
            color: red;
            padding-left: 5px;
        }

        .finalized-cell-grid-values {
            color: red;
        }

        .non-finalized-values-text {
            padding-left: 5px;
            padding-top: 15px;
        }

        .upload-complete-text {
            padding-left: 5px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
    }

    .pmv-companylogo {
        border: 0;
        height: 80px;
        padding: 0;
        margin: 4px 0 6px 5px;
    }

    .pmv-utb-input-readonly {
        .x-form-text-default {
            color: #666 !important;
            background-color: #fff !important;
        }

        .x-form-trigger-wrap-default {
            border: none !important;
        }
    }

.pmv-operation-toolbox-wrapper {
    .x-tagfield .x-tagfield-list .x-tagfield-item {
        border: 1px solid #e4e4e4;
        margin-right: 5px;
        margin-bottom: 10px;
        cursor: pointer;
    }
}

.pmv-console-buttons {
    display: inline-block;
    width: 100%;
    border: none;
    height: 100%;
}

.pmv-console-buttons:hover {
    background-color: #f0f0f0 !important;
    color: white;
}

.pmv-console-buttons-disabled {
    display: inline-block;
    width: 100%;
    border-color: #f5f5f5;
    border-style: none;
    background-color: #f5f5f5;
    height: 100%;
}

.custom-gear-button {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none;
    padding: 5px;
}

.custom-gear-button .x-fa {
    font-size: 16px; 
    color: #999; 
}

.x-btn-default-small.custom-gear-button.x-btn-over {
    box-shadow: none;
    background-color: #F2F2F2 !important;
    border: none !important;
    font-size: 16px !important;
    color: #143D66 !important;
}

.x-panel-d-content-panel:after {
    padding: 0px 0px 0px 0px !important;
    margin:5px !important;
}

.portaldesigner {
    .x-toolbar-d-header{
        padding: 0;
    }
    .x-toolbar-d-main-header {
        margin: 0;
    }
}
@ps-base-line-height: 24px;
@ps-gray-color: @swatch-gray-4;

.ps-tree {
    .x-tree-elbow-img,
    .x-grid-tree-node-expanded .x-tree-elbow-plus,
    .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
        display: none !important;
    }

    .icon-folder {
        //margin-top: 1px;
    }

    .icon-ws-document {
        color: #f99;
    }

    .ps-tree-leaf .x-tree-icon-leaf {
        margin: -8px 0px -5px 16px;
    }

    .x-panel-body {
        border-style: none;
    }

    .ps-portal-enabled {
        color: forestgreen;
    }

    .ps-save-button {
        .x-btn-inner-default-toolbar-small {
            color: red;
        }
    }
}

.ps-entityrule {
    line-height: @ps-base-line-height;

    .icon-createnew:before {
        color: @ps-gray-color;
    }
}

.ps-simplerule {
    line-height: @ps-base-line-height;
    margin: 0px;

    .rule-type-label-main {
        padding: 2px 4px 4px 4px;
        margin-top: 3px;
        color: @ps-gray-color;
        width: 100px;
        line-height: 15px;
    }

    .rule-type-label {
        padding: 2px 4px 4px 0px;

        &.x-form-type-checkbox .x-form-cb-wrap-inner {
            padding: 0 !important;
        }
    }

    .rule-type-empty-checkbox {
        padding: 2px 4px 4px 108px;
    }

    .rootrule-type-empty-checkbox {
        padding: 2px 4px 4px 100px;
        margin-top: 2px;
    }
}

.ps-compositerule {
    line-height: @ps-base-line-height;
    margin: 0px;

    .ps-compositerule-border {
        border-color: @ps-gray-color !important;
        border-width: 1px !important;
        border-top: solid;
        border-radius: unset;
    }

    .rule-type-label-main {
        padding: 12px 4px 4px 2px;
        color: @ps-gray-color;
        width: 100px;
    }

    .rule-type-label {
        padding: 8px 4px 4px 8px;

        &.x-form-type-checkbox {
            padding: 2px 4px 4px 10px;

            & .x-form-cb-wrap-inner {
                padding: 6px 0 !important;
            }
        }
    }

    .remove-rule-btn-colors {
        background-color: @swatch-white !important;
        border-color: @swatch-white !important;
    }

    .remove-rule-btn {
        background-image: url('../Content/icons/generic/delete-small-light.png') !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 14px;
        display: inline-block;
        width: @ps-base-line-height;
        padding: @ps-base-line-height 1px 1px 1px;
        .remove-rule-btn-colors();

        &:hover {
            background-image: url('../Content/icons/generic/delete-small-dark.png') !important;
            .remove-rule-btn-colors();
        }

        &:active {
            background-image: url('../Content/icons/generic/delete-small-color.png') !important;
            .remove-rule-btn-colors();
        }
    }

    .add-rule-btn {
        padding: 8px 4px 4px 8px;
        color: #336699;
        font-size: 12px;
        font-family: Open Sans;
    }

    .add-rule-pointer {
        cursor: pointer;
    }
}

.portfoliocardsgrid {
    .x-grid-cell-inner {
        position: relative;
        text-overflow: ellipsis;
        word-break: break-word;
        padding: 0px 12px;
    }

    .x-grid-item {
        background-color: @swatch-white;

        &.x-grid-item-over {
            background-color: @swatch-gray-1;
        }

        &.x-grid-item-selected {
            background-color: @swatch-yellow;
        }
    }

    .x-grid-with-row-lines .x-grid-item {
        border-width: 0px;
        border-bottom-width: 1px !important;
        border-bottom-color: @swatch-gray-1;

        &.x-grid-item-over {
            background-color: @swatch-gray-1;
            border-width: 0px;
        }

        &.x-grid-item-selected {
            background-color: @swatch-yellow;
            border-width: 0px;
        }
    }
}

/* Portfolio Cards */

.singleportfoliocard {
    &-container {
        white-space: normal;
        overflow: auto;
        display: flex;
        justify-content: flex-start;
        height: 100%;
    }

    &-image {
        background-repeat: no-repeat;
        flex: 1;
        background-size: contain;
        background-position: center center;
        margin: 13px 12px 11px;
        margin-left: 0px;
        min-height: 180px;
        min-width: 200px;
        height: 100%;
        width: 100%;
    }

    &-content {
        word-wrap: break-word;
        flex: 1;
        padding-top: 10px;
    }

    &-titlefirst {
        font: normal normal 16px/16px 'Open Sans', sans-serif;
        margin: 0px;
    }

    &-titlesecond {
        font: normal normal 16px/16px 'Open Sans', sans-serif;
        margin-top: 12px;
        margin-bottom: 0px;
    }

    &-subtitlefirst {
        font: normal 12px 'Open Sans', sans-serif;
        line-height: 12px;
        margin-top: 5px;
        margin-bottom: 0px;
        color: @swatch-gray-5;
    }

    &-subtitlesecond {
        font: normal 12px 'Open Sans', sans-serif;
        line-height: 12px;
        margin-top: 12px;
        margin-bottom: 0px;
        color: @swatch-gray-5;
    }

    &-titlesecond-without-subtitle {
        font: normal normal 16px/16px 'Open Sans', sans-serif;
        margin-top: 8px;
    }

    &-progress {
        font: normal 12px 'Open Sans', sans-serif;
        line-height: 16px;
        margin-top: 10px;
    }

    &-progress-label {
        display: inline-block;
        width: 100%;
    }

    &-progress-label-text {
        float: left;
        padding-right: 5px;
        color: @swatch-black;
    }

    &-progress-bar {
        margin-top: 8px;
        border: none;
        width: 100%;
        height: 4px;
        background: @swatch-gray-2;
    }

    &-progress-bar .bar {
        content: '';
        display: block;
        background: @swatch-green;
        height: 100%;
    }

    &-itemproperties {
        font: normal 12px 'Open Sans', sans-serif;
        line-height: 16px;
        margin-top: -2px;
    }

    &-itemproperties tr {
        vertical-align: top;
    }

    &-itemproperties-label {
        color: @swatch-gray-5;
        font-weight: normal;
        vertical-align: top;
        text-align: right;
        width: 110px;
    }

    &-itemproperties-without-progress {
        margin: 35px 0 0 5px;
        font: normal 12px 'Open Sans', sans-serif;
        line-height: 16px;
        padding-top: 7px;
    }

    &-itemproperties-without-progress .table, tr, th {
        font-weight: normal;
    }

    &-itemproperties-value {
        color: @swatch-black;
        font: normal 12px 'Open Sans', sans-serif;
        line-height: 16px;
        vertical-align: top;
        text-align: left;
        padding-left: 8px;

        /* We should override color for negative numbers */
        &.x-negative-number-colored {
            color: red !important;
        }
    }
}

/* Portfolio Cards (Home) */

[id^=portfoliocardshome] {
    & .singleportfoliocard {
        &-container {
            padding: 0 50px;
            padding-bottom: 40px;
            overflow: hidden;
        }

        &-image {
            flex: 2;
            margin: 0 12px 0 0;
        }

        &-content {
            padding: 0;
            flex: 1;
        }

        &-subtitlefirst {
            margin-top: 0px;
        }

        &-titlesecond {
            margin-top: 10px;
        }

        &-progress {
            margin-top: 14px;
        }
    }
}

/* Portal Cards */

[id^=portalcards] {
    & .singleportfoliocard-content {
        background-color: @swatch-white;
        position: absolute;
        right: 15%;
        bottom: 40px;
        padding: 28px 18px 18px 18px;
        width: 400px;
        min-height: 266px;
    }

    & .dynamocarousel {
        & .x-toolbar-default.x-docked-bottom {
            position: absolute !important;
            top: 0px !important;
            height: calc(100% - 35px);
            padding: 0px 0;
            background-color: transparent;
            pointer-events: none;
            left: 50% !important;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        & .x-tab-bar-default {
            width: 100% !important;
        }
    }
}

@runningnotes-background-grey: #f2f2f2;
@running-notes-btn-color: #2D59B3;

.admin-entity-layout-panel-wrap-body .d-runningnotes .x-panel-body-d-content-panel {
    padding-top: 0;
}
.therunningnotesconfigtabpanel {
    .fieldchooser-btn {
        color: black;
        background-color: transparent;
        border-color: transparent;
        padding-left: 10px;
    }

    .dynamo-section-underline {
        width: 80%;
        margin: 0 10px;
    }
}


.d-runningnotes {
    .x-mask {
        background-color: #D0D0D0;
    }

    padding: 0;

    .itemscount {
        margin-top: 1px !important;
    }

    .x-btn-wrap-d-btn-secondary-small.x-btn-arrow-right:after {
        margin-top: 0px;
    }

    .d-itemsgrid .x-toolbar.x-toolbar-d-header,
    .fr-toolbar,
    .d-itemsgrid .x-searchconditions-host {
        display: none;
    }

    .d-runningnotes-grid-body {
        top: 0 !important;
    }

    .x-html-editor-wrap {
        border: none;
    }

    .x-form-text-default, .x-form-trigger-default, .d-htmleditor, .d-htmleditor iframe {
        background: @runningnotes-background-grey;
    }

    .cancel-quicknote-btn {
        border-width: 0
    }

    .d-filter-fields-btn {
        width: 32px;
        border-radius: 3px;

        .x-btn-inner {
            display: none;
        }
    }

    .quicknote {
        .cancel-btn, .x-toolbar-footer {
            border-width: 0;
        }

        .d-content-panel {
            margin: 10px 0;
        }

        .x-panel-d-content-panel {
            padding: 5px 0px;
        }

        .green-label {
            color: #199C50;
        }
    }
}

.d-filter-fields-btn {
    .d-filter-fields-active-icon {
        top: -24px;
        right: -16px;
        position: relative;
        height: 5px;
        width: 5px;
        background-color: red;
        border-radius: 50%;
        display: inline-block;
    }
}

.x-menu {
    .runningnotes-searchbox {
        input, .x-form-trigger {
            background-color: @runningnotes-background-grey;
        }

        padding: 5px 0;
    }
}

.d-panel-filter-icon {
    font-family: DynamoSymbolsRegular;
    color: #999999;

    .x-btn-button-center {
        justify-content: flex-start;
    }
}

.x-menu-item.d-filter-fields-btn {
    height: 28px;

    .x-btn-inner {
        display: inline-block;
    }

    .x-menu-item-icon {
        margin-top: 0;
    }

    .d-filter-fields-active-icon {
        top: -27px;
        right: -28px;
        height: 5px;
        width: 5px;
        background-color: red;
        border-radius: 50%;
        position: relative;
    }
}

.d-panel-filter-icon:before {
    content: '\0079';
}

.d-panel-filter-icon:after {
    content: '';
    color: #fff;
}

.d-link-btn.clear-filter .x-btn-button-center {
    justify-content: flex-start;
    width: 100px
}

.filter-close .x-btn-button {
    justify-content: flex-end
}

.d-filter-fields-container {
    padding-right: 10px;

    .datefilter {
        padding-left: 0 !important;
    }

    .x-form-type-checkbox .x-form-item-body {
        background-color: transparent;
    }


    .x-form-text-wrap input, .x-form-item-body, .x-form-checkbox-default:before {
        background-color: @runningnotes-background-grey;
    }

    .x-btn-button-center {
        justify-content: flex-start;
    }

    .x-form-trigger-default {
        background-color: @runningnotes-background-grey;
    }

    .d-filtering-row-field .filtering-clear-button {
        top: 2px;
        height: 24px !important;
    }

    .icon-calendar {
        padding-right: 7px;
    }

    .filtering-date-trigger {
        float: right !important;
        right: 0px !important;
        left: auto !important;
    }

    .x-form-trigger-wrap-focus, .x-field-default-form-focus {
        border-color: @runningnotes-background-grey !important;
    }

    & .d-filtering-row-field {
        padding: 0;
    }
}

.x-gecko {
    .d-filter-fields-container .x-form-trigger-wrap-focus {
        background-color: @runningnotes-background-grey !important;
    }
}

.d-filter-fields-clear-filter {
    background-color: transparent !important;
    border-color: transparent !important;
    display: inline;
    padding: 5px 15px;
    width: auto !important;

    .x-btn-inner-default-small {
        color: #888;
    }

    &.d-link-btn.x-btn-pressed .x-btn-inner-default-small {
        color: #888;
    }

    &.d-link-btn.x-btn-pressed {
        background-color: transparent !important;
        border-color: transparent !important;
    }

    &.x-box-item.x-btn {
        left: -8px !important;
    }

    .icon-ws-deleterow {
        color: @swatch-red;
    }
}

.d-filter-fields-clear-filter:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}

.x-menu {
    .runningnotes-searchbox {
        input.x-field-form-focus, .x-form-trigger-focus {
            background-color: @swatch-white;
        }
    }
}

.d-runningnotes {
    .paneltitle {
        font-size: 16px;
    }

    .x-toolbar-d-header .x-toolbar-item {
        margin: 0 4px !important;
    }

    .x-toolbar-d-header .x-btn-default-toolbar-small {
        border-radius: 3px !important;
    }

    .runningnotes-searchbox {
        input {
            height: 26px;
            min-height: 26px;
        }

        & .x-form-trigger-default {
            line-height: 26px;
        }

        input.x-field-form-focus, .x-form-trigger-focus {
            background-color: @swatch-white;
        }
    }

    .x-btn.x-btn-menu-active.x-btn-d-btn-secondary-small {
        background-color: @selected-background-color;
        border-color: #407FFF;
        opacity: 1;
    }

    .quicknote {
        iframe {
            width: 100%;
        }

        .grey-label {
            color: @swatch-gray-4;
        }
    }

    .itemscount {
        background-color: @swatch-gray-1;
        border-radius: 10px;
        height: 16px;
        padding: 0 8px;
        text-align: center;
    }

    .new-activity-btn {
        .x-btn-arrow-right:after {
            color: #666666;
        }
    }

    .d-filter-fields-btn .d-filter-fields-active-icon {
        right: -18px;
    }

    & .d-running-notes-quick-note-body {
        & .edithtmlform-fr-wrapper .fr-box.fr-basic.fr-top .fr-wrapper {
            height: calc(100% - 11px);
            overflow: auto;
            border-color: transparent;
            background: initial;
        }
    }
}

.d-filter-fields-btn {
    height: 28px;

    & .d-filter-fields-active-icon {
        top: -27px;
    }
}

.d-filter-fields-container {
    .x-form-trigger {
        text-align: right;
    }

    .x-field-focus {
        .x-form-trigger, input {
            background-color: @swatch-white;
        }
    }

    .x-pickerfield-open .x-form-trigger {
        background-color: @swatch-white;
    }

    .icon-calendar.x-form-trigger-focus {
        border: 1px solid @runningnotes-background-grey;
        border-left: hidden;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        height: 30px;
    }
}

label.d-runningnotes-config-filter-empty-field {
    color: @swatch-gray-4;
    padding: 7px 8px;
}

.searchpanel {
    .search-criteria {
        .powertips-toolbar {
            .x-toolbar-default .x-toolbar-item {
                margin: 0;
            }
        }
    }
}
.d-searchbuilder-entity-label {
    line-height: 32px;
    margin-right: 10px;
}

.d-searchbuilder-entity-label .highlight {
    color: red;
}

.d-searchbuilder-rule-label {
    line-height: 32px;
}

.d-searchbuilder-or-clause {
    line-height: 22px;
    border-top: 1px solid #ccc !important;
    padding: 5px 0 0 0;
}

.d-searchbuilder-action {
    text-decoration: none;
    color: #3366cc;
}

.d-searchbuilder-entities-list-label {
    line-height: 32px;
    color: #666;
}

.d-searchbuilder-remove {
    background-image: url('../Content/icons/generic/delete-small-light.png') !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px;
    display: inline-block;
    width: 24px;
    height: 32px;
    margin-right: 5px;
}

.d-searchbuilder-remove:hover {
    background-image: url('../Content/icons/generic/delete-small-dark.png') !important;
}

.d-searchbuilder-remove:active {
    background-image: url('../Content/icons/generic/delete-small-color.png') !important;
}

.d-filter-form .d-searchbuilder-rule .d-multipicker .d-tags-list-item a.d-tags-list-item-close {
    top: 1px;
}

.searchpanel {
    :not(.search-criteria) {
        .x-btn-d-btn-secondary-small, .x-btn-default-small {
            width: 116px;
        }
    }

    .search-mode-panel {
        margin: 0px 0px 10px 5px;
        height: auto;

        .lbl-mode {
            margin: 10px 10px 0px 0px;
        }

        .rg-mode {
            .rb-compact {
                margin-right: 10px;

                .x-form-cb-label {
                    margin-top: 10px;
                }
            }

            .rb-extended {
                margin-right: 15px;

                .x-form-cb-label {
                    margin-top: 10px;
                }
            }
        }

        .btn-relational-field-chooser {
            width: 200px !important;
        }

        .tag-related-entities {
            margin-left: 10px;
            margin-top: 5px;

            .x-form-item-label {
                text-overflow: ellipsis;
            }
        }
    }
}

.searchpanel .search-criteria {
    border: 5px #ebeef2 solid;
}
.service-tool-badge {
    display: inline;
    background-color: @icon-color-grey;
    color: white;
    padding: 2px 10px;
    text-align: center;
    border-radius: 20px;
    font-weight: 700;
}

.d-selected-color-example {
    width: 32px;
}

.d-last-used-color-example {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
}

.skinworkview-tab {
    .x-tab-bar {
        margin: 0;
        margin-bottom: 2px;
    }
}
.thirdpary-button-pressed {
    border-color: @buttons-color-over !important;
    background-color: @buttons-color-over !important;
}
.icon-thirdparty-linked:before {
    font-size: 16px;
    content: '\2013';
}

.third-party-checkbox:before {
    font-family: DynamoSymbolsRegular;
    font-size: 16px;
    content: "\0041";
    vertical-align: middle;
}

.thirdparty-checkbox-header .x-column-header-checkbox:before {
    font-family: DynamoSymbolsRegular;
    font-size: 16px;
    content: "\0041";
    vertical-align: initial;
    position: relative;
}

.dif-dds .x-btn-default-small {
    padding: 3px 9px;
    margin-right: 3px !important;
}

.thirdparty-checkbox-header .x-column-header-checkbox:after{
    content: '';
}

.thirdparty-checkbox-selected .x-column-header-checkbox:before {
    content: '\0394';
    font: 16px/1 DynamoSymbolsRegular;
    color: #999;
    position: relative;
}
.x-grid-item-selected .thirdparty.x-grid-checkcolumn:after {
    font-family: DynamoSymbolsRegular;
    font-size: 16px;
    vertical-align: middle;
    content: '\0394';
    font: 16px/1 DynamoSymbolsRegular;
    color: #999;
}
.thirdparty .x-column-header-checkbox .x-column-header-checkbox .x-grid-checkcolumn:after {
    content: '';
    font: 16px/1 DynamoSymbolsRegular;
    color: #999;
}

.thirdparty-header .x-toolbar{
    visibility: hidden;
}

.thirdparty-parameters .x-panel-body-default {
    top: 15px !important;
}

.thirdparty-count .x-toolbar-d-header .itemscount {
    top: 5px !important;
}

.thirdparty-panel .x-grid:not(.x-tree-panel, .x-grid-header-hidden) .x-grid-header-ct {
    border-top: none !important;
    border-bottom: 1px solid #CCCCCC !important;
}
.transparent-tooltip {
    background-color: transparent !important;
}

.tooltip-arrow {
    background-color: white;
    transform: rotate(45deg);
    left: 22.5px;
    top: 22.5px;
}
.slideview:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.slideview-default-image:before {
    background-color: rgba(0, 0, 0, 0.6);
}
.tooltip-title {
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #cc0000;
    line-height: 18px;
}

.tooltip-msg {
    word-wrap: break-word;
    line-height: 18px !important;
}

.tooltip-container {
    border-right: solid 6px #ff0000;
    background-color: white;
    margin-bottom: 30px;
    margin-right: 30px;
    padding: 15px 20px;
}
.tourstartpage {
    background-color: #fff;
    padding-left: 100px;
}

.tourstartpage-text {
    line-height: 32px;
    font-size: 21px;
    color: #000;
    word-break: break-all;
    margin-left: 120px;
}

.tourstartpage-dynamoversion {
    font-size: 16px;
    color: #000;
    padding-right: 10px;
    margin-top: -27px;
}

.tourstartpage-button {
    margin-top: 40px;
    margin-left: 120px;
}

.tourstartpage-button .x-btn-inner {
    color: #fff;
    font-size: 16px;
}
.trial-report .x-column-header-inner .x-column-header-text {
    white-space: normal;
}

.trial-report .x-column-header-inner {
    border: solid 1px white;
}

.d-trial-save-highlight {
    border-color: #090D14;
    background-color: @swatch-white;
    color: #36c;
    border-color: #dbdbdb;
    background-image: none;
    background-color: #e6eeff;
}

.trialbalance {
    .searchpanel {
        max-height: 310px;
    }

    .search-criteria {
        padding-bottom: 10px;

        .x-form-item-label-default {
            width: 108px !important;
        }

        .x-form-item-label-inner {
            width: 108px !important;
        }

        .trial-balance-criteria-picker {
            padding-right: 8px;
        }

        .trial-balance-criteria-checkbox {
            padding-left: 8px;
            vertical-align: middle;

            .x-form-checkbox, .x-form-cb-label-default {
                margin-top: 0 !important;
            }

            .x-form-cb-wrap {
                vertical-align: middle;
            }
        }
    }
}

.headermenu-view {
    .headermenu-infopanel {
        .latencyok {
            font-weight: bold;
            color: green;
        }

        .latencywarning {
            font-weight: bold;
            color: darkorange;
        }

        .latencyerror {
            font-weight: bold;
            color: red;
        }
    }
}

.headermenu-view {

    .headermenu-infopanel {
        margin: auto;
        padding: 20px 16px;
        border-bottom: 1px solid rgb(204, 204, 204);
        background-color: #ebebeb;
        border-bottom-width: 1px !important;

        .labeltext {
            opacity: 0.8;
            font-size: 10px;
            margin-top: 8px;
        }

        .valuetext {
            opacity: 1;
            font-size: 12px;
        }
    }
}

.dropdown-item-disabled.x-boundlist-item {
	color: #8c8c8c;
	cursor: default;
	font: normal 12px "Open Sans", sans-serif
}

.usersettings-timezone-checkbox {
    padding: 0px 10px 0px 117px;

    .x-form-cb-label {
        color: #666;
    }
}

.webform-designerhtml {
    .x-toolbar-d-header {
        padding: 5px;
    }

    .x-toolbar-separator {
        display: none;
    }
}

.webformdesignereditor-container {
    .webformdesignereditor {
        border: 1px solid #cccccc;
    }

    .webformdesignereditor .fr-view .webform-inputplace {
        text-align: left !important;
        display: block !important;
        margin: 20px 0 !important;
    }
}

.fr-view .webform-inputplace {
    text-align: left;
    display: block;
    margin: 20px 0;
}

.webform-controlplace .x-form-type-checkbox .x-form-cb-wrap-default {
    margin-top: -5px !important;
}
.webform-designerhtml {
    .x-toolbar-d-header {
        padding: 5px;
    }

    .x-toolbar-separator {
        display: block;
    }
}

.webformdesignereditor-container {
    .webformdesignereditor {
        border: 1px solid #cccccc;
    }

    .webformdesignereditor .fr-view .webform-inputplace {
        text-align: left !important;
        display: block !important;
        margin: 20px 0 !important;
    }
}

.fr-view .webform-inputplace {
    text-align: left;
    display: block;
    margin: 20px 0;
}

.formbuttons {
    .x-box-inner {
        background: #ffffcc;
    }

    .x-btn,
    .statuslabel {
        cursor: pointer;
    }
}


.webformpanelselectorrow {
    .rowlabel {
        margin: 6px 0px 0px 6px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .row-description {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .d-webformpanel-btn-icon:before {
        color: #a59d9d
    }

    .x-btn-d-btn-secondary-small {
        background-color: #fff;
    }

    .x-btn-pressed {
        background-color: #fff !important;
    }

    .edithtmlbtn {
        padding-left: 10px;
        padding-right: 10px;
    }

    .icon-reorderrow {
        opacity: 0;
        color: #999999;
    }
}
.icon-edit-label:before {
    content: '\0063';
}

.webformpanelselectorrow {
    margin: 5px 0px 0px 0px;
    user-select: none;

    .icon-edit-label {
        opacity: 0;
        color: #999999;
    }
}

.label-wrapper:hover {
    .icon-edit-label {
        opacity: 1;
    }
}

.panelselectorrowhover .x-panel-body, .selector-dragged:not(.selector-container) {
    background-color: #ebedef;

    .icon-reorderrow {
        opacity: 1;
    }
}


.webformdeleterow {
    border: none;
    padding: 0px;
    background-color: transparent !important;
}


.webformpanelselectorrow, .webformpanelselectorrow * {
    overflow: visible;
}

.selector-dragged {
    //position: fixed !important;
    opacity: 0.9;
    .hide-on-drag {
        opacity: 0;
    }
}

.selector-drag-entered-above:not(.selector-drag-entered-section),
.selector-drag-entered-below:not(.selector-drag-entered-section) {
    box-sizing: content-box;
}

.selector-drag-entered-above,
.selector-drag-entered-below {
    overflow: visible;

    .hide-on-drag-enter {
        opacity: 0 !important;
    }
}

.selector-drag-entered-above {
    border-top: 1px solid #45b714;
}

.selector-drag-entered-above:before {
    content: '\0037';
    position: absolute;
    top: -7px;
    left: 0px;
    z-index: 1;
    font-family: DynamoSymbolsRegular;
    color: #45b714;
}

.selector-drag-entered-above:after {
    content: '\0072';
    position: absolute;
    top: -7px;
    right: 1px;
    z-index: 1;
    font-family: DynamoSymbolsRegular;
    color: #45b714;
}

.selector-drag-entered-above.selector-drag-entered-section:before {
    top: -8px;
}

.selector-drag-entered-below.selector-drag-entered-section:before {
    bottom: -9px;
}

.selector-drag-entered-above.selector-drag-entered-section:after {
    top: -13px;
}

.selector-drag-entered-below.selector-drag-entered-section:after {
    bottom: -14px;
}

.selector-drag-entered-below:before {
    content: '\0037';
    position: absolute;
    bottom: -8px;
    left: 0px;
    z-index: 1;
    font-family: DynamoSymbolsRegular;
    color: #45b714;
}

.selector-drag-entered-below:after {
    content: '\0072';
    position: absolute;
    bottom: -8px;
    right: 1px;
    z-index: 1;
    font-family: DynamoSymbolsRegular;
    color: #45b714;
}

.selector-drag-entered-below {
    border-bottom: 1px solid #45b714;
}

.web-from-section-chooser {
    .selector-container {
        & .section-reorder.icon-reorderrow {
            opacity: 0;
            color: #999999;
        }

        &.selector-dragged {
            background-color: #ebedef;

            & .section-reorder.icon-reorderrow {
                opacity: 1;
            }

            & .icon-reorderrow {
                opacity: 0 !important;
            }
        }

        &:hover {
            & .section-reorder.icon-reorderrow {
                opacity: 1;
            }
        }
    }
}

.available-fields .hide-on-drag-enter {
    & .section-reorder.icon-reorderrow {
        opacity: 0;
    }
}

.webformpanelselectorrow {
    .edithtmlbtn {
        padding-left: 27px;
        padding-right: 27px;
    }
}

.webformpanelselectorrow {
    & .x-btn-pressed.x-btn-d-btn-secondary-small {
        background-color: @swatch-theme-color-background !important;
    }
}
.label-wrapper {
    &:hover .icon-edit-section-label {
        visibility: visible;
    }

    .icon-edit-section-label {
        visibility: hidden;
    }

    .section-label {
        max-width: 500px;
        font-size: 16px;
        line-height: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

.questionchooser-available {
    padding-left: 21px !important;
}

.questionchooser-selected {
    padding-right: 21px !important;
}

.questionpanelfilter {
    .invisible {
        opacity: 0;
    }

    .d-searchbuilder-or-clause {
        padding-top: 10px !important;
    }
}

.webform-section-chooser-form {
    & > .x-mask {
        background-color: grey !important;
        opacity: 0.8;

        .x-mask-msg-inner {
            font-weight: 500 !important;
            font-size: large;
        }
    }
}

.webform-designerpanel {
    .checkbox-with-line-label:not(.webform-additional-field) {
        top: 22px !important;
    }
}

.webformsettingscheckbox .x-form-checkbox-default:before {
    top: 0px !important;
}

.webformmappercontainer .x-mask {
    background: transparent !important;
}

.empty-tab {
    opacity: 0;
}


.webformsettingscheckbox.x-item-disabled label{
    color: #999999;
}

.webform-submitform [id^=webformpaneltype] {
    .x-box-target {
        height: 100%;

        > .x-container .frame-required {
            border-color: #F2D3A0;
            border-width: 2px;
            border-style: dashed;
        }

        > .x-container.x-box-item {
            &:not(.checkbox-wrapper, .webform-uploadcontainer) {
                top: unset !important;
                bottom: 0;
            }
        }
    }
}

[id^=webformadditionalinputfieldsfieldchooser] .selector-container {
    border-left-style: solid;
    border-left-color: #E5E5E5;
    border-left-width: 2px;
}
.webform-designer {
    div[id^="dynamohtml-"] .fr-wrapper, div[id^="dynamotext-"] textarea, div[id^="dynamotext-"] .d-publicface {
        border-color: #F2F2F2;
        background-color: #F2F2F2;
    }
}
.webform-viewer {
    box-shadow: none;

    .x-panel-body {
        margin-top: 5px;
        padding-bottom: 5px;
    }

    .x-toolbar-separator {
        display: none;
    }

    div[id^="dynamohtml-"] .fr-wrapper, div[id^="dynamotext-"] textarea, div[id^="dynamotext-"] .d-publicface {
        border-color: #F2F2F2;
        background-color: #F2F2F2;
    }
}

.fr-view {
    .fr-webform-title {
        font-size: 24px;
        line-height: 32px;
    }

    .fr-webform-heading {
        font-size: 18px;
        line-height: 24px;
    }

    .fr-webform-subheading {
        font-size: 14px;
        line-height: 18px;
        color: #888;
    }

    .fr-webform-body {
        font-size: 12px;
        line-height: 16px;
    }
}
.webform-viewer {
    .checkbox-with-line-label.webform-controlrejected {
        top: 55px !important;
    }

    .d-editform-message {
        background-color: #ffffcc;
    }

    .x-toolbar-separator {
        display: block;
    }

    .x-toolbar {
        .x-btn-default-toolbar-small {
            border: none;
            background-color: transparent;
        }

        .x-btn-default-toolbar-small.x-btn-pressed .x-btn-inner {
            color: #333;
        }
    }

    &:not(.newwebformpreview) {
        .webform-submitform {
            .checkbox-wrapper:not(.webform-rejectionpreview) .checkbox-with-line-label:not(.webform-controlrejected):not(.required-webform-checkbox):not(.webform-additional-field) {
                top: 22px !important;
            }

            .checkbox-wrapper:not(.webform-rejectionpreview) .checkbox-with-line-label.required-webform-checkbox:not(.webform-additional-field) {
                top: 16px !important;
            }
        }
    }

    &.newwebformpreview {
        .webform-submitform {
            .checkbox-with-line-label:not(.webform-controlrejected) {
                margin-top: 7px !important;
            }
        }
    }
}

.webform-field-attachment {
    top: 15px !important;
}

.webform-field-attachment .x-form-trigger {
    text-align: left;
}

.attachment-panel div.x-field.webform-field-attachment * {
    overflow: visible;
}

.webform-uploadform {
    width: 100%;

    &.x-invalid-upload-panel {
        & .webform-uploadcontainer {
            border-color: red !important;
        }
    }
}

.webform-uploadform .x-box-target, .webform-uploadform .x-box-inner {
    width: 100% !important;
}

.webform-uploadform .x-panel-body {
    width: 100% !important;
}

.webform-uploadform .webform-uploadcontainer {
    width: 100%;
}

.webform-uploadcards {
    width: 100% !important;
    margin-top: 10px;
}
.webform-uploadform-card {
    border-color: #E6E6E6;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    margin-bottom: 10px;
    box-sizing: content-box;
}
.newwebformpreview {
    .webform-uploadform-card-multicolumn {
        width: 99% !important;
    }
}


.webform-uploadcontainer .dragover {
    border-color: red;
}

.webform-field-attachment-remove .icon-deleterow {
    color: #999999;
}

.x-btn-over.webform-field-attachment-remove .icon-deleterow {
    color: #CC3366;
}

.d-itemproperties .webform-uploadform-card .x-panel-body {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.webform-field-attachment-remove {
    border-color: transparent;
    background-color: transparent;

    &.x-btn-over.x-btn-d-btn-link-small, &.x-btn-focus {
        background-color: transparent !important;
        border-color: transparent;
        color: transparent;
    }
}

.webform-field-attachment-control {
    padding-top: 4px;
    width: 100%;
    height: 100%;
}
.webform-uploadform-card {
    border-radius: @border-radius;

    .webform-field-attachment-uploading {
        background-color: transparent !important;
    }

    .webform-field-attachment-uploading .x-btn-inner-d-btn-link-small {
        color: #999999 !important;
    }
}

.webform-uploadform .webform-uploadcontainer {
    border-radius: @border-radius;
    border-color: @border-color;
}

.webform-submitform {
    .webform-rejectionbutton {
        float: right
    }

    .webform-controlrejectedpreview .webform-controlplace .x-form-trigger-wrap {
        background: #fff;
    }

    .webform-rejectionpreview.upload-control {
        .rejection-reason-label {
            padding: 0 20px;
        }

        .x-panel-body-default {
            padding: 0 2px !important;
        }
    }

    .webform-rejectionpreview {
        margin-top: 15px;

        .x-box-target {
            .x-panel-body-default {
                background: rgba(255, 202, 194, 0.5);
                padding: 0 20px;
                margin: 0 1px;
            }

            .webform-uploadform .x-panel-body-default {
                background: none;
            }
        }
    }

    .webform-controllabel {
        margin-bottom: 5px !important;
    }

    .rejectionpreviewapproved-icon {
        float: left;
        margin-top: -2.5px;
        margin-right: 5px;
        display: none;
    }

    .webform-uploadform-card .webformuploadrejectbtn {
        float: right;
    }

    .webform-controlrejected-upload .rejectionreason {
        width: 95%;
        margin-right: 10px;
        margin-left: 10px;
    }

    .webform-controlplace {
        display: block;
        margin-right: 2px;
        margin-top: 20px;
        margin-bottom: 20px;

        .x-form-item-default {
            overflow: visible !important;
        }

        .x-form-trigger-wrap {
            width: 100%;
        }

        .x-form-item-label-inner {
            width: 100% !important;
            padding-bottom: 5px;
            height: auto;
        }

        .x-form-cb-default {
            margin-top: 0px;
        }

        .x-form-item-label-default {
            min-height: unset !important;
        }

        .x-form-item-label-inner-default {
            min-height: unset !important;
        }

        .x-form-item-body, .x-form-item-label {
            width: 100% !important;
            max-width: inherit;
            display: block;
            text-align: left;
        }

        .x-form-item {
            display: block;
        }

        .x-form-type-checkbox {
            display: flex;
            display: -webkit-box;
            display: -ms-flexbox;

            .x-form-item-label {
                order: 2;
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                width: 100% !important;
                padding-top: 1px;
                padding-left: 2px;
            }

            .x-form-cb-wrap-default {
                margin-top: -5px !important;
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
                width: auto !important;
                margin: auto 4px auto -4px;
            }
        }
    }
}

.webform-submitform {
    .webform-controlplace .x-form-type-checkbox {
        margin-left: 5px;
    }
}

.webform-section {
    padding: 0 !important;

    .x-panel-header-top {
        background-color: transparent;
    }

    .x-title-item {
        color: black;
        font-size: 18px;
        line-height: 22px;
    }

    .x-tool-pressed .x-tool-tool-el {
        opacity: 0.8;
    }

    .x-tool-tool-el {
        color: #999 !important;
    }
}

.webform-submitform {
    padding: 0px 16px !important;

    .x-form-text-default.x-form-textarea {
        min-height: 150px;
    }

    .webform-rejectionpreview {
        .webform-field-attachment-info a.x-btn-d-btn-link-small:not([class*="webform-field-attachment-"]) {
            display: none;
        }

        .rejectionreasonpreview {
            .x-panel-body {
                padding: 0px 20px 10px 20px;
                background: rgba(255, 202, 194, 0.5);
            } .x-form-trigger-wrap {
                background: #fff;
            }
        }
    }

    .rejectionreasonpreview .webform-rejectionpreview .rejectionreasonpreview .webform-rejectionpreviewapproved-icon {
        float: left;
        margin-top: -1.5px;
        margin-right: 5px;
    }

    .webform-uploadform-card .webformrejectbtn {
        margin-top: 0px !important;
        margin-left: 0px !important;
    }

    .webform-uploadform-card .rejectionreason {
        width: 93%;
        margin-left: 10px;
    }

    .webformrejectbtn .x-btn-wrap {
        width: 100px !important;
        max-width: 100px !important;
        float: right;
    }

    .checkbox-wrapper .webformrejectbtn {
        top: 7px !important;
    }

    .webformrejectbtn {
        margin-top: 14px !important;
        margin-left: 20px !important;
    }

    .rejectionreasonpreview .webform-uploadform .x-panel-body {
        background: none !important;
    }

    .x-form-item-label-top .x-form-item-label-text {
        padding-left: 0px !important;
    }

    .webform-section .x-panel-header-top {
        background-color: transparent;
    }

    .webform-section .x-title-item {
        color: black;
        font-size: 18px;
        line-height: 22px;
    }
}

.webform-submitform {
    margin-top: -2px !important;
}

@media screen and (max-width: 992px) {
    .webform-submitform {
        padding: 2px !important;
    }
}

.webform-submitform {
    .webform-field-attachment-control .x-form-cb-label-default {
        margin-top: 0px;
    }

    .d-dynamonumeric .d-publicface {
        border-color: #F2F2F2;
        background-color: #F2F2F2;
    }

    .webform-controlrejected {
        .x-form-cb-label {
            color: #de0000;
        }

        .x-form-item-label {
            color: #de0000;
        }

        .x-form-trigger-wrap, .d-publicface {
            color: #de0000;
            background: rgba(255, 202, 194, 0.5);
        }

        .x-form-field {
            color: #de0000 !important;
        }

        .x-form-item {
            color: #de0000;
        }

        .x-form-text-default {
            color: #de0000 !important;
        }
    }

    .rejectionreason .x-form-trigger-wrap {
        background: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: green;
    }

    .webform-field-attachment-info-label, .webform-field-attachment-info-icon {
        cursor: auto !important;
        opacity: 1;
    }

    .webform-field-attachment-info-label .x-btn-inner-d-btn-link-small {
        position: absolute;
        left: 0px;
        color: #404040;
    }

    .webform-field-attachment-info-label .x-btn-wrap-d-btn-link-small {
        min-width: 60px;
        max-width: 370px;
    }

    .webform-controlrejected-upload .x-panel-body {
        color: #de0000;
        background: rgba(255, 202, 194, 0.5);
    }

    .webform-uploadcontainer {
        background: #fff;
    }

    .webform-controlrejectedpreview .webform-uploadform .x-panel-body {
        background: rgba(255, 202, 194, 0);
    }

    .webform-uploadform-card {
        background: #fff !important;
    }

    .x-form-item-label-top {
        display: table-row !important;
        height: 1px !important;
    }

    .x-field-default.x-form-item-label-top {
        display: table-cell;
        height: 1px !important;
    }

    .checkbox-with-line-label {
        margin-top: 5px;
    }
}

.webform-submitform {
    .webform-uploadform-card .webformrejectbtn-3-colmns {
        display: block;
    }

    .webform-uploadform-card .webformrejectbtn {
        padding: 7px 0;
    }

    .webform-controlrejected {
        .x-form-item-label {
            color: #de0000 !important;
        }

        .x-form-text-default {
            background-color: transparent;
        }
    }

    .rejectionreason .x-form-text-default {
        background-color: transparent;
    }

    .webformuploadrejectbtn .x-btn-icon-el-default-small {
        color: #de0000;
    }

    .webform-uploadform-card {

        .webform-field-attachment-info-icon,
        .webform-field-attachment-info-label {
            background-color: transparent;
        }

        .x-btn-d-btn-link-small {
            opacity: 1 !important;
            border-style: none !important;
        }

        .webform-field-attachment-info-icon .x-btn-icon-el-d-btn-link-small {
            color: #999999 !important;
            margin-right: 10px;
        }
    }
}

//@wms-field-bg: @form-input-background-color;
@wms-label-bg: @highlight-background-color;
@wms-field-bg: @form-field-background-color;
@wms-border: 1px solid @border-color;
@wms-label-color: @form-input-label-color ;

.wms-tree {
    .x-panel-body-default,
    .x-toolbar-default,
    .x-panel-d-content-panel,
    .x-panel-body-d-content-panel {
        background: none;
        padding: 0px;
    }

    .x-grid-item:last-child {
        border-bottom: @wms-border;
    }

    .x-grid-item-container {
        padding: 4px 2px 4px 2px;
    }

    .x-grid-cell-inner {
        padding: 0px;
        border-left: @wms-border;
        border-right: @wms-border;
    }
    //.wms-tree-column {
    .wms-operation-node .x-grid-cell-inner .x-grid-widgetcolumn-cell-inner {
        border-top: @wms-border;
        border-left: @wms-border;
        border-right: @wms-border;
    }

    .wms-parameter-node .x-grid-cell-inner .x-grid-widgetcolumn-cell-inner {
        border-left: @wms-border;
        border-right: @wms-border;
    }
}

.wms-parent {
    padding: 2px !important;
    border-top: @wms-border;
}

.wms-add-toolbar {
    padding: 2px 2px 5px 2px !important;
}

.wms-wfunionoperation {
    padding: 1px 1px 1px 130px !important;

    .wms-union-group {
        border-bottom: @wms-border;
    }
}

.wms-wfparameter {
    padding: 1px 15px 1px 100px !important;
}

//.wms-node {
.wms-fields {
    padding: 3px 5px 2px 5px !important;

    .x-form-field,
    .x-form-text,
    .x-form-text-default,
    .x-form-trigger-default {
        background-color: white;
    }

    .x-form-item-label-default,
    .x-form-item-label {
        background: none;
    }

    .x-form-textarea-body {
        width: 100%;
        background: none;
    }

    .x-panel-body-d-content-place {
        background: none;
    }

    .x-tagfield .x-tagfield-list .x-tagfield-item {
        background-color: @wms-field-bg;
    }

    .wms-right-spacing {
        padding-right: 2px;
    }

    .wms-left-spacing {
        padding-left: 2px;
    }

    .wms-delimeter {
        font-weight: bold;
        font-size: 18px;
        line-height: 10px;
        padding: 5px;
        color: @wms-label-color;
        background: none;
    }

    .wms-operation-label {
        font-size: 12px;
        line-height: 12px;
        padding: 5px 5px 5px 0px;
        color: @wms-label-color;
    }

    .wms-useid-check {
        .x-form-item-label,
        .x-form-item-label-default {
            padding-left: 8px;
            padding-right: 0px !important;
            width: 70% !important;
        }
    }

    .wms-useid-check {
        .x-form-item-label,
        .x-form-item-label-default {
            padding-left: 8px;
            padding-right: 0px !important;
            width: 70% !important;
        }
    }
}
//}

.wms-toolbar-inner {
    border-bottom: @wms-border;
    padding: 10px;
}

.wms-group-label {
    line-height: 32px !important;
    padding: 3px;
    color: @wms-label-color;
}

.wms-remove-btn-colors {
    background-color: transparent !important;
    border-color: transparent !important;
}

.wms-remove-btn {
    background-image: url('../Content/icons/generic/delete-small-light.png') !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px;
    display: inline-block;
    width: 23px;
    .wms-remove-btn-colors();

    &:hover {
        background-image: url('../Content/icons/generic/delete-small-color.png') !important;
        .wms-remove-btn-colors();
    }

    &:active {
        background-image: url('../Content/icons/generic/delete-small-color.png') !important;
        .wms-remove-btn-colors();
    }
}

.x-btn .wms-remove-btn {
    margin: 1px;
    .wms-remove-btn-colors();
}

.wms-remove-prop {
    padding: 10px 1px 1px 1px;
    .wms-remove-btn();
}

.wms-remove-group {
    padding: 15px 1px 1px 1px;
    .wms-remove-btn();
}

.wms-changed {
    .x-btn-inner-default-toolbar-small {
        color: red;
    }
}

.wms-required {
    .x-form-trigger-wrap-default {
        border-color: red;
    }
}

.row-changed {
    animation: blinking-background 1s infinite;
    animation-iteration-count: 1
}

@keyframes blinking-background {
    0% {
        background-color: #ffffff;
    }

    15% {
        background-color: #f48f96;
    }

    35% {
        background-color: #f1dbdd;
    }

    100% {
        background-color: #ffffff;
    }
}

@button-gray-color: #E5E5E5;

.icon-workspacetabs-plus {
	background-image: url('/new/Content/icons/generic/plus-icon.png') !important;
	background-size: 12px !important;
	background-repeat: no-repeat;	
}

.icon-three-vertical-dots {
	background-image: url('/new/Content/icons/generic/three-vertical-dots.svg') !important;
	background-size: 3px !important;
	background-repeat: no-repeat;
}

.add-workspacetab-btn {
	border: none !important;
	margin-left: 5px !important;
	background-color: @button-gray-color !important;
	height: 30px !important;
	width: 50px !important;
}

.tab-container {
	height: 33px !important;
	padding-left: 8px;
	padding-right: 20px !important;

	.x-panel-d-content-place-outer-border-trbl {
		height: 30px !important;
		padding: 0px !important;
		border: none !important;
		border-bottom: solid @button-gray-color !important;

		&.active-tab-inner {
			border-bottom: 3px solid #003366 !important;
		}
	}
}

.workspacetab-text {
	border: none !important;
	background-color: @button-gray-color !important;
	padding: 7px 1px 7px 7px;

	&:hover {
		background-color: @button-gray-color !important;
	}

	.x-btn-inner {
		color: #333 !important;
	}

	.x-btn-d-btn-secondary-small {
		padding: 7px 1px 7px 7px;
	}
}

.workspacetab-btn {
	border: none !important;
	height: 30px !important;
	background-color: @button-gray-color !important;
	padding: 1px 1px 1px 1px;

	&:hover {
		background-color: @button-gray-color !important;
	}

	.x-btn-arrow-right:after {
		color: @button-gray-color;
		content: '';
		width: 0px !important;
	}
}

.d-new-outlook-entity {
    .d-auto-tag-btn {
        width: 29px !important;
        height: 25px !important;
        margin-left:0 !important;
        top: -2px !important;
        background-color: rgb(255, 255, 204) !important;


        &.x-btn-over {
            background-color: rgb(255, 255, 204) !important;
        }
    }
}

.dynamocarousel {
    & .x-panel-body-default,
    & .x-panel-default,
    & .x-panel-bodyWrap {
        height: 100% !important;
    }

    & .x-tab-bar-default {
        top: initial !important;
        bottom: 0;
        height: 40px;
        margin-left: 0;
    }

    & .x-tab-default {
        height: 40px;
        width: 40px;
        padding: 0;
        margin: 0 5px;
        border: none;
        background-color: transparent;
    }

    & .x-tab.x-tab-active.x-tab-default,
    & .x-tab-default.x-tab-over {
        background-color: transparent;
    }

    & .x-tab-default:after {
        cursor: pointer;
        content: '';
        width: 100%;
        height: 4px;
        background-color: @swatch-gray-2;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-radius: 12px;
        -webkit-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

    & .x-tab.x-tab-active:after,
    & .x-tab-over.x-tab-default:after {
        background-color: @swatch-gray-4;
    }

    & .x-scroller {
        height: 40px !important;
    }

    & .x-toolbar-default.x-docked-bottom {
        position: absolute !important;
        top: 10px !important;
        height: calc(100% - 45px);
        padding: 5px 0;
        background-color: transparent;
        pointer-events: none;
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    & .x-tab-bar-bottom > .x-tab-bar-strip-default {
        border-width: 0;
    }

    & .x-toolbar-default.x-docked-bottom .x-box-inner,
    & .x-toolbar-default.x-docked-bottom .x-box-inner .x-box-target {
        height: 100% !important;
        width: 100% !important;
    }

    & .slide-prev,
    & .slide-next {
        height: 100%;
        pointer-events: auto;
        border: none;
        -webkit-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
        padding: 5px;
        background-color: @swatch-white;
    }

    & .x-btn-icon-el-default-toolbar-small {
        color: @swatch-gray-2;
        -webkit-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
        width: 40px !important;
        height: 40px !important;
    }

    & .slide-prev:hover .x-btn-icon-el-default-toolbar-small,
    & .slide-next:hover .x-btn-icon-el-default-toolbar-small {
        color: @swatch-gray-4;
    }

    & .x-btn-icon-el-default-toolbar-small:before,
    & .x-btn-icon-el-default-toolbar-small:after {
        font-size: 40px;
        line-height: 40px;
        width: 40px;
    }

    & .x-btn-over {
        background-color: @swatch-white !important;
    }
}

.single-picker-dialog {
    .selection-buttons {
        padding: 0 15px 0 20px;
    }

    .d-singlepickerdialog-expand-all {
        margin-left: -10px !important;
    }
}

.multipicker-dialogselector {
    .tagcontainer {
        padding-bottom: 0;
    }

    .dynamotagfield {
        & .x-tagfield-input {
            width: 0;
        }

        &.form-focus,
        & .x-tagfield-list {
            .x-tagfield-item.x-tagfield-item-selected {
                border: 1px solid @swatch-red;
                border-radius: 3px;

                .x-tagfield-item-close {
                    color: @swatch-red;
                }
            }
        }
    }

    .d-grid-edit-mode {
        padding-top: 8px;
    }

    .x-grid-cell-inner {
        height: 30px !important;

        &:has(.d-grid-icon-16) {
            padding-top: 4px;
        }
    }

    .selection-buttons {
        padding: 0 0 0 20px;
        background-color: @swatch-white;

        .x-btn {
            padding: 0 !important;

            .x-btn-inner {
                color: @links-color;
            }

            text-decoration: none;
            cursor: pointer;
            border: none !important;
            background-color: @swatch-white !important;

            &:hover, &:active {
                text-decoration: underline;
            }
        }
    }

    .buttonstoolbar {
        border-width: 0;
    }
}

.single-picker-dialog,
.multipicker-dialogselector {
    & .create-new-menu {
        &.create-new-menu-with-items {
            & .x-menu-item-text {
                padding-right: 24px;
            }
        }

        & .x-menu-item-text {
            min-width: auto;
            margin: 0px;
            padding-left: 24px;
            padding-right: 4px;
        }

        & .x-menu-item-icon {
            top: 5px;
            left: 0;
            color: @icon-color !important;
        }

        & .x-menu-item-arrow {
            top: 9px;
            right: 5px;

            &:before {
                content: '\0388';
            }
        }

        & .x-menu-item-default.x-menu-item-focus:hover,
        & .x-menu-item-default.x-menu-item-active:hover {
            background-color: @swatch-gray-1;

            & .x-menu-item-icon {
                color: @icon-color-active !important;
            }
        }

        & .x-menu-item-default.x-menu-item-focus,
        & .x-menu-item-default.x-menu-item-active {
            background-color: @swatch-white;

            & .x-menu-item-icon {
                color: @icon-color;
            }
        }
    }
}

.multipicker-tagdialogselector {
    .tagcontainer {
        padding-bottom: 0;
    }

    .dynamotagfield .x-tagfield-input {
        width: 0;
    }

    .d-grid-edit-mode {
        padding-top: 8px;

        & .icon-color-editor {
            background-color: transparent;
            border: none;
            width: 20px !important;

            & .x-btn-icon-el {
                color: @icon-color;
                position: relative;
                right: 6px;
            }

            & .x-btn-arrow-right:after {
                display: none;
            }
        }

        & .colored-tag:before {
            color: inherit !important;
        }
    }

    .selection-buttons {
        padding: 0 0 0 20px;
        background-color: @swatch-white;

        .x-btn {
            padding: 0;
            text-decoration: none;
            cursor: pointer;
            border: none !important;
            background-color: @swatch-white;

            .x-btn-inner {
                color: @links-color;
            }

            &:hover, &:active {
                text-decoration: underline;
            }
        }

        & .x-edit-mode-btn {
            padding-right: 4px;
        }
    }
}

//from Ext theme

.d-grid-picker {
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);
    border-radius: @border-radius;
}

.d-grid-picker {
    .x-grid-with-row-lines .x-grid-item.x-grid-item-over {
        border: none;
    }

    .x-grid-with-row-lines .x-grid-item-over + .x-grid-item {
        border: none;
    }

    .x-grid-item {
        border: none;

        .x-grid-cell:not(.d-entity-icon-cell):not(.x-action-col-cell) {
            padding-left: 4px;
        }
    }

    .x-grid-item-over {
        background-color: @highlight-background-color;

        &:active {
            background-color: @base-highlighting-color;
        }
    }

    .d-grid-item-focused {
        background-color: @highlight-background-color;

        [class*="icon-"], [class*="icon-"]:before, [class*="icon-"]:after {
            color: @icon-color-active;
        }


        &:active {
            background-color: @base-highlighting-color;
        }
    }

    .x-grid-item-selected {
        background-color: @base-highlighting-color;
    }

    .d-entity-icon-cell .x-grid-cell-inner {
        padding: 7px 0px 0px 12px;
        overflow: visible;
    }

    .x-grid-cell {
        &:not(.x-grid-cell-first) .x-grid-cell-inner {
            padding-left: 0;
        }
    }

    .x-grid-item-container {
        border-top: 1px solid @swatch-theme-color;
    }
    /*Add relations*/
    .create-new-top {
        box-shadow: none;
        width: 100% !important;
    }

    .create-new-top > .x-menu-bodyWrap {
        border-bottom: solid 1px #ebeef2;
    }

    .create-new-top .x-menu-item {
        max-width: 100% !important;
    }

    &.create-new-grid .x-grid-row-summary.x-grid-row-total {
        display: none;
    }
}

.fieldchooser {

    .field-selector-btns {
        .x-box-inner {
            overflow: visible !important;
        }

        margin-left: 6px;
        margin-right: 6px;
        background-color: @swatch-gray-2;
        width: @new-general-panel-margin !important;
        overflow: visible !important;
        align-content: center;
    }

    .field-selector-btn.x-btn {
        .x-btn-icon {
            top: 1px;
            padding: 0;
            margin: 0;
            align-content: center;
        }

        width: 20px !important;
        height: 20px;
        padding: 0 0 8px 0;
        margin: 0 0 5px 0;
        border: none;
        align-content: center;
        vertical-align: middle;
        left: -6px !important;

        .x-btn-icon {
            padding: 0 0 3px 0;
        }
    }

    .icon-left-back:before {
        content: '\0072';
        color: @swatch-white !important;
        line-height: 20px;
    }

    .icon-right-go:before {
        content: '\0037';
        color: @swatch-white !important;
        line-height: 20px;
    }

    .fieldselector-grid-rowselected,
    .fieldselector-selected-fields-grid-rowselected {
        background-color: @base-highlighting-color !important;
    }


    .fieldselector-selected-fields-grid-rowselected .fieldselector-iconcolumn-reorder,
    .fieldselector-selected-fields-grid-rowover .fieldselector-iconcolumn-reorder,
    .fieldselector-grid-rowover .field-selector-grid-icon-info,
    .fieldselector-grid-rowselected .field-selector-grid-icon-info {
        opacity: 1;

        &:before {
            color: @icon-color-active !important;
        }
    }

    .field-selector-grid-icon-info, .fieldselector-iconcolumn-reorder, .selected-fields-grid-xicon {
        opacity: 0;
    }

    .fieldselector-selected-fields-grid-rowover,
    .fieldselector-grid-rowover {
        background-color: @highlight-background-color;
    }

    .fieldselector-selected-fields-grid-rowselected .selected-fields-grid-xicon,
    .fieldselector-selected-fields-grid-rowover .selected-fields-grid-xicon {
        opacity: 1;
        color: @icon-color;
    }


    .selected-fields-grid-labeldiv {
        text-align: left;
    }


    .selected-fields-removecolumn {
        cursor: pointer;
    }


    .selected-fields-grid-xicon:hover {
        color: @swatch-red;
        cursor: pointer;
    }

    .selected-fields-removecolumn.x-grid-td {
        vertical-align: middle;
    }

    .field-selector-search .x-form-search-trigger {
        cursor: pointer;
    }

    background-color: @swatch-white !important;

    .selected-fields-d-header {
        .x-box-inner {
            height: 32px !important;
        }

        height: 48px !important;
    }

    & .selectedfieldsgrid {
        & .icon-color-editor {
            background-color: transparent;
            border: none;
            width: 20px !important;

            & .x-btn-icon-el {
                position: relative;
                right: 6px;
            }

            & .x-btn-arrow-right:after {
                display: none;
            }
        }

        & .colored-selected-field:before {
            color: inherit !important;
        }
    }
}

.cf-input-field-color {
    .x-form-text-default,
    .x-form-trigger-default {
        background: @form-field-background-color !important;
    }

    .x-form-trigger-wrap.x-form-trigger-wrap-focus {
        background: @swatch-white;
    }

    .x-form-trigger-focus {
        background: @swatch-white !important;
    }
}

.cf-input-field-color-focus {
    background: @swatch-white !important;
}

.cf-operation-tag-focus {
    .x-tagfield-item,
    .d-tags-list-item, a {
        background: @form-field-background-color !important;
    }
}

.cf-operation-tag {
    .x-tagfield-item,
    .d-tags-list-item, a {
        background: @swatch-white;
    }
}

.cf-toolbar-btn-first {
    .dd-toolbar-button-item();
    .dd-toolbar-button-item-first-in-group();
}

.cf-toolbar-btn-last {
    .dd-toolbar-button-item();
    .dd-toolbar-button-item-last-in-group();
    .dd-toolbar-button-item-test();
    margin-left: -2px !important;
}

.cf-toolbar-btn {
    .cf-toolbar-btn-first();
    .cf-toolbar-btn-last();
}

.cf-toolbar-separator {
    margin: 0 0 0 0;
    height: 14px;
    top: 4px;
    line-height: 18px;
    position: absolute;
    background: none;
}

.cf-border {
    border-bottom: solid 1px @form-field-background-color;
}

.cf-tags {

    li.x-tagfield-item {
        background-color: @swatch-white;
        border: none;
        margin: 0px;
        padding: 0px 8px 0px 8px !important;

        &:hover {
            background-color: @highlight-background-color;
        }
    }

    li.x-tagfield-item.cf-separator {
        &:hover {
            background-color: white;
        }
    }

    div.x-form-text-default.x-tagfield {
        padding-left: 0px;
        padding-top: 0px;
    }

    .x-toolbar-separator,
    .x-toolbar-default,
    .x-toolbar-separator-horizontal {
        margin-right: 4px !important;
        border-width: 0px !important;
    }
}

.cf-separator {
    .cf-toolbar-separator();
    border-style: solid;
    border-width: 0 0 0 1px;
    border-left-color: @highlight-border-color;
    border-right-color: @swatch-black;
}

.cf-msg {
    background: @swatch-yellow;
    color: @swatch-green;
    padding: 8px;
    white-space: normal;
    word-wrap: break-word;
}

.cf-error-msg {
    background: @swatch-yellow;
    color: red;
    padding: 8px 8px 8px 0px;
    white-space: normal;
    word-wrap: break-word;
}

.cf-error-msg-icon {
    padding: 8px;
    background: @swatch-yellow;
}

.guidedsearch {
    .guidedsearch-field {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;

        .guidedsearch-tags-field {
            width: 100%;
            order: 1;
            display: flex;

            .d-tags-list-container {
                order: 1;
                width: 100%;
                display: flex;
            }
        }

        .x-form-clear-trigger {
            position: relative;
            order: 0;
            top: auto;
        }

        .x-form-search-trigger, .d-search-progress {
            order: 2;
        }
    }

    .d-tags-list {
        display: flex;
        flex-wrap: nowrap;
        flex-grow: 1;
        padding: 0;

        .d-tags-list-item {
            height: auto;
            white-space: nowrap;
            margin-bottom: 4px;
            padding: 0px 20px 0px 6px;
            border-radius: 8px;

            a.d-tags-list-item-close {
                top: 2px;
            }
        }

        .d-tags-list-extra {
            min-width: 140px;

            .x-form-text {
                padding-left: 8px;
                padding-bottom: 4px;
            }
        }
    }

    &.x-field-focus {
        .d-tags-list {
            .d-tags-list-item {
                background-color: @highlight-background-color;
            }
        }
    }
}

.guidedsearch-picker {
    .x-panel-body {
        .x-grid-with-row-lines {
            .x-grid-item-container {
                .x-grid-item {
                    border: none;

                    .guidedsearch-picker-section-title-row {
                        background-color: @swatch-white;
                        font-weight: @font-weight-bold;
                    }
                }
            }
        }
    }
}

.x-safari.x-mac.x-desktop .guidedsearch {
    .guidedsearch-field {
        .x-form-clear-trigger {
            margin-top:-2px;
        }
    }
}

.x-chrome.x-desktop .guidedsearch {
    .guidedsearch-field {
        .x-form-clear-trigger {
            margin-top: -1px;
        }
    }
}

.quicksearch, .entitysearchfield {
    .x-form-search-trigger {
        border-radius: 0 @border-radius @border-radius 0;
    }

    .x-form-clear-trigger {
        position: absolute;
        left: 1px;
        border-radius: @border-radius 0 0 @border-radius;
    }

    &.clear-search-visible .x-form-text {
        padding-left: 32px;
    }
}

.quicksearch .x-form-clear-trigger {
    line-height: 32px;

    &:before {
        content: '\006E';
    }
}

.x-safari.x-mac.x-desktop .quicksearch {
    .x-form-clear-trigger {
        top: 0px;
    }
}

.d-quicksearch-icons {
    &:before {
        color: transparent;
        /*margin-top: -3px !important;*/
    }

    &:not(.icon-deleterow) {
        margin-left: 4px;
    }
}

d-quicksearch-icons.favTab.icon-ws-favorite,
.d-quicksearch-icons.favTab.icon-ws-favorite-fill {
    margin-left: 12px !important;
}

.d-quicksearch-recent-items-value {
    overflow: hidden;
    text-overflow: ellipsis;
}

.d-quicksearch-recent-items-value-wrapper {
    display: flex;
    align-items: center;
}

.d-quicksearch-icons {
    font-size: 16px;

    &:hover {
        &:before {
            cursor: pointer;
        }
    }

    &.favTab {
        &.icon-deleterow {
            height: 16px;
            width: 16px;

            &:before {
                color: transparent;
            }

            &:hover {
                &:before {
                    color: @swatch-red !important;
                }
            }

            &:active {
                &:before {
                    color: @swatch-black !important;
                }
            }
        }
    }

    &.icon-ws-favorite-fill {
        &:before {
            content: '\03CE';
        }
    }

    &.icon-ws-favorite {
        &:before {
            content: '';
            color: transparent;
        }

        &:hover:before,
        &:active:before {
            content: '\03CE';
            color: @icon-color-active !important;
        }
    }
}

.quicksearch-recent {
    .x-grid-with-row-lines {
        .x-grid-item-container {
            border-top: 1px solid @swatch-theme-color;
            padding-bottom: 4px;
        }

        .x-grid-item {
            border: none;

            .x-grid-cell:not(.d-entity-icon-cell):not(.x-action-col-cell) {
                padding-left: 4px;

                .x-grid-cell-inner {
                    padding-right: 8px;
                }
            }

            .d-entity-icon-cell {
                .x-grid-cell-inner {
                    padding: 7px 0px 0px 12px;
                    overflow: visible;
                }
            }

            .d-grid-item-focused {
                background-color: @highlight-background-color;

                .d-entity-icon-cell {
                    .d-grid-icon-16:before {
                        color: @icon-color-active;
                    }
                }

                .icon-ws-favorite {
                    &:before {
                        color: transparent;
                    }
                }
            }

            &.x-grid-item-over {
                background-color: @highlight-background-color;

                .d-entity-icon-cell {
                    .d-grid-icon-16:before {
                        color: @icon-color-active;
                    }
                }

                .icon-ws-favorite-fill {
                    &:before {
                        color: @icon-color-active;
                    }

                    &:hover:before,
                    &:active:before {
                        color: @icon-color-active;
                    }
                }

                .icon-ws-favorite {
                    &:before {
                        content: '\03CE';
                        color: @icon-color;
                    }
                }

                .icon-deleterow {
                    &:before {
                        color: @icon-color;
                    }
                }
            }

            .x-action-col-cell {
                .x-grid-cell-inner {
                    padding: 7px 4px;
                }
            }

            &:active {
                background-color: @base-highlighting-color;
            }
        }
    }
}

.quicksearch-toolbar {
    background-color: @swatch-white;
    padding: 0;
    border: 0;

    .x-toolbar-item {
        margin: 0 0 0 0;
    }

    .quicksearch-msg {
        padding: 8px 12px 4px 12px;
        line-height: 21px;
        color: @swatch-theme-color-text;
        border: none;
        background-color: white;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;

        &.recent, &.favorites {
            & [class*="icon-"] {
                font-size: 16px;
                margin-right: 4px;

                &:before {
                    color: @icon-color;
                }
            }

            &:hover {
                background-color: @highlight-background-color;

                & [class*="icon-"] {
                    &:before {
                        color: @icon-color-active;
                    }
                }
            }

            &:active {
                background-color: @base-highlighting-color;
            }
        }
    }

    .quicksearch-msg-active {
        color: @swatch-black;
        background-color: @swatch-white;
        border-bottom: 4px solid @swatch-theme-color;

        &.recent, &.favorites {
            & [class*="icon-"] {
                &:before {
                    color: @icon-color-active;
                }
            }
        }
    }

    .search a:hover {
        text-decoration: underline;
    }
}

.quicksearch-msg-global-search {
    padding: 2px 0px 4px 0px;
    line-height: 21px;
    background-color: #ffc;
}

.quicksearch-msg-red {
    color: @swatch-red;
}

.quicksearch-msg-search:hover {
    text-decoration: underline;
}

.scroll-down-btn {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    height: 32px !important;
    width: 32px;
    max-width: 32px;
    max-height: 32px;
    top: auto !important;
    left: auto !important;
    z-index: 5;

    & .x-btn-icon-el.icon-arrowdown:before {
        color: @base-color !important;
    }

    &.x-btn-over {
        background-color: @button-color-over;
        border-color: @button-color-over;

        & .x-btn-icon-el.icon-arrowdown:before {
            color: #fff !important;
        }
    }

    &.x-btn-pressed {
        background-color: #9ea1a6 !important;
        border-color: #9ea1a6 !important;

        & .x-btn-icon-el.icon-arrowdown:before {
            color: #fff !important;
        }
    }
}

.open-panel-btn {
    position: absolute !important;
    bottom: 10px !important;
    right: 10px !important;
}

.sticky-scroll-btn {
    position: sticky !important;
    display: -webkit-box;
    bottom: 10px !important;
    top: calc(100% - 45px) !important;
    left: 95% !important;
}

.scroll-down-btn {
    padding: 0;

    &.x-btn-over {
        border-color: @buttons-color;
        background-color: @buttons-color-light;

        & .x-btn-icon-el.icon-arrowdown:before {
            color: @buttons-color !important;
        }
    }

    &.x-btn-pressed .x-btn-icon-el.icon-arrowdown:before {
        color: @swatch-white !important;
    }
}

.selectorwidget-checkicon:before {
    color: #888;
    display: inline-block;
    font-family: DynamoSymbolsRegular;
    content: '0';
    font-size: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: baseline;
    margin-right: 5px;
    text-align: center;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.selectorwidget-msg-limitation {
    padding: 0px 10px 0px 10px;
}

.selectorwidget-entityicon {
    font-size: 16px;
    top: 3px !important;
    padding: 0 4px !important;
    color: @swatch-gray-4;
    height: 20px;
    width: 24px;

    &.icon-entity-missing:after {
        left: 1px;
        font-size: 14px;
        top: -18px;
    }
}

.selectorwidget-iconocolumn .x-grid-cell-inner {
    padding: 7px 0px;
}

.selectorwidget-iconocolumn-filter-field{
    opacity: 0;
}


.right-offset.selectorwidget-checkicon:before, .right-offset.selectorwidget-iconchecked:before {
    margin-left: 5px;
}

.selectorwidget-checkicon:before, selectorwidget-iconchecked:before {
    color: #888;
    display: inline-block;
    font-family: DynamoSymbolsRegular;
    width: 16px;
    line-height: 16px;
    vertical-align: baseline;
    text-align: center;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.selectorwidget-checkicon:before {
    font-size: 16px;
    content: '0';
}

.selectorwidget-iconchecked::before {
    font-size: 7px;
    content: '\00B7';
}

.insert-selected-fields {
    height: 32px !important;
}

.selector {
    .x-toolbar-default{
        padding: 16px 0 0 0 !important;
    }
}

.ds-signature-navigation {
    position: relative;
}

.ds-signature-navigation {
    .step {
        height: 42px;
        width: 42px;
        border-radius: 50%;
        display: inline-block;
        background: #d2d4d6;
        border: none;
        padding: 5px;
        background-clip: content-box;
        color: #fff;
        cursor: default;
        vertical-align: top;
        transition: .2s ease-out;
    }

    .step p {
        margin-top: 7px;
        margin-bottom: 7px;
        transition: .2s ease-out;
    }

    .step.step-active {
        background: @base-color;
        height: 42px;
        width: 42px;
        padding: 0;
    }

    .step.step-active p {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .step.step-completed {
        background: @base-color;
        background-clip: content-box;
        cursor: pointer;
    }

    .step.step-completed:hover {
        border: 2px solid;
        border-color: @base-color;
        padding: 3px;
    }

    .step.no-transition {
        transition: none;
    }

    .step.no-transition p {
        transition: none;
    }

    span.separator {
        width: 120px;
        height: 2px;
        display: inline-block;
        margin-top: 20px;
        margin-top: 20px;
        background: linear-gradient(to left, #d2d4d6 50%, @base-color 50%) right;
        background-size: 200%;
        margin-top: 20px;
        margin-bottom: 20px;
        transition: .2s ease-out;
    }

    span.separator.separator-completed {
        background-position: left;
    }

    div.navigation-container {
        text-align: center;
        height: 42px;
        width: inherit;

        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    div.separator-container {
        height: 42px;
        display: inline;
    }
}

.signature-setup {
    .box-label div div label {
        color: @body-color;
    }
}

.signature-setup {
    .new-envelope-check {
        left: 50%;
        transform: translateX(-36px);
    }

    .roles-group {
        width: 307px;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    /* why ? - in the base version of the radiobuttons the label is with margin-top:7px, but the radio itself is 4px */
    .role-item div div label {
        margin-top: 11px;
        color: @body-color;
    }
}

.ds-dedicated {

    .contact-selector-btns {
        .x-box-inner {
            overflow: visible !important;
        }

        margin-left: 6px;
        margin-right: 6px;
        background-color: @swatch-gray-2;
        width: 8px !important;
        overflow: visible !important;
        align-content: center;
    }

    .contact-selector-btn.x-btn {
        .x-btn-icon {
            top: 1px;
            padding: 0;
            margin: 0;
            align-content: center;
        }

        width: 20px !important;
        height: 20px;
        padding: 0 0 8px 0;
        margin: 0 0 5px 0;
        border: none;
        align-content: center;
        vertical-align: middle;
        left: -6px !important;

        .x-btn-icon {
            padding: 0 0 3px 0;
        }
    }

    .icon-left-back:before {
        content: '\0072';
        color: @swatch-white !important;
        line-height: 20px;
    }

    .icon-right-go:before {
        content: '\0037';
        color: @swatch-white !important;
        line-height: 20px;
    }

    .contactselector-grid-rowselected,
    .contactselector-selected-contacts-grid-rowselected {
        background-color: @base-highlighting-color !important;
    }


    .contactselector-selected-contacts-grid-rowselected .contactselector-iconcolumn-reorder,
    .contactselector-selected-contacts-grid-rowover .contactselector-iconcolumn-reorder,
    .contactselector-grid-rowover .contact-selector-grid-icon-info,
    .contactselector-grid-rowselected .contact-selector-grid-icon-info {
        opacity: 1;
        color: @icon-color-active !important;
    }

    .contact-selector-grid-icon-info, .contactselector-iconcolumn-reorder, .selected-contacts-grid-xicon {
        opacity: 0;
    }

    .contactselector-selected-contacts-grid-rowover,
    .contactselector-grid-rowover {
        background-color: @highlight-background-color;
    }

    .contactselector-selected-contacts-grid-rowselected .selected-contacts-grid-xicon,
    .contactselector-selected-contacts-grid-rowover .selected-contacts-grid-xicon {
        opacity: 1;
        color: @icon-color;
    }


    .selected-contacts-grid-labeldiv {
        text-align: left;
    }


    .selected-contacts-removecolumn {
        cursor: pointer;
    }


    .selected-contacts-grid-xicon:hover {
        color: @swatch-red;
        cursor: pointer;
    }

    .selected-contacts-removecolumn.x-grid-td {
        vertical-align: middle;
    }

    .contact-selector-search .x-form-search-trigger {
        cursor: pointer;
    }

    background-color: @swatch-white !important;

    .selected-contacts-d-header {
        .x-box-inner {
            height: 32px !important;
        }

        height: 48px !important;
    }

    .remove-signer-btn {
        .x-btn {
            padding: 0 !important;

            text-decoration: none;
            cursor: pointer;
            border: none !important;
            background-color: #fff !important;

            &:hover, &:active {
                text-decoration: underline;
            }
        }
    }

    .contactselector-selected-contacts-grid-rowselected .d-grid-icon-16:before {
        color: #161D2D !important;
    }
}

.ds-dedicated .x-panel-body-d-content-place {
    padding: 5px;
}


.selected-contacts-title, .available-contacts-title {
    left: 5px !important;
    border-bottom: white !important;
    width: 100%;
    font-size: 12px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}


.contact-selector-btns {
    background-color: #ebedef;
}

.contact-selector-btn.x-btn {
    background-color: #fff;
    border-radius: 100% !important;
    width: 28px;
    border: none;
}

.contact-selector-btn.x-btn.x-btn-over {
    background-color: #36c;
}

.contact-selector-btn.x-btn.x-btn-over .icon-right-go:before,
.contact-selector-btn.x-btn.x-btn-over .icon-left-back:before {
    color: #fff !important;
}



.contactselector-selected-contacts-grid {
    padding: 0 !important;
}

.contactselector-grid-rowselected,
.contactselector-selected-contacts-grid-rowselected {
    background-color: #ecedf1;
}

.contactselector-selected-contacts-grid-rowselected .contactselector-iconcolumn-reorder,
.contactselector-selected-contacts-grid-rowover .contactselector-iconcolumn-reorder {
    opacity: 0.4;
}

.contact-selector-grid-icon-info {
    opacity: 0;
}

.contactselector-rowlabel {
    font-size: 12px;
    padding: 5px;
}

.contactselector-iconcolumn-reorder {
    opacity: 0;
}

.contactselector-grid-rowover .contact-selector-grid-icon-info,
.contactselector-grid-rowselected .contact-selector-grid-icon-info {
    opacity: 0.8;
    color: #404040;
}

.available-contacts-info-column:hover {
    color: #36c !important;
}

.contactselector-rowdescription {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #B5B5B5;
}

.contactselector-selected-contacts-grid-rowover,
.contactselector-grid-rowover {
    background-color: #ebeef2;
    color: #404040;
}

.contactselector-selected-contacts-grid-rowselected .selected-contacts-grid-xicon,
.contactselector-selected-contacts-grid-rowover .selected-contacts-grid-xicon {
    opacity: 0.8;
}

.selected-contacts-grid-xicon {
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.4);
    opacity: 0;
}

.selected-contacts-grid-labeldiv {
    text-align: left;
}

.contactselector-selected-contacts-grid-rowselected.contactselector-selected-contacts-grid-rowover,
.contactselector-grid-rowover.contactselector-grid-rowselected {
    background-color: #ecedf1;
}

.selected-contacts-removecolumn {
    cursor: pointer;
}


.selected-contacts-grid-xicon:hover {
    color: red;
    cursor: pointer;
}

.selected-contacts-removecolumn.x-grid-td {
    vertical-align: middle;
}

.contact-selector-search {
    padding: 0 5px;
}

.contact-selector-search .x-form-search-trigger {
    cursor: pointer;
    padding-right: 5px;
    padding-top: 1px;
}

.remove-signer-btn {

    .x-btn {
        padding: 0 !important;

        text-decoration: none;
        cursor: pointer;
        border: none !important;
        background-color: #fff !important;

        &:hover, &:active {
            text-decoration: underline;
        }
    }
}

.template-setup {
    .types-group {
        width: 307px;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    /* why ? - in the base version of the radiobuttons the label is with margin-top:7px, but the radio itself is 4px */
    .type-item div div label {
        margin-top: 8px;
        color: @body-color;
    }
}

// wizard assistant
.d-wizard-form {
    padding: 16px 24px;
    background-color: #fff;
}

.wizard-chat-message {
    --_highlight-background-color: #F2F2F2; //@highlight-background-color;

    display: flex;
    padding-bottom: 10px;
    .name {
        width: 70px;
        padding-right: 10px;
    }
    .value {
        white-space: pre-wrap;
        flex-grow: 1;
        width: 100%;
    }
    .expression {
        background-color: var(--_highlight-background-color);
        border-radius: 20px;
        display: inline-block;
        font-weight: 600;
        margin-top: 5px;
        padding: 5px 10px
    }
}

.wizard-toolbar {
    padding: 6px 0 6px 0px;
}

.wizard-multiselector .x-grid-cell-inner {
    padding: 6px 0px;
}

// execute step -- preview triggers
.wizard-json {
    font-family: Arial, sans-serif;
    border-top: 1px solid black;
    /*border-bottom: 1px solid black;*/

    padding: 5px 20px;
}

.wizard-json-key {
    color: #333; /* Darker color for keys */
    font-weight: bold;
    width: 140px;
    display: inline-block;
}

.wizard-json-value {
    padding: 0px;
}

// expression highlighting
.d-wizard-publicface .d-publicface {
    --_highlight-background-color: #F2F2F2; //@highlight-background-color;

    border-color: var(--_highlight-background-color);
    background-color: var(--_highlight-background-color);
}

.d-wizard-gridfilter .d-publicface {
    padding: 4px 4px;
}

.d-wizard-portview .d-publicface {
    padding: 5px 0px;
}


/*.d-wizard-gridfilter .d-publicface {
    --_highlight-background-color: #F2F2F2; //@highlight-background-color;

    border-color: var(--_highlight-background-color);
    background-color: var(--_highlight-background-color);
    padding: 4px 4px;
}

.d-wizard-portview .d-publicface {
    --_highlight-background-color: #F2F2F2; //@highlight-background-color;

    border-color: var(--_highlight-background-color);
    background-color: var(--_highlight-background-color);
    padding: 5px 0px;
}
*/
.wizard-expression {
    color: #3366CC;
    padding-left: 5px;
}

.wizard-expression>.link {
    font-weight: 600;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.wizard-expression>.value {
    font-weight: 400;
}

.wizard-expression>.const {
    color: black;
}

.wizard-expression>.error {
    color: red;
}

.wizard-expression>.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.wizard-expression>.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.wizard-expression>.tooltip:hover .tooltiptext {
    visibility: visible;
}

.icon-play:before {
    content: '\f04B';
    font: 16px/1 FontAwesome;
}

// add and reorder buttons in the properties view - fields and choice

.wizard-round-button .x-btn-icon-el-d-btn-secondary-small {
    color: #b0b0b0;
}

.wizard-round-button {
    --_button-size: 30px;
    --_font-size: 20px;

    width: var(--_button-size);
    height: var(--_button-size);

    font-size: var(--_font-size);

    text-align: center;
    line-height: var(--_button-size);
    cursor: pointer;

    border: none;
    /* border-radius: 50%; */
}

// properties view

.x-form-trigger-assistant.x-form-trigger-default:before {
    content: '\f0eb';
    opacity: 0.5;
    font: 16px/1 FontAwesome;
}

.x-form-trigger-edit.x-form-trigger-default:before {
    content: '\063';
    opacity: 0.5;
}

.x-form-trigger-more.x-form-trigger-default:before {
    content: '\0438';
}


.d-wizard-properties-panel {
    padding: 0px 0px 0px 8px;
    border-left: 1px solid;
}

.wizard-properties-title {
    font-weight: 800;
    color: #555;
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: 1px solid #a0a0a0;
    /*border-bottom: 1px solid;*/
}

// navigator view
.wizard-category {
    font-weight: 800;
    border-bottom: 1px solid;
    padding: 2px 6px;
}

// execute step

.wizard-execute-add-row {
    color: #666;
    font-style: italic;
}

// fields step

.wizard-step-fields-description {
    color: #666;
    font-family: Open Sans;
    // font-size: 16px;
    // font-weight: 400;
    // line-height: 20px;
    letter-spacing: 0px;

    margin-top: 0em;
}

.wizard-step-fields-description * {
    margin-top: 0em;
    margin-bottom: 0em;
}

.wizard-step-fields-description>* {
    margin-top: 0em;
    margin-bottom: 0em;
}

// summary step

.wizard-step-summary-details {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;

    padding-left: 10px;
    margin-block-start: 0em;
}

.wizard-step-summary-details>div {
    margin-block-start: 0em;
}

.wizard-step-summary-details>p {
    white-space: pre-line;
    margin-block-start: 0em;
}

.wizard-step-summary-details>ul {
    margin-block-start: 0em;
}

.wizard-step-summary-details>ol {
    margin-block-start: 0em;
}

.wizard-step-summary-datenumber {
    display: inline
}
// wizard steps 

.wizard-header-sm {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    padding-left: 14px;
}

.wizard-card-title {
    /* card-title */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.wizard-choice-card-idle {
    border-radius: 10px;
    border: 2px solid #F0F0F0;
    background-color: #f6f6f6;
}

.wizard-choice-card-selected {
    border-radius: 10px;
    border: 2px solid #3366CC;
    background-color: #F0F0F0;
}

.wizard-choice-card-hover {
    border-radius: 10px;
    border: 2px solid #3366CC;
}

.wizard-card-body {
    /* card-body */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
    /*margin-left: 10px;*/
}

.wizard-card-body>ul {
    padding-left: 20px;
}

.wizard-card-body>ol {
    padding-left: 20px;
}

.wizard-card-selected {
    border: 2px solid #3366CC;
    border-radius: 8px;
    /* neutral/neutral-2 */
}

.wizard-card-hover {
    border: 2px solid red;
    border-radius: 8px;
}

.wizard-finish-center {
    display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wizard-finish-indeterminate-progress-bar {
    /* Color */
    background-color: #d1d5db;
    /* Rounded border */
    border-radius: 9999px;
    /* Size */
    height: 0.5rem;
    position: relative;
    overflow: hidden;
}

.wizard-finish-indeterminate-progress-bar__progress {
    /* Color */
    background-color: #3b82f6;
    /* Rounded border */
    border-radius: 9999px;
    /* Absolute position */
    position: absolute;
    bottom: 0;
    top: 0;
    width: 50%;
    /* Move the bar infinitely */
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: wizard-finish-indeterminate-progress-bar;
}

.wizard-finish-indeterminate-progress-bar__value {
    /* Color */
    background-color: #8f8f8f;
    /* Rounded border */
    border-radius: 9999px;
    /* Absolute position */
    position: absolute;
    bottom: 0;
    top: 0;
    width: 0%;
}

@keyframes wizard-finish-indeterminate-progress-bar {
    from {
        left: -50%;
    }

    to {
        left: 100%;
    }
}
//END: C:\Webroot\SG\new\wwwroot\dist\all-lucent.less