/*============================================================
    Notifications
============================================================*/
.notifyWarn,
.notifyError,
.notifyMessage,
.notifyWarnRTL,
.notifyErrorRTL,
.notifyMessageRTL {
    background-color: white;
    font-size: var(--increased-font-size);
    border-radius: 12px;
    /*border: var(--basic-border)*/
}



.notifyWarn,
.notifyError,
.notifyMessage {
    /*padding: 10px 45px 10px 10px;*/
    padding-right: 10px;
}

.notifyWarnRTL,
.notifyErrorRTL,
.notifyMessageRTL {
    padding: 10px 10px 10px 45px;
}

.notifyWarn,
.notifyWarnRTL {
    color: var(--warn-color);
}

.notifyError,
.notifyErrorRTL {
    color: var(--danger-color);
}

.notifyMessage,
.notifyMessageRTL {
    color: var(--neutral-color);
}

.notifyWarnActionLink,
.notifyErrorActionLink,
.notifyMessageActionLink {
    padding: 0;
    border: none;
    font: inherit;
    cursor: pointer;
    background: none;
}

.notifyWarnActionLink,
.notifyWarnActionLink:link,
.notifyWarnActionLink:hover,
.notifyWarnActionLink:visited {
    color: #4F140E;
}

.notifyErrorActionLink,
.notifyErrorActionLink:link,
.notifyErrorActionLink:hover,
.notifyErrorActionLink:visited {
    color: #F39C12;
}

.notifyMessageActionLink,
.notifyMessageActionLink:link,
.notifyMessageActionLink:hover,
.notifyMessageActionLink:visited {
    color: #2aa369;
}

.notifyMessage img {
    padding: 20px;
    background-color: var(--neutral-color);
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.notifyError img {
    padding: 20px;
    background-color: var(--danger-color);
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.notifyWarn img {
    padding: 20px;
    background-color: var(--warn-color);
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

/* Port of TextMate's Blackboard theme */
.cm-s-blackboard {
    font-size:var(--basic-font-size);
}


.folderPanel{
    border: 1px solid var(--basic-border-color);
    border-radius: var(--basic-border-radius);
}


/*============================================================
    1) General
============================================================*/
pre, textArea{
    font-family: Roboto;
}

.keepTogether{
    white-space: nowrap;
    text-wrap: nowrap;
}
.infiniteGridBody td.tallCell a,
.infiniteGridBody td.tallCellSelected a{
    color: var(--anchor-color);
    text-decoration: none;
}

.infiniteGridBody tr td.tallCell a div:hover,
.infiniteGridBody tr td.tallCell a:hover,
.infiniteGridBody tr td.tallCellSelected a:hover,
.infiniteGridBody tr td.tallCellSelected a:hover{
    color: var(--anchor-selected-color);
    text-decoration: underline;
}

.shortcutHint,
.shortcutHintDescription
{
    background-color: black;
    padding-left: 3px;
    padding-right: 3px;
    display: none;
    color: white;
    border: 1px solid white;
    border-radius: 50%;
}
.applicationDomain{
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;

    line-height: 30px;
}

.invisibleLabel{
    display:none;
}
.invisibleDetailBlock{
    border-left: 0px solid rgb(240, 240, 240);
    border-top: 0px solid rgb(240, 240, 240);
}
.invisibleDetailViewer{
    background-color: transparent;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
.invisibleDetail{
    padding:0px;
    /*padding-top:2px;*/
    font-size: var(--basic-font-size);
    line-height: 12px;
    background-color: transparent;
    /*color: var(--basic-text-color);*/
    border-right: 0px solid rgb(240, 240, 240);
    border-bottom: 0px solid rgb(240, 240, 240);
    word-wrap: break-word;
    word-break: break-all;
}

.invisibleDetailEmptyMessage{
    padding:0px;
    padding-top:10px;
    font-size: var(--basic-font-size);
    line-height: 12px;
    background-color: transparent;
    color: var(--basic-text-color);
    text-align:center;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight:500;
    color:var(--danger-color);
}

.invisibleDetailEmptyMessageNoPadding{
    padding:0px;
    padding-top:5px;
    font-size: var(--basic-font-size);
    line-height: 12px;
    background-color: transparent;
    color: var(--basic-text-color);
    text-align:center;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight:500;
    color:var(--danger-color);
}

.underlinedToolStrip {
    background-color: var(--control-background-color);
    border-bottom: var(--basic-border);
    border-top: var(--basic-border);
}

.marginToolStrip {
    margin-left: 20px;
    margin-right: 20px;
}

.marginPanel {
    margin-left: 20px;
    margin-right: 20px;
    margin-botton: 5px;
}

.simpleTable {
    margin: 3px;
    border: 1px solid #aaa;
    border-collapse: collapse;
}

.parentToolStrip {
    border-left: 1px solid #dbdfe5;
    border-right: 1px solid #dbdfe5;
    background-color: rgb(250, 250, 250);
    border-bottom: 1px solid rgb(246, 246, 246);
}

.simpleTable td {
    padding: 5px;
    border: 1px solid #aaa;
    border-collapse: collapse;
}

.simpleTable th {
    padding: 5px;
    background-color: #ccc;
    font-weight: bold;
    text-align: center;
    border: 1px solid #aaa;
    border-collapse: collapse;
}


pre {

    font-size: var(--basic-font-size);
}

/*.codeMirror pre {*/

/*    font-size: var(--basic-font-size);*/
/*}*/

.pageBackground {

    font-size: var(--basic-font-size);
    color: var(--basic-text-color);
    background: #FAFAFA;
}

/* default text */
.normal {

    font-size: var(--basic-font-size);
    color: var(--basic-text-color);
}

.defaultBorder {
    border: 1px solid #eee;
}

/* drag outline */
.dragOutline {
    border: 1px dashed #0B70F9;
}

/* drop indicator */
.dropBorder {
    background-color: #808080;
}


.toggleButton {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    transition: all .2s ease-in-out;
    font-weight: bold;
    border-radius: 25px;
    padding: 7px;
    text-align: center;
    transform: translate(-7px, 0px);
}

.toggleButton:hover {
    transform: scale(1.5) translate(6px, 0px);
}

/* hover canvas  */
.canvasHover,
.gridHover,
.formHover {
    white-space: pre;
    font-size: var(--basic-font-size);
    padding: 12px;
    border-radius: var(--basic-border-radius);
    background-color: var(--tooltip-background-color);
    color:var(--tooltip-text-color);
}

.headerButtonDomainSelector,
.headerButtonDomainSelectorSelected {
    background-color: #ffffff;
    font-size: var(--larger-font-size);
    color: #0F448C;
    /*border: 1px solid #f5f5f5;*/
}

.domainListGrid{
    background-color: var(--light-background-color);
    border-radius: var(--basic-border-radius);
}

.domainListGridFilterEditor{
    border-top: 4px solid #0f448c;
    border-bottom: 4px solid #0f448c;
}

/* group label */
.groupLabel {

    font-size: var(--basic-font-size);
    color: var(--basic-text-color);
    padding-left: 5px;
    padding-right: 5px;
    background-color: var(--form-background-color);
}


.infiniteProgressBarBlue {
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 1px;
    /*padding-left:2px;*/
    /*padding-right:2px;*/
    background-color: var(--neutral-color);
    overflow: hidden;
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--neutral-color)), to(#2077cd));*/
    /*background-image: -webkit-linear-gradient(top, var(--neutral-color), #2077cd);*/
    /*background-image: -o-linear-gradient(top, var(--neutral-color), #2077cd);*/
    /*background-image: linear-gradient(to bottom, var(--neutral-color), #2077cd);*/
    /*background-image: -moz-linear-gradient(top, var(--neutral-color), #2077cd);*/

}


.infiniteProgressBarRed {
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 1px;
    /*padding-left:2px;*/
    /*padding-right:2px;*/
    background-color: var(--danger-color);
    overflow: hidden;
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--danger-color)), to(#ce3c34));*/
    /*background-image: -webkit-linear-gradient(top, var(--danger-color), #ce3c34);*/
    /*background-image: -o-linear-gradient(top, var(--danger-color), #ce3c34);*/
    /*background-image: linear-gradient(to bottom, var(--danger-color), #ce3c34);*/
    /*background-image: -moz-linear-gradient(top, var(--danger-color), #ce3c34);*/

}

.infiniteProgressBarFrame {
    text-align:left;
    position: relative;
    display: block;
    border: 0px;
    width: 100%;
    min-width: 120px;
    height: 18px;
    margin: 0px;
    padding: 0px;
    /*background-color: rgb(170, 170, 170);*/
    /*color: white;*/
    border-bottom: solid 5px grey;
    /*border-bottom-left-radius: 2px;*/
    /*border-bottom-right-radius: 2px;*/
}

.infiniteProgressBarRedFrame {
    display: inline-block;
    border: 1px solid var(--danger-color);
    border-top: 1px solid var(--danger-color);
    width: 98%;
    line-height: 16px;
}


.infiniteProgressBarGreen {
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: var(--success-color);
    overflow: hidden;

}

.infiniteProgressBar {
    display: inline-block;
    overflow: hidden;
    color: white;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -5px;
    background: var(--success-color);
    /*border-radius: 3px 3px 3px 3px;*/
    border-bottom: 4px solid var(--success-color);
}

.infiniteProgressBarGray {
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 1px;
    /*padding-left:2px;*/
    /*padding-right:2px;*/
    background-color: transparent;
    text-align: left;

}

@keyframes shift {
    to {
        background-position: 60px 100%;
    }
}


.infiniteProgressBarGreenFrame {
    display: inline-block;
    border: 1px solid var(--success-color);;
    border-top: 1px solid var(--success-color);;
    width: 98%;
    line-height: 16px;
}

.infiniteProgressBarYellowFrame {
    display: inline-block;
    border: 1px solid var(--info-color);
    border-top: 1px solid var(--info-color);
    width: 98%;
    line-height: 16px;
}


.infiniteProgressBarYellow {
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: var(--info-color);

}

.infiniteProgressBarValue {
    /*font-size: var(--basic-font-size);*/
    position: relative;
    padding-left: 2px;
    padding-right: 2px;
    left: 1px;
    white-space: nowrap;
    font-weight: 400;
    line-height: 18px;
    font-family: Roboto;
}

/*============================================================
    2) Button
        button.baseStyle
        buttonStrip.baseStyle
        buttonTable.baseButtonStyle
        listBar.labelStyle
        listGrid.headerBaseStyle (not in this skin)
============================================================*/

.reconnectButton,
.reconnectButtonOver,
.reconnectButtonFocused,
.reconnectButtonFocusedOver,
.reconnectButtonDown,
.reconnectButtonFocusedDown,
.reconnectButtonSelected,
.reconnectButtonSelectedFocused,
.reconnectButtonSelectedDown,
.reconnectButtonSelectedFocusedDown,
.reconnectButtonSelectedOver,
.reconnectButtonSelectedFocusedOver,
.reconnectButtonDisabled,
.reconnectButtonSelectedDisabled {
    background-color: var(--info-color);
    border: 1px solid white;
    font-size: var(--basic-font-size);
    color: black;
    font-weight: 500;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    -o-border-radius: var(--basic-border-radius);
    -ms-border-radius: var(--basic-border-radius);
    -khtml-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
}

.reconnectButtonFocusedOver,
.reconnectButtonSelected,
.reconnectButtonSelectedOver,
.reconnectButtonSelectedFocusedOver,
.reconnectButtonDown,
.reconnectButtonOver {
    background-color: var(--info-color);
    text-decoration: underline;
}

.reconnectButtonDisabled,
.reconnectButtonSelectedDisabled {
    cursor: default;
}


.transparentButton {
    background-color: transparent;
    color: var(--control-text-color);
    cursor: pointer;
    font-weight: 400;
    font-size: var(--basic-font-size);
    padding: 3px 10px 3px 10px;
}


.transparentButton:hover {
    background-color: rgba(158, 158, 158, 0.20);
}

.transparentButton::-moz-focus-inner {
    border: 0;
}

.transparentButton:hover {
    background-color: rgba(158, 158, 158, 0.20);
}

.transparentButton:focus:not(:active) {
    background-color: rgba(0, 0, 0, 0.12);
}

.transparentButton:active {
    background-color: rgba(158, 158, 158, 0.40);
}


.transparentButtonDisabled,
.transparentButtonSelectedDisabled {
    cursor: default;

}


.transparentIconButton {
    background-color: transparent;
    font-size: var(--basic-font-size);
    color: var(--control-text-color);
    padding: 3px 3px 3px 3px;
    /*font-weight: 700;*/
    line-height: 20px;
    vertical-align: text-bottom;
    cursor: pointer;
}

.transparentIconButton:hover {
    background-color: rgba(158, 158, 158, 0.20);
}

.transparentIconButton::-moz-focus-inner {
    border: 0;
}

.transparentIconButton:hover {
    background-color: rgba(158, 158, 158, 0.20);
}

.transparentIconButton:focus:not(:active) {
    background-color: rgba(0, 0, 0, 0.12);
}

.transparentIconButton:active {
    background-color: rgba(158, 158, 158, 0.40);
}


.transparentIconButtonDisabled,
.transparentIconButtonSelectedDisabled {
    cursor: default;

}


.viewSelector {
    background-color: var(--basic-background-color);
}

.viewSelectorButton,
.viewSelectorButtonOver,
.viewSelectorButtonFocused,
.viewSelectorButtonFocusedOver,
.viewSelectorButtonDown,
.viewSelectorButtonFocusedDown,
.viewSelectorButtonSelected,
.viewSelectorButtonSelectedFocused,
.viewSelectorButtonSelectedDown,
.viewSelectorButtonSelectedFocusedDown,
.viewSelectorButtonSelectedOver,
.viewSelectorButtonSelectedFocusedOver,
.viewSelectorButtonDisabled,
.viewSelectorButtonSelectedDisabled {
    font-size: var(--basic-font-size);
    color: white;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    /*border: 1px solid white;*/
    /*font-weight: bold;*/
    outline-width: 2px;
    outline-style: solid;
    outline-color: transparent;
    border-radius: var(--basic-border-radius);
}

.viewSelectorButtonOver {
    text-decoration: underline;
}

.viewSelectorButtonSelected,
.viewSelectorButtonSelectedOver {
    outline-style: solid;
    outline-color: var(--success-color);
    outline-width: 2px;

}

.infiniteListButton,
.infiniteListButtonOver,
.infiniteListButtonFocused,
.infiniteListButtonFocusedOver,
.infiniteListButtonDown,
.infiniteListButtonFocusedDown,
.infiniteListButtonSelected,
.infiniteListButtonSelectedFocused,
.infiniteListButtonSelectedDown,
.infiniteListButtonSelectedFocusedDown,
.infiniteListButtonSelectedOver,
.infiniteListButtonSelectedFocusedOver,
.infiniteListButtonDisabled,
.infiniteListButtonSelectedDisabled {
    background-color: #fff;
    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    -o-border-radius: var(--basic-border-radius);
    -ms-border-radius: var(--basic-border-radius);
    -khtml-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
    font-size: var(--basic-font-size);
    color: var(--control-text-color);
    border: var(--basic-border);
    font-weight: bold;
}


.infiniteListButtonDown,
.infiniteListButtonFocusedDown,
.infiniteListButtonSelectedDown,
.infiniteListButtonSelectedFocusedDown,
.infiniteListButtonOver,
.infiniteListButtonFocusedOver,
.infiniteListButtonSelectedFocused,
.infiniteListButtonSelectedFocusedOver,
.infiniteListButtonFocusedOver,
.infiniteListButtonSelectedFocusedOver,
.infiniteListButtonSelected,
.infiniteListButtonSelectedFocused,
.infiniteListButtonSelectedOver,
.infiniteListButtonSelectedFocusedOver,
.infiniteListButtonSelectedDisabled,
.infiniteListButtonOver {
    background-color: #f9f9f9;
    /*border: 1px solid #ccc;*/

}


.infiniteListButtonSelectedDisabled,
.infiniteListButtonDisabled {
    border: 1px solid #d0d0d0;
    background-color: #eee;
    background-image: none;
    color: #aaaaaa;
    filter: none;
    -ms-filter: none;
    /*display:none;*/
}


/*Infinite menu button */

.infiniteMenuButton,
.infiniteMenuButtonOver,
.infiniteMenuButtonFocused,
.infiniteMenuButtonFocusedOver,
.infiniteMenuButtonDown,
.infiniteMenuButtonFocusedDown,
.infiniteMenuButtonSelected,
.infiniteMenuButtonSelectedFocused,
.infiniteMenuButtonSelectedDown,
.infiniteMenuButtonSelectedFocusedDown,
.infiniteMenuButtonSelectedOver,
.infiniteMenuButtonSelectedFocusedOver,
.infiniteMenuButtonDisabled,
.infiniteMenuButtonSelectedDisabled {
    background-color: transparent;
    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    -o-border-radius: var(--basic-border-radius);
    -ms-border-radius: var(--basic-border-radius);
    -khtml-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
    font-size: var(--basic-font-size);
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    border: var(--basic-border);
    font-weight: normal;


}

.infiniteMenuButtonDown,
.infiniteMenuButtonFocusedDown,
.infiniteMenuButtonSelectedDown,
.infiniteMenuButtonSelectedFocusedDown,
.infiniteMenuButtonOver,
.infiniteMenuButtonFocusedOver,
.infiniteMenuButtonSelectedFocused,
.infiniteMenuButtonSelectedFocusedOver,
.infiniteMenuButtonFocusedOver,
.infiniteMenuButtonSelectedFocusedOver,
.infiniteMenuButtonSelected,
.infiniteMenuButtonSelectedFocused,
.infiniteMenuButtonSelectedOver,
.infiniteMenuButtonSelectedFocusedOver,
.infiniteMenuButtonSelectedDisabled,
.infiniteMenuButtonOver {
    background-color: rgb(230, 235, 242);
    background-image: none;
    filter: none;
    -ms-filter: none;
}


.infiniteMenuButtonDisabled,
.infiniteMenuButtonDisabled,
.infiniteMenuButtonSelectedDisabled
.infiniteMenuButtonDisabled {
    border: 1px solid #bbb;
    background-color: #eeeeee;
    background-image: none;
    color: #aaaaaa;
    filter: none;
    -ms-filter: none;
}

.infiniteApplicationTitle {
    color: #ffffff;
    font-weight: normal;

    font-size: var(--large-font-size);
}

.viewTitle,
.viewTitleSelected{
    font-size: 24px;
}

.font-icon {
    font-size: 24px;
}

.pageTitleLayout{
    border: var(--basic-border);
    background-color: var(--control-background-color);
    border-radius: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

.button,
.buttonOver,
.buttonFocused,
.buttonFocusedOver,
.buttonDown,
.buttonFocusedDown,
.buttonSelected,
.buttonSelectedFocused,
.buttonSelectedDown,
.buttonSelectedFocusedDown,
.buttonSelectedOver,
.buttonSelectedFocusedOver,
.buttonDisabled,
.buttonSelectedDisabled {
    background-image: none;
    /*background-color: #073F83;*/
    background-repeat: repeat-x;
    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    -o-border-radius: var(--basic-border-radius);
    -ms-border-radius: var(--basic-border-radius);
    -khtml-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
    font-size: var(--basic-font-size);
    font-weight: bold;
    color: white;
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
}

.subList {
    /*border: var(--basic-border);*/
    /*border-radius: var(--basic-border-radius);*/
}

.subList .listGridHeader{
    /*border-top-right-radius: 4px;*/
    /*border-top-left-radius: 4px;*/
    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
    /*margin-bottom: 10px;*/
    /*border: var(--basic-border);*/
    /*border-radius: var(--basic-border-radius);*/
    /*border-top-right-radius: 4px;*/
    /*border-top: var(--basic-border);*/
    /*border-left: var(--basic-border);*/
    /*border-right: var(--basic-border);*/
    /*background-color: var(--control-background-color)*/
}

.fullRoundedPanel{
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
}

.roundedPanel .listToolStrip{
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border: var(--basic-border);
    background-color: var(--control-background-color);
}

.subList .listToolStrip,
.fullRoundedPanel .listToolStrip{
    border: 0;
    border-radius: 0;
    background-color: transparent;
    border-bottom: var(--basic-border);
}

.roundedPanel .listGridHeader{
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border: var(--basic-border);
}

.subList .infiniteGridBody,
.roundedPanel .infiniteGridBody{
    /*border-bottom-right-radius: 4px;*/
    /*border-bottom-left-radius: 4px;*/
    /*border-left: var(--basic-border);*/
    /*border-right: var(--basic-border);*/
    /*border-bottom: var(--basic-border);*/
}

.buttonOver {
    background-color: rgb(230, 235, 242);
}

.buttonDisabled {
    border-left: 1px solid #eee;
    border-right: 1px solid #A6AAB3;
    border-top: 1px solid #BABDC4;
    border-bottom: 1px solid #B4B8C1;
}

.buttonDisabled,
.buttonSelectedDisabled {
    font-weight: normal;
    color: #AAAAAA;
}

.buttonFocused,
.buttonFocusedOver,
.buttonSelectedFocused,
.buttonSelectedFocusedOver,
.buttonSelectedFocusedDown {
    border-left: 1px solid #9BC8FF;
    border-right: 1px solid #9BC8FF;
    border-top: 1px solid #B2D3FC;
    border-bottom: 1px solid #AACBF6;
}

.buttonOver,
.buttonFocusedOver,
.buttonSelectedFocused,
.buttonSelectedFocusedOver {
    /*    background:#B2D7FF url(./images/cssButton/button_Over_stretch.png) repeat-x;*/
}

.iconButton {
    color: var(--control-text-color);
    border: 1px solid transparent;
}

.split-button {
    display: inline-flex;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    border-radius: var(--basic-border-radius);
    white-space: nowrap;
    overflow: visible;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;

}

/* Common styles for both parts */
.split-button button {
    font: var(--basic-font-size) 'Roboto', sans-serif;
    font-weight: 500;
    border: none;
    background: none;
    padding: 2px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
}

.split-button button:hover {
    background-color: rgba(128, 128, 128, 0.5);
    color: white;
}

.split-button.split-secondary button.split-main {
    border-right: var(--basic-border);
}

.split-button.split-default button.split-main {
    border-right: var(--basic-border);
}


.split-button button:active {
    background-color: rgba(128, 128, 128);
    color: white
}

    /* Left (main) button */
.split-main {
    flex: 1;
    line-height: 16px;
    border-top-left-radius: var(--basic-border-radius);
    border-bottom-left-radius: var(--basic-border-radius);
}

/* Right (dropdown) button */
.split-dropdown {
    width: 40px;
    justify-content: center;
    border-top-right-radius: var(--basic-border-radius);
    border-bottom-right-radius: var(--basic-border-radius);

}

.splitButton.split-reversedIconButton,
.reversedIconButton, .reversedIconButtonDisabled{
    color: var(--control-text-color);
    font-weight: 400;
}

.iconButton:hover {
    background-color: rgba(158, 158, 158, 0.20);
    transition: all .2s ease-in-out;
}

.iconButton::-moz-focus-inner {
    border: 0;
}

.iconButton:hover {
    background-color: rgba(158, 158, 158, 0.20);
    transition: all .2s ease-in-out;
}

.iconButton:focus:not(:active) {
    background-color: rgba(0, 0, 0, 0.12);
    transition: all .2s ease-in-out;
}

.iconButton:active {
    background-color: rgba(158, 158, 158, 0.40);
    transition: all .2s ease-in-out;
}


.lightIconButton {
    border-radius: var(--basic-border-radius);
    border-top: 2px solid transparent;
    color: #aaa;
}

.lightIconButton:hover {
    color: var(--control-text-color);
    transition: all .2s ease-in-out;
}

.lightIconButton:active {
    color: #666;
    transition: all .2s ease-in-out;
}

.buttonDown,
.buttonFocusedDown,
.buttonSelectedDown,
.buttonSelectedFocusedDown {
    /*    background:#BEDDFF url(./images/cssButton/button_Down_stretch.png) repeat-x;*/
    border-left: 1px solid #b8cfef;
    border-right: 1px solid #b8cfef;
    border-top: 1px solid #87B6EC;
    border-bottom: 1px solid #75AEEC;
}

.buttonSelected,
.buttonSelectedFocused,
.buttonSelectedOver,
.buttonSelectedFocusedOver,
.buttonSelectedDisabled {
    /*    background:#B2D7FF url(./images/cssButton/button_Over_stretch.png) repeat-x;*/
}

/* ImgButton */
.imgButton,
.imgButtonOver,
.imgButtonSelected,
.imgButtonSelectedDisabled,
.imgButtonSelectedOver,
.imgButtonDown,
.imgButtonSelectedDown,
.imgButtonDisabled {

    font-size: var(--basic-font-size);
}

.imgButtonDisabled {
    color: #666666;
}

/* StretchImgButton */
.stretchImgButton,
.stretchImgButtonSelected,
.stretchImgButtonSelectedOver,
.stretchImgButtonOver,
.stretchImgButtonDown,
.stretchImgButtonSelectedDown,
.stretchImgButtonSelectedDisabled,
.stretchImgButtonDisabled {

    font-size: var(--basic-font-size);
    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    -o-border-radius: var(--basic-border-radius);
    -ms-border-radius: var(--basic-border-radius);
    -khtml-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
}

.stretchImgButtonOver {
    font-weight: normal;
}

.stretchImgButtonSelectedDisabled,
.stretchImgButtonDisabled {
    font-weight: normal;
    color: #AAAAAA;
}

/* Button Title */
.buttonTitle,
.buttonTitleOver,
.buttonTitleDown,
.buttonTitleSelected,
.buttonTitleFocused,
.buttonTitleSelectedFocused,
.buttonTitleSelectedOver,
.buttonTitleFocusedOver,
.buttonTitleSelectedFocusedOver,
.buttonTitleSelectedDown,
.buttonTitleFocusedDown,
.buttonTitleSelectedFocusedDown,
.buttonTitleDisabled,
.buttonTitleSelectedDisabled {

    font-size: var(--increased-font-size);
    color: var(--basic-text-color);
}

.buttonTitleDisabled,
.buttonTitleSelectedDisabled {
    font-weight: normal;
    color: #AAAAAA;
}

/*============================================================
    3) Menus
============================================================
*/

.menuMain {
    margin-top:1px;
    background-color: var(--basic-background-color);
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.applicationOptionMenu {
    background-color: var(--header-background-color);
    color: white;
    border: 1px solid transparent;
    border-radius: 12px;
}

.treeMenuBody {
    /*border: var(--basic-border);*/
    background: var(--menu-background-color);
}

.topMenuMain {
    cursor: pointer;
    border: var(--basic-border);
    background-color: var(--menu-background-color);
    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    -o-border-radius: var(--basic-border-radius);
    -ms-border-radius: var(--basic-border-radius);
    -khtml-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
    /*padding: 2px 2px 2px 2px;*/
}


.topMenu,
.topMenuSelected,
.topMenuOver,
.topMenuSelectedOver,
.topMenuDisabled,
.topMenuTitleField,
.topMenuTitleFieldDark,
.topMenuTitleFieldSelected,
.topMenuTitleFieldSelectedDark,
.topMenuTitleFieldOver,
.topMenuTitleFieldOverDark,
.topMenuTitleFieldSelectedOver,
.topMenuTitleFieldSelectedOverDark,
.topMenuTitleFieldDisabled,
.topMenuIconField,
.topMenuIconFieldOver,
.topMenuIconFieldSelected,
.topMenuIconFieldSelectedOver,
.topMenuIconFieldDisabled {
    cursor: pointer;
    padding-left: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    background-color: transparent;
    font-size: var(--basic-font-size);
    /*font-weight:bold;*/
}

.topMenuOver,
.topMenuOverDark,
.topMenuSelectedOver,
.topMenuSelectedOverDark,
.topMenuTitleFieldOver,
.topMenuTitleFieldOverDark,
.topMenuTitleFieldSelectedOver,
.topMenuTitleFieldSelectedOverDark,
.topMenuIconFieldOver,
.topMenuIconFieldOverDark,
.topMenuIconFieldSelectedOver,
.topMenuIconFieldSelectedOverDark {
    cursor: pointer;
    /*background-color: #e4e4e4;*/
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#e4e4e4));*/
    /*background-image: -webkit-linear-gradient(top, #eeeeee, #e4e4e4);*/
    /*background-image: -o-linear-gradient(top, #eeeeee, #e4e4e4);*/
    /*background-image: linear-gradient(to bottom, #eeeeee, #e4e4e4);*/
    /*background-image: -moz-linear-gradient(top, #eeeeee, #e4e4e4);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#e4e4e4');*/


}


.topMenuOver {
    background-color: rgb(195, 209, 225);
    cursor: pointer;
    color: #0955b1;
}

.topMenuDisabled {
    padding: 0px;
}

.topMenuDisabled hr,
.menuIconFieldDisabled hr {
    background-image: none;
    border-bottom: 1px solid transparent;
    border-top: 1px solid rgb(180, 197, 218);
    border-left: 0px;
    border-right: 0px;
}

.menu,
.menuSelected,
.menuOver,
.menuSelectedOver,
.menuDisabled,
.menuTitleField,
.menuTitleFieldDark,
.menuTitleFieldSelected,
.menuTitleFieldSelectedDark,
.menuTitleFieldOver,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark,
.menuTitleFieldDisabled,
.menuIconField,
.menuIconFieldOver,
.menuIconFieldSelected,
.menuIconFieldSelectedOver,
.menuIconFieldDisabled,
.treeMenuSelected,
.treeMenuSelectedOver,
.treeMenuSelectedSelected,
.treeMenuSelectedSelectedOver,
.menuQuickSearch,
.menuQuickSearchOver,
.menuQuickSearchSelected {
    cursor: pointer;
    font-size: var(--basic-font-size);
    color: var(--control-text-color);
    padding: 2px;
    padding-left: 4px;
    /*padding-bottom: 2px;*/
    /*font-weight:bold;*/

}

.menu,
.menuSelected {
}

.menuQuickSearchOver,
.menuQuickSearchOverDark,
.menuQuickSearchSelectedOver,
.menuQuickSearchSelectedOverDark,
.menuOver,
.menuOverDark,
.menuSelectedOver,
.menuSelectedOverDark,
.menuTitleFieldOver,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark,
.menuIconFieldOver,
.menuIconFieldOverDark,
.menuIconFieldSelectedOver,
.menuIconFieldSelectedOverDark,
.treeMenuSelected,
.treeMenuSelectedDark,
.treeMenuSelectedOver,
.treeMenuSelectedOverDark,
.treeMenuSelectedSelected,
.treeMenuSelectedSelectedOver {
    background-color: var(--hover-background-color);
    color: var(--selected-text-color);
}

.menuTitleField,
.menuTitleFieldDark,
.menuTitleFieldSelected,
.menuTitleFieldSelectedDark,
.menuTitleFieldOver,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark,
.menuTitleFieldDisabled {
    /*font-size: var(--increased-font-size);*/
    /*padding-left: 4px;*/
    /*padding-right: 20px;*/
}

.menuIconField,
.menuIconFieldDark,
.menuIconFieldOver,
.menuIconFieldOverDark,
.menuIconFieldSelected,
.menuIconFieldSelectedDark,
.menuIconFieldSelectedOver,
.menuIconFieldSelectedOverDark,
.menuIconFieldDisabled {
    padding-left: 4px;
    padding-right: 4px;
    cursor: auto;
}


.menuIconField,
.menuIconFieldOver{
    cursor: pointer;
}

.menuHeader,
.menuSpacer,
.menuDisabled,
.menuTitleFieldDisabled,
.menuIconFieldDisabled {
    /*color: #dddddd;*/
    cursor: default;

}

.cellError,
.cellError a{
    color:var(--danger-color);
}

td.menuQuickSearch:nth-child(2) {
    padding-right: 15px;

}

.menuQuickSearch:nth-child(2):hover {

    /*text-decoration: underline;*/
    background-color: #e4e4e4;

}

.menuQuickSearch {
    cursor: pointer;
}

.menuHeader {
    text-align: center;
    font-weight: 500;
    /*border-bottom: var(--basic-border);*/
    padding-top: 2px;
    padding-bottom: 2px;
    /*border-top: var(--basic-border);*/
    font-size: var(--basic-font-size);
    background-color: rgba(255,255,255, 0.2)
        /*background-color: var(--control-background-color);*/
    /*line-height:30px;*/
}

.menuHeader:focus{
    outline: 0;
}

.menuSpacer {
    border-top: 1px solid var(--basic-border);
    font-size: 2px;
    height: 5px;
    overflow: hidden;
}

.menuTitleFieldDisabled hr {
    border: 0px;
    border-top: 1px solid #AAA;
    cursor: auto;
    padding-left: 0px;
    padding-right: 0px;
    background-image: none;
    border-bottom: 0px solid white;
    border-top: var(--basic-border);
    border-left: 0px;
    border-right: 0px;
}

/* menu header buttons */
.menuButton,
.menuButtonOver,
.menuButtonDown,
.menuButtonDisabled,
.menuButtonFocused,
.menuButtonFocusedDown,
.menuButtonFocusedOver,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver,
.menuButtonSelectedDisabled {
    font-size: var(--basic-font-size);
    color: var(--basic-text-color);
    padding-left: 4px;
    padding-right: 4px;
    border: var(--basic-border);
}

.menuButton,
.menuButtonOver,
.menuButtonDown,
.menuButtonDisabled,
.menuButtonFocused,
.menuButtonFocusedDown,
.menuButtonFocusedOver,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver,
.menuButtonSelectedDisabled {

}

.menuButtonOver {
    /*    background:#B2D7FF url(./images/cssButton/button_Over_stretch.png) repeat-x;*/
}

.menuButtonDown,
.menuButtonFocusedDown,
.menuButtonFocusedOver,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver {
    /*    background:#BEDDFF url(./images/cssButton/button_Down_stretch.png) repeat-x;*/
    border: var(--basic-border);
}

.menuButtonDisabled,
.menuButtonSelectedDisabled {
    color: #AAAAAA;
    border: var(--basic-border);
}

/*============================================================
    4) Window
        window.styleName - windowBackground
        window.bodyStyle - windowBody
        window.headerStyle - windowHeader
        window.hiliteHeaderStyle - windowHeaderHilite
        window.headerLabelDefaults.styleName - windowHeaderText
        window.statusBarDefaults.styleName - windowStatusBar

    Dialog
        dialog.styleName - dialogBackground
        dialog.bodyStyle - dialogBody
        dialog.headerStyle - dialogHeader
        dialog.hiliteHeaderStyle - dialogHeaderHilite
        dialog.headerLabelDefaults.styleName - dialogHeaderText
============================================================*/

.windowBackground,
.dialogBackground {
    margin-top: 10px;
    padding-top: 10px;
    background-color: var(--light-background-color);
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
}

.dialogToolbar {
    border-top: 1px solid var(--control-text-color);
}


.windowBody,
.dialogBody {
    margin-left: 15px;
    margin-right: 15px;
    /*margin-top: 20px;*/
    /*margin-bottom: 20px;*/
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--light-background-color);
    /*border-radius: var(--basic-border-radius);*/
    border: 1px solid var(--light-background-color);
    /*margin-bottom: 20px;*/
    /*border-bottom: 1px solid var(--control-text-color);*/
    /*border-top: 1px solid var(--control-text-color);*/
}


.dialogBody {
    border-bottom: 0px solid var(--control-text-color);
    border-top: 1px solid var(--control-text-color);
}

.promptBody {

}

.promptMessageIcon div img {
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.portletHeader {
}

.windowHeader,
.dialogHeader {

        /*border-top-left-radius: 6px;*/
        /*border-top-right-radius: 6px;*/

        background-color: transparent;
        color: var(--control-text-color);
        margin-top: 5px;
}

.windowFooter{
     /*border-top: 1px solid var(--control-text-color);*/
     margin-left:20px;
     margin-right:20px;
 }
.windowHeader{
    /*border-bottom: 1px solid var(--control-text-color);*/
    margin-left:20px;
    margin-right:20px;
    margin-bottom:2px;
}
.dialogFooter{

}
.fadingPromptFooter{
    color: var(--company-text-color);
}


.diagramNodeBody{

    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: transparent;
}

.diagramNodeHeader,
.diagramNodeFooter{
    font-weight: 400;
    font-size: var(--decreased-font-size);
    /*line-height:20px;*/
    background-color: transparent;
    /*padding:1px;*/
    width:100%;
    /*overflow:hidden;*/
}

.diagramNodeHeader{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color:  var(--control-text-color);
    color: var(--control-text-color);
}

.diagramNodeFooter{
    border-top-width: 1px;
    color: var(--control-text-color);
    border-top-style: solid;
}

.diagramNodeFooter .diagramLineWithIcon {
    display: flex;
    justify-content: center;
    padding: 2px;
    color: var(--basic-text-color)
}

.diagramNodeFooter .diagramLineWithIcon img {
    cursor: pointer;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 2px;
    margin-right: 2px;
    border: 1px solid transparent;
    border-radius: var(--basic-border-radius);
}

.diagramNodeFooter .diagramLineWithIcon i {
    font-size: 14px;
    padding-left: 0px;
    padding-right: 0px;

}

.diagramNodeFooter .diagramLineWithIcon span{
    margin-left: 2px;
    margin-right: 2px;
    border: 1px solid transparent;
}


.diagramNodeFooter img:hover {
    background-color: rgba(235, 235, 235, 0.8);
    border: 1px solid transparent;
}

.w1 .diagramNodeHeader {
    color: var(--basic-background-color);
}
.control-icon {
    font-size: 16px !important;
    color: var(--basic-text-color);
}

.diagramNodeHeader{
    overflow: hidden;
    text-overflow: ellipsis;
}
.diagramNodeHeaderText{
    font-weight:500;
    font-size: var(--decreased-font-size);
    line-height:12px;
    height: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    display: inline-block;
}
.diagramNodeHeaderIcon{
    background-size: 12px 12px;
    background-origin: padding-box;
    background-repeat: no-repeat; /* Do not repeat the image */
    display: inline-block;
    width:12px;
    line-height:12px;
    /*padding-left:14px;*/
    height: 12px;
    margin-right: 2px;
}
.diagramLineWithIcon img{
    width:12px;
    height:12px;
    vertical-align:text-top;
    padding-right: 2px;
}
.diagramLineWithIcon{
    /*background-size: 12px 12px;*/
    /*background-origin: padding-box;*/
    /*background-repeat: no-repeat; !* Do not repeat the image *!*/
    display: block;
    font-size:14px;
    /*height:14px;*/
    /*line-height:12px;*/
    /*padding-left:2px;*/
    /*padding-right:2px;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: clip;
    /*line-height: 18px;*/
    /*overflow-clip: ;*/
    /*height: 12px;*/
    /*margin-right: 2px;*/
}
.windowHeaderHilite,
.dialogHeaderHilite {
}

.windowHeaderText,
.dialogHeaderText {

    font-size: var(--increased-font-size);
    font-weight: 500;
    color: var(--control-text-color);
    overflow: visible;
    /*padding-left: 2px;*/
    /*padding-right: 2px;*/
    /*padding-bottom: 2px;*/
}

.windowHeaderText a {

    font-size: var(--basic-font-size);
    /*font-weight: bold;*/
    color: #FFFFFF;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}

.windowStatusBar {

    font-size: var(--basic-font-size);
    /*color: var(--basic-text-color);*/
    /*border-top: 0px solid #999999;*/
    /*border-left: 0px solid #999999;*/
    /*border-right: 0px solid #FFFFFF;*/
    /*border-bottom: 0px solid #FFFFFF;*/
    background-color: var(--basic-background-color);
    /*border-top:1px solid var(--control-text-color);*/
    padding: 0;
    margin: 0;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -o-border-radius-bottomleft: 4px;
    -o-border-radius-bottomright: 4px;
    -ms-border-radius-bottomleft: 4px;
    -ms-border-radius-bottomright: 4px;
    -khtml-border-radius-bottomleft: 4px;
    -khtml-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.modalMask {
    background-color: var(--basic-background-color);
}

.windowFooter {
    /*background-color: var(--basic-background-color);*/
    /*border-top: 1px solid var(--control-text-color);*/
    /*padding: 20px 20px 20px 20px;*/
}

/*============================================================
    5) Layout
============================================================*/

.layoutDropLine {
    background-color: #3366FF;

}

.layoutPlaceHolder {
    border: 1px solid black;
}

.splitbar {
    /*background-image: linear-gradient(90deg,rgb(204, 204, 204),rgb(100, 100, 100));*/
    background-color: var(--basic-background-color);
}

.splitbarDown {
    /*border: 1px solid #eee;*/
}

.vSnapBar,
.vSnapBarOver {
}

.hSnapBar,
.hSnapBarOver {
}

/*============================================================
    6) TabSet and tab titles
============================================================*/

.tabSetContainer {

    /*color: var(--basic-text-color);*/
    /*background-color: var(--control-background-color);*/
    /*border: 1px solid transparent;*/
    /*border-top: var(--basic-border);*/
    /*border-bottom-left-radius: 4px;*/
    /*border-bottom-right-radius: 4px;*/
    /*border-top-right-radius: 4px;*/
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
    margin-top:10px;
}


.panelTabSet .tabSetContainer,
.panelTabSetContainer{

}


.tabBar {
    padding: 10px 10px 10px 10px;

}

.topTabBar {
    border: var(--basic-border);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    margin-right:1px;
    padding:2px;
}


.tabBaseline {
    z-index: 10000000;
}

.tab,
.tabOver,
.tabSelected,
.tabSelectedOver,
.tabDown,
.tabSelectedDown,
.tabSelectedDisabled,
.tabDisabled {

    font-size: var(--basic-font-size);
    background-color: rgb(230, 235, 242);
}

.tabTitle,
.tabTitleDown,
.tabTitleOver,
.tabTitleDisabled,
.tabTitleSelected,
.tabTitleSelectedDown,
.tabTitleSelectedOver,
.tabTitleSelectedDisabled,
.vtabTitle,
.vtabTitleSelected,
.vtabTitleOver,
.vtabTitleDown,
.vtabTitleSelectedOver,
.vtabTitleSelectedDown,
.vtabTitleDisabled,
.vtabTitleSelectedDisabled {
    color: #222;

    font-size: var(--basic-font-size);
    padding-bottom: 1px;
}

.tabTitleOver,
.vtabTitleOver {
    color: #222;
}

.tabTitleSelected,
.vtabTitleSelected {
    color: #222;
    /*font-weight: bold;*/
}

.tabTitleSelectedOver,
.vtabTitleSelectedOver {
    color: #222;
    /*font-weight: bold;*/
}

.tabTitleDisabled,
.tabTitleSelectedDisabled,
.vtabTitleDisabled,
.vtabTitleSelectedDisabled {
    color: #AAAAAA;
    padding-bottom: 1px;
}

/*============================================================
    7) SectionStack
============================================================*/

.sectionStack {
    /*    border-left:1px solid #eee;
  border-right:1px solid #eee;
  border-bottom:1px solid #eee;*/
}

/* SectionStack headers - image based */
.imgSectionHeaderclosed,
.imgSectionHeaderopened,
.imgSectionHeaderDisabledclosed,
.imgSectionHeaderDisabledopened {
}

.imgSectionHeaderTitleclosed,
.imgSectionHeaderTitleopened,
.imgSectionHeaderTitleOverclosed,
.imgSectionHeaderTitleOveropened {

    font-size: var(--basic-font-size);
    border-bottom: 1px solid white;
    border-left: 1px solid RGB(7, 63, 131);
    border-right: 1px solid RGB(7, 63, 131);
    border-collapse: collapse;
    background-color: gray;
    font-weight: bold;
    color: white;

}


/* SectionStack headers - css based */
/* SectionStack headers - css based */
.sectionHeaderopened,
.sectionHeaderclosed {
    font-size: var(--increased-font-size);
    padding: 10px;
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
    background-color: var(--control-background-color);
}

.sectionHeaderclosed {
    /*border-top: var(--basic-border);*/
    /*border-bottom: var(--basic-border);*/
}

.cellopened {
    background-color: var(--danger-color);
}

.cellclosed {
    background-color: pink;
}

/*============================================================
    8) Forms
============================================================*/

/* general form styles */

.nestedFormContainer {
    border: 0px solid #eee;
}

.formRow {
}

.formCell {
    border-spacing: 0;
    vertical-align: middle;
    /*display: flex;*/
    /*align-items: center;      !* vertical center *!*/
    /*justify-content: center;*/
}

.zeroForm {
    margin-top: -4px;
}

.formCell,
.selectItemTextDisabledHint,
.selectItemTextHint,
.formCellFocused,
.formCellDisabled,
.nestedFormContainer,
.nestedFormContainerFocused,
.nestedFormContainerDisabled {

    font-size: var(--basic-font-size);

}
.selectItemPointer {
    cursor:pointer
}

.formTitle,
.formTitleFocused,
.formTitleDisabled,
/*.formCellError,*/
.formTitleError,
.formHint,
.headerItem,
.headerItemHr,
.headerItemDisabled,
.headerItemError,
.staticTextItem,
.staticTextItemDisabled,
.staticTextItemError,
.textItem,
.textItemHint,
.selectItemLiteTextPending,
.textItemFocused,
.textItemDisabled,
.textItemDisabledHint,
.textItemError,
.textItemHint,
.selectItemControl,
.selectItemControlError,
.selectItemControlFocused,
.selectItemText,
.selectItemTextError,
.selectItemTextDisabled,
.selectItemTextFocused,
.comboBoxItemPendingText,
.pickListCell,
.pickListCellSelected,
.pickListCellDisabled,
.pickListCellDark,
.pickListCellSelectedDark,
.tallPickListCell,
.tallPickListCellSelected,
.tallPickListCellDisabled,
.tallPickListCellDark,
.tallPickListCellSelectedDark,
.labelAnchor,
.labelAnchorDisabled,
.labelAnchorError,
.labelAnchorFocused {
    padding: 0;
    padding-left:8px;
    padding-right:8px;
    /*padding-bottom: 2px;*/
    /*font-size: var(--increased-font-size);*/
    /*color: var(--basic-text-color);*/
}

.formTitle,
.formTitleFocused,
.formTitleDisabled,
.formTitleError{
    vertical-align: middle;
}

.formTitleDisabled .required-field {
    display: block;
}

.verticalFormTitle .required-field::before,
.verticalFormTitleDisabled .required-field::before {
    content: " \2022 ";
}


.formTitle .required-field {
    display: block;
}
.formTitleError .required-field {
    display: block;
}
.tabButtonInnerInvalid{
    color: var(--danger-color);
}

.verticalFormTitle,
.verticalFormTitleFocused,
.verticalFormTitleDisabled,
.verticalFormTitleError{
    padding-top: 6px;
    padding-bottom: 2px;
}

.selectItem{
    border: 1px solid var(--danger-color)
}

.pickList {
    margin-top: 1px;
    border: 1px solid white;
    border-radius: var(--basic-border-radius);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}


.pickListCell,
.pickListCellSelected,
.pickListCellDisabled,
.pickListCellDark,
.pickListCellSelectedDark,
.tallPickListCell,
.tallPickListCellSelected,
.tallPickListCellDisabled,
.tallPickListCellDark,
.tallPickListCellSelectedDark {
    line-height: 21px;
}

.pickListCell img,
.pickListCellSelected img,
.pickListCellDisabled img,
.pickListCellDark img,
.pickListCellSelectedDark img,
.tallPickListCell img,
.tallPickListCellSelected img,
.tallPickListCellDisabled img,
.tallPickListCellDark img,
.tallPickListCellSelectedDark img,
.pickListCellDark img {
    /*position: relative;*/
    /*top: -2px;*/
}

.blurbItem {
    color: var(--control-text-color);
    /*font-style: italic;*/

    padding: 4px;
}

.comboBoxItemPendingText {
    color: #6b8fd0;
}

.topBorderLayout {
    background-color: rgb(245, 245, 245);
    border-top: 1px solid #dbdfe5;
}

.verticalFormTitle,
.verticalFormTitleFocused,
.verticalFormTitleDisabled,
.verticalFormTitleError,
.formTitle,
.formTitleFocused,
.formTitleDisabled,
.formCellError,
.formTitleError {
    color: var(--control-text-color);
    font-size: var(--basic-font-size);
}


.formTitleError {
    /*font-weight: 600;*/
    color: var(--danger-color);
}

.Error,
.formCellError,
.formCellError .textItem {
    color: var(--danger-color);
    /*font-weight: 600;*/
}
.formCellError{
    margin-top: 2px;
    padding-top:2px;
}

/* headerItem */
.headerItem,
.headerItemDisabled,
.headerItemError {
    font-size: var(--basic-font-size);
    line-height: 30px;
    font-weight: 500;
    color: var(--control-text-color);
    text-align: center;
}

.headerItemHr {
    font-size: var(--basic-font-size);
    line-height: 22px;
    font-weight: 500;
    color: var(--control-text-color);
    text-align: center;
    padding-bottom: 2px;
    border-bottom: var(--basic-border);
    margin-bottom: 2px;
}

.headerItemHrWithText {
    font-size: var(--basic-font-size);
    line-height: 22px;
    font-weight: 500;
    color: var(--control-text-color);
    text-align: center;
    vertical-align: bottom;
    padding-bottom: 2px;
    padding-top: 12px;
    border-bottom: var(--basic-border);
    margin-bottom: 2px;
}

.errorItemLarge {
    font-size: var(--larger-font-size);
    font-weight: 500;
    color: var(--danger-color);
}

.headerItemLarge {
    font-size: var(--larger-font-size);
    font-weight: 500;
    color: var(--control-text-color);
}

.headerItemLargeBoxed {
    font-size: var(--larger-font-size);
    font-weight: bold;
    color: var(--control-text-color);
    margin-top: 2px;
    padding-top: 2px;
    text-align: center;
    padding-bottom: 2px;
    border-bottom: 1px solid rgb(205, 228, 255);
    border-top: 1px solid rgb(205, 228, 255);
    background-color: rgb(240, 245, 252);
    margin-bottom: 2px;
}

.iconTextButton {
    color:var(--control-text-color);
    vertical-align:middle;
    font-size:24px;
}
/* text-based items common props */

.controlBox{
    color: var(--basic-text-color);
}

.file_upload,
.textItem,
.selectItemTextPending,
.selectItemLiteTextPending,
.textAreaItem,
.textItemFocused,
.textItemDisabled,
.textItemDisabledHint,
.textItemError,
.textItemHint,
.selectItemText,
.selectItemTextError,
.selectItemTextFocused,
.selectItemTextDisabled,
.selectItemTextHint,
.staticTextItem,
.staticTextItemDisabled,
.staticTextItemError {
    /*padding-left: 8px;*/
    /*padding-right: 8px;*/
    /*padding-top: 2px;*/
    /*padding-bottom: 2px;*/
    border: var(--form-item-border);
    background: var(--form-item-background-color);
    color: var(--basic-text-color);
    border-radius: var(--basic-border-radius);
}

.staticTextItem{
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
}

.multiCombo {
    padding: 0px;
    border: var(--form-item-border);
    background: var(--form-item-background-color);
    color: var(--basic-text-color);
    border-radius: var(--basic-border-radius);
}

.formSlimCell,
.formSlimCellFocused {
    padding: 0px;
    border: var(--basic-border);
    background: var(--form-item-background-color);
    color: var(--basic-text-color);
    border-radius: var(--basic-border-radius);
}


.controlBox:hover:not(:focus-within) .textItem,
.controlBox:hover:not(:focus-within) .textItemHint,
.controlBox:hover:not(:focus-within) .textItemFocused,
.controlBoxError:hover:not(:focus-within) .textItemError,
.controlBox:hover:not(:focus-within) .selectItemTextPending,
.controlBox:hover:not(:focus-within) .selectItemLiteTextPending{
    border-width: 1px ;
    border-color: var(--surface-hover-gray);
    background-color: var(--surface-hover-gray);
    color: var(--text-oposite-color); !important;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: all;
}


.controlBox:hover:not(:focus-within) i,
.controlBoxError:hover:not(:focus-within) i {
    color: var(--text-oposite-color);
}



/*.formCell tr:hover:not(:focus-within) i {*/
/*    color: var(--text-oposite-color) !important;*/
/*    transition-duration: .28s;*/
/*    transition-timing-function: cubic-bezier(.4, 0, .2, 1);*/
/*    transition-property: all;*/
/*}*/



.textItem:focus,
.textItemFocused:focus,
.textItemError:focus,
.textItemHint:focus,
.selectItemTextPending:focus,
.selectItemLiteTextPending:focus
{
    border-color: var(--focus-color);
    outline: 2px solid var(--focus-color);
    outline-offset: 0px;
    /*border-width: 3px ;*/
    /*padding-left: 6px;*/
    /*padding-right: 6px;*/
    /*padding-top: 0px;*/
    /*padding-bottom: 0px;*/
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: border-color;
}

.textItemError {
    border-color: var(--danger-color);
    outline: 2px solid var(--danger-color);
    outline-offset: 0px;
    background-color: var(--state-error-surface);
    border-radius: var(--basic-border-radius);
    transition-duration: .1s;
    transition-property: border-color;
}


.file_upload,
.selectItemText,
.selectItemTextError,
.selectItemTextFocused,
.selectItemTextDisabled,
.selectItemTextHint {
    padding: 2px;
    border: var(--form-item-border);
    border-right: 0px solid #dbdfe5;
    background: #FFFFFF;
    color: var(--basic-text-color);
    cursor: pointer;
}

.textItem,
.textItemHint,
.textItemFocused {
    border-top: var(--form-item-border);
    border-left: var(--form-item-border);
    border-right: var(--form-item-border);
    border-bottom: var(--form-item-border);
    /*min-height: 32px;*/
    vertical-align: middle;
    line-height: 28px;
}

.textAreaItem {
    border-top: var(--form-item-border);
    border-left: var(--form-item-border);
    border-right: var(--form-item-border);
    border-bottom: var(--form-item-border);
    line-height: 24px;
    padding-left:8px;
    padding-right:8px;
}

.recordEditorCell .textItemFocused,
.recordEditorCell .textItem,
.recordEditorCell .staticTextItem {
    border-top: var(--basic-border);
    border-left: var(--basic-border);
    border-right: var(--basic-border);
    border-bottom: var(--basic-border);
}

.recordEditorCell .textItemFocused:focus,
.recordEditorCell .textItem:focus {
    border-color: var(--focus-color);
    outline: 3px solid var(--focus-color);
    outline-offset: -3px;
}

.textItemDisabled,
.selectItemTextDisabled,
.textItemHint,
.textItemDisabledHint,
.selectItemTextHint,
.selectItemTextDisabledHint {
    padding-left:8px;
    padding-right:8px;
    /*background-color: #FFFFFF;*/
    /*border: var(--basic-border);*/

}

.staticTextItemDisabled,
.selectItemTextDisabled,
.textItemDisabled,
.textItemDisabledHint{
    background-color: var(--control-background-color);
    color:var(--control-text-color)
}

.selectItemTextHint,
.selectItemTextDisabledHint {
    border-right: 0px solid #dbdfe5;
}

.textItemHint,
.textItemDisabledHint,
.selectItemTextHint,
.selectItemTextDisabledHint {
    font-style: italic;
}


.textItemHint,
.selectItemTextHint {
    color: rgba(30, 144, 255, 0.5);
    font-style: italic;
    padding-left: 4px;
    /*line-height: 32px;*/
}

.selectItemTextFocused {
    color: var(--basic-text-color);
    -moz-outline-offset: -1;
    border: 1px solid #5678ac;
    border-right: 0px solid #dbdfe5;
}

.textItemFocused,
.selectItemTextFocused {
    color: var(--basic-text-color);
    /*outline-offset: -1px;*/
    /*outline: 2px solid orangered;*/
    /*-moz-outline-offset: -1;*/
    /*border-top: 1px solid #c0d7ec;*/
    /*border-left: 1px solid #c0d7ec;*/
    /*border-right: 1px solid #c0d7ec;*/
    /*border-bottom: 1px solid #c0d7ec;*/
}

.selectItemText,
.selectItemTextError,
.selectItemTextFocused,
.selectItemTextDisabled {
    border-right: 0px none;
}

.selectItemPickerIcon,
.selectItemPickerIconFocused,
.selectItemPickerIconDisabled,
.selectItemPickerIconError {
    padding: 0px;
}

.pickListMenuBody {
    /*border: var(--basic-border);*/
    /*border-top: 1px solid transparent;*/
    background-color: var(--basic-background-color);
    cursor: pointer;
}

.pickListMenu {
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
    cursor: pointer;
}

.scrollList {
    border: var(--basic-border);
    border-top: 1px solid transparent;
    background-color: #FFFFFF;
    cursor: pointer;
}

.pickListCell,
.pickListCellDark,
.tallPickListCell,
.tallPickListCellDark {
    color: var(--control-text-color);
}

.pickListCellSelected {
    background-color: var(--hover-background-color);
    color: var(--selected-text-color);
    cursor: pointer;

}

.pickListCellSelectedDark {
    background-color: var(--hover-background-color);
    color: var(--selected-text-color);
    cursor: pointer;
}

.tallPickListCellSelected,
.tallPickListCellSelectedDark {
    background-color: var(--hover-background-color);
    color: var(--selected-text-color);
    cursor: pointer;
}

.pickListCellDisabled,
.tallPickListCellDisabled {
    color: #595959;
    background-color: #C0C0C0;
}

.form-checkbox,
.form-checkbox-empty{
    /*display: inline-block;*/
    /*margin-top:3px;*/
    /*padding:2px;*/
    /*border: var(--basic-border);*/
    /*border-radius:4px;*/
    font-size: 24px;
    line-height: 30px;
    vertical-align: middle;
    cursor: pointer;
    color: var(--control-text-color);
    /*background-image: none !important;*/
}

.form-checkbox{
    color: var(--focus-color);
}

.formCellDisabled .form-checkbox{
    color: unset;
}


.form-checkbox-empty{
    color: var(--control-text-color);
}

.form-switch,
.form-switch-on{
    display: table-cell;
    vertical-align: middle;
    padding:2px;
    padding-top:3px;

    /*border: var(--basic-border);*/
    /*border-radius:4px;*/
    /*background-color: var(--form-item-background-color);*/
    cursor: pointer;
    color: var(--control-text-color);
    background-image: none !important;
}

.form-switch-on{
    color: var(--success-color);
}


.checkbox-control,
.checkbox-control-disabled{
    font-size:16px;
    line-height:20px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.checkbox-control{
    color: var(--neutral-color);
}

.small-form-checkbox{
    display: inline-block;
    padding: 0px;
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
    background-color: var(--form-item-background-color);
    cursor: pointer;
}

.list-checkbox{
    /*padding:1px;*/
    /*border: var(--basic-border);*/
    /*border-radius:3px;*/
    /*background-color: var(--form-item-background-color);*/
    cursor: pointer;
    color: var(--control-text-color);
    font-size: 24px;
    line-height: 24px;
}

.list-checkbox-selected{
    color: var(--focus-color);
}

.tree-opener{
    font-size: var(--basic-font-size);
    padding:1px;
    cursor: pointer;
    color: var(--control-text-color);
    padding-left:10px;
    /*padding-right: 10px;*/
    /*display: inline-block;*/
    /*pointer-events: auto;*/
}


.llmChat{
    background-color: #0a0e14;
    border-radius: 10px;
    padding: 10px;
    border-color: #0a0e14;
}

.llmChatUserMessage{
    background-color: #222222;
    border-radius: 10px;
    padding: 10px;
    border-color: rgb(44 44 44 / 0.5);
    color: white;
    float: right;
}

.llmChatBotMessage{
    color: white;
    text-align: left ;
    display: block;
    padding: 10px;
    width: 100%;
    margin: 0 auto;
}

.llmChatScriptBlock{
    width: 80%;
    display: block;
    margin: 0 auto;
}

.llmChatUserMessageDetails{
    color: rgb(255 255 255 / 0.41);
    text-align: right ;
}

.llmChatBotScript{
    white-space: pre-line;
    color: rgb(255 255 255 / 0.64);
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid rgb(212 215 218 / 0.36);
    background-color: rgb(25, 25,25);
    text-align: left ;
    margin-bottom: 5px;
}
.llmChatBotScriptLink{
    width: 100%;
    text-align: left;
}



.llmChatGrid{
    background-color: transparent;
}
.llmChatGridCell{
    background-color: transparent;
}
.llmChatInputHint,
.llmChatInput{
    background-color: rgb(128 128 128 / 0.22);
    border-radius: 12px;
    border: 1px solid rgb(255 255 255 / 0.05);
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}
.llmChatInputHint {
    color: rgb(110 109 109);
}



.llmChatBody{
    border-radius: 10px;
    padding: 10px;
    background-color: transparent;
}

.llmChatGrid .emptyMessage{
    background-color: transparent;
    color: rgb(236 235 235);
    font-size: 24px;
}

.infiniteGridBody tr:hover td.tallCell .tree-opener,
.infiniteGridBody tr:hover td.tallCellSelected .tree-opener,
.infiniteGridBody tr td.tallCellSelected .tree-opener {
    color: var(--selected-text-color);
}

.group-opener{
    font-size: var(--basic-font-size); !important;
    padding:1px;
    cursor: pointer;
    color: var(--control-text-color);
    width:20px;
}


.folder-icon{
    padding:1px;
    cursor: pointer;
    color: #d7b50d;
}

.folder-icon-success{
    padding:1px;
    cursor: pointer;
    color: #73a839;
}

/* checkbox and radioButton */
.labelAnchor,
.labelAnchorDisabled,
.labelAnchorError,
.labelAnchorFocused {

    font-size: var(--basic-font-size);
    color: var(--control-text-color);
    text-decoration: none;
    line-height: 1.2em;

}

.emptyHoverViewer{
    color: white
}

.bigLabel,
.bigLabelDisabled,
.bigLabelError,
.bigLabelFocused {

    font-size: var(--increased-font-size);
    font-weight: 600;
    color: var(--control-text-color);
}

.labelAnchorDisabled {
    color: #AAAAAA;
}

/* ColorChooser */
.colorChooserCell,
.colorChooserCellOver {
    background-color: #EFEFEF;
    border-left: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
}

.colorChooserCellOver {
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

/* FilterBuilder */
.bracketBorders {
    margin-top: 10px;
    margin-bottom: 10px;
    border-left: 1px solid var(--control-text-color);
    /*border-top: 1px solid var(--control-text-color);*/
    /*border-bottom: 1px solid var(--control-text-color);*/
    border-radius: var(--basic-border-radius);
}

/*============================================================
     DateChooser
============================================================*/
/* Defaults for all days and controls */
.dateChooserButton,
.dateChooserButtonOver,
.dateChooserButtonDown,
.dateChooserButtonDisabled,
.dateChooserButtonSelected,
.dateChooserButtonSelectedDown,
.dateChooserButtonSelectedOver,
.dateChooserButtonSelectedDisabled,
.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonDisabled,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedDown,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDisabled,
.dateChooserBottomButton,
.dateChooserBottomButtonOver,
.dateChooserBottomButtonDown,
.dateChooserBottomButtonSelected,
.dateChooserBottomButtonSelectedOver,
.dateChooserBottomButtonSelectedDown,
.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendDisabled,
.dateChooserFiscalYearCell,
.dateChooserFiscalYearCellOver,
.dateChooserFiscalYearCellDown,
.dateChooserFiscalYearCellDisabled,
.dateChooserFiscalYearCellSelected,
.dateChooserFiscalYearCellSelectedDown,
.dateChooserFiscalYearCellSelectedOver,
.dateChooserFiscalYearCellSelectedDisabled,
.dateChooserWeekCell,
.dateChooserWeekCellOver,
.dateChooserWeekCellDown,
.dateChooserWeekCellDisabled,
.dateChooserWeekCellSelected,
.dateChooserWeekCellSelectedDown,
.dateChooserWeekCellSelectedOver,
.dateChooserWeekCellSelectedDisabled,
.dateChooserWeekendDisabled,
.dateChooserDisabledWeekday,
.dateChooserDisabledWeekdayOver,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver,
.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver,
.dateChooserSelectedWeek,
.dateChooserSelectedWeekOver,
.dateChooserSelectedWeekDown,
.dateChooserSelectedWeekDisabled,
.dateChooserSelectedWeekSelected,
.dateChooserSelectedWeekSelectedDown,
.dateChooserSelectedWeekSelectedOver,
.dateChooserSelectedWeekSelectedDisabled {
    background-color: transparent;
    color: var(--basic-text-color);
    /*border: 2px solid var(--basic-border-color);*/
    font-size: var(--basic-font-size);
}

.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserNavButtonFocused,
.dateChooserNavButtonFocusedOver,
.dateChooserNavButtonFocusedDown {
    background: transparent;
    color: var(--basic-text-color);
    font-size: var(--basic-font-size);
    /*border: 2px solid var(--basic-border-color);*/
}

/* year/month buttons */
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserNavButtonFocused {
    border-bottom: 0px none;
    border-top: 0px none;
    padding: 0px;
}

/* for all buttons, plus weekday headers (dateChooserButton) */
.dateChooserButton,
.dateChooserButtonOver,
.dateChooserButtonDown,
.dateChooserButtonSelected,
.dateChooserButtonSelectedOver,
.dateChooserButtonSelectedDown,
.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDown,
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserNavButtonFocused {
    color: var(--basic-text-color);
    font-weight: bold;
    border: none;
}

.dateChooserButtonOver,
.dateChooserButtonDown {
    color: var(--neutral-color);
    cursor: pointer;
}


.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserNavButtonFocused {
    cursor: pointer;
    padding: 2px;
}

.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonFocused {
    color: var(--neutral-color);
}

/* Today, Cancel buttons */
.dateChooserBottomButton,
.dateChooserBottomButtonOver,
.dateChooserBottomButtonDown {
    /*border-left: 1px solid #ababab;*/
    /*border-top: 1px solid #ababab;*/
    /*color: #4d4d4d;*/
    cursor: pointer;
    font-weight: bold;
}

.dateChooserBottomButtonOver {
    color: var(--neutral-color);
}

.dateChooserDisabledWeekday,
.dateChooserDisabledWeekdayOver,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver {
    color: #aaa;
    /*background-color: var(--control-background-color);*/
    /*border: 2px solid var(--basic-border);*/
}

.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver {
    color: #aaa;
    /*border: 2px solid var(--basic-border-color);*/
}

.dateChooserSelectedWeek,
.dateChooserSelectedWeekOver,
.dateChooserSelectedWeekDown,
.dateChooserSelectedWeekDisabled,
.dateChooserSelectedWeekSelected,
.dateChooserSelectedWeekSelectedDown,
.dateChooserSelectedWeekSelectedOver,
.dateChooserSelectedWeekSelectedDisabled {
    /*font-weight: bold;*/
}

/* CSS3 version - include bottom and right borders */
.dateChooserBorderedBottomButton,
.dateChooserBorderedBottomButtonOver,
.dateChooserBorderedBottomButtonDown,
.dateChooserBorderedBottomButtonSelected,
.dateChooserBorderedBottomButtonSelectedOver,
.dateChooserBorderedBottomButtonSelectedDown,
.dateChooserBorderedBottomButtonFocused,
.dateChooserBorderedBottomButtonFocusedOver,
.dateChooserBorderedBottomButtonFocusedDown {
    /*background-color: var(--basic-background-color);*/

    font-size: var(--increased-font-size);
    border: 1px solid #ababab;
    color: #4d4d4d;
    cursor: pointer;
    font-weight: bold;
}

.dateChooserBorderedBottomButtonOver {
    color: var(--neutral-color);
}

/* weekday and weekend cells */
.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendDisabled {
    /*background-color: var(--light-background-color);*/
    /*border: 2px solid var(--basic-border-color);*/
    color: var(--basic-text-color);
    cursor: pointer;
}

.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown {
    background-color: var(--basic-background-color);
    /*border: 2px solid var(--basic-border-color);*/
}

.dateChooserWeekdayDisabled,
.dateChooserWeekendDisabled {
    color: #bfbfbf;
}

.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendSelected,
.dateChooserWeekendDisabled {
    color: var(--danger-color);
}

.dateChooserWeekdayOver,
.dateChooserWeekendOver {
    /*border: 2px solid #75acff;*/
}

/* selected/over date-cell styling */
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelectedDown,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedOver,
.dateChooserDisabledWeekendSelectedDown {
    /*background-color: #d6e8ff;*/
    /*border: 2px solid #94c6ff;*/
    color: #4d4d4d;
    border-radius: var(--basic-border-radius);
    outline: 3px solid var(--focus-color);
    outline-offset: -3px;
    transition-duration: .1s;
    transition-property: outline-color;
    font-weight: bold;
}

.dateChooserWeekdayDown,
.dateChooserWeekendDown {
    font-weight: normal;
}

/* year and month pop-up menus */
.dateChooserYearMenu,
.dateChooserMonthMenu,
.dateChooserWeekMenu {
    background-color: var(--basic-background-color);
    /*border: 2px solid #4d4d4d;*/
}

/* CSS3 Mode
   Canvas border around calendar */
.dateChooserBorder {
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
    background-color: var(--light-background-color);
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
}

/*============================================================
	9) Slider & Rangebar
============================================================*/
/* Sliders */
/* slider and rangebar labels */
.sliderTitle,
.sliderRange,
.sliderRangeDisabled,
.sliderValue,
.sliderValueDisabled,
.rangebarTitle,
.rangebarRange,
.rangebarValue {
    color: #282828;
    font-size: var(--decreased-font-size);
}

.sliderRange {
    font-size: var(--decreased-font-size);
    font-weight: 400;
}

.sliderTitle,
.rangebarTitle {
    color: #4d4d4d;
}

.sliderRange,
.rangebarRange {
    color: #282828;
}

.sliderRangeDisabled,
.sliderValueDisabled {
    color: #ababab;
}

/* SliderTrack */
.hSliderTrack,
.vSliderTrack,
.hSliderTrackDisabled,
.vSliderTrackDisabled {
    background: #e6e6e6;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    outline: none;
}

.hSliderTrackDisabled,
.vSliderTrackDisabled {
    background: #e6e6e6;
}

/* Slider thumb */
.hSliderThumb,
.hSliderThumbOver,
.hSliderThumbtouch,
.hSliderThumbdown,
.hSliderThumbdowntouch,
.hSliderThumbDisabled,
.hSliderThumbDisabledtouch,
.vSliderThumb,
.vSliderThumbtouch,
.vSliderThumbdown,
.vSliderThumbdowntouch,
.vSliderThumbDisabled,
.vSliderThumbDisabledtouch {
    background: #157fcc;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    /*width: 22px;*/
    /*height: 22px;*/
    border: none;
    outline: none;
    color: white;
    text-align: center;
    font-size: var(--basic-font-size);
    font-weight: 500;
    padding-top: 2px;
}

.hSliderThumbOver,
.hSliderThumbDown{
    background: #15aacc;
}

/* disabled thumb */
.hSliderThumbDisabled,
.hSliderThumbDisabledtouch,
.vSliderThumbDisabled,
.vSliderThumbDisabledtouch {
    background: #9e9e9e;
    border: none;
}

.hSliderThumbtouch,
.hSliderThumbdowntouch,
.vSliderThumbtouch,
.vSliderThumbdowntouch,
.hSliderThumbDisabledtouch,
.vSliderThumbDisabledtouch {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

/* slider pointy arrows - start */
.sliderValue,
.sliderValueDisabled,
.vSliderValue,
.vSliderValueDisabled,
.hSliderValue,
.hSliderValueOver,
.hSliderValueDisabled {
    color: #333b41;
    position: absolute;
    background: #ffffff;
    border: var(--basic-border);
    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
    line-height: 9px;
    text-align: center;
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px;
}

.vSliderValue:after, .vSliderValue:before,
.vSliderValueDisabled:after, .vSliderValueDisabled:before,
.hSliderValue:after, .hSliderValue:before,
.hSliderValueOver:after, .hSliderValueOver:before,
.hSliderValueDisabled:after, .hSliderValueDisabled:before {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.vSliderValue:after, .vSliderValue:before,
.hSliderValueOver:after, .hSliderValueOver:before,
.vSliderValueDisabled:after, .vSliderValueDisabled:before {
    left: 100%;
    top: 50%;
}

.hSliderValue:after, .hSliderValue:before,
.hSliderValueOver:after, .hSliderValueOver:before,
.hSliderValueDisabled:after, .hSliderValueDisabled:before {
    top: 100%;
    left: 50%;
}

.vSliderValue:after{
    border-left-color: #ffffff;
    border-width: 4px;
    margin-top: -4px;
}

.vSliderValue:before {
    border-left-color: #b8b8b8;
    border-width: 5px;
    margin-top: -5px;
}

.hSliderValue:after,
.hSliderValueOver:after {
    border-top-color: #ffffff;
    border-width: 4px;
    margin-left: -4px;
}

.hSliderValue:before,
.hSliderValueOver:before {
    border-top-color: #b8b8b8;
    border-width: 5px;
    margin-left: -5px;
}

.vSliderValueDisabled:after {
    border-left-color: #ffffff;
    border-width: 4px;
    margin-top: -4px;
}

.vSliderValueDisabled:before {
    border-left-color: #b8b8b8;
    border-width: 5px;
    margin-top: -5px;
}

.hSliderValueDisabled:after {
    border-top-color: #ffffff;
    border-width: 4px;
    margin-left: -4px;
}

.hSliderValueDisabled:before {
    border-top-color: #b8b8b8;
    border-width: 5px;
    margin-left: -5px;
}

.sliderValueDisabled,
.vSliderValueDisabled,
.hSliderValueDisabled {
    border: 1px solid #b8b8b8;
    background: #e6e6e6;
    color: #9e9e9e;
}

.vSliderValueDisabled:after {
    border-left-color: #e6e6e6;
}

.hSliderValueDisabled:after {
    border-top-color: #e6e6e6;
}

.sliderValueText,
.sliderValueTextDisabled,
.sliderValuePendingText,
.sliderValuePendingTextDisabled {
    color: #444444;
    /*font-family: RobotoLight;*/
    font-size: var(--decreased-font-size);
    padding: 1px;
}

.sliderValuePendingText {
    color: #0066cc;
}

.sliderValueTextDisabled,
.sliderValuePendingTextDisabled {
    background: #e6e6e6;
    color: #9e9e9e;
}

/* slider pointy arrows - end */
/* slider activeTrack */
.sliderTrackActive,
.hSliderTrackActive,
.vSliderTrackActive {
    background: #b6e3ff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.sliderTrackActiveDisabled,
.hSliderTrackActiveDisabled,
.vSliderTrackActiveDisabled {
    background: #d0d0d0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/*============================================================
    10) DetailViewer
============================================================*/

.detailBlock {
    border-left: var(--basic-border);
    border-top: var(--basic-border);
    border-radius: var(--basic-border-radius);
}


.detailBlock tr:first-child td.detailLabel{
    border-top-left-radius: var(--basic-border-radius);
}

.detailBlock tr:last-child td.detailLabel{
    border-bottom-left-radius: var(--basic-border-radius);
}

.detailBlock tr:first-child td.detail{
    border-top-right-radius: var(--basic-border-radius);
}

.cm-s-blackboard{
    border: 1px solid transparent;
    border-radius: var(--basic-border-radius);
    /*font-size: inherit;*/
}

.detailBlock tr:last-child td.detail{
    border-bottom-right-radius: 4px;
}

.detail,
.detailLabel,
.detailHeader {
    padding-left: 8px;
    font-size: var(--basic-font-size);
    color: var(--basic-text-color);
    border-right: var(--basic-border);
    border-bottom: var(--basic-border);
    word-wrap: break-word;
    word-break: break-all;
    background-color: var(--light-background-color);
}



.detailLabel {
    font-weight: 400;
    background-color: var(--control-background-color);
    text-align: right;

    /*display: none;*/
}
.recordDetail{
    font-size: var(--basic-font-size);
    display: block;

}
.recordDetailLabel{
    font-weight: 500;
    font-size: var(--basic-font-size);
    display: block;
    color: var(--control-text-color);
    margin-bottom: 4px;
}
.recordDetailBlock{
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
    /*margin-bottom: 8px;*/
}
.recordDetailTitle{
    font-weight: 500;
    font-size: var(--larger-font-size);
    display: block;
    color: var(--control-text-color);
    margin-bottom: 4px;
    float: left;
}
.recordDetailType{
    float: left;
}
.recordDetailSpacer{
    width: 60px;
    display: block;
    text-align: center;
    float: left;
}
.recordDetailRow{

}
.recordDetailMore{
    font-weight: 500;
    text-align: right;
    float: right;
    cursor: pointer;
    color: var(--control-text-color);
}
.addTagIcon{
    cursor: pointer;
}
.recordDetailFieldsRow td{
    border-top: var(--basic-border);
    vertical-align: top;
}
.recordDetailFieldsRow{
}
.recordDetailStatus{
    display: inline-block;
    overflow: visible;
    float: left;
}
.recordDetailFlags{
    display: inline-block;
    overflow: visible;
    float: left;
}
.recordDetailFieldsRow td:not(:last-child){
    border-right: var(--basic-border);
}
.recordDetailTags{
    float: right;
    display: block;
    color: var(--control-text-color);
}
.recordDetailFolder{
    display: block;
    float: left;
    color: var(--control-text-color);
    line-height: var(--larger-font-size);
    vertical-align: middle;
    padding-right: 10px;
    padding-left: 30px;
    padding-top: 3px;
    cursor: pointer;
    margin-bottom: 4px;
}
.recordDetailBlock td {
    padding:8px;
}

.recordDetailBlock tr:first-child td {
    padding-bottom:0px;
}


.detailHeader {

    font-size: var(--basic-font-size);
    font-weight: 500;
    padding: 4px;
    background-color: var(--control-background-color);
    color: var(--basic-box-header-color);
}


/*============================================================
    10) ProcessingPlumbDiagram
============================================================*/
.plumbDesigner {
    /*zoom:50%*/
}

.diagramBlock {

}

.diagram,
.diagramLabel,
.diagramHeader {

    /*font-size: 100%;*/
    /*line-height:9px;*/
    padding: 1px;
    background-color: var(--basic-background-color);
    color: var(--basic-text-color);

}

.diagramLabel {
    font-weight: bold;
    color: #4C4C4C;
    background-color: #F6F7F9;
    text-align: right;
}

.diagramHeader {

    /*font-size: var(--basic-font-size);*/
    font-weight: bold;
    color: #4C4C4C;
    padding: 4px;
    background-color: #C3D1E1;
}

/*============================================================
    11) ListGrid
============================================================*/

/*============================================================
	ListGrid parts
		styleName - listGrid
		headerBarStyle - headerBar
		bodyStyleName - gridBody
============================================================*/

.listGrid {

    /*    border-bottom: 1px solid rgb(190,190,190);
 border-right: 1px solid rgb(190,190,190);*/
    /*border:1px solid #dbdfe5;*/

}

.masterListGrid {
    margin-left: 10px;
    margin-right: 10px;
    /*margin-bottom: 10px;*/
    /*margin-top: 5px;*/
}

/*.masterListGrid .toolStrip {*/
/*    background-color: transparent;*/
/*}*/

.roundedPanel {
    margin: 5px 10px 10px;
    border-radius: var(--basic-border-radius);
    border:var(--basic-border);
    /*background-color: var(--control-background-color);*/
}

.headerBar {
    /*background:#FFFFFF url(./images/ListGrid/header.png) repeat-x bottom left scroll;*/
}

.gridScrollTrack {
    border-right: var(--basic-border);
    border-bottom: var(--basic-border);
    padding: 1px;
    /*box-shadow:0 2px 2px 0 rgba(0,0,0,.05), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.05);*/
}

.gridBody {
    background-color: var(--light-background-color);
    border-left: var(--basic-border);
    border-right: var(--basic-border);
    border-bottom: var(--basic-border);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.menuGridBody {

}

/*.standaloneGridBody {*/
/*    background-color: var(--basic-background-color);*/
/*    !*border: var(--basic-border);*!*/
/*}*/

/*.standaloneGridBody .tallCell {*/
/*    background-color: var(--list-cell-background-color);*/
/*    border-bottom: 1px solid white;*/
/*    border-top: 1px solid white;*/
/*    border-left: 1px solid white;*/
/*    border-right: 1px solid white;*/
/*}*/

.fullCell{
    /*background-color: var(--basic-background-color);*/
    /*border-left: var(--basic-border);*/
    border-right: var(--basic-border);
    border-bottom: var(--basic-border);

}

.infiniteGridBody {
    /*background-color: var(--light-background-color);*/
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    /*border-bottom-left-radius: 4px;*/
    /*border-bottom-right-radius: 4px;*/
    /*background-color: var(--basic-background-color);*/
    /*border-top:var(--basic-border);*/

}


.panelGridTitle {
    color: var(--basic-text-color);
    font-size: var(--basic-font-size);
    font-weight: 500;
    text-align: center;
    padding-top: 2px;
}

.panelGrid {
    background-color: var(--form-background-color);
    border-radius: var(--basic-border-radius);
    border: var(--basic-border);
    /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .05);*/
}

.panelGridCell {
    font-size: var(--basic-font-size);
    text-overflow: ellipsis;
    color: var(--basic-text-color);
    /*padding:0px;*/
    border: 0px;
    border-bottom: 1px dotted transparent;
    border-top: 1px dotted var(--basic-border-color);
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 0px;
    cursor: pointer;
    white-space: nowrap;
    border-right: 1px dotted var(--basic-border-color);
}


.panelGridCell a {
    font-size: var(--basic-font-size);
}

.panelGridCell:last-child {
    border-right: 1px solid transparent;
}

tr.panelGridCell:last-child {
    border-bottom: 1px solid transparent;
}



.infiniteGridBody tr:hover td.tallCell,
.infiniteGridBody tr:hover td.listGridRownum,
.infiniteGridBody tr:hover td.specialCol{
    background-color: var(--hover-background-color);
    color: var(--selected-text-color);
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: background-color;
}

.infiniteGridBody tr:hover td.tallCellSelected,
.infiniteGridBody tr:hover td.listGridRownumSelected,
.infiniteGridBody tr:hover td.specialColSelected {
    background: var(--selected-background-color);
    color: var(--selected-text-color);
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: background-color;
}

.infiniteGridBody tr:hover td.tallCell,
.infiniteGridBody tr:hover td.specialCol,
.infiniteGridBody tr:hover td.listGridRownum{
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: background-color;
}

.infiniteGridBody tr:nth-child(even) {
    /*border-bottom: 1px solid rgb(246, 246, 246);  !important;*/
    background-color: var(--list-cell-even-background-color);
}

div.infiniteGridBody table tr[role="treeitem"]:nth-child(odd) {
    /*border-bottom: 1px solid rgb(246, 246, 246);  !important;*/
    background-color: var(--list-cell-background-color);
}

.listGridHeader {
    margin-top: 5px;
    /*border-left: var(--basic-border);*/
    /*border-right: var(--basic-border);*/
    /*border-top: var(--basic-border);*/
    border-bottom: var(--basic-border);
    /*border-left: 1px solid transparent;*/
    /*border-right: 1px solid transparent;*/
    /*background-color: var(--basic-box-header-background-color);*/
}

.filterEditor {
    /*border-left: 1px solid transparent;*/
    /*border-right: 1px solid transparent;*/
    border-bottom: var(--basic-border);
    /*background-color: var(--basic-background-color);*/
    /*padding-top: 4px;*/
}

.filter-icon{
    font-size: 24px;
    color: var(--control-text-color);
    cursor: pointer;
    /*text-align: center;*/
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}


.alternateGridBody {
    background-color: #FFFFFF;
}

.loadingDataMessage,
.offlineMessage,
.emptyMessage {

    font-size: var(--basic-font-size);
    padding: 10px;
    color: var(--basic-text-color);
    background-color: var(--light-background-color);
}

.gridDragTracker {

    font-size: var(--basic-font-size);
    color: var(--basic-text-color);
    padding: 1px;
    border: 1px dotted gray;
}

.dragLine {
    border-bottom: 2px dotted #75adff;
}

.listTable {
    border-collapse: collapse;
}

/* for filterEditor */
.recordEditorCell {
    color: var(--basic-text-color);
    background-color: transparent;

    font-size: var(--basic-font-size);
    border-left: 2px solid transparent;
    border-right: 4px solid transparent;


}


.recordEditorCell .textItem,
.recordEditorCell .textItemFocused,
.recordEditorCell .selectItemText {
    color: #666;
    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    -o-border-radius: var(--basic-border-radius);
    -ms-border-radius: var(--basic-border-radius);
    -khtml-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
    /*padding-left:20px;*/
}


/*============================================================
    ListGrid headers
        listGrid.headerBaseStyle - headerButton (in skin)
        listGrid.headerDefaults.titleStyle - headerTitle (in skin)
        listGrid.sorterDefaults.titleStyle - headerTitle (in skin)

============================================================*/

/* ListGrid column header buttons */


.headerButton,
.headerSpanButton,
.headerButtonSelected ,
.headerButtonFrozen,
.headerButtonFrozenSelected{
    /*border-right: var(--basic-border);*/
    /*border-left: 1px solid transparent;*/
    font-size: var(--basic-font-size);
    padding-left: 12px;
    padding-right: 12px;
    color: var(--control-text-color);
    font-weight: 500;
    line-height: var(--large-font-size);
}

.headerMenuButton{
    border-right: var(--basic-border);
    color: var(--control-text-color);
}

.header-menu-button{
    font-size: var(--large-font-size);
    width:50px;
    text-align: center;
    margin-left: 8px;
}

.listGridHeader td.headerButton {
    padding-left: 2px;
}

.listGridHeader .headerButton:first-child {
    padding-left: 10px;
    padding-right: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.headerSpanButton{
    border-bottom: var(--basic-border);
}

.headerButtonFrozen,
.headerButtonFrozenSelected{
    border-right: 1px solid #888 !important;
}


.headerButton:hover,
.headerSpanButton:hover,
.headerButtonSelected:hover {
    background-color: rgba(240, 240, 240, 0.40);
}

.headerButton:active,
.headerSpanButton:active,
.headerButtonSelected:active {
    background-color: rgba(240, 240, 240, 0.80);
}

/* ListGrid column header buttons */
.plainHeaderButton,
.plainHeaderButtonFirst,
.plainHeaderButtonFirstSelected
.plainHeaderButtonSelected {
    background-color: #f9f9f9;
    border-right: var(--basic-border);
    border-top: var(--basic-border);
    font-size: var(--basic-font-size);
    padding-left: 4px;
    padding-right: 4px;
    color: #222222;
    font-weight: 500;
}

.plainHeaderButtonFirst,
.plainHeaderButtonFirstSelected{
    border-left: var(--basic-border);
}



.calendarHeaderButton,
.calendarHeaderButtonOver {
    /*border-right: var(--basic-border);*/
    /*border-bottom: var(--basic-border);*/
    /*border-top: var(--basic-border);*/
    background-color: transparent;
    /*font-size: var(--basic-font-size);*/
    /*padding-left: 4px;*/
    /*padding-right: 4px;*/
    color: var(--control-text-color);
    font-weight: bold;
}

.listGridHeader div:last-child table .headerButton,
.listGridHeader div:last-child table .headerButtonSelected{
    border-right: 1px solid transparent;
}

.headerButton,
.headerButtonOver,
.headerButtonDown,
.headerButtonSelectedOver,
.headerButtonSelectedDown {
    /*border-left:1px solid rgb(228,242,255);*/
    background-image: none;
    /*border-right:1px solid rgb(200,204,208);*/
}

.sorterButton,
.sorterButtonSelected,
.sorterButtonDisabled,
.sorterButtonSelectedDisabled,
.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {

    /*border-right: var(--basic-border);*/
    /*border-top: var(--basic-border);*/
    /*border-bottom: var(--basic-border);*/
    /*border-left: 1px solid transparent;*/
    /*background-color: var(--basic-box-header-background-color);*/

}

.sorterButton img {
    display: none;
}

.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
    background-image: none;
    /*border-left:1px solid rgb(228,242,255);*/
    /*background-image:url("images/ListGrid/headerSprite.png");*/
    /*background-position: 0px -420px;*/
}

/*============================================================
    ListGrid cells
        listGrid.baseStyle
============================================================*/

.multilineList
.multilineListDark {

    font-size: var(--basic-font-size);
    text-overflow: ellipsis;
    color: var(--basic-text-color);
    border: 0px;
    line-height: 20px;
    border-bottom: 1px solid #a0a0a0;
}

.multilineListDark {
    background-color: rgb(242, 242, 242);
}


/*------------------------------------------------------------
		listGrid.baseStyle
------------------------------------------------------------*/
.cell,
.cellDark,
.cellOver,
.cellOverDark,
.cellSelected,
.cellSelectedDark,
.cellSelectedOver,
.cellSelectedOverDark,
.cellDisabled,
.cellDisabledDark,
.tallCell,
.tallCellDark,
.tallCellOver,
.tallCellOverDark,
.tallCellDarkOver,
.tallCellDarkSelected,
.tallCellDarkSelectedOver,
.tallCellSelected,
.tallCellSelectedDark,
.tallCellSelectedOver,
.tallCellSelectedOverDark,
.tallCellDisabled,
.tallCellDisabledDark,
.gridSummaryCell,
.gridSummaryCellDisabled,
.groupSummaryCell,
.groupSummaryCellDisabled,
.recordSummaryCell,
.recordSummaryCellDark,
.recordSummaryCellOver,
.recordSummaryCellOverDark,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark,
.expansionCellCell,
.expansionCellCellDark,
.expansionCellCellOver,
.expansionCellCellOverDark,
.expansionCellCellSelected,
.expansionCellCellSelectedDark,
.expansionCellCellSelectedOver,
.expansionCellCellSelectedOverDark,
.expansionCellCellDisabled,
.expansionCellCellDisabledDark,
.groupNode,
.tallCellFrozen{

    font-size: var(--basic-font-size);
    text-overflow: ellipsis;
    color: var(--basic-text-color);
    /*padding:0px;*/
    border: 0px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    cursor: pointer;
    white-space: nowrap;
    /*box-sizing: border-box;*/
    /*border-right: 1px dotted var(--basic-border-color);*/
    /*border-left:  1px solid transparent;*/
}

/*.tallCell div {*/
/*    padding-right: 20px;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    white-space: nowrap;*/
/*}*/



.groupNode{
    vertical-align: middle;
    line-height: 18px;
}

.tallCellFrozen{
    border-right: 1px solid #888 !important;
}

/*.tallCell:first-child{*/
/*    padding-right: 0;*/
/*}*/


.tallEditCell,
.tallEditCellDark,
.tallEditCellOver,
.tallEditCellOverDark,
.tallEditCellDarkOver,
.tallEditCellDarkSelected,
.tallEditCellDarkSelectedOver,
.tallEditCellSelected,
.tallEditCellSelectedDark,
.tallEditCellSelectedOver,
.tallEditCellSelectedOverDark,
.tallEditCellDisabled,
.tallEditCellDisabledDark {

    font-size: var(--basic-font-size);
    text-overflow: ellipsis;
    color: var(--basic-text-color);
    border: 0px;
    line-height: 16px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid rgb(246, 246, 246);
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    cursor: pointer;
    white-space: nowrap;
    border-right: 1px solid rgb(246, 246, 246);
}


/*.tallCell nobr span{*/
/*    text-overflow: clip !important;*/
/*    white-space: nowrap  !important;*/
/*    overflow: visible  !important;*/
/*    overflow-x: visible  !important;*/
/*    overflow-y: visible  !important;*/
/*}*/

.specialCol,
.specialColSelected{
    padding-left: 2px;
    padding-right: 0px;
    font-size: var(--decreased-font-size);
    text-overflow: clip;
}

.infiniteGridBody td.tallCell:last-child {
    border-right: 1px solid transparent;

}

/*.listTable tr:nth-child(odd) {*/
/*background-color: var(--basic-background-color);*/
/*border-top: 1px solid rgb(246, 246, 246);*/
/*border-bottom: 1px solid rgb(246, 246, 246);*/
/*}*/
/*.listTable tr:nth-child(even) {*/
/*background-color:  rgb(250, 250, 250);*/
/*border-top: 1px solid rgb(246, 246, 246);*/
/*border-bottom: 1px solid rgb(246, 246, 246);*/
/*}*/

/*.listTable tr:hover,*/
/*.listTable tr:nth-child(even):hover,*/
/*.listTable tr:nth-child(odd):hover{*/
/*background-color: var(--hover-background-color);*/
/*transition: all .2s ease-in-out;*/
/*!*border-top: 1px solid #c4e2ff;*!*/
/*!*border-bottom: 1px solid #c4e2ff;*!*/
/*}*/

.tallCellOver,
.tallCellOverDark,
.tallCellDarkOver,
.tallCellDarkSelectedOver,
.tallCellSelectedOver,
.tallCellSelectedOverDark {
    cursor: pointer;

}

.cellDark,
.recordSummaryCell,
.recordSummaryCellDark {
    background-color: rgb(242, 242, 242);
}

.groupSummaryCell,
.groupSummaryCellDisabled {
    /*    border-top:1px solid gray;
  border-bottom:1px solid gray;*/
    background-color: #ececec;
}

.gridSummaryCell,
.gridSummaryCellDisabled {
    border-top-width: 0px;
    border-bottom-width: 0px;
    background-color: #ececec;
}

.summaryRowBody {
    background-color: #ececec;
}

.tallCell,
.specialCol{

    border-top: 1px solid transparent;
    border-bottom: var(--basic-border);

}

.cellOver,
.cellOverDark,
.specialColOver,
.recordSummaryCellOver,
.recordSummaryCellOverDark {
    /*background:#FFFFFF url(./images/ListGrid/row_Over.png) repeat-x bottom left scroll;*/
}

.tallCellOver,
.tallCellSelectedOver,
.specialColOver,
.specialCollSelectedOver {
    background-color: var(--hover-background-color);
    color: var(--selected-text-color);
}

.tallCellSelectedOver,
.tallCellSelectedOverDark {
    /*background-color: #e8effc;*/
    /*border-top: 1px solid #c4e2ff;*/
    /*border-bottom: 1px solid #c4e2ff;*/

    background: rgb(246, 187, 34);
    border-top: 1px solid rgb(246, 158, 43);
    border-bottom: 1px solid rgb(246, 158, 43);
}

.recordSummaryCellSelected,
.recordSummaryCellSelectedDark {
    background: #b1ceeb;
}

.tallCellSelected,
.specialColSelected,
.tallCellSelectedDark {

    background: var(--selected-background-color);
    color: var(--selected-text-color);
    border-top: 1px solid transparent;
    border-bottom: 1px solid var(--selected-border-color);
}


.groupSummaryCell,
.groupSummaryCellDisabled,
.gridSummaryCell,
.gridSummaryCellDisabled {
    font-weight: bold;
}

.cellDisabled,
.cellDisabledDark,
.specialColDisabled,
.tallCellDisabled,
.tallCellDisabledDark,
.groupSummaryCellDisabled,
.gridSummaryCellDisabled,
.specialColDisabled,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark {
    color: #AAAAAA;
}

.tallCellDisabledDark {
    background-color: #F2F2F2;
}

/* for grouping */
.groupNode {
    font-weight: 400;
    border-bottom: var(--basic-border);
    color: var(--control-text-color);
}

.listGridRownum,
.listGridRownumSelected,
.listGridRownumSelectedOver,
.listGridRownumOver,
.listGridRownumOverDark {
    cursor: pointer;

    padding-left: 2px;
    padding-right: 2px;
    /*border-right: 1px dotted var(--basic-border-color);*/
    color: var(--control-text-color);
    font-size: var(--decreased-font-size);
    text-align: center;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.listGridRownum {
    border-bottom: var(--basic-border);
}


.listGridRownumOver {
    background-color: var(--hover-background-color);
    color: var(--selected-text-color);
}

.listGridRownumSelected {
    background-color: var(--selected-background-color);
    color: var(--selected-text-color);
    border-top: 1px solid var(--selected-border-color);
    border-bottom: 1px solid var(--selected-border-color);
}

.listGridRownumSelectedOver{
    background-color: var(--selected-background-color);
    color: var(--selected-text-color);
    border-top: 1px solid var(--selected-border-color);
    border-bottom: 1px solid var(--selected-border-color);
}


/*------------------------------------------------------------
		treeGrid.baseStyle
------------------------------------------------------------*/
.treeCell,
.treeCellDark,
.treeCellOver,
.treeCellOverDark,
.treeCellSelected,
.treeCellSelectedDark,
.treeCellSelectedOver,
.treeCellSelectedOverDark,
.treeCellDisabled,
.treeCellDisabledDark,
.treeTallCell,
.treeTallCellDark,
.treeTallCellOver,
.treeTallCellOverDark,
.treeTallCellSelected,
.treeTallCellSelectedDark,
.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark,
.treeTallCellDisabled,
.treeTallCellDisabledDark {

    font-size: var(--basic-font-size);
    text-overflow: ellipsis;
    cursor: pointer;
    color: var(--basic-text-color);
    /*padding:0px;*/
    border: 0px;
    line-height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;

}

.treeTallCell,
.treeTallCellDark,
.treeTallCellOver,
.treeTallCellOverDark,
.treeTallCellSelected,
.treeTallCellSelectedDark,
.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark,
.treeTallCellDisabled,
.treeTallCellDisabledDark {

}

.treeCellDark,
.treeTallCellDark {

    background-color: rgb(242, 242, 242);
}

.treeCellOver,
.treeCellOverDark {
    /*background: #FFFFFF url(./images/ListGrid/row_Over.png) repeat-x bottom left scroll;*/
    text-decoration: underline;
}

.treeCellSelected,
.treeCellSelectedDark,
.treeCellSelectedOver,
.treeCellSelectedOverDark {
    background: var(--selected-background-color);
    color: var(--selected-text-color);
    border-top: 1px solid var(--selected-border-color);
    /*border-bottom: 1px solid rgb(246, 158, 43);*/
    /*background-image: url(images/actions/forward.png);*/
    background-position: right;
    background-repeat: no-repeat;
}

.treeCellSelectedOver,
.treeCellSelectedOverDark {
    background: rgba(246, 187, 34, 1);
    text-decoration: underline;
}


.treeTallCellOver,
.treeTallCellOverDark {
    /*background-color: #d9e4f6;*/
    /*background-image: -webkit-linear-gradient(top, #dee9fb, #dae5f7);*/
    /*border-top: 0px solid #d9e4f6;*/
    /*border-bottom: 0px solid #d9e4f6;*/
    /*filter: progid:dximagetransform.microsoft.gradient(startColorStr = 'rgb(240, 240, 240)', EndColorStr = 'rgb(220, 220, 220)');*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='rgb(240, 240, 240)',EndColorStr='rgb(220, 220, 220)')";*/
}


.treeTallCellSelected,
.treeTallCellSelectedDark {
    background: var(--selected-background-color);
    color: var(--selected-text-color);
}

.treeCellSelectedOver,
.treeCellSelectedOverDark {
    /*background-color: #e8effc;*/
    /*border-top: 1px solid #c4e2ff;*/
    /*border-bottom: 1px solid #c4e2ff;*/
}

.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark {
    /*background-color: #e8effc;*/
    /*border-top: 1px solid #c4e2ff;*/
    /*border-bottom: 1px solid #c4e2ff;*/
}

.treeCellDisabled,
.treeCellDisabledDark,
.treeTallCellDisabled,
.treeTallCellDisabledDark {
    color: #AAAAAA;
    /*background-color:#FFFFFF;*/
}

/* Field builders (Formula/Summary) */
.sampleOutput {
    border: 2px solid #D9D9D9;
    padding: 3px;
}

/* Multi-sort - sort-index appearing next to sort-arrows in field headers */
.sortNumeral {
    font-size: 7px;
}

/*============================================================
	12) ToolStrip
============================================================*/
.toolStrip {
    /*background-color: var(--control-background-color);*/
    /*border-color: var(--basic-border-color);*/
}

.toolbar {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--list-toolbar-background-color);
    border-left: 1px solid var(--list-toolbar-background-color);
    border-right: 1px solid var(--list-toolbar-background-color);
    padding-left:5px;
    padding-right:5px;
    background-color: var(--basic-background-color);
    border-radius: 10px;
    font-size: 12px;
}

.listToolStrip {
    /*border-color: var(--basic-border-color);*/
    /*border-top-left-radius: 4px;*/
    /*border-top-right-radius: 4px;*/
    border-top: 1px solid var(--list-toolbar-background-color);
    border-bottom: 1px solid var(--list-toolbar-background-color);
    border-left: 1px solid var(--list-toolbar-background-color);
    border-right: 1px solid var(--list-toolbar-background-color);
    padding-left:5px;
    padding-right:5px;
    background-color: var(--list-toolbar-background-color);
    border-radius: 10px;

    /*background-color: var(--control-background-color)*/
}

.toolStripVertical {
    background-color: var(--control-background-color);
    border-color: var(--basic-border-color);
}

.listGridFooter {
    /*border-top: 1px solid  rgb(220,220,220);*/
    /*border-bottom: 1px solid rgb(200, 200, 200);*/
    /*border-top: 1px solid rgb(200, 200, 200);*/
    color: rgb(51, 51, 51);
    background-color: rgb(240, 240, 240);
    /*background-image: -webkit-linear-gradient(top, rgb(240, 240, 240), rgb(220, 220, 220));*/
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%, rgb(240, 240, 240), to(rgb(220, 220, 220)));*/
    /*background-image: -o-linear-gradient(top, rgb(240, 240, 240), rgb(220, 220, 220));*/
    /*background-image: linear-gradient(to bottom, rgb(240, 240, 240), rgb(220, 220, 220));*/
    /*background-image: -moz-linear-gradient(top, rgb(240, 240, 240), rgb(220, 220, 220));*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#dcdcdc');*/
}

/*============================================================
	13) Tools
============================================================*/
.resizeThumb {
    background-color: #009999;
}

/*============================================================
   14) TileGrid
==============================================================*/

.tileGrid {
    border: 1px solid #808080;

}

.tileValue,
.tileValueDown,
.tileValueSelected,
.tileValueOver,
.tileValueSelectedOver,
.tileValueSelectedDown,
.tileValue a,
.tileValueDown a,
.tileValueSelected a,
.tileValueOver a,
.tileValueSelectedOver a,
.tileValueSelectedDown a {
    font-size: var(--decreased-font-size);
    text-overflow: ellipsis;
}

.tileValueOver {
    color: var(--basic-text-color);
}

.tileValueSelected {
    color: black;
}

.tileValueSelectedOver {
    color: black;
}

.simpleTile,
.simpleTileOver,
.simpleTileSelected,
.simpleTileSelectedOver {
    border: var(--basic-border);
    /*font-size: 8pt;*/
    /*padding: 3px;*/
    cursor: pointer;
}

.simpleTile,
.simpleTileOver,
.simpleTileSelected,
.simpleTileSelectedOver {
    /*background: #f9f9f9 url("images/actions/white-envelope.png") no-repeat center;*/
    background-color: var(--basic-background-color);
    border: var(--basic-border);
    /*-moz-border-radius: var(--basic-border-radius);*/
    /*-webkit-border-radius: var(--basic-border-radius);*/
    /*-o-border-radius: var(--basic-border-radius);*/
    /*-ms-border-radius: var(--basic-border-radius);*/
    /*-khtml-border-radius: var(--basic-border-radius);*/
    border-radius: var(--basic-border-radius);
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*-o-background-size: cover;*/
    /*background-size: cover;*/
}

.simpleTileOver {
    background-color: var(--hover-background-color);
    color: var(--selected-text-color);
}

.simpleTileSelected {
    border: 1px solid var(--selected-border-color);
    background-color: var(--selected-background-color);
    color: var(--selected-text-color);
}

/*#cfcec9*/
.simpleTileSelectedOver {
    border: 1px solid #4777d0;
    background-color: rgba(82, 152, 255, 0.25);
}


.tileTitle, .tileTitleOver, .tileTitleSelectedOver, .tileTitleSelected {
    font-weight: bold;
    padding: 5px;
}

.tileItalic, .tileItalicOver, .tileItalicSelectedOver, .tileItalicSelected {
    font-style: italic;
    padding: 5px;
}

.tileHeader, .tileHeaderOver, .tileHeaderSelectedOver, .tileHeaderSelected {
    font-style: italic;
    font-size: var(--basic-font-size);
    text-align: right !important;
    position: relative;
    top: -3px;
}


/*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII

    Styles below this comment are not used by default in this skin

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/

/*============================================================
    TabSet CSS tabs
        tabSet.simpleTabBaseStyle
============================================================*/
/* styles for simple css-styled tabs*/

/* top */
.tabButtonTop,
.tabButtonTopSelected {

    font-size: var(--increased-font-size);
    padding: 3px 10px 3px 10px;
    border: 3px solid transparent;
    border-radius: var(--basic-border-radius);
    /*background-color: var(--light-background-color);*/
    /*border-left: var(--basic-border);*/
    /*border-top: var(--basic-border);*/
    /*border-right: var(--basic-border);*/

    color: var(--control-text-color);
    /*-moz-border-radius-topleft: 4px;*/
    /*-moz-border-radius-topright: 4px;*/
    /*-webkit-border-top-left-radius: 4px;*/
    /*-webkit-border-top-right-radius: 4px;*/
    /*border-top-left-radius: 4px;*/
    /*border-top-right-radius: 4px;*/
}

.tabButtonTop{
    /*border-bottom: var(--basic-border);*/
    /*font-weight: normal;*/
}

.tabButtonTopOver,
.tabButtonTopSelectedOver {
    background-color:  var(--control-background-color);
    color: var(--control-text-color);
}

.tabButtonTop:hover {
    background-color: rgba(158, 158, 158, 0.3);
    transition: all .2s ease-in-out;
}

.tabButtonTop:active {
    background-color: rgba(158, 158, 158, 0.6);
    transition: all .2s ease-in-out;
}


.tabButtonTopSelected,
.tabButtonTopSelectedOver {
    /*border-left: var(--basic-border);*/
    /*border-top: var(--basic-border);*/
    /*border-right: var(--basic-border);*/
    border-bottom: 3px solid var(--neutral-color);
    border-radius: 0px;
    /*background-color: var(--control-background-color);*/
    /*color: var(--control-text-color);*/
}

.tabButtonTopSelected {
    /*text-decoration: underline;*/
}

/* left */
.tabButtonLeft,
.tabButtonLeftSelected {

    font-size: var(--basic-font-size);
    font-weight: 600;
    padding: 3px 3px 3px 3px;
    background-color: var(--light-background-color);
    border: var(--basic-border);
    color: #888;
    border-radius: var(--basic-border-radius);
}

.tabButtonLeft{
    border-bottom: var(--basic-border);
}

.tabButtonLeftOver {
    background-color:  var(--control-background-color);
    color: var(--control-text-color);
}

.tabButtonLeft:hover {
    background-color: rgba(158, 158, 158, 0.3);
    transition: all .2s ease-in-out;
}

.tabButtonLeft:active {
    background-color: rgba(158, 158, 158, 0.6);
    transition: all .2s ease-in-out;
}


.tabButtonLeftSelected,
.tabButtonLeftSelectedOver {
    background-color: var(--control-background-color);
    color: var(--control-text-color);
    border: 1px solid var(--control-text-color);
}

.tabButtonLeft,
.tabButtonLeftSelected,
.tabButtonLeftSelectedOver {
    font-weight: normal;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
}



.tabControlButton{

    font-size: var(--large-font-size);
    padding: 10px 3px 10px 3px;
    background-color: var(--light-background-color);
    border: var(--basic-border);
    color: var(--control-text-color);
    border-radius: var(--basic-border-radius);
    position: relative;
}

.tabControlButton:hover {
    background-color: rgba(158, 158, 158, 0.3) !important;
    transition: all .2s ease-in-out;
}
.tabBarControlLayout{
    margin-top: 5px;
    /*margin-left: 3px;*/
    padding-bottom: 3px;
    /*padding-left: 4px;*/
    padding-right: 4px;
}
.tabControlButton:active {
    background-color: rgba(158, 158, 158, 0.3) !important;
    transition: all .2s ease-in-out;
}


/* top */
.tabButtonWhiteTop,
.tabButtonWhiteTopOver,
.tabButtonWhiteTopSelected,
.tabButtonWhiteTopSelectedOver {

    font-size: var(--basic-font-size);
    font-weight: 600;
    padding: 3px 5px 3px 5px;
    background-color: #f5f5f5;
    border-left: var(--basic-border);
    border-top: var(--basic-border);
    border-right: var(--basic-border);
    border-bottom: var(--basic-border);
    color: var(--control-text-color);
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -o-border-top-left-radius: 5px;
    -o-border-top-right-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tabButtonWhiteTopOver {
    background-color: #f9f9f9;
    color: var(--control-text-color);
}

.tabButtonWhiteTopSelected,
.tabButtonWhiteTopSelectedOver {
    border-left: var(--basic-border);
    border-top: var(--basic-border);
    border-right: var(--basic-border);
    border-bottom: 1px solid white;
    background-color: var(--basic-background-color);
    color: var(--control-text-color);
}

.tabButtonWhiteTopSelectedDisabled,
.tabButtonWhiteTopDisabled {
    display: none;

    font-size: var(--basic-font-size);
    color: #666666;
    background-color: #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

/*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII

    Styles below this comment are used by optional modules only

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/

/*============================================================
    BarChart
    internal, charting/visualization module only
        styleName - chart
        barStyle - chartBar
        others are currently fixed
============================================================*/

.chart {
    background-color: #CCCCCC;
}

.chartTitle {
    color: var(--basic-text-color);
    font-size: var(--increased-font-size);
    font-weight: bold;
    text-align: center;
    margin-bottom: 6px;
}


.chartDashboardTitle {
    color: var(--basic-text-color);
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.chartAxisTitle {
    color: var(--success-color);
    font-weight: bold;
    font-size: var(--increased-font-size);
}

.chartValueTitle {
    color: var(--basic-text-color);
    font-size: var(--basic-font-size);
}

.chartTotal {
    color: var(--basic-text-color);
    font-size: var(--increased-font-size);
    background-color: linen;
}

.chartBody {
    border-left: 1px solid black;
    border-top: 1px dashed blue;
    border-right: 1px solid black;
    background-color: #DDDDDD;
}

.chartBar1 {
    background-color: var(--danger-color);
    filter: "progid:dximagetransform.microsoft.gradient(gradientType=1, startColorStr=#990000, endColorStr=#FF0000)";
}

.chartBar2 {
    background-color: var(--neutral-color);
    filter: "progid:dximagetransform.microsoft.gradient(gradientType=1, startColorStr=#000099, endColorStr=#0000FF)";
}

.chartBar3 {
    background-color: var(--success-color);
    filter: "progid:dximagetransform.microsoft.gradient(gradientType=1, startColorStr=#009900, endColorStr=#00FF00)";
}

/*============================================================
    Printing
        printHeader - general print style for header elements including:
        - ListGrid header cells
        - SectionStack headers
============================================================*/
.printHeader {

    font-size: var(--basic-font-size);
    border: 1px solid black;
    font-weight: bold;
}

/*============================================================
	Calendar

============================================================*/
.calendar,
.calendarDisabled,
.calendarWorkday,
.calendarDark {

    font-size: var(--basic-font-size);
    color: var(--basic-text-color);
    border-bottom: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    background-color: #ffffff;
}

.calendarDisabled {
    background-color: #F6F7F9;
}

.calendarWorkday {
    background-color: #ffffcc;
}

.calendarOver,
.calendarOverDark {

    font-size: var(--basic-font-size);
    color: var(--basic-text-color);
    border-bottom: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    background-color: #c0ffc0;
}

.calendarCellSelected {

    font-size: var(--basic-font-size);
    color: var(--basic-text-color);
    border-bottom: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    background-color: #CCCCCC;
}

.labelColumn {

    font-size: var(--basic-font-size);
    color: var(--basic-text-color);
    border-bottom: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    background-color: #F6F7F9;
}

/* ----month---- */
/* calMonthDayHeader and Body */

.calMonthDayHeader,
.calMonthDayHeaderOver,
.calMonthDayHeaderSelected,
.calMonthDayHeaderSelectedOver,
.calMonthDayHeaderDark,
.calMonthDayHeaderOverDark,
.calMonthDayHeaderSelectedDark,
.calMonthDayHeaderSelectedOverDark,
.calMonthOtherDayHeader,
.calMonthOtherDayHeaderOver,
.calMonthOtherDayHeaderSelected,
.calMonthOtherDayHeaderSelectedOver,
.calMonthOtherDayHeaderDark,
.calMonthOtherDayHeaderOverDark,
.calMonthOtherDayHeaderSelectedDark,
.calMonthOtherDayHeaderSelectedOverDark {

    font-size: var(--basic-font-size);
    padding: 2px;
    color: #000;
    text-align: left;
    cursor: pointer;
    /*font-weight:bold;*/
    border-bottom: var(--basic-border);
    /*border-top: 1px solid #ebebeb;*/
    border-right: var(--basic-border);
    border-left: 1px solid transparent;
    background-color: var(--control-background-color);
}

.calMonthDayHeaderOver,
.calMonthDayHeaderOverDark {
    background-color: var(--control-background-color)
}

.calendarCellSelected,
.calMonthDayBody,
.calMonthDayBodyDark,
.calMonthDayBodySelected,
.calMonthDayBodyOver,
.calMonthDayBodySelectedOver,
.calMonthDayBodyDisabled,
.calMonthDayBodyDisabledOver,
.calMonthOtherDayBody,
.calMonthOtherDayBodyDark,
.calMonthOtherDayBodyDisabled,
.calMonthOtherDayBodyDisabledOver,
.calMonthOtherDayBodyOver,
.calMonthOtherDayBodySelectedOver,
.calMonthOtherDayBodyOverDark
.calMonthOtherDayBodySelectedOverDark,
.calMonthOtherDayBlank,
.calMonthOtherDayBlankSelectedOver,
.calMonthOtherDayBlankSelected,
.calMonthOtherDayBlankDark,
.calMonthOtherDayBlankOver,
.calMonthOtherDayBlankOverDark {

    padding: 2px;
    font-size: var(--basic-font-size);
    color: var(--basic-text-color);
    border-right: var(--basic-border);
    border-left: 1px solid transparent;
    border-bottom: var(--basic-border);
    background-color: var(--basic-background-color);
    cursor: pointer;
    oveflow: hidden;
}

.calMonthDayBodyOver,
.calMonthDayBodySelectedOver {
    background-color: var(--basic-background-color);
    border-left: var(--basic-border);
}

.calendarView {
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
}

.calMonthOtherDayBody,
.calMonthOtherDayBodyDark,
.calMonthOtherDayBodyDisabled,
.calMonthOtherDayBodyDisabledOver,
.calMonthOtherDayBodyOver,
.calMonthOtherDayBodySelectedOver,
.calMonthOtherDayBodyOverDark
.calMonthOtherDayBodySelectedOverDark,
.calMonthOtherDayBlank,
.calMonthOtherDayBlankDark,
.calMonthOtherDayBlankOver,
.calMonthOtherDayBlankOverDark {
    cursor: auto;
}

/* calMonthOtherDayHeader and Body */
.calMonthOtherDayBlank,
.calMonthOtherDayBlankDark,
.calMonthOtherDayBlankOver,
.calMonthOtherDayBlankOverDark,
.calMonthOtherDayHeader,
.calMonthOtherDayHeaderOver,
.calMonthOtherDayHeaderSelected,
.calMonthOtherDayHeaderSelectedOver,
.calMonthOtherDayHeaderDark,
.calMonthOtherDayHeaderOverDark,
.calMonthOtherDayHeaderSelectedDark,
.calMonthOtherDayHeaderSelectedOverDark,
.calMonthOtherDayBody,
.calMonthOtherDayBodyDark,
.calMonthOtherDayBodyDisabled,
.calMonthOtherDayBodyDisabledOver,
.calMonthOtherDayBodyOver,
.calMonthOtherDayBodyOverDark {
    color: #d0d0d0;
    text-align: right;
    background-color: var(--control-background-color);
}


.forecastLink,
.forecastLink a {
    font-size: var(--decreased-font-size);
    color: gray;
    text-decoration: none;
}

.forecastLink a:hover {
    text-decoration: underline;
}

a.calendarLink{
    font-size: var(--decreased-font-size);
}

.actualLink,
.actualLink a {
    font-size: var(--decreased-font-size);
}


a.calendarLinkAPPROVED {
    color: #205abb;
}

a.calendarLinkOPEN,
a.calendarLinkSUBMITTED {
    color: #8b8b8b;
}


a.calendarLinkOPEN:hover,
a.calendarLinkSUBMITTED:hover,
a.calendarLinkAPPROVED:hover,
a.calendarLinkPROCESSING:hover,
a.calendarLinkCOMPLETED:hover,
a.calendarLinkFAILED:hover {
    text-decoration: underline
}


a.calendarLinkPROCESSING {
    color: #000000;
}


a.calendarLinkCOMPLETED {
    color: #009a00;
}

a.calendarLinkFAILED {
    color: var(--danger-color);
}


a.calMonthEventLink:link {

    font-size: var(--basic-font-size);
    color: #205abb;
    text-decoration: none
}

a.calMonthEventLink:visited {

    font-size: var(--basic-font-size);
    color: #205abb;
    text-decoration: none
}

a.calMonthEventLink:hover {

    font-size: var(--basic-font-size);
    color: #205abb;
    text-decoration: underline
}

a.calMonthEventLink:active {

    font-size: var(--basic-font-size);
    color: #205abb;
    text-decoration: none
}

/* ----event window---- */

.eventWindow {
    font-size: var(--decreased-font-size);
    background-color: #EBF4FF;
    border: 1px solid #d0dff6;
    /*margin-top:1px;*/
    margin: 2px;
}

.eventWindowHeader {
    font-size: var(--decreased-font-size);
    color: #4C4C4C;
    background-color: #d0dff6;

}

.eventWindowBody {
    font-size: var(--decreased-font-size);
    color: var(--basic-text-color);
    background-color: #EBF4FF;
    padding: 3px;
}

.eventWindowResizer {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

/*============================================================
	PropertySheet
	internal, used by Visual SmartClient tools
        propertySheet.autoChildDefaults.cellStyle - propSheetValue
        propertySheet.autoChildDefaults.titleStyle - propSheetTitle
        propertySheet.TextItemDefaults.textBoxStyle - propSheetField
        propertySheet.SelectItemDefaults.controlStyle - propSheetSelectControl
        propertySheet.ColorItemDefaults.textBoxStyle - propSheetField
        propertySheet.HeaderItemDefaults.textBoxStyle - propSheetHeading
        propertySheet.SectionHeaderItemDefaults.cellStyle - propSheetSectionItemCell
============================================================*/
.propertySheet {

    border-top: 1px solid #EEEEEE;
    border-right: 1px solid #EEE;
    border-left: 1px solid #EEE;
}

.propSheetValue,
.propSheetValueFocused,
.propSheetDisabled {

    font-size: var(--basic-font-size);
    border-bottom: 1px solid #EEE;
    padding: 2px;
    margin: 0px;
}

.propSheetTitle,
.propSheetTitleFocused,
.propSheetTitleDisabled {

    font-size: var(--basic-font-size);
    font-weight: bold;
    border-bottom: 1px solid #EEE;
    /*border-top: 1px solid #F9F9F9;*/
    border-right: 1px solid #EEE;
    /*background-color: #F0F0F0;*/
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    color: #444444;
    background-color: transparent;
}

.propSheetTitleError,
.propSheetValueError {

    font-size: var(--basic-font-size);
    color: #204268;
    background-color: #CFD9F2
}

.propSheetField,
.propSheetFieldDisabled {

    font-size: var(--basic-font-size);
    background-color: #FFFFFF;
    border: 0px;
    padding: 5px;
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 3px;
}

.propSheetHeading,
.propSheetHeadingDisabled {

    font-size: var(--basic-font-size);
    font-weight: bold;
    color: var(--basic-text-color);
    background-color: #DDDDDD;
    padding-top: 7px;
    padding-bottom: 0px;
    padding-left: 10px;
    border-bottom: 1px solid #CCCCCC;
}

.propSheetSelectControl,
.propSheetSelectControlFocused,
.propSheetSelectControlDisabled {
    padding-left: 3px;
    padding-right: 3px;
}

.propSheetSectionItemCell,
.propSheetSectionItemDisabled {
}


.simpleButton,
.simpleButtonOver,
.simpleButtonFocused,
.simpleButtonFocusedOver,
.simpleButtonDown,
.simpleButtonFocusedDown,
.simpleButtonSelected,
.simpleButtonSelectedFocused,
.simpleButtonSelectedDown,
.simpleButtonSelectedFocusedDown,
.simpleButtonSelectedOver,
.simpleButtonSelectedFocusedOver,
.simpleButtonDisabled,
.simpleButtonSelectedDisabled {
    background-color: #cfcfcf;


    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    -o-border-radius: var(--basic-border-radius);
    -ms-border-radius: var(--basic-border-radius);
    -khtml-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
    font-size: var(--basic-font-size);
    font-weight: bold;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
}

.blueButton,
.blueButtonOver,
.blueButtonFocused,
.blueButtonFocusedOver,
.blueButtonDown,
.blueButtonFocusedDown,
.blueButtonSelected,
.blueButtonSelectedFocused,
.blueButtonSelectedDown,
.blueButtonSelectedFocusedDown,
.blueButtonSelectedOver,
.blueButtonSelectedFocusedOver,
.blueButtonDisabled,
.blueButtonSelectedDisabled {
    /*    background-color: #86A8DF;*/

    /*background-color: #074ab7;*/
    /*background-color: #052859;*/
    background-repeat: repeat-x;
    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    -o-border-radius: var(--basic-border-radius);
    -ms-border-radius: var(--basic-border-radius);
    -khtml-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);

    background-image: none;
    background-color: #073F83;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#074297), to(#07376F));
    background-image: -webkit-linear-gradient(top, #074297, #07376F);
    background-image: -o-linear-gradient(top, #074297, #07376F);
    background-image: linear-gradient(to bottom, #074297, #07376F);
    background-image: -moz-linear-gradient(top, #074297, #074297);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074297', EndColorStr='#074297');


    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 0.10000000149011612s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: linear;

    font-size: var(--basic-font-size);
    font-weight: bold;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
}

.blueButtonOver {
    background-image: none;
    filter: none;
    -ms-filter: none;
    background-color: #07376F;
}

.blueButtonDisabled,
.blueButtonSelectedDisabled {
    background-image: none;
    color: #999999;
    background-color: var(--basic-background-color);

}

.blueImgButton,
.blueImgButtonOver,
.blueImgButtonFocused,
.blueImgButtonFocusedOver,
.blueImgButtonDown,
.blueImgButtonFocusedDown,
.blueImgButtonSelected,
.blueImgButtonSelectedFocused,
.blueImgButtonSelectedDown,
.blueImgButtonSelectedFocusedDown,
.blueImgButtonSelectedOver,
.blueImgButtonSelectedFocusedOver,
.blueImgButtonDisabled,
.blueImgButtonSelectedDisabled {
    background-image: none;
    background-color: #073F83;
    background-repeat: repeat-x;
    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    -o-border-radius: var(--basic-border-radius);
    -ms-border-radius: var(--basic-border-radius);
    -khtml-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
    font-size: var(--basic-font-size);
    font-weight: bold;
    color: white;
    padding-left: 2px;
    padding-right: 2px;
}

.whiteButton,
.whiteButtonOver,
.whiteButtonFocused,
.whiteButtonFocusedOver,
.whiteButtonDown,
.whiteButtonFocusedDown,
.whiteButtonSelected,
.whiteButtonSelectedFocused,
.whiteButtonSelectedDown,
.whiteButtonSelectedFocusedDown,
.whiteButtonSelectedOver,
.whiteButtonSelectedFocusedOver,
.whiteButtonDisabled,
.whiteButtonSelectedDisabled {

    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    -o-border-radius: var(--basic-border-radius);
    -ms-border-radius: var(--basic-border-radius);
    -khtml-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
    font-size: var(--basic-font-size);
    color: #073F83;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #f6f6f6;

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f6f6f6));
    background-image: -webkit-linear-gradient(top, #fff, #f6f6f6);
    background-image: -o-linear-gradient(top, #fff, #f6f6f6);
    background-image: linear-gradient(to bottom, #fff, #f6f6f6);
    background-image: -moz-linear-gradient(top, #fff, #f6f6f6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f6f6f6');
    line-height: normal;
    border: 1px solid #ddd;
    border-bottom-color: #ddd;
    padding: 5px 14px 6px;
    -webkit-border-radius: var(--basic-border-radius);
    -moz-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);


}

.whiteButtonFocused,
.whiteButtonOver {
    background-image: none;
    filter: none;
}

.whiteButtonDisabled,
.whiteButtonSelectedDisabled {
    color: #999999;
    background-color: var(--basic-background-color);
    background-image: none;
    filter: none;
}

.messageBar {
    font-size: 13px;
    font-weight: bold;
    color: #DD2222;
}

/*//-----------*/
.testStyle {

    font-size: var(--decreased-font-size);
    background-color: #FA8072;
    border: 1px solid #004D99;
}

.testStyleHeader {

    font-size: var(--decreased-font-size);
    color: white;
    background-color: #B22222;
}

.testStyleBody {

    font-size: var(--decreased-font-size);
    color: black;
    background-color: #FA8072;
    padding: 3px;
}

.testStyleResizer {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

/**:focus {*/
/*    outline: none;*/
/*}*/

.mediumLabel {
    padding: 10px;
    background-color: #e2e2e2;
    font-weight: bold;
    color: #4e596a;
}

.headerDiv, .headerDivVertical {
    text-align: right;
    color: #fff;
    font-size: var(--increased-font-size);
    padding-right: 5px;
    padding-top: 7px;
    background-color: var(--header-background-color);
    /*box-shadow: inset 0px 0px 13px -4px rgba(0,0,0,0.5);*/
}

.headerDivVertical {
    /*border-left: var(--basic-border)*/
}

.infiniteWindow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    background-color: var(--control-background-color);
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
}

.mainToolStrip_white,
.mainToolStrip_white .reversedIconButton,
.mainToolStrip_white .reversedIconButtonDisabled,
.mainToolStrip_white .split-reversedIconButton,
.mainToolStrip_white .splitButton.split-reversedIconButton,
.mainToolStrip_white .splitButton,
.mainToolStrip_white .splitButtonIconNoTitle,
.mainToolStrip_white .splitButtonTitleNoPartEvents .splitButtonIconNoTitle
.mainToolStrip_white .splitButton.split-reversedIconButton,
.mainToolStrip_white .reversedIconButton,
.mainToolStrip_white .reversedIconButtonDisabled{
    color: white;
}

.mainToolStrip_black,
.mainToolStrip_black .reversedIconButton,
.mainToolStrip_black .reversedIconButtonDisabled,
.mainToolStrip_black .split-reversedIconButton,
.mainToolStrip_black .splitButton.split-reversedIconButton,
.mainToolStrip_black .splitButton,
.mainToolStrip_black .splitButtonIconNoTitle,
.mainToolStrip_black .splitButtonTitleNoPartEvents .splitButtonIconNoTitle
.mainToolStrip_black .splitButton.split-reversedIconButton,
.mainToolStrip_black .reversedIconButton,
.mainToolStrip_black .reversedIconButtonDisabled{
    color: black;
}

.mainToolStrip_white,
.mainToolStrip_black{
    z-index: -1;
}

.applicationLabel{
    font-size: 32px;
}


.infiniteHeaderButton,
.infiniteHeaderButtonOver,
.infiniteHeaderButtonFocused,
.infiniteHeaderButtonSelected,
.infiniteHeaderButtonDown,
.infiniteHeaderButtonDisabled {
    line-height: 12;
    padding: 1px 1px 1px 1px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    background-color: transparent;
    font: 10px Roboto;
    font-size: var(--basic-font-size);
    font-weight: 400;
    color: var(--control-text-color);
    text-decoration: none;
    padding-left: 1px;
    padding-right: 1px;
}



.bcArrowDisabled {
    background-color: var(--control-text-color);
}

.applicationBreadcrumbsButton,
.applicationBreadcrumbsButtonOver,
.applicationBreadcrumbsButtonFocused,
.applicationBreadcrumbsButtonSelected,
.applicationBreadcrumbsButtonDown,
.applicationBreadcrumbsButtonDisabled {
    line-height: 12;
    padding: 1px 5px 1px 5px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    background-color: transparent;
    font: 10px Roboto;
    font-size: var(--basic-font-size);
    font-weight: 400;
    color: var(--control-text-color);
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    white-space: nowrap;
}

.applicationBreadcrumbsButtonOver{
    text-decoration: underline;
}



.infiniteHeaderButtonOver {
    text-decoration: underline;
}

.leftMenuItem {
    border-top: 1px solid white;
    padding-left: 5px;
    padding-top: 7px;
    padding-bottom: 3px;
    border-bottom: 1px solid rgb(180, 197, 218);
    background-color: rgb(230, 235, 242);
    font-size: var(--basic-font-size);
}

.firstMenuItem {
    border-top: 0px solid white;
}

.lastMenuItem {
    border-bottom: 1px solid white;
}

.leftMenuItem img {
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.leftMenuItemSelected {
    background-color: rgb(195, 209, 225);
    border-top: 1px solid rgb(195, 209, 225);
}


.leftMenuButton,
.leftMenuButtonOver,
.leftMenuButtonFocused,
.leftMenuButtonSelected,
.leftMenuButtonSelectedDown,
.leftMenuButtonSelectedOver,
.leftMenuButtonDown,
.leftMenuButtonDisabled
.leftMenuButtonDown,
.leftMenuButtonDownOver {
    line-height: 20;
    padding-left: 5px;
    font-size: var(--basic-font-size);
    font-weight: bold;
    border-top: 1px solid white;
    border-bottom: 1px solid rgb(180, 197, 218);
    color: RGB(7, 63, 131);
    background-color: rgb(225, 230, 237);
    text-decoration: none;
    background-image: -webkit-linear-gradient(top, rgb(235, 240, 247), rgb(225, 230, 237));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(235, 240, 247)), to(rgb(225, 230, 237)));
    background-image: -o-linear-gradient(top, rgb(235, 240, 247), rgb(225, 230, 237));
    background-image: linear-gradient(to bottom, rgb(235, 240, 247), rgb(225, 230, 237));
    background-image: -moz-linear-gradient(top, rgb(235, 240, 247), rgb(225, 230, 237));
    filter: progid:dximagetransform.microsoft.gradient(startColorStr='rgb(235, 240, 247)', EndColorStr='rgb(225, 230, 237)');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='rgb(235, 240, 247)',EndColorStr='rgb(225, 230, 237)')";

}

.leftMenuButtonDisabled {
    color: RGB(131, 131, 131);
}


.leftMenuButtonSelectedOver,
.leftMenuButtonSelectedDown,
.leftMenuButtonSelected {
    /*background-color: rgb(195, 209, 225);*/
    /*background-color: #DCE1E8;*/
    /*color: RGB(4, 4, 4);*/
    /*color: RGB(7, 63, 131);*/
    /*background-color: #DCE1E8;*/
    /*background-color: rgb(242, 242, 255);*/
    /*background-color: rgb(235, 240, 247);*/
    /*background-color: rgb(230, 235, 242);*/
    color: black;
    border-top: var(--basic-border);
    background-image: url(./images/actions/control.png);
    background-position: right;
    background-repeat: no-repeat;
    background-color: rgb(213, 218, 225);
    /*border-top: 1px solid rgb(195, 209, 225);*/
    /*border-bottom: 1px solid #DCE1E8;*/
    /*border-top: 1px solid #DCE1E8;*/
}


.leftMenuButtonOver,
.leftMenuButtonSelectedOver {
    color: #0955b1;
    /*background-color: rgb(139, 186, 237);*/
    border-top: 1px solid #f5f5f5;
    background-image: url(./images/actions/control_over.png);
    background-position: right;
    background-repeat: no-repeat;
}

/*.breadCrumbsSeparator{*/
/*color:black*/
/*}*/

.breadCrumbs {
    /*border-top: 0px solid #eee;*/
    /*border-bottom: 1px solid rgb(138, 165, 197);*/
    padding-top: 10px;
    /*padding-bottom: 10px;*/
    padding-left: 0px;
    padding-right: 0px;
    /*color: #0955b1;*/
    /*font-size: var(--increased-font-size);*/
    /*font-weight: 500;*/
    background-color: transparent;
    /*background-color: rgb(230, 235, 242);*/
    /*//rgb(230, 235, 242);*/
    height: 16px;
    margin-left: 5px;
    margin-right: 5px;
    /*color: RGB(7, 63, 131);*/

}

.processingBreadCrumbs {
    padding-top: 2px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: var(--basic-font-size);
    font-weight: bold;
    background-color: rgb(230, 235, 242);
    border-bottom: 1px solid var(--control-text-color);

}

.breadcrumbsButton,
.breadcrumbsButtonOver,
.breadcrumbsButtonFocused,
.breadcrumbsButtonSelected,
.breadcrumbsButtonDown,
.breadcrumbsButtonDisabled {
    line-height: 14;
    padding: 1px 1px 1px 1px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    background-color: transparent;
    font-size: var(--basic-font-size);
    font-weight: bold;
    color: #444444;
    text-decoration: none;
}

.breadcrumbsButtonOver {
    text-decoration: underline;
}

.processingBreadCrumbButton,
.processingBreadCrumbButtonOver,
.processingBreadCrumbButtonFocused,
.processingBreadCrumbButtonSelected,
.processingBreadCrumbButtonDown,
.processingBreadCrumbButtonDisabled {
    line-height: 14;
    padding: 1px 1px 1px 1px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    background-color: transparent;
    font-size: var(--decreased-font-size);
    font-weight: bold;
    color: var(--anchor-color);
    text-decoration: none;
}

.processingBreadCrumbButtonDisabled {
    color: var(--control-text-color);
}

.processingBreadCrumbButtonOver {
    text-decoration: underline;
}


.dynamicForm {
    background-color: transparent;
}

.detailViewer {
    background-color: transparent;
    /*margin-top: 10px;*/
    /*margin-bottom: 10px;*/
    margin-right: 0px;
    left: 0px;
}

.hoverViewer, .hoverViewerPanel {
    background-color: rgba(0, 0, 0, 0.8);
    color: rgba(255, 255, 255, 0.8);
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px;
    border-radius: 8px;
    padding: 4px;
}

.hoverViewerPanel {
    border-radius: var(--basic-border-radius);
    border: var(--basic-border);
}

.hoverViewer .detailBlock{
    min-width: 300px;
}


.hoverViewer .detailBlock tr:first-child td.detailLabel{
    border-top-left-radius: 0px;
}

.hoverViewer .detailBlock tr:last-child td.detailLabel{
    border-bottom-left-radius: 0px;
}

.hoverViewer .detailBlock tr:first-child td.detail{
    border-top-right-radius: 0px;
}


.hoverViewer .detailBlock tr:last-child td.detail{
    border-bottom-right-radius: 0px;
}

.hoverViewer .detailBlock {
    border-left: 0px solid rgba(173, 172, 172, 0.8);
    border-top: 0px solid rgba(173, 172, 172, 0.8);
    border-radius: 0px;
}

.hoverViewer .detail,
.hoverViewer .detailLabel{

    font-size: var(--basic-font-size);
    line-height: 14px;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.9);
    border-right: 0px solid rgb(240, 240, 240);
    border-top: 0px solid rgba(173, 172, 172, 0.8);
    word-wrap: break-word;
    word-break: break-all;
}

.hoverViewer .detail,
.hoverViewer .detailLabel{

    font-size: var(--basic-font-size);
    line-height: 14px;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.9);
    border-right: 0px solid rgb(240, 240, 240);
    border-top: 0px solid rgba(173, 172, 172, 0.9);
    border-bottom: 0px solid rgba(114, 113, 113, 0.9);
    word-wrap: break-word;
    word-break: break-all;
}

.hoverViewer tr:last-child td.detail,
.hoverViewer tr:last-child td.detailLabel{
    border-bottom: 0px solid rgba(173, 172, 172, 0.9);
}

.hoverViewer .detailLabel {
    font-weight: normal;
    color: rgba(255, 255, 255, 0.9);
    background-color: transparent;
    text-align: right;

}

.hoverViewer .detailLabel:after {
    content: ":";
}

*:focus {
    border-radius: var(--basic-border-radius);
    outline: 3px solid var(--focus-color);
    /*outline-offset: -3px;*/
    transition-duration: .1s;
    transition-property: outline-color;
}

a:focus {
    border-radius: 4px;
    outline: 3px solid var(--focus-color);
    outline-offset: 3px;
    transition-duration: .1s;
    transition-property: outline-color;
}

.textItemDisabled:focus,
.textItemDisabledHint:focus{
    outline: 0px;
}


tr:focus {
    outline-offset: -1px;
    /*outline-width: 2px;*/
    /*outline-color: darkorange;*/
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: outline-width;
}

.tabBar *:focus{
    outline-width: 0;
}

.transparentContainer {
    background-color: transparent;
    border-color: transparent;
}

.blueMenuButton,
.blueMenuButtonTopBorder,
.blueMenuButtonSelected,
.blueMenuButtonDisabled,
.blueMenuButtonSelectedDisabled {
    background-color: transparent;
    border-radius: var(--basic-border-radius);
    cursor: pointer;
    font-size: var(--basic-font-size);
    font-weight: 400;
    color: white;
    /*border-left: 5px solid transparent;*/
    /*border-right: 5px solid transparent;*/
    /*border: 1px solid white;*/

}

.blueMenuButton,
.blueMenuButtonSelected,
.blueMenuButtonDisabled,
.blueMenuButtonSelectedDisabled{
    /*border: 1px solid rgba(255, 255, 255, 0.5);*/
    border-spacing: 0px;
    padding:8px;
}

.blueMenuButtonTopBorder,
.blueMenuButtonTopBorderSelected{
    border-top: 1px solid white;
}


.blueMenuButtonNoHover,
.blueMenuButtonNoHoverSelected,
.blueMenuButtonNoHoverDisabled,
.blueMenuButtonNoHoverSelectedDisabled {
    background-color: transparent;
    border-radius: var(--basic-border-radius);
    cursor: pointer;
    font-size: var(--basic-font-size);
    font-weight: 400;
    color: white;
}

.blueMenuButton:active,
.blueMenuButtonTopBorder:active{
    background-color: #646B7A
}

.blueMenuButton:hover,
.blueMenuButtonTopBorder:active{
    background-color: #4E5463
}

.blueMenuButton:active:hover,
.blueMenuButtonTopBorder:active:active{
    background-color: #7C8291;
}

.blueMenuButtonSelected {
    background-color: rgba(255,255,255,0.15);
}

.blueMenuButton:hover,
.blueMenuButtonTopBorder:hover,
.blueMenuButton:focus:not(:active),
.blueMenuButtonTopBorder:focus:not(:active) {
    background-color: #4E5463;
}


.infiniteChart {
    background-color: var(--form-background-color);
    border: var(--basic-border);
    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    -o-border-radius: var(--basic-border-radius);
    -ms-border-radius: var(--basic-border-radius);
    -khtml-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.05);
}

.infinitePortal .infiniteChart {
    background-color: var(--basic-background-color);
    border: var(--basic-border);
    border-radius: 0px;
    cursor: pointer;
}

.infinitePortal {
    background-color: var(--form-background-color);
    border: var(--basic-border);
    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    -o-border-radius: var(--basic-border-radius);
    -ms-border-radius: var(--basic-border-radius);
    -khtml-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.05);
}

.chartTitle {
    font-size: var(--large-font-size);
    font-weight: bold;
}

.chartContainer {

}

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


.documentTag {
    line-height: 24px;
    font-size: var(--basic-font-size);
    border-radius: var(--basic-border-radius);
    font-weight: 400;
    margin-left: 1px;
    margin-right: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 12px;
    padding-right: 12px;
}

.colorChip {
    vertical-align: middle;
    line-height: 32px;
    white-space: nowrap;
    font-size: var(--basic-font-size);
    border-radius: var(--basic-border-radius);
    font-weight: 400;
    margin-left: 1px;
    margin-right: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 12px;
    padding-right: 12px;
}

.documentRemovableTag{
    padding-right: 4px;
}

.tagRemoveIcon{
    padding-left:10px;
    cursor: pointer;
    font-size: 10px;
}

.richTextEditorBorder {
    border-top: 3px solid #e0e0e0;
    border-bottom: 4px solid #e0e0e0;
    border-left: 4px solid #e0e0e0;
    border-right: 4px solid #e0e0e0;
    -webkit-box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab;
    -moz-box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab;
    box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab;
}

.nativeSelectItem {
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
    color: var(--basic-text-color);
}

.filterOperatorIcon,
.filterOperatorIconOver,
.filterOperatorIconFocused,
.filterOperatorIconFocusedOver,
.filterOperatorIconDown {
    background-color: var(--control-background-color);
    border-color: var(--basic-border-color);
    cursor: pointer;
    font-weight: 500;
    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
    border-width: 2px;
    font-size: var(--decreased-font-size);
    padding: 0 1px;
    text-align: center;
}

/* CSS3 Mode */
.buttonRounded,
.buttonRoundedPending,
.filterOperatorIcon {
    background-color: var(--control-background-color);
    border-color: var(--basic-border-color);

    /*-moz-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;*/
    /*-webkit-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;*/
    /*box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px; /*-moz-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;*/
    /*-webkit-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;*/
    /*box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;*/
}


.filterOperatorIconOver,
.filterOperatorIconFocusedOver,
.filterOperatorIconSelectedFocused,
.filterOperatorIconSelectedFocusedOver {
    background-color: var(--control-background-color);
    border-color: var(--basic-border-color);
    /*background-image: url("./images/cssButton/button_Over_stretch.png");*/
    /*background-repeat: repeat-x;*/
    /*background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjZmZCIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmFmZWZmIi8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmYWZlZmYiLz48c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2YwZmFmZiIvPjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjYzJlMGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhlNGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');*/
    /*background-size: 100%;*/
    /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf6fd), color-stop(11%, #fafeff), color-stop(22%, #fafeff), color-stop(39%, #f0faff), color-stop(94%, #c2e0ff), color-stop(100%, #c8e4fe));*/
    /*background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);*/
    /*background-image: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);*/
    /*background-image: linear-gradient(to bottom, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);*/
    /*-moz-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;*/
    /*-webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;*/
    /*box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;*/
    /*border: 1px solid #e0e0e0;*/
}

/* over state */
.selectItemLiteControlOver,
.selectItemLiteControlOverRTL,
.selectItemLiteControlFocusedOver,
.selectItemLiteControlFocusedOverRTL,
.selectItemLiteControlPendingOver,
.selectItemLiteControlPendingOverRTL,
.selectItemLiteControlPendingFocusedOver,
.selectItemLiteControlPendingFocusedOverRTL {
    border-color: #ace;
}

/* pending coloring */
.textItemLitePending,
.textItemLitePendingRTL,
.textItemLitePendingFocused,
.textItemLitePendingFocusedRTL,
.textItemLitePendingError,
.textItemLitePendingErrorRTL,
.selectItemLiteTextPending,
.selectItemLiteTextPendingRTL,
.selectItemLiteTextPendingFocused,
.selectItemLiteTextPendingFocusedRTL,
.selectItemLiteTextPendingError,
.selectItemLiteTextPendingErrorRTL {
    color: #6b8fd0;
}



/* disabled styling */
.textItemLiteDisabled,
.textItemLiteDisabledRTL,
.textItemLitePendingDisabled,
.textItemLitePendingDisabledRTL,
.textItemLiteDisabledHint,
.textItemLiteDisabledHintRTL,
.selectItemLiteControlDisabled,
.selectItemLiteControlDisabledRTL,
.selectItemLiteControlPendingDisabled,
.selectItemLiteControlPendingDisabledRTL,
.selectItemLiteControlDisabledHint,
.selectItemLiteControlDisabledHintRTL {
    background-color: var(--basic-background-color);
    border: var(--basic-border);
}

.textItemLiteDisabled,
.textItemLiteDisabledRTL,
.textItemLitePendingDisabled,
.textItemLitePendingDisabledRTL,
.textItemLiteDisabledHint,
.textItemLiteDisabledHintRTL,
.selectItemLiteTextDisabled,
.selectItemLiteTextDisabledRTL,
.selectItemLiteTextPendingDisabled,
.selectItemLiteTextPendingDisabledRTL,
.selectItemLiteTextDisabledHint,
.selectItemLiteTextDisabledHintRTL {
    color: #ababab;
}

.textItemLiteDisabled:-moz-placeholder,
.textItemLiteDisabledRTL:-moz-placeholder,
.textItemLitePendingDisabled:-moz-placeholder,
.textItemLitePendingDisabledRTL:-moz-placeholder,
.textItemLiteDisabledHint:-moz-placeholder,
.textItemLiteDisabledHintRTL:-moz-placeholder,
.selectItemLiteTextDisabled:-moz-placeholder,
.selectItemLiteTextDisabledRTL:-moz-placeholder,
.selectItemLiteTextPendingDisabled:-moz-placeholder,
.selectItemLiteTextPendingDisabledRTL:-moz-placeholder,
.selectItemLiteTextDisabledHint:-moz-placeholder,
.selectItemLiteTextDisabledHintRTL:-moz-placeholder {
    color: #cccccc;
    opacity: 1;
    text-overflow: ellipsis;
}

.textItemLiteDisabled::-moz-placeholder,
.textItemLiteDisabledRTL::-moz-placeholder,
.textItemLitePendingDisabled::-moz-placeholder,
.textItemLitePendingDisabledRTL::-moz-placeholder,
.textItemLiteDisabledHint::-moz-placeholder,
.textItemLiteDisabledHintRTL::-moz-placeholder,
.selectItemLiteTextDisabled::-moz-placeholder,
.selectItemLiteTextDisabledRTL::-moz-placeholder,
.selectItemLiteTextPendingDisabled::-moz-placeholder,
.selectItemLiteTextPendingDisabledRTL::-moz-placeholder,
.selectItemLiteTextDisabledHint::-moz-placeholder,
.selectItemLiteTextDisabledHintRTL::-moz-placeholder {
    color: #cccccc;
    opacity: 1;
    text-overflow: ellipsis;
}

.textItemLiteDisabled:-ms-input-placeholder,
.textItemLiteDisabledRTL:-ms-input-placeholder,
.textItemLitePendingDisabled:-ms-input-placeholder,
.textItemLitePendingDisabledRTL:-ms-input-placeholder,
.textItemLiteDisabledHint:-ms-input-placeholder,
.textItemLiteDisabledHintRTL:-ms-input-placeholder,
.selectItemLiteTextDisabled:-ms-input-placeholder,
.selectItemLiteTextDisabledRTL:-ms-input-placeholder,
.selectItemLiteTextPendingDisabled:-ms-input-placeholder,
.selectItemLiteTextPendingDisabledRTL:-ms-input-placeholder,
.selectItemLiteTextDisabledHint:-ms-input-placeholder,
.selectItemLiteTextDisabledHintRTL:-ms-input-placeholder {
    color: #cccccc;
    opacity: 1;
    text-overflow: ellipsis;
}

.textItemLiteDisabled::-webkit-input-placeholder,
.textItemLiteDisabledRTL::-webkit-input-placeholder,
.textItemLitePendingDisabled::-webkit-input-placeholder,
.textItemLitePendingDisabledRTL::-webkit-input-placeholder,
.textItemLiteDisabledHint::-webkit-input-placeholder,
.textItemLiteDisabledHintRTL::-webkit-input-placeholder,
.selectItemLiteTextDisabled::-webkit-input-placeholder,
.selectItemLiteTextDisabledRTL::-webkit-input-placeholder,
.selectItemLiteTextPendingDisabled::-webkit-input-placeholder,
.selectItemLiteTextPendingDisabledRTL::-webkit-input-placeholder,
.selectItemLiteTextDisabledHint::-webkit-input-placeholder,
.selectItemLiteTextDisabledHintRTL::-webkit-input-placeholder {
    color: #cccccc;
    opacity: 1;
    text-overflow: ellipsis;
}

/*  hint text color */
.textItemLiteHint,
.textItemLiteHintRTL,
.selectItemLiteTextHint,
.selectItemLiteTextHintRTL {
    color: #999;
}

/* sprited minimalist Select / ComboBoxItem picker */
.comboBoxItemPickerLiteDisabled,
.comboBoxItemPickerLite,
.comboBoxItemPickerLiteOver,
.comboBoxItemPickerLiteFocused,
.comboBoxItemPickerLiteFocusedOver {
    background-image: url(./images/pickers/pickers_sprite.png);
}


.comboBoxItemPickerLiteDisabled,
.comboBoxItemPickerLiteDisabledRTL {
    background-position: 0px -110px;
}

.comboBoxItemPickerLite,
.comboBoxItemPickerLiteRTL,
.comboBoxItemPickerLiteFocused,
.comboBoxItemPickerLiteFocusedRTL {
    background-position: -16px -110px;
}

.comboBoxItemPickerLiteOver,
.comboBoxItemPickerLiteOverRTL,
.comboBoxItemPickerLiteFocusedOver,
.comboBoxItemPickerLiteFocusedOverRTL {
    background-position: -32px -110px;
}

.whiteButtonBlueBorder,
.whiteButtonBlueBorderOver,
.whiteButtonBlueBorderFocused,
.whiteButtonBlueBorderFocusedOver,
.whiteButtonBlueBorderDown,
.whiteButtonBlueBorderFocusedDown,
.whiteButtonBlueBorderSelected,
.whiteButtonBlueBorderSelectedFocused,
.whiteButtonBlueBorderSelectedDown,
.whiteButtonBlueBorderSelectedFocusedDown,
.whiteButtonBlueBorderSelectedOver,
.whiteButtonBlueBorderSelectedFocusedOver,
.whiteButtonBlueBorderDisabled,
.whiteButtonBlueBorderSelectedDisabled {

    font-size: var(--basic-font-size);
    color: #003f61;
    /*    border:1px solid #eeeeee;*/
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    background-color: var(--basic-background-color);

    -webkit-border-radius: var(--basic-border-radius);
    -moz-border-radius: var(--basic-border-radius);
    -o-border-radius: var(--basic-border-radius);
    -ms-border-radius: var(--basic-border-radius);
    -khtml-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
    background-color: var(--basic-background-color);
    line-height: normal;
    border: 1px solid #003f61;
    /*padding: 5px 14px 6px;*/

}

.whiteButtonBlueBorderFocused,
.whiteButtonBlueBorderOver {
    background-image: none;
    color: #83c127;
    border: 1px solid #83c127;
    filter: none;
}


.scrollThumb {
    border-radius: var(--basic-border-radius);
    /*border:1px solid transparent;*/
    /*margin-right: 1px;*/
    /*margin-top: 1px;*/
    /*margin-bottom: 1px;*/
    background-color: var(--basic-box-header-color);
}

.scrollTrack,
.scrollTrackDisabled {
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
    /*border-bottom:1px solid #dbdfe5;*/
    /*background-color: var(--basic-background-color);*/
    padding: 1px;
}

.domainListGrid .scrollThumb    {
    /*-moz-border-radius: var(--basic-border-radius);*/
    /*-webkit-border-radius: var(--basic-border-radius);*/
    /*-o-border-radius: var(--basic-border-radius);*/
    /*-ms-border-radius: var(--basic-border-radius);*/
    /*-khtml-border-radius: var(--basic-border-radius);*/
    /*border-radius: var(--basic-border-radius);*/
    /*border-right:1px solid #dbdfe5;*/
    /*border-bottom:1px solid #dbdfe5;*/
    background-color: #0f448c;
    /*padding: px;*/
}

.icon{
    font-size: 20px;
    color: var(--control-text-color);
}

.buttonRed,
.buttonRedOver,
.buttonRedFocused,
.buttonRedFocusedOver,
.buttonRedDown,
.buttonRedFocusedDown,
.buttonRedSelected,
.buttonRedSelectedFocused,
.buttonRedSelectedDown,
.buttonRedSelectedFocusedDown,
.buttonRedSelectedOver,
.buttonRedSelectedFocusedOver,
.buttonRedDisabled,
.buttonRedSelectedDisabled {
    color: white;
    font-size: var(--basic-font-size);
    font-weight: bold;
    padding-left: 12px;
    padding-right: 12px;
    background-color: #d32a0e;
    border-color: #b1240c;
    -moz-border-radius: var(--basic-border-radius);
    -webkit-border-radius: var(--basic-border-radius);
    -o-border-radius: var(--basic-border-radius);
    -ms-border-radius: var(--basic-border-radius);
    -khtml-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
}

.buttonRedDown,
.buttonRedFocusedDown,
.buttonRedSelectedDown,
.buttonRedSelectedFocusedDown,
.buttonRedOver,
.buttonRedFocusedOver,
.buttonRedSelectedFocused,
.buttonRedSelectedFocusedOver,
.buttonRedFocusedOver,
.buttonRedSelectedFocusedOver,
.buttonRedSelected,
.buttonRedSelectedFocused,
.buttonRedSelectedOver,
.buttonRedSelectedFocusedOver,
.buttonRedSelectedDisabled,
.buttonRedOver {
    background-color: #e62e0f;
}


.panelForm {
    padding: 10px;
}

.standalonePanelForm {
    padding: 10px;
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
}

.specialForm {
    border-bottom: var(--basic-border);
    border-top: 0;
    background-color: var(--list-cell-even-background-color);
}

.panelFormDisabled {
    border: var(--basic-border);
    background-color: var(--form-background-color);
    padding: 10px;
    color: #aaa;
    border-radius: var(--basic-border-radius);
}

.panelFormDisabled .textItem,
.panelFormDisabled .textItemHint{
    color: var(--control-text-color);
}

.panelFormDisabled .formTitle{
    color: var(--control-text-color);
}

.panelFormDisabled .textItem:hover,
.panelFormDisabled .textItemHint:hover,
.panelFormDisabled .formSlimCell:hover {
    border-color:    var(--basic-border);
}

.panelFormDisabled .operatorBoxInternal{
    background-color: #505050;
    border: 1px solid #505050;
    color: #aaa;
}

.panelFormNoPadding {
    border: var(--basic-border);
    background-color: var(--basic-background-color);
    border-radius: var(--basic-border-radius);
}

.transparentForm {
    padding: 0px;
    margin: 0px;
    border: 0px solid transparent;
    background-color: transparent;
}

.flatPanelForm {
    padding: 10px;
    background-color: var(--basic-background-color);
}

.topBorder {
    border-top: 1px solid #ddd;
}

.inlineWindowTitle {
    font-weight: 500;
    font-size: var(--basic-font-size);
    color: var(--control-text-color);
    margin-left: 10px;
    margin-right: 10px;
    line-height: 12px;
}

.mainSection {
    background-color: var(--basic-background-color);
}

.smallItemIcon {
    padding-top: 3px;
    margin-left: 2px;
}

::-webkit-input-placeholder {
    color: #6b8fd0;
    padding: 3px;
    font-style: italic;
    opacity: 1;
}

:-moz-placeholder {
    color: #6b8fd0;
    padding: 3px;
    font-style: italic;
    opacity: 1;
}

::-moz-placeholder {
    color: #6b8fd0;
    padding: 3px;
    font-style: italic;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #6b8fd0;
    padding: 3px;
    font-style: italic;
    opacity: 1;
}

td.conditionOperator {
    width: 2px;
    background-color: transparent;
    border-top: 1px solid rgb(50, 135, 185);
    border-bottom: 1px solid rgb(50, 135, 185);
    border-left: 1px solid rgb(50, 135, 185);
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}


span.operatorBox,
span.operatorBoxInternal{
    border: 1px solid rgb(50, 135, 185);
    background-color: rgb(50, 135, 185);
    color: white;
    border-radius: var(--basic-border-radius);
    padding-left:2px;
    padding-right:2px;
    display: inline-block;
}
span.operatorBoxInternal{
    margin-left:4px;
    margin-right:4px;
    line-height:14px;
    border-radius: var(--basic-border-radius);
}

.infiniteGridBody table.conditionBlock td.conditionOperator,
.infiniteGridBody tr:hover td.conditionOperator {
    width: 2px;
    background-color: transparent;
    border-top: 1px solid rgb(50, 135, 185);
    border-bottom: 1px solid rgb(50, 135, 185);
    border-left: 1px solid rgb(50, 135, 185);

}

.infiniteGridBody table.conditionBlock td.conditionOperatorEnd,
.infiniteGridBody tr:hover td.conditionOperatorEnd {
    width: 2px;
    background-color: transparent;
    border-top: 1px solid rgb(50, 135, 185);
    border-bottom: 1px solid rgb(50, 135, 185);
    border-right: 1px solid rgb(50, 135, 185);

}

table.conditionBlock {
    margin: 2px;
    padding: 2px;
    /*width:100%;*/
    background-color: var(--basic-background-color);
    /*background-color: rgba(220, 220, 220, 0.27);*/
    border: rgba(180, 180, 180, 1);
    -webkit-border-radius: var(--basic-border-radius);
    -moz-border-radius: var(--basic-border-radius);
    border-radius: var(--basic-border-radius);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .03), 0 3px 1px -2px rgba(0, 0, 0, .05), 0 1px 5px 0 rgba(0, 0, 0, .03);
}

table.conditionBlock tr:nth-child(even) {
    background-color: var(--basic-background-color);
}

.formatCondition {
    margin: 4px;
}

.iconText {
    font-weight: 500;
    color: var(--control-text-color);
    font-size: var(--increased-font-size);
    border:1px solid var(--control-text-color);
    border-radius:4px;
    display:inline-block;
    padding-left:2px;
    padding-right:2px;
}

.infoItem {
    font-weight: 400;
    color: var(--control-text-color);
    font-size: var(--basic-font-size);
    text-align: center;
    padding: 8px;
    vertical-align: center;
    border-radius: var(--basic-border-radius);
    border: 1px solid var(--control-text-color);
    background-color: rgba(35, 126, 185, 0.05);
    cursor: default;
}

.helpItem {
    font-weight: 400;
    color: var(--control-text-color);
    font-size: var(--basic-font-size);
    text-align: center;
    padding: 3px;
    border-radius: var(--basic-border-radius);
    border: 1px solid var(--control-text-color);
    background-color: rgba(35, 126, 185, 0.05);
    cursor: pointer;
}

.warn{
    font-size:48px;
    color: #e0c000;
    display: inline-block;
    height: 48px;
    line-height: 48px;
}

.notify{
    font-size:48px;
    color: var(--control-text-color);
    display: inline-block;
    height: 48px;
    line-height: 48px;
}

.error{
    font-size:48px;
    color: #bb0202;
    display: inline-block;
    height: 48px;
    line-height: 48px;
}

.success{
    font-size:48px;
    color: rgba(115, 168, 57, 1);
    display: inline-block;
    height: 48px;
    line-height: 48px;
}


.warnItem {
    font-weight: 400;
    color: #333;
    vertical-align: middle;
    font-size: var(--basic-font-size);
    text-align: center;
    padding: 3px;
    border-radius: var(--basic-border-radius);
    border: 1px solid rgba(248, 239, 194, 0.5);
    background-color: rgba(248, 239, 194, 0.5);
}
.warnText{
    line-height: 40px;
    vertical-align: middle;
}

.warnIcon {
    font-size: var(--larger-font-size);
    vertical-align: middle;
    color: #e0c000;
}

.infoHelp {
    font-weight: 400;
    color: var(--control-text-color);
    font-size: var(--basic-font-size);
    text-align: center;
    padding: 3px;
    cursor: pointer;
}

/*.flatPanelForm .formCell {*/
/*padding-top:3px;*/
/*padding-bottom:3px;*/
/*}*/
/*.flatPanelForm .formTitle{*/
/*padding-top:3px;*/
/*padding-bottom:3px;*/
/*padding-right:6px;*/
/*}*/


.markdownWindow {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
    border-radius: var(--basic-border-radius);
    background-color: var(--basic-background-color);
    padding: 5px;

}

.markdownWindowBody {
    background-color: transparent;
    padding: 10px;
    color: var(--control-text-color);
    border-top: 1px solid #444;
}

.markdownWindowHeaderText {
    font-size: var(--increased-font-size);
    font-weight: 500;
    color: #003f61;
    overflow: visible;


    text-align: center;
    width: 100%;
    padding: 5px 5px 2px 2px;

}

.markdownWindowHeader {
    background-color: transparent;
    color: gray;
    margin-top: 2px;
    margin-left: 5px;
    margin-right: 5px;
}

.markdownWindowBody p {
    line-height: 14px;
    margin: 0px;
    font-size: var(--basic-font-size);
    margin-bottom: 10px;
    text-align: justify;
}

.markdownWindowBody ul {
    margin-left: 20px;
    margin-bottom: 6px;
}

.markdownWindowBody ul.current {
    margin-left: 0px;
}

.markdownWindowBody ul.current li {
    line-height: 20px;
}

.markdownWindowBody li {
    line-height: 20px;
}

.markdownWindowBody img {
    border: var(--basic-border);
    background-color: var(--basic-background-color);
    padding: 10px;
}


.markdownWindowBody h1,
.markdownWindowBody h2,
.markdownWindowBody h3,
.markdownWindowBody h4,
.markdownWindowBody h5 {
    color: #003f61;
}

.markdownWindowBody hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e1e4e5;
    margin: 24px 0;
    padding: 0;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
}


.markdownWindowBody h1 {
    font-size: var(--larger-font-size);
    text-align: center;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 0.5em;

}

.markdownWindowBody h2 {

    -webkit-margin-before: 1em;
    -webkit-margin-after: 0.5em;

}

.markdownWindowBody h3 {

    -webkit-margin-before: 1.67em;
    -webkit-margin-after: 0.2em;

}

.markdownWindowBody h5 {
    display: block;
    font-size: 0.83em;
    -webkit-margin-before: 1.67em;
    -webkit-margin-after: 0.2em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    color: black;
}

strong {
    font-weight: 500;
}

.markdownWindowBody table {
    background: transparent;
    margin-bottom: 1.25em;
    border-collapse: collapse;
}

.markdownWindowBody table thead,
.markdownWindowBody table tfoot {
    background: transparent
}

.markdownWindowBody table thead tr th,
.markdownWindowBody table thead tr td,
.markdownWindowBody table tfoot tr th,
.markdownWindowBody table tfoot tr td {
    padding: .5em .625em .625em;
    font-size: inherit;
    color: rgba(0, 0, 0, .8);
    text-align: left;
    border: solid 1px #f0f0f0;
    vertical-align: top;
}

.markdownWindowBody table tr th,
.markdownWindowBody table tr td {
    padding: .5625em .625em;
    font-size: inherit;
    color: rgba(0, 0, 0, .8);
    border: solid 1px #f0f0f0;
    vertical-align: top;
}

.markdownWindowBody table thead tr {background-color: #fafafa}
.markdownWindowBody table tbody tr:nth-child(even) {background-color: #fafafa}
.markdownWindowBody table tbody tr:nth-child(odd) {background-color: #fff}

.markdownWindowBody table tr.even,
.markdownWindowBody table tr.alt {
    background: transparent
}

.markdownWindowBody table thead tr th, table tfoot tr th,
.markdownWindowBody table tbody tr td,
.markdownWindowBody table tr td,
.markdownWindowBody table tfoot tr td {
    display: table-cell;
    line-height: 1.6
}

.markdownWindowBody ul,
.markdownWindowBody ol,
.markdownWindowBody dl {
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 1.25em;
    list-style-position: outside;
    font-family: inherit;
}

.markdownWindowBody ul,
.markdownWindowBody ol {
    margin-left: 1em
}

.markdownWindowBody ul li ul,
.markdownWindowBody ul li ol {
    margin-left: 1em;
    margin-bottom: 0;
    font-size: 1em
}

.markdownWindowBody ul.square li ul,
.markdownWindowBody ul.circle li ul,
.markdownWindowBody ul.disc li ul {
    list-style: inherit
}

.markdownWindowBody ul.square {
    list-style-type: square
}

.markdownWindowBody ul.circle {
    list-style-type: circle
}

.markdownWindowBody ul.disc {
    list-style-type: disc
}

/*.markdownWindowBody ol li ul,*/
/*.markdownWindowBody ol li ol {*/
/*    margin-left: 1.25em;*/
/*    margin-bottom: 0*/
/*}*/

.markdownWindowBody dl dt {
    margin-bottom: .3125em;
    font-weight: bold
}

.markdownWindowBody dl dd {
    margin-bottom: 1.25em
}

.markdownWindowBody table tr td ol li,
.markdownWindowBody table tr td ul li {
    margin-left: 0.25em;
    margin-bottom: 0
}

.markdownWindowBody table tr td ol li p,
.markdownWindowBody table tr td ul li p{
    margin-bottom: 0px;
}

.markdownWindowBody table tr td ul,
.markdownWindowBody table tr td ol,
.markdownWindowBody table tr td dl {
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 1em;
    list-style-position: outside;
    font-family: inherit
}

.markdownWindowBody table tr td ul,
.markdownWindowBody table tr td ol,
.markdownWindowBody table tr td dl {
    font-size: 1em;
    line-height: 1.6;
    margin-left: 0em;
    margin-bottom: 1em;
    list-style-position: outside;
    font-family: inherit
}

.plumbEndpoint{
    z-index:1000000;
}
.plumbConnector{
    z-index:1000000;
}
.plumbHoverEndpoint{
    z-index:1000001;
}

div.ds-selected, div.ds-selected:hover{
    outline:  rgb(255, 135, 0) dashed 3px;
    outline-offset: 2px;
    /*background-color: var(--selected-background-color) !important;*/
}

.minimapItem{
    border:1px solid var(--control-text-color);
    border-radius: var(--basic-border-radius);
    background-color: var(--control-text-color);
    position: absolute;
}

.tipsyTable {
    padding:5px;
    max-width: 400px;
}

.tipsyTable th {
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
}

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

.tipsyTable td.description {
    text-align: left;
    white-space: normal;
}

.processingNotes{
    display: inline-block;
    background-color: #d32a0e;
    border: 1px solid white;
    border-radius: 10px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: var(--decreased-font-size);
}

.icon-text .processingNotes a,
.processingNotes a,
.infiniteGridBody td.tallCell .processingNotes a,
.infiniteGridBody td.tallCellSelected .processingNotes a,
.infiniteGridBody tr:hover td.tallCell .processingNotes a,
.infiniteGridBody tr:hover td.tallCellSelected .processingNotes a,
.infiniteGridBody tr:hover td.tallCellSelected .processingNotes a{
    color: white;
    font-size: 12px;
    text-decoration: none;
}


.infiniteGridBody tr:hover td.tallCell .processingNotes:hover a,
.infiniteGridBody tr:hover td.tallCellSelected .processingNotes:hover a,
.infiniteGridBody tr:hover td.tallCellSelected .processingNotes:hover a{
    color: white;
    text-decoration: underline;
}

.formNoteCellDisabled .textItemDisabled{
    background-color: transparent;
    border-width: 0;
}

.noteTable{
    width: 100%;
    margin-top: 5px;
    border-spacing: 0;
    color: var(--basic-text-color);
    background-color:var(--control-background-color);
    border: 1px solid var(--basic-border-color);
    border-radius: var(--basic-border-radius);
}

.noteTableType{
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 5px;
    width: 70%;
    text-align: left;
    border-bottom: 1px solid var(--basic-border-color);
}
.noteTableDate{
    border-top-right-radius: 8px;
    padding-bottom: 5px;
    padding-top: 6px;
    border-bottom:0;
    border-left:0;
    padding-right: 4px;
    text-align: right;
    vertical-align: top;
    border-bottom: 1px solid var(--basic-border-color);
    width: 30%;
}
.noteTableSource{
    text-align: right;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    color: var(--basic-text-color);
    border-top: 1px solid var(--basic-border-color);
    white-space: nowrap;
}

.noteTableSource i {
    color: var(--control-text-color);
}

.cellError .noteTableSource a {
    color:    var(--anchor-color);
}
.cellError .noteTableSubject a {
    color:    var(--anchor-color);
}
.cellError .noteTableDate {
    color:   var(--basic-text-color);
}
.noteTableSubject{
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: transparent;
    width: 50%;
    white-space: nowrap;
    border-top: 1px solid var(--basic-border-color);
    color: var(--basic-text-color);
}
.noteTableText{
    width: 100%;
    margin: 2px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}

.noteCell,
.noteCellSelected {
    padding-top:10px;
    cursor: pointer;
}




.noteCellSelected .noteTable
{
    background-color: rgba(246, 187, 34, 0.75);
    border-color: rgba(246, 158, 43, 0.5);
}

.noteCell:hover .noteTable
{
    background-color: var(--hover-background-color);
    color: var(--selected-text-color);
}

.noteList {
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
}

.noteList .listGridHeader{
    border-top: 0;
}

.noteList .listGridHeader .sorterButton{
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
}
.iconFormTitle{
    font-size: 24px;
    line-height: 40px;
}


.diagram-search-panel {
    cursor: pointer;
    border-radius: var(--basic-border-radius);
    /*border: 1px solid var(--control-text-color);*/
    /*background-color: var(--control-text-color);*/
    color: transparent;
    padding: 1px;
    padding-right: 4px;
    padding-top: 4px;
}

.diagram-search-panel i.mdi {
    font-size: 18px;
    font-weight: bold;
    line-height: 14px;
    padding-top:3px;
    padding-right:3px;
    color: var(--control-text-color);
    display: inline-block;
    cursor: pointer;
}

.diagramTimesLine{
    /*color:white;*/
    /*font-size: var(--basic-font-size);*/
}

.diagramStartTime{
    /*background-color: var(--control-text-color);*/
    /*border-radius: var(--basic-border-radius);*/
    /*border:1px solid var(--control-text-color);*/
    /*padding: 2px;*/
    /*padding-left: 8px;*/
    /*padding-right: 8px;*/
    margin-left: 4px;
}

.diagramForecastStartTime{
    /*background-color: gray;*/
    /*border-radius: var(--basic-border-radius);*/
    /*border:1px solid gray;*/
    /*padding: 2px;*/
    /*padding-left: 8px;*/
    /*padding-right: 8px;*/
    margin-left: 4px;
}

.diagramEndTime{
    /*background-color: var(--control-text-color);*/
    /*border-radius: var(--basic-border-radius);*/
    /*border:1px solid var(--control-text-color);*/
    /*padding: 2px;*/
    /*padding-left: 8px;*/
    /*padding-right: 8px;*/
    margin-right: 4px;
}

.diagramForecastEndTime{
    /*background-color: gray;*/
    /*border-radius: var(--basic-border-radius);*/
    /*border:1px solid gray;*/
    /*padding: 2px;*/
    /*padding-left: 8px;*/
    /*padding-right: 8px;*/
    margin-right: 4px;
}

.diagramStartTime i,
.diagramForecastStartTime i,
.diagramForecastEndTime i,
.diagramEndTime i{
    padding-right: 2px;
}


.searchToolStrip{
    /*border-top: var(--basic-border);*/
    border-bottom: var(--basic-border);
}

.splitButton {
    width: 100%;
    height: 100%;
    text-align: center;
    padding:8px 8px 8px 8px;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    border-radius: var(--basic-border-radius);
    white-space: nowrap;
    overflow: visible;
    border-spacing: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.splitButtonIcon{
    padding-left:0;
    padding-right:8px;
    width: 24px;
    text-align: center;
}

.splitButtonIcon.splitButtonIconNoTitle{
    padding-right: 1px;
}

.splitButtonTitle,
.splitButtonTitleNoPartEvents{
    padding-left:0;
    padding-right:0px;
    transition: background-color .2s ease-in-out;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    white-space: nowrap;
    width:auto;
    text-align: center;
}

.splitButtonTitleNoPartEvents{
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.splitButtonMenuIcon,
.splitButtonMenuIconVertical,
.splitButtonMenuIconNoBorder {
    /*display: inline-block;*/
    /*padding-left:4px;*/
    padding-right:0px;
    font-size: 24px;
    /*padding-top:2px;*/
    /*padding-bottom:2px;*/
    /*height:100%;*/
    transition: background-color .2s ease-in-out;
    /*border: 1px solid transparent;*/
    vertical-align: middle;
    text-align: center;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    /*border-left: 1px solid rgba(255, 255, 255, 0.5);*/
}

.splitButtonMenuIconVertical{
    /*border-left: 0;*/
    padding-left:0px;
    padding-right:0px;
}

.splitButtonMenuIconNoBorder {
    border-left: 0px;
}

.splitButtonInnerMenuIcon {
    line-height: 12px;
    padding-left: 8px;
    vertical-align: middle;
    text-align: center;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*.splitButtonTitle:hover,*/
/*.splitButtonTitleNoPartEvents:hover,*/
/*.splitButtonMenuIconVertical:hover,*/
/*.splitButtonMenuIcon:hover*/
.splitButton:hover
{
    background-color: rgba(128, 128, 128, 0.5);
    color: white;
    border-radius: var(--basic-border-radius);
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    /*background-color: rgba(17, 14, 14, 0.2);*/
    /*outline: 2px solid rgba(17, 14, 14, 0.2);*/
}

.splitButton:active,
.splitButtonTitle:active,
.splitButtonTitleNoPartEvents:active,
.splitButtonMenuIconVertical:active,
.splitButtonMenuIcon:active{
    background-color: rgba(128, 128, 128);
    color: white
}

.splitButton:focus,
.splitButtonTitle:focus,
.splitButtonTitleNoPartEvents:focus,
.splitButtonMenuIconVertical:focus,
.splitButtonMenuIcon:focus{
    background-color: white ;
    outline: 2px solid var(--danger-color)
}

.split-primary{
    background-color: #337ab7;
}

.split-success{
    background-color: #59822c;
}

.split-danger{
    background-color: #c71c22;
}

.split-ghost {
    background-color: transparent;
    color: var(--control-text-color);
    border: 1px solid transparent;
    border-radius: var(--basic-border-radius);
}

.split-default {
    background-color: var(--basic-background-color);
    color: var(--control-text-color);
    border: 1px solid var(--basic-border-color)
}


.split-default button {
    background-color: transparent;
    color: var(--control-text-color);
}

.split-breadcrumbs {
    background-color: transparent;
    color: var(--control-text-color);
    border: 1px solid transparent;
    font-weight: normal;
}

.split-secondary {
    background-color: var(--light-background-color);
    color: var(--control-text-color);
    border: var(--basic-border);
    border-radius: var(--basic-border-radius);
}

.split-secondary button {
    background-color: transparent;
    color: var(--control-text-color);
}

.applicationOptionField,
.applicationOptionFieldOver {
   cursor: pointer;
}

.applicationOptionFieldOver {
    background-color: rgba(255,255,255,0.15);
}

.applicationOptionField,
.applicationOptionFieldOver{
    padding: 4px;
    padding-left: 10px;
}

.licenseExpirationWarning{
    background-color: var(--danger-color);
    color: var(--info-color);
    font-size:var(--increased-font-size);
}


.required-field{
    color: var(--neutral-color);
}

.secondaryInfo {
    font-size: var(--decreased-font-size);
    color: var(--control-text-color);
    line-height: var(--basic-font-size);
    vertical-align: top;
}

*::placeholder,
.formHint{
    color: rgba(30, 144, 255, 0.5);
    font-style: italic;
}

.timeline-table {
    border-spacing: 4px;
    font-size: var(--decreased-font-size);
    width: 100%;
    table-layout: fixed;
}

.timeline-table td {
    border: 0px solid var(--control-text-color);

}

.timeline-table td.timeline-milestone {
    width: 17px;
}


.timeline-table td.timeline-milestone div {
    height:15px;
    width: 15px;
    border-radius: 50%;
    border: 1px solid;
    background-color: transparent;
    color: var(--control-text-color);
}

.timeline-table td.timeline-text {
    background-color: transparent;
    text-align: center;
}

.timeline-table td.timeline-text span{
    background-color: transparent;
}

.timeline-table td.timeline-spacer {
    width: auto;
}

.timeline-table td.timeline-milestone div i {
    font-size:15px;
    line-height: 15px;
}


.timeline-table td.timeline-spacer div {
    height: 3px;
    background-color: var(--control-text-color);
    border-radius: var(--basic-border-radius);
    /*margin-left:4px;*/
    /*margin-right: 4px;*/
}

.timeline-table td.timeline-spacer div span {
    display: inline-block;width: 100%;text-align: center;position: relative; top: -12px;
    display: none;
}

.form-icon-large{
    cursor:pointer;
    font-size: var(--large-font-size);
}

.form-icon{
    cursor:pointer;
    font-size: var(--increased-font-size);
}

.formIcon{
    font-size: var(--increased-font-size);
    cursor:pointer
}

.icon-text {
    display: inline-flex;
    align-items: center;   /* Vertically centers icon & text */
    gap: 6px;              /* Optional spacing between them */
}

.icon-text a {
    font-size: 14px;
    line-height: 1.4;
}

.applicationStatusBar{
    color: white;
    font-size: 14px;
    /*line-height: 20px;*/
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    height: 32px;
    justify-content: center;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding-top:2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
}


.applicationStatusBar i {
    font-size: 20px;
}


.voiceAssistImage {
    color: var(--danger-color);
    display: inline-block;
    animation: recordingPulse 2s ease-in-out infinite;
    transform-origin: center;
    cursor:pointer;font-size: 30px;
}

@keyframes recordingPulse {

    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(0.6);
        opacity: 0.7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}