@font-face {
    font-family: 'Lato Hairline';
    src: url('fonts/Lato/lato-hairline.eot');
    src: url('fonts/Lato/lato-hairline.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato/lato-hairline.woff2') format('woff2'),
         url('fonts/Lato/lato-hairline.woff') format('woff'),
         url('fonts/Lato/lato-hairline.ttf') format('truetype'),
         url('fonts/Lato/lato-hairline.svg#latohairline') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Lato Black';
    src: url('fonts/Lato/lato-black.eot');
    src: url('fonts/Lato/lato-black.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato/lato-black.woff2') format('woff2'),
         url('fonts/Lato/lato-black.woff') format('woff'),
         url('fonts/Lato/lato-black.ttf') format('truetype'),
         url('fonts/Lato/lato-black.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Lato Bold';
    src: url('fonts/Lato/lato-bold.eot');
    src: url('fonts/Lato/lato-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato/lato-bold.woff2') format('woff2'),
         url('fonts/Lato/lato-bold.woff') format('woff'),
         url('fonts/Lato/lato-bold.ttf') format('truetype'),
         url('fonts/Lato/lato-bold.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Lato Light';
    src: url('fonts/Lato/lato-light.eot');
    src: url('fonts/Lato/lato-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato/lato-light.woff2') format('woff2'),
         url('fonts/Lato/lato-light.woff') format('woff'),
         url('fonts/Lato/lato-light.ttf') format('truetype'),
         url('fonts/Lato/lato-light.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}/* Begin TXP Seating Chart Integration Styles */

body:not(.VideoConferencePicker) #webMeetingSelector {
    display: none;
}

body.VideoConferencePicker #TSSCMainMenu li:not(#webMeetingSelector) {
    display: none;
}

body.VideoConferencePicker #TSSCMainMenu #webMeetingSelector {
    width: unset;
}

body.VideoConferencePicker #TSSCMainMenu #webMeetingSelector span {
    color: black;
}

body.VideoConferencePicker #TSSCMainMenu #webMeetingSelector span.btn {
    color: white;
}

body.VideoConferencePicker [data-student-gu] {
    cursor: pointer;
}

body.VideoConferencePicker [data-student-gu] > * {
    z-index: -1;
}

body.VideoConferencePicker [data-student-gu].selected {
    outline-color: limegreen;
    outline-style: dashed;
    outline-width: 4px;
    outline-offset: -5px;
}

body.VideoConferencePicker [data-student-gu]:not(.selected) {
    filter: grayscale(1);
}

body.VideoConferencePicker #StudentChart .Student:hover .NotesTrigger {
    display: none;
}

/* End TXP Seating Chart Integration Styles */

body[data-vidconf-bellpending="0"] .BellPendingAlert {
    display: none;
}/* Common style elements, global scope
 * - Please audit any content to ensure it is valid and in use.
 * - Periodically audit these styles to ensure they are still valid and in use.
 * - Do not apply unscoped styles to common elements.
 * - Add a note of purpose comment.
 */

/* Add DX style to non-DX text inputs. Used when complex dxTextInput not desired. */
input:not([type]).like-dx,
input[type="text"].like-dx,
select.like-dx {
    margin: 0;
    padding: 4px 5px 4px;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    min-height: 24px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    line-height: 1.33334;
}

/* Often you need to hide an element, but have it still "visible" in the DOM. */
.fake-hidden, .fakeHidden {
    position: absolute !important;
    top: -100000px !important;
    left: -100000px !important;
    max-width: 9000px !important;
    max-height: 9000px !important;
}

/* Some common Flex styles */
.flex-middle {
    display: flex;
    align-items: center;
}

.flex-middle > * {
    flex: 1;
}

.flex-stretch {
    display: flex;
    align-items: stretch;
}

.flex-stretch > * {
    flex: 1;
}

.flex-top {
    display: flex;
    align-items: flex-start;
}

.flex-top > * {
    flex: 1;
}

.flexmin {
    flex: 0;
}

.flex-center {
    justify-content: center;
}

.flex-column {
    flex-direction: column;
}

/* Some common responsive styles */
.responsive-container {
    max-width: 1170px;
    width: 100%;
    margin: auto;
}

/* When you want a UI element to look disabled. */
.appear-disabled {
    color: #AAA !important;
    cursor: not-allowed !important;
    filter: blur(1px);
}

/* Quick shorthand for nowrap */
.nowrap {
    white-space: nowrap !important;
}

/* Shorthand for displays */
.inline-block {
    display: inline-block !important;
}

.ep_OpenPopup .Scroller {
    padding: 10px;
    min-height: 200px;
}

.epPopup {
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100vh - 20px);
}

.epPopup.full-screen {
    box-shadow: none;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

.epPopup .popup-header {
    min-height: 20px;
    background-color: #ebebeb;
    font-size: 14px;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

.epPopup .popup-content {
    overflow: auto;
    flex: 1;
    overflow-x: hidden;
}

.epPopup .popup-content {
    height: 100%;
    background-color: white;
}

.epPopup .popup-content > * {
    height: 100%;
}

.epPopup .close-popup {
    position: absolute;
    top: 5px;
    right: 5px;
    color: orangered;
    font-size: 20px;
    z-index: 1;
    cursor: pointer;
}

.ep_OpenPopup.dx-overlay-shader {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}

.ep_OpenPopup > .dx-popup-wrapper .dx-state-focused.dx-overlay-content, .ep_OpenPopup.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
    border: none;
    max-width: 100%;
}

.ep_OpenPopup > .dx-popup-wrapper > .dx-overlay-content, .ep_OpenPopup.dx-popup-wrapper > .dx-overlay-content {
    background-color: #ebebeb; /* Matches TXPAPP/stepper.css */
    border: none;
    border-radius: 0;
    min-width: 300px;
}

.ep_OpenPopup > .dx-popup-wrapper > .dx-overlay-content .dx-popup-content, .ep_OpenPopup.dx-popup-wrapper > .dx-overlay-content .dx-popup-content {
    background-color: white; /* Matches TXPAPP/stepper.css */
}

.ep_OpenPopup .dx-popup-title.dx-toolbar {
    border: none;
    background: 0 0;
}

.ep_OpenPopup > .dx-popup-wrapper, .ep_OpenPopup.dx-popup-wrapper {
    position: fixed !important;
    transform: translate(0px, 0px) !important;
    margin: 0;
    width: 100% !important;
    height: 100% !important;
    font-size: inherit;
}

.ep_OpenPopup.dx-popup-wrapper, .epPopup, .ep_OpenPopup.dx-popup-wrapper:last-child {
    z-index: 1501 !important; /* equal to dxPopup */
}

.dx-toast-wrapper, .dx-overlay-wrapper.dx-toast-wrapper:last-child {
    z-index: 1700 !important;
}

.ep_OpenPopup .dx-popup-title .dx-toolbar-before {
    font-size: 18px;
}

.ep_OpenPopup .dx-popup-title .dx-toolbar-center {
    font-size: 18px;
    margin: 0 auto !important;
    text-align: center;
    float: none !important;
}

.ep_OpenPopup .dx-popup-title .dx-closebutton .dx-icon {
    color: orangered;
    font-size: 20px;
    font-weight: bold;
    z-index: 1;
    position: relative;
}

.ep_OpenPopup .dx-popup-title .dx-closebutton {
    margin: 0;
}

.ep_OpenPopup {
    z-index: 1000;
}
.st-vidconf {
	position: absolute;
	right: 0;
	padding: 0 5px;
	text-align: left;
	margin-left: 32px;
}

.st-vidconf > .meeting {
    left: 0;
    padding: 5px 10px;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    border-radius: 5px;
    border: 1px solid var(--st-color-border);
    box-shadow: 2px 2px 2px rgba(0,0,0,.2);
    margin: 5px 0;
    max-width: 800px;
    transition: left ease-in .5s 2s;
}

.st-vidconf > .meeting.in-progress {
	border-color: #22ee22;
	border-width: 2px;
}

.st-vidconf > .meeting.fade {
	left: 110%;
}

.st-vidconf table th {
	padding: 2px;
	font-weight: normal;
	text-align: left;
}

.st-vidconf table td {
	padding: 2px;
	font-weight: bold;
	text-align: left;
}

.st-vidconf .btn-default,
.st-vidconf .btn-primary {
	padding: 6px 12px;
}

.st-vidconf .meeting-name {
	position: relative;
}

.st-vidconf .meeting-name > span {
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
	white-space: nowrap;
	max-width: 300px;
	padding: 2px;
}

.st-vidconf .meeting-name > .full-meeting-name {
    position: absolute;
    left: 2px;
    top: 2px;
    pointer-events: none;
    text-overflow: inherit;
    white-space: normal;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    border-radius: 2px;
}

.st-vidconf .meeting-name:not(:hover) > .full-meeting-name {
	display: none;
	visibility: hidden;
}
body.transforming .REV_CONTROL,
body.transforming .REV_CONTROL .control-label,
body.transforming .REV_CONTROL .form-control {
    transition: font-weight ease-in-out 2.5s, background-color ease-in-out 2.5s, border-color ease-in-out 2.5s, font-size ease-in-out 2.5s, color ease-in-out 2.5s;
}

body .REV_CONTROL,
body .REV_CONTROL .control-label,
body .REV_CONTROL .form-control {
    max-width: 100%;
}

.REV_CONTROL .form-control {
    font-size: 1em;
    font-weight: normal;
}

body.LucidInterface .REV_CONTROL .form-control {
    font-size: 1.2em;
    font-weight: bold;
}

body.LucidInterface .REV_VIEW:not(.FindMode) .REV_CONTROL:not(:hover) .form-control:not(:focus) {
    border-color: transparent;
    background-color: transparent;
    box-shadow: inset 0 1px 1px transparent;
}

body.LucidInterface .REV_VIEW:not(.FindMode) .REV_CONTROL:not(.ReadOnly):not(.PSReadOnly):not(:hover) .form-control:not(:focus) {
    border-left-color: var(--st-color-input-border);
}

body.LucidInterface .REV_GRID tr > th.REV_SUPERTITLE {
    border-color: transparent;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

body.LucidInterface .REV_GRID tr > th.REV_SUPERTITLE > div {
    border-bottom: 1px solid var(--st-color-border);
}

body.LucidInterface .REV_GRID tr:not(.FindModeRow) .REV_GRID_CONTROL:not(:hover) input[type=checkbox]:not(:checked),
body.LucidInterface .REV_GRID tr:not(.FindModeRow) .REV_GRID_CONTROL:not(:hover) .btn:not(:focus) + .btn-group-addon,
body.LucidInterface .REV_VIEW:not(.FindMode) .REV_CONTROL:not(:hover) .btn:not(:focus) + .btn-group-addon,
body.LucidInterface .REV_GRID tr:not(.FindModeRow) .REV_GRID_CONTROL:not(:hover) .form-control:not(:focus) + .input-group-addon,
body.LucidInterface .REV_VIEW:not(.FindMode) .REV_CONTROL:not(:hover) .form-control:not(:focus) + .input-group-addon {
    visibility: hidden;
}

.REV_CONTROL > .control-label {
    font-size: 1em;
}

body.LucidInterface .REV_CONTROL:not(.REV_CHECK_BOX) > .control-label {
    font-size: 0.85em;
    font-weight: normal;
}

body.LucidInterface:not([data-theme="4"]) .checked > .control-label,
body.LucidInterface:not([data-theme="4"]) .control-label.checked {
    color: var(--st-color-input-check-label-fg);
}

body.LucidInterface .REV_GRID th:not(:hover):not([data-sort]) .ColumnSorter,
body.LucidInterface .REV_GRID th:not(:hover):not([data-filter]):not(.filter-open) .ColumnFilter {
    visibility: hidden;
}

body.LucidInterface .GridData .table > thead > tr:not(.active):not(.FindModeRow) > th:not(.active),
body.LucidInterface .GridData .table > tbody > tr:not(.active) > .DeleteRow,
body.LucidInterface .GridData .table > tbody > tr:not(.active) > .LineNumber {
    color: var(--st-grid-heading-fg);
    background-color: var(--st-grid-heading-bg);
}

body.LucidInterface .GridContainer > .GridData > .table-bordered > thead > tr > th,
body.LucidInterface .GridContainer > .GridData > .table-bordered > tbody > tr > th,
body.LucidInterface .GridContainer > .GridData > .table-bordered > tfoot > tr > th,
body.LucidInterface .GridContainer > .GridData > .table-bordered > thead > tr > td,
body.LucidInterface .GridContainer > .GridData > .table-bordered > tbody > tr > td,
body.LucidInterface .GridContainer > .GridData > .table-bordered > tfoot > tr > td {
    border-right-width: 0px;
}
.st-report-presets {
    position: relative;
}

.st-report-presets ul {
    max-height: 250px;
    overflow: auto;

    list-style-type: none;
    padding-left: 0;
}

.st-report-presets ul li {
    padding: 0;
}

.st-report-presets ul li > * {
    padding: 5px;
}

.st-report-presets ul li:hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.st-report-presets ul li:not(:hover) > div > .btn,
.st-report-presets ul li:not(:hover) > .btn {
    visibility: hidden;
}

.st-report-presets ul label > input[type="radio"] + span {
    font-weight: normal;
}

.st-report-presets ul label > input[type="radio"]:checked + span {
    font-weight: bold;
}

.st-report-presets ul li.public > .btn.public {
    visibility: visible;
}

.st-report-presets ul li label {
    margin: 0;
}

.st-report-presets .indicator {
    bottom: -3px;
    right: -3px;
    position: absolute;
    z-index: 3;
}

.st-report-presets .indicator-icon {
    font-size: 10px;
}

.st-report-presets .btn:not([data-indicator-type="success"]) > .indicator {
    display: none;
}

.st-report-presets .btn[data-indicator-type="success"] {
    background-color: var(--st-color-filtered-bg) !important;
    color: var(--st-color-filtered-fg) !important;
}
.st-reminders {
    --entity-border-color: var(--orange-highlight);
}

.st-reminders .NotificationBox {
    font-size: 10px;
}

.st-reminders > .btn.btn-link {
    color: var(--st-main-nav-panel-fg);
}

body:not([data-theme="1"]):not([data-theme="3"]) .st-reminders > .btn.btn-link {
    color: #333;
}

#WindowInfo .st-reminders {
    float: right !important;
}

#WindowInfo .st-reminders > .dropdown-menu {
    right: 0;
    left: auto;
}

body.LucidInterface #LaunchGroup:not(.show-all) #RemindersIcon:not(.show-entity-reminders) .st-reminders:not(.has-notifications):not(.show-always) {
    display: none;
}

#WindowInfo #RemindersIcon:not(.show-entity-reminders) .st-reminders > .btn.btn-link,
#PageHeader.Minimal #RemindersIcon:not(.show-entity-reminders) .st-reminders > .btn.btn-link {
    color: #fff;
}

#WindowInfo .st-reminders > .st-entity-reminders {
    left: auto;
    right: -3px;
}

#WindowInfo .st-reminders > .st-entity-reminders > .flexbox.horizontal {
    flex-direction: row-reverse;
}

#WindowInfo .st-reminders > .st-entity-reminders > .flexbox.horizontal > * {
    padding-left: 5px;
}

#WindowInfo #RemindersIcon.show-entity-reminders .st-reminders > .btn.btn-link {
    color: #555;
}

#RemindersIcon {
    margin: 0 2px;
}

#RemindersIcon.show-entity-reminders > * {
    background-color: var(--st-color-bg);
}

#RemindersIcon.show-entity-reminders {
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    border: 1px solid var(--entity-border-color);
    border-radius: 5px 5px 0 0;
    border-bottom: 0 none;
}

.st-reminders > .st-entity-reminders {
    position: absolute;
    top: 100%;
    left: -3px;
    padding: 5px 10px;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    margin-top: 2px;
    border-radius: 0 0 5px 5px;
    border: 1px solid var(--st-color-border);
    display: block;
    white-space: nowrap;
    border-color: var(--entity-border-color);
    border-top: 0;
}

.st-reminders > .st-entity-reminders.multiple:after {
    content: "";
    border: 1px solid var(--entity-border-color);
    border-top: 0;
    position: absolute;
    left: 4px;
    height: 115%;
    top: 0;
    width: 100%;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    z-index: -1;
    border-radius: 0 0 5px 5px;
}

.st-reminders > .st-entity-reminders .scroller {
    cursor: pointer;
}

.st-reminders > .st-entity-reminders .scroller > *:not(:hover) {
    color: #ccc;
}

.st-reminders > .st-entity-reminders .btn-complete:not(:hover) {
    color: #ccc;
}

.st-reminder .completion-status,
.st-reminders .completion-status {
    cursor: pointer;
    font-size: 24px;
    color: #ddd;
}

.st-reminders [data-status="C"] .completion-status {
    color: var(--st-color-checkmark);
}

.st-reminders .btn.btn-link {
    text-decoration: none;
}

#RemindersIcon {
    text-align: left;
    padding: 2px;
}

#RemindersIcon:hover > *,
#RemindersIcon > .open {
    opacity: 1 !important;
    color: #444444;
    background-color: var(--entity-border-color);
    border-radius: 5px;
}

.st-reminders .dropdown-menu {
    font-size: 14px;
    min-width: 400px;
    padding: 5px 10px;
}

.st-reminders tr:not(:hover) .actions > * {
    opacity: 0.2;
}

body:not(.Accessible) .st-reminders tr:not(:hover) .actions > * {
    visibility: hidden;
}

.st-reminders tr:hover > * {
    user-select: none;
    cursor: pointer;
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.st-reminders-modal label {
    font-weight: normal;
}

.st-reminders-modal input,
.st-reminders-modal textarea {
    font-weight: bold;
}

.st-notice .st-reminder {
    min-width: 300px;
}

.REV_VIEW > .REV_HEAD .st-reminders > * {
    opacity: 1;
    transition: opacity linear .1s .25s;
}

.REV_VIEW > .REV_HEAD > .Title:not(:hover) .st-reminders > *:not(.has-notifications) {
    opacity: .25;
}

body:not(.Accessible) .REV_VIEW > .REV_HEAD > .Title:not(:hover) .st-reminders > *:not(.has-notifications) {
    opacity: 0;
}

.REV_VIEW .st-view-reminder {
    font-weight: bold;
    color: #333;
    border-radius: 5px;
}

.REV_VIEW .st-view-reminder[data-status-type="danger"] {
    color: #550000;
}

.REV_VIEW .st-view-reminder[data-status-type="warning"] {
    color: #555500;
}

.REV_VIEW .st-view-reminder p {
    margin: 0;
}
#Notifications {
    position: relative;
    overflow: visible;
    z-index: 2;
}

.st-notifications {
    position: absolute;
    width: 350px;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    overflow: auto;
    padding-right: 5px;
}

.st-notifications > .flexbox:not(.show-all) .st-notice.active + .st-notice {
    position: absolute;
    z-index: -1;
    left: 10px;
    top: 10px;
    right: 0;
    bottom: 0;
}

.st-notifications .show-all .notice-list {
    flex: 1 1 auto;
    overflow: auto;
}

.st-notifications .st-notice {
    pointer-events: none;
    opacity: 0;
    background-color: #413c3c;
    color: #eee;
    border-radius: 5px;
    border: 1px solid var(--st-color-border);
    margin: 2px 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0,.25);
    max-height: 400px;
    transition: max-height .25s linear, opacity .25s linear;
}

.st-notifications .st-notice:not(.active) {
    display: none;
}

.st-notifications .st-notice.active {
    opacity: 1;
    pointer-events: all;
}

.st-notifications > .flexbox.show-all .st-notice,
.st-notifications .st-notice.active {
    opacity: 1;
    transition: opacity .25s linear;
}

.st-notifications .st-notice.shrink {
    max-height: 0;
}

.st-notifications .st-notice > .heading {
    background-color: #888;
    font-weight: bold;
    align-items: center;
    position: relative;
    border-radius: 5px 5px 0 0;
}

.st-notifications .st-notice:not(:hover) > .heading::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 0;
    height: 4px;
    background-color: var(--st-color-heading-bg);
    color: var(--st-color-heading-fg);
    /* duration should match AUTOHIDE_DURATION */
    transition: max-width linear 4s;
}

.st-notifications .st-notice.autoHide.active > .heading::before {
    max-width: 100%;
}

.st-notifications .st-notice[data-type],
.st-notifications .st-notice[data-type] .btn-link {
    color: #eee;
}

.st-notifications .st-notice[data-type="danger"] > .heading {
    background-color: #793f3f;
}

.st-notifications .st-notice[data-type="warning"] > .heading {
    background-color: #79713f;
}

.st-notifications .st-notice[data-type="info"] > .heading {
    background-color: #3f5f79;
}

.st-notifications .st-notice[data-type="success"] > .heading {
    background-color: #3f7952;
}

.st-notifications .st-notice:not(:hover) .notify-expander {
    display: none;
}

.st-notifications .notify-expander {
    margin: 0 5px;
}

.st-notifications:not(:hover) > .flexbox:not(.show-all) .notify-actions {
    display: none;
}
.st-ko-tree {
    margin-top: 5px;
}

#PrimaryView.FindMode .st-ko-tree > .panel-body {
    display: none;
}

#NC_PADTree:not(.pinned) #PAD_MENU .st-tree-hierarchy {
    white-space: nowrap;
}

.st-ko-tree .st-tree-hierarchy {
    background-color: var(--st-color-well-bg);
    color: var(--st-color-well-fg);
    padding-right: 10px;
}

.st-ko-tree:not(.hide-details) .st-tree-hierarchy {
    max-width: 40%;
}

.st-ko-tree > .panel-body > .st-tree-hierarchy,
.st-ko-tree > .panel-heading {
    position: sticky;
}

.st-ko-tree > .panel-heading {
    z-index: 15;
}

.st-ko-tree .st-tree-hierarchy .input-group-addon {
    padding: 5px 4px;
    width: auto;
}

.st-ko-tree .st-tree-node {
    padding-left: 10px;
}

.st-ko-tree .st-tree-node img {
    width: 20px;
    height: 20px;
}

.st-ko-tree .st-tree-node.leaf {
    color: var(--st-color-link-fg);
}

.st-ko-tree .st-tree-node.drag-branch-hover[drop-location="above"] {
    border-top: 4px solid purple;
}

.st-ko-tree .st-tree-node.drag-branch-hover[drop-location="below"] {
    border-bottom: 4px solid purple;
}

.st-ko-tree .st-tree-node.drag-branch-hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.st-ko-tree .st-tree-node.drag-hover[drop-location="above"] > .st-tree-node-header {
    border-top: 4px solid purple;
}

.st-ko-tree .st-tree-node.drag-hover[drop-location="below"] > .st-tree-node-header {
    border-bottom: 4px solid purple;
}

.st-ko-tree .st-tree-node.drag-hover > .st-tree-node-header {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.st-ko-tree .st-tree-node .st-tree-node-header {
    min-width: 175px;
    text-overflow: ellipsis;
    border-bottom: 1px solid transparent;
}

.st-ko-tree .st-tree-node .st-tree-node-header:not(:hover) > .tree-node-tools {
    visibility: hidden;
}

.st-ko-tree .tree-node-tools > * {
    padding: 2px 2px;
}

.st-ko-tree .st-tree-node:not(.leaf) > .st-tree-node-header {
    font-weight: bold;
}

.st-ko-tree .st-tree-node.selected > .st-tree-node-header {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
    border-bottom: 1px solid var(--st-color-border);
}

.st-ko-tree .st-tree-node-header:hover {
    cursor: pointer;
    color: var(--st-color-link-hover-fg);
    background-color: var(--st-color-link-hover-bg);
}

.st-ko-tree .st-tree-node-header .far:hover {
    cursor: pointer;
    color: var(--st-color-link-hover-fg);
    background-color: var(--st-color-link-hover-bg);
}

.st-tree-search {
    top: -2px;
    padding: 5px;
    position: sticky;
    background-color: var(--st-color-well-bg);
    color: var(--st-color-well-fg);
    z-index: 1;
}
#Checklists {
    max-width:400px;
}


.cl-group-by
{

}

.cl-group-by .layout-row > *{
	padding: 2px 5px;
}

.cl-group-by .form-control {
	width: 100%;
}

.cl-description {
    position: relative;
    background-color: inherit;
}

.cl-description > .cl-full-description {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    background-color: var(--st-color-bg);
    border-radius: 5px;
    box-shadow: 0 0 0 99999px rgba(0, 0, 0, .5);
}

.cl-description:not(:hover) > .cl-full-description {
    display: none;
}

.report-val-popover {
    max-width: 100%;
}.template-popover {
    --preview-width: 300px;
}

.template-popover button.create {
    width: 100%;
    margin-bottom: 10px;
}

.template-pover .dx-overlay-content .dx-popup-content {
    overflow: visible;
}

.template-popover label {
    font-weight: normal;
}

.template-popover label > input[type="checkbox"]:checked + span {
    font-weight: bold;
}

.template-option button {
    float: right;
    margin-left: 10px;
    border: 0;
    background-color: transparent;
    line-height: 12px;
}

.template-option div {
    overflow: hidden;
}

.dx-list-item:not(:hover) .template-option button:not(.always-show) {
    display: none;
}

.REV_EDIT_MULTI_LINE.ReadOnly button[data-action='EditText.ShowTemplates'],
.REV_EDIT_MULTI_LINE.ReadOnly button[data-action='EditText.ShowTokens'] {
    display: none;
}

.template-list-container {
    height: 220px;
    overflow: auto;
    padding-right: 10px;
}

.st-memo-template-preview {
    max-width: var(--preview-width);
    transition: max-width ease-in-out .5s .5s;
    overflow: hidden;
    padding: 0;
    background-color: var(--st-panel-bg);
    height: 90%;
    border: 1px solid var(--st-panel-border);
    border-radius: 5px;
    position: absolute;
}

.st-memo-template-preview.left {
    right: 100%;
    margin-right: -1px;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    box-shadow: -4px 4px 4px rgb(0 0 0 / 15%);
}

.st-memo-template-preview:not(.left) {
    left: 100%;
    margin-left: -1px;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    box-shadow: 4px 4px 4px rgb(0 0 0 / 15%);
}

.st-memo-template-preview:not(:hover):not(.show) {
    max-width: 0;
}

.st-memo-template-preview > pre,
.st-memo-template-preview > p {
    min-width: var(--preview-width);
    max-height: 400px;
    height: 100%;
    padding: 5px 10px;
    overflow: auto;
    background-color: transparent;
    border: 0 none;
}

.st-memo-template-preview .mt-highlight {
    font-weight: bold;
    font-style: italic;
}

.hall-pass-card {
    width: 200px;
    border: 1px solid white;
    border-radius: 10px;
    padding: 10px;
    display: inline-block;
    margin: 10px;
    color: white;    
    font-weight: bold;
}

.hall-pass-card .hall-pass-header {
    position: relative;
}

.hall-pass-card .hall-pass-header .menu-btn {
    position: absolute;
    right: 0;
    top: 0;
}

.hall-pass-card .hall-pass-header .dropdown-menu {
    min-width: 50px;
    height: 50px;
}

.hall-pass-card .hall-pass-header * {
    padding-left: 3px;
    padding-right: 3px;
}

.hall-pass-card .hall-pass-body {
    text-align: center;
    border-top: 1px solid white;
    padding-top: 10px;
    position: relative;
}

.hall-pass-card .room {
    font-size: 14px;
    width: 115px;
    height: 45px;
    overflow: hidden;
}

.hall-pass-card .issue-date-time,
.hall-pass-card .minutes,
.hall-pass-card .time-remaining,
.hall-pass-card .student-name {
    min-height: 23px;
}

.hall-pass-card.little-expired .time-remaining {
    background-color: orange;
    border: 1px solid red;
    border-radius: 5px;
    color: black;
}

.hall-pass-card.expired .time-remaining {
    background-color: red;
    border: 1px solid white;
    border-radius: 5px;
}

.hall-pass-card .student-photo {
    border-radius: 30px;
    border: 1px groove #eee;
    margin-top: 5px;
}

.hall-pass-card .actions {
    margin-top: 10px;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.hall-pass-card .menu-item .menu-item-label {
    white-space: nowrap;
}

.hall-pass-card .has-notes-icon {
    position: absolute;
    bottom: 0;
    right: 0;
}body[data-theme]:not([data-theme=""]):not([data-theme="2"]):not([data-theme="3"]) .default-theme,
body[data-theme="1"] [data-theme]:not([data-theme="1"]),
body[data-theme="2"] [data-theme]:not([data-theme="2"]),
body[data-theme="3"] [data-theme]:not([data-theme="3"]) {
    display: none !important;
}

body:not([data-theme]) [data-theme],
body[data-theme=""] [data-theme] {
    display: none !important;
}

.st-heading-blue {
    background-color: var(--st-heading-blue-bg);
    color: var(--st-heading-blue-fg);
}

.st-heading-red {
    background-color: var(--st-heading-red-bg);
    color: var(--st-heading-red-fg);
}

.st-heading-green {
    background-color: var(--st-heading-green-bg);
    color: var(--st-heading-green-fg);
}

.st-heading-violet {
    background-color: var(--st-heading-violet-bg);
    color: var(--st-heading-violet-fg);
}

.st-heading-tools {
    background-color: var(--st-heading-tools-bg);
    color: var(--st-heading-tools-fg);
}.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP {
    border: 0 none !important;
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav {
    font-size: 1.5em;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    border: 0 none;
    margin-left: 50px;
    margin-right: 50px;
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav > * {
    float: none;
    text-align: center;
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li.spacer {
    flex: 1 1 auto;
    border-bottom: 4px solid #ccc;
    margin-bottom: 2rem;
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li.spacer:last-of-type {
    display: none;
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav a {
    display: flex;
    flex-direction: row;
    padding: 6px 12px;
    margin: 5px;
    text-align: center;
    border: 0px none;
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

:root {
    --st-wizard-active-tab-color: #3276b1;
    --st-wizard-complete-tab-color: #5cb85c;
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav .wizard-icon {
    padding: 0;
    font-style: normal;
    font-size: 3.5rem;
    border-radius: 5rem;
    border: 6px solid #ccc;
    line-height: 0;
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li.active .wizard-icon {
    border-color: var(--st-wizard-active-tab-color);
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li.complete:not(.active) .wizard-icon.active {
    display: none;
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li.active .wizard-icon.complete,
.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li:not(.complete) .wizard-icon.complete {
    display: none;
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li:not(.complete):not(.active) .wizard-icon > * {
    visibility: hidden;
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li .wizard-icon.complete > * {
    transform: scale(1.1);
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li.active .wizard-icon.active > * {
    transform: scale(0.7);
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li a {
    background-color: transparent;
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li.active a {
    color: var(--st-wizard-active-tab-color);
    background-color: transparent;
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li.active + li.spacer {
    border-color: var(--st-wizard-active-tab-color);
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li.complete:not(.active) a {
    color: var(--st-wizard-complete-tab-color);
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li.complete:not(.active) + li.spacer {
    border-color: var(--st-wizard-complete-tab-color);
}

.REV_VIEW[data-view-type="WIZARD"] .REV_TAB_GROUP .nav li.complete:not(.active) .wizard-icon {
    border-color: var(--st-wizard-complete-tab-color);
}

.REV_WIZARD_CONTROLS {
    z-index: 200;
    padding: 5px;
    border-top: 1px solid #ccc;
}

.REV_VIEW .REV_WIZARD_CONTROLS .btn {
    min-width: 120px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.REV_VIEW .REV_WIZARD_CONTROLS .btn > span {
    flex: 1 1 auto;
}

.st-wizard-summary {
}

.st-wizard-summary .st-groupbox {
    margin-left: 50px;
}

.st-wizard-summary .st-groupbox > h2 {
    margin: 0px;
    font-size: 1.75em;
    border-bottom: 1px solid var(--st-color-border);
}

.st-wizard-summary .st-groupbox > div {
    padding: 5px 10px;
}

.st-wizard-summary .flexbox > span {
    padding: 5px 10px;
}

.st-wizard-summary .value {
    font-size: 1.2em;
    font-weight: bold;
}
.REV_LAYOUT_BOX {
    display: flex;
    position: relative;
}

.REV_LAYOUT_BOX.bordered {
    background-color: var(--st-color-panel-bg);
    color: var(--st-color-panel-fg);
    border: 0px solid var(--st-color-border);
    border-radius: 5px;
}

.REV_LAYOUT_BOX[data-indicator-type] {
    color: var(--st-color-row-light-fg) !important;
    background-color: var(--st-color-row-light-bg) !important;
    border-color: var(--st-color-row-light-fg) !important;
}

.REV_LAYOUT_BOX[data-indicator-type="filter"] > .indicator-icon {
    position: absolute;
    right: 5px;
    top: 5px;
    border: 0 none;

    background-color: var(--st-color-link-bg);
    color: var(--st-color-link-fg);
}

.REV_LAYOUT_BOX > * {
    flex: 0 0 auto;
}

.REV_LAYOUT_BOX .lb-title {
    font-weight: bold;
    text-align: center;
}

.REV_LAYOUT_BOX.expand {
    flex: 1 1 auto;
}

.REV_LAYOUT_BOX[data-orientation='Horizontal'] 
{
    flex-direction: row;
}

.REV_LAYOUT_BOX[data-orientation='Vertical'] {
    flex-direction: column;
}

.REV_LAYOUT_BOX[data-align-content='Default'] {
}

.REV_LAYOUT_BOX[data-orientation='Horizontal'][data-align-content='Middle'] {
    align-content: center;
}

.REV_LAYOUT_BOX[data-orientation='Vertical'][data-align-content='Middle'] {
    justify-content: center;
}

.REV_LAYOUT_BOX[data-align-text='Left'] {
}

.REV_LAYOUT_BOX[data-align-text='Center'] {
    text-align: center;
}

.REV_LAYOUT_BOX[data-align-text='Right'] {
    text-align: right;
}
.SystemAlertIcon .fa {
  -webkit-text-stroke: 1px black;
  color: #ff0000;
  font-size: 1.2em;

  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
}

.STSystemAlert .stack ul {
    display: table;

    list-style-type: none;
}

.STSystemAlert .stack ul > li {
    display: table-row;
}

.STSystemAlert .stack ul > li > span {
    display: table-cell;
    padding: 2px 5px;
}
html {
    color: var(--st-color-fg);
    background-color: var(--st-color-bg);
}

body {
    overflow: hidden;
    color: var(--st-color-fg);
    background-color: var(--st-color-bg);
    min-height: 100vh;
}

body:not(.REV_DIALOG) .main-content {
	position: fixed !important;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

body > .theme-transition {
    position: fixed;
    z-index: 1000000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    opacity: 0;
    transition: opacity linear 3s;
}

body > .theme-transition.in {
    opacity: 1;
}

body.grayscale *:not(:hover) {
    filter: grayscale(1);
}

h2, ul, li, div, span, img {
    outline: none;
}

.sticky-content {
    top: 0;
    position: sticky;
    z-index: 1;
}

body > li {
    text-align: center;
    display: inline-block;
    list-style: none outside none;
}

body > li > span {
    display: block;
}

.panel-body {
    padding: 5px;
}

body:not([data-theme="1"]):not([data-theme="3"]) input[type="checkbox"]:checked,
body:not([data-theme="1"]):not([data-theme="3"]) input[type="radio"]:checked {
    -webkit-filter: grayscale(100%);
}

kbd {
    opacity: 0.25;
    background-color: transparent;
    color: inherit;
    border: 1px solid var(--st-color-border);
    border-radius: 2px;
    margin: 0 3px;
    font-size: 1.0rem;
}

.no-touch .btn,
.no-touch .form-control,
.no-touch .input-group-addon {
    padding: 2px 4px;
}

.control-label {
    font-weight: normal;
}

.control-label.checked {
    font-weight: bold;
}

/* Undo some bootstrap kludging */
@-ms-viewport {
  width: auto;
}

input::-ms-clear {
    width: 0;
    height: 0;
}

.ui-pnotify-text {
    overflow: auto;
}

.nowrap {
    white-space: nowrap;
}

.suppressed {
    display: none;
    visibility: hidden;
}

.dorito {
    position: relative;
}

.dorito:before {
    content: '';
    border: 12px solid #fff;
    display: inline-block;
    position: absolute;
}

.dorito.ne:before {
    right: 0;
    top: 0;
    border-top: 0;
    border-left: 0;
    border-bottom-color: transparent !important;
}

.dorito.nw:before {
    left: 0;
    top: 0;
    border-top: 0;
    border-right: 0;
    border-bottom-color: transparent !important;
}

.dorito.se:before {
    right: 0;
    bottom: 0;
    border-left: 0;
    border-top-color: transparent !important;
    border-bottom: 0;
}

.dorito.info:before {
    border-color: var(--info-indicator-bg);
}

.dorito.notice:before {
    border-color: var(--notice-indicator-bg);
}

.dorito.warning:before {
    border-color: var(--warning-indicator-bg);
}

.dorito.error:before {
    border-color: var(--error-indicator-bg);
}

.btn-pulse {
    z-index: 3;
    position: relative;
    border-color: transparent;
    -webkit-animation: pulse 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
}

.btn-pulse.btn-info {
    box-shadow: 0 0 0 0 rgba(91, 192, 222, 0.7);
}

.btn-pulse:disabled,
.btn-pulse:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 25px rgba(91, 192, 222, 0.7);
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 25px rgba(91, 192, 222, 0.7);
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 25px rgba(91, 192, 222, 0.7);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);
    }
}

.pulse-bg {
    animation: pulse-bg 1.5s 3;
    border: 1px solid #ffff33;
}

@-webkit-keyframes pulse-bg {
    50% {
        background: #ffffaa;
    }
}

@-moz-keyframes pulse-bg {
    50% {
        background: #ffffaa;
    }
}

@-ms-keyframes pulse-bg {
    50% {
        background: #ffffaa;
    }
}

@keyframes pulse-bg {
    50% {
        background: #ffffaa;
    }
}

.overlay {
    display: inline-block;
    position: absolute;
    background-color: #000000;
    opacity: 0.25;
    
    z-index: 5001;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.list-group-item {
    border: 0px solid #ddd;
}

body .Overlay-bg {
    background-color: #000000;
    opacity: 0.4;
	flex: none;

    z-index: 2000;
    display: inline-block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    transition: opacity linear .25s;
}

body .Overlay-bg:hover + .Overlay {
	opacity: .1;
}

body:not(.Overlayed):not(.Overlayed-detached) .Overlay-bg {
    opacity: 0;
    display: none;
    visibility: hidden;
}

body.Overlayed-detached #PageHeader,
body.Overlayed #PageHeader {
    z-index: 2100;
}

body .Overlay {
    border-radius: 5px;
    border: 1px solid #444444;
    overflow: hidden;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    position: absolute;
    display: inline-block;
    z-index: 2050;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 0;
    flex: none;
    transition: top linear .5s, opacity linear .25s .25s;
}

body:not(.Overlayed) .Overlay {
    top: 100%;
    
    display: none;
    visibility: hidden;
}

body .Overlay > iframe {
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    position: absolute;
    border: 0 none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

body.Overlayed {
    overflow: hidden;
}

body.Overlayed > iframe.Overlay {
    display: inline-block;
    visibility: visible;
}

body.Overlayed > .btn-group {
    display: none;
}

.contextMenu {
    display: inline-block;
    position: absolute;
    z-index: 10001;
}

body > .dropdown-menu {
    display: inline-block;
}

body.OverlayWindow #PageHeader {
    display: none !important;
    visibility: hidden !important;
}

.GridData .table > thead > tr:not(.FindModeRow) > th.active {
    background-color: var(--st-color-row-selected-bg);
    color: var(--st-color-row-selected-fg);
}

body .REV_GRID .table > tbody > tr.active,
body .REV_GRID .table > tbody > tr.active > td,
body .REV_GRID .table > tbody > tr > td.active {
    background-color: var(--st-color-row-selected-bg) !important;
    color: var(--st-color-row-selected-fg) !important;
}

body .REV_GRID .table > tbody > tr > td .tab-content {
    background-color: inherit;
    color: inherit;
}

.REV_VIEW_REF .table > tbody > tr.active > td.LineNumber,
.REV_VIEW_REF .table > tbody > tr > td.LineNumber.active,
.REV_VIEW_REF .table > tbody > tr.active > td.DeleteRow,
.REV_VIEW_REF .table > tbody > tr > td.DeleteRow.active {
    border-color: var(--st-color-border);
    background-color: var(--st-color-row-selected-bg);
    color: var(--st-color-row-selected-fg);
}

.table > tbody > tr > td,
.table > thead > tr:not(.FindModeRow) > th,
.table > tbody > tr > th:not(.OrderProp),
.table > tbody > tr > td > .REV_CONTROL,
.table > tbody > tr > td > .REV_CONTROL .form-control,
.table > tbody > tr > td > .REV_CONTROL .btn,
.table > tbody > tr > td > .REV_CONTROL .input-group,
.table > tbody > tr > td > .REV_CONTROL .input-group-addon,
.table > thead > tr:not(.FindModeRow) > th .REV_CONTROL,
.table > thead > tr:not(.FindModeRow) > th .REV_CONTROL .control-label {
	margin: 0 !important;
	padding: 1px !important;
}

.GridData > .table.table-bordered > thead > tr:not(.FindModeRow) > th,
.GridData > .table.table-bordered > tbody > tr > .OrderProp,
.GridData > .table.table-bordered > tbody > tr > .DeleteRow,
.GridData > .table.table-bordered > tbody > tr > .LineNumber {
    border-color: var(--st-color-border);
    background-color: var(--st-grid-heading-bg);
    color: var(--st-grid-heading-fg);
}

.GridData .table > thead > tr:not(.FindModeRow) > th {
	text-align: center;
	vertical-align: middle;
}

.table > thead > tr:not(.FindModeRow) > th .REV_CONTROL {
	display: table;
}

.table > thead > tr:not(.FindModeRow) > th .REV_CONTROL .control-label {
	width: 100%;
}

.table > tbody > tr > td .input-group-addon {
    width: 1px;
}

.table > tbody > tr > td .st-dropdown,
.table tr.FindModeRow > td .st-dropdown {
    min-width: 100%;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

.table-bordered > thead > tr:not(.FindModeRow) > th, .table-bordered > thead > tr > td {
	border-bottom-width: 1px;
}

.table-bordered > tbody > tr:first-child > th, .table-bordered > tbody > tr:first-child > td {
    border-top-width: 2px;
}

table.table-rounded {
    border-collapse: separate;
    border-spacing: 0;
    
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
}

table.table-rounded tbody td {
    border-width: 0 0 1px 1px !important;
}

table.table-rounded thead th {
    border-right-width: 0 !important;
}

table.table-rounded > tr:first-child > :first-child,
table.table-rounded > :first-child > tr:first-child > :first-child {
    -webkit-border-top-left-radius: 0.5em;
    -moz-border-radius-topleft: 0.5em;
    border-top-left-radius: 0.5em;
}

table.table-rounded > tr:first-child > :last-child,
table.table-rounded > :first-child > tr:first-child > :last-child {
    -webkit-border-top-right-radius: 0.5em;
    -moz-border-radius-topright: 0.5em;
    border-top-right-radius: 0.5em;
}

table.table-rounded > tr:first-child > :only-child,
table.table-rounded > :first-child > tr:first-child > :only-child {
    -webkit-border-top-left-radius: 0.5em;
    -moz-border-radius-topleft: 0.5em;
    border-top-left-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    -moz-border-radius-topright: 0.5em;
    border-top-right-radius: 0.5em;
}

table.table-rounded > tr:last-child > :first-child,
table.table-rounded > :last-child > tr:last-child > :first-child {
    -webkit-border-bottom-left-radius: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    border-bottom-left-radius: 0.5em;
}

table.table-rounded > tr:last-child > :last-child,
table.table-rounded > :last-child > tr:last-child > :last-child {
    -webkit-border-bottom-right-radius: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    border-bottom-right-radius: 0.5em;
}

table.table-rounded > tr:last-child > :only-child,
table.table-rounded > :last-child > tr:last-child > :only-child {
    -webkit-border-bottom-left-radius: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    border-bottom-right-radius: 0.5em;
}

.table th,
.table td.LineNumber {
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.table th.OrderProp {
    padding: 2px 5px;
    text-align: center;
    vertical-align: middle;

    cursor: move;
}

.table th.DeleteRow,
.table th.LineNumber {
    width: 50px;
}

.table td.LineNumber {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 25px;
    text-align: center;
}

.table > tbody > tr.Deleted,
.table > tbody > tr.Deleted > td,
.table > tbody > tr.Deleted > td a,
.table > tbody > tr.Deleted > td .form-control,
.table > tbody > tr.Deleted > td input {
    background-color: var(--st-grid-deleted-row-bg) !important;
    color: var(--st-grid-deleted-row-fg) !important;
    text-decoration: line-through;
}

a[disabled] {
    pointer-events: none;
}

.table > tbody > tr.Deleted > td.DeleteRow,
.table > tbody > tr.Deleted > td.LineNumber {
    color: var(--st-color-unassigned-fg) !important;
    background-color: var(--st-color-unassigned-bg) !important;
    text-decoration: line-through;
}

.panel-default > .panel-heading {
    color: var(--st-color-heading-fg);
    background-color: var(--st-color-heading-bg);
    border-color: var(--st-color-border);
}

.panel-heading {
    padding: 2px 5px;
}

.panel-body > .table {
    margin-bottom: 0;
}

.panel.Empty {
    border-width: 0;
    box-shadow: none;
}

.btn.btn-right {
    border-left-width: 0;
    border-radius: 0 5px 5px 0;
}

.Title .btn-group button {
    height: 28px;
    padding: 1px 3px;
}

.Title .btn-group button span {
    line-height: 1.4;
}

.Title .btn-group button img {
    height: 22px;
}

#lnkStreams {
    position: relative;
}

.NotificationBox,
#lnkStreams .StreamsNotificationBox {
    border-radius: 5px;
    border: #FF0000 1px solid;
    background-color: #F03D25;
    padding: 1px 2px 1px 2px;
    color: #fff;
    position: absolute;
    font-size: .85em;
    line-height: .85em;
    top: -0.3em;
    right: -0.5em;
    font-weight: bold;
    /* box-shadow: 0px 1px 0px rgba(0,39,121,0.77); */
}

.tooltip, .popover {
    z-index: 10001;
}

.popover .popover-title {
    background-color: var(--st-color-heading-bg);
    color: var(--st-color-heading-fg);
}

.tasks-popover.bottom .arrow:after {
    border-bottom-color: #fcf8e3;
}

.tasks-popover {
    min-width: 170px;
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.input-group .form-control:only-child {
    border-radius: 5px;
}

.dropdown-menu .row div {
    border-right: 1px solid var(--st-color-border);
    padding-right: 10px;
}

.dropdown-menu .row div:first-of-type { 
    padding-left: 10px;
    padding-right: 10px;
}
.dropdown-menu .row div:last-of-type { 
    border-right: 0px;
    padding-right: 15px;
}

.btn-primary[disabled],
.btn-success[disabled],
.btn-warning[disabled],
.btn-danger[disabled],
.btn-info[disabled],
.btn-primary:disabled,
.btn-success:disabled,
.btn-warning:disabled,
.btn-danger:disabled,
.btn-info:disabled {
    cursor: not-allowed;
    background-color: var(--st-btn-disabled-bg) !important;
    color: var(--st-btn-disabled-fg) !important;
    border-color: var(--st-color-border) !important;
}

.btn-warning:focus {
    background-color: #ffffff;
    color: #555555;
    border-color: var(--st-color-border);
}

#SessionTimers {
    display: inline-block;
    position: fixed;
    bottom: 5px;
    left: 5px;
    color: #ff0000;
    font-weight: bold;
    z-index: 2020;
    padding: 4px;
    background-color: #eeeeee;
    border: 1px solid var(--st-color-border);
    border-radius: 5px;
}

#SessionTimers > span {
    font-weight: normal;
    color: #444444;
}

#DebugInfo {
    display: inline-block;
    position: fixed;
    overflow: hidden;

    left: 2px;
    top: 2px;
    padding: 4px;

    height: auto;
    width: auto;

    max-height: 24px;
    max-width: 24px;
    color: transparent;
    opacity: .75;
    transition: opacity linear .5s, color linear .5s, max-width linear .5s, max-height linear .5s;

    background-color: yellow;
    border-radius: 5px;
    font-weight: bold;
    z-index: 2000;
}

#DebugInfo:hover,
#DebugInfo.show {
    max-width: 200px;
    max-height: 40px;
    color: #444444;
    opacity: 1;
}

#Focus:focus {
    outline: 1px dotted #888888;
    background-color: #eeeeee;
    color: #444444;
}

#Focus {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0;
    text-align: right;
    color: #FFFFFF;
    
    font-size: 0.85em;
    cursor: pointer;
    margin-left: 10px;
    padding: 5px;
}

#Focus #spanFocusUser {
    font-weight: bold;
    font-size: 1em;
    line-height: 1em;

    display: block;
}

#Focus #spanFocusYear,
#Focus #spanFocusOrgName {
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.5em;
}

#Focus .focusImpersonation {
    background-color: white;
    color: red;
    padding: 2px;
    border-radius: 5px;
}

#FocusHistory {
    position: absolute;
    z-index: 2;
    display: inline-block;
    right: 0;
    bottom: 0;

    transition: opacity linear .2s;
}

#FocusHistory .focus-dropdown {
    position: absolute;
    top: 100%;
    right: 2px;
    padding: 5px 15px;
    border: 1px solid var(--st-color-border);
    border-radius: 5px;
    background-color: var(--st-color-dropdown-bg);
    color: var(--st-color-dropdown-fg);
    min-width: 400px;
}

#Focus:not(:hover) #FocusHistory {
    opacity: 0;
}

#FocusHistory .focus-dropdown li:not(:last-child) {
    border-bottom: 1px solid var(--st-color-border);
}

#FocusHistory .focus-dropdown li:hover,
#FocusHistory .focus-dropdown li:hover > a {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

#FocusHistory .focus-dropdown ul {
    margin: 0;
}

#FocusHistory .focus-dropdown li {
    text-align: left;
    margin: 5px 0;
    transition: transform linear .15s;
}

#FocusHistory .focus-dropdown li > a {
    text-decoration: none;
    background-color: var(--st-color-dropdown-bg);
    color: var(--st-color-dropdown-fg);
    border-color: var(--st-color-border);
}

#FocusHistory .focus-dropdown li > a > b {
    font-size: 1.4em;
}

#PageHeader {
	flex: 0 0 auto;
	position: relative;
	z-index: 500;
}

#PageHeader.Minimal .nav a {
    color: #fff !important;
}

#PageHeader.Minimal #OrgLogo {
    display: none;
    visibility: hidden;
}

#PageHeader.Minimal {
    display: table;
    width: 100%;
}

#PageHeader.Minimal #TitleBar {
    background-color: var(--st-heading-blue-bg);
    color: var(--st-heading-blue-fg);
}

#PageHeader.Minimal #TitleBar > #SynergyLogo,
#PageHeader.Minimal #MenuBar,
#PageHeader.Minimal #Focus {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    float: none;
}

#PageHeader.Minimal #MenuBar {
    background-color: transparent;
    background: none;
    border-bottom: 0px;
    box-shadow: none;
}

#PageHeader.Minimal #MenuBar #UserLinks a,
#PageHeader.Minimal #MenuBar #divUserPreferences > .btn,
#PageHeader.Minimal #MenuBar .Group > div > ul > li:not(.open):not(:hover) > a {
    color: #ffffff;
}

#PageHeader.Minimal #MenuBar .Group > div > ul > li:hover > a,
#PageHeader.Minimal #MenuBar #UserLinks a:hover {
	color: #555555;
}

#PageHeader.Minimal #MenuBar #UserLinks .dropdown-menu a {
	color: #555555;
}

#PageHeader.Minimal #MenuBar #UserLinks .dropdown:not(:hover):not(.open) .btn {
	color: #ffffff;
}

#PageHeader.Minimal #Focus {
    white-space: nowrap;
}

#PageHeader.Minimal #SessionGroup {
    border-right: 1px solid white;
}

#PageContent {
    clear: both;
	position: relative;
}

.report-editor > #PageContent {
    padding: 0 !important;
}

.report-editor > #PageContent .REV_HEAD {
    display: none !important;
}

body.CompactView {
    line-height: normal;
}

#PrimaryView > .REV_HEAD > .REV_HEAD_CONTENT {
    position: relative;
}

html.within-iframe {
    height: auto;
}

html:not(.within-iframe) body:not(.REV_DIALOG) #PrimaryView > .REV_BODY > .tab-content > .tab-pane.active > :last-child:not(.REV_VIEW_REF) {
    margin-bottom: 200px;
}

#PrimaryView.VM_JobQueueExecute > .REV_BODY {
    padding-bottom: 20px;
}

#TitleBar > .dropdown {
    cursor: default;
    display: inline-block;
    position: absolute;
    overflow: hidden;
    top: 100%;
    right: 0;
    width: auto;
    height: auto;
    opacity: 1;
    color: var(--st-color-dropdown-fg);
    background-color: var(--st-color-dropdown-bg);
    border: 1px solid var(--st-color-border);
    border-radius: 0.5em;
    z-index: 1000;
    padding: 5px 10px;
    margin: 0 5px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    text-align: left;
}

#TitleBar > .dropdown > div {
    display: block;
    white-space: nowrap;
}

#TitleBar > .dropdown > .title {
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
}

#TitleBar > .dropdown > .controls {
    text-align: center;
}

#TitleBar > .dropdown th,
#TitleBar > .dropdown td {
    padding: 3px 5px;
}

#TitleBar > .dropdown th {
  padding-top: 8px;
  text-align: right;
  vertical-align: top;
}

#TitleBar {
    position: relative;
    display: block;
    text-align: center;
    height: auto;

    background-color: var(--st-heading-blue-bg);
    color: var(--st-heading-blue-fg);
}

#SynergyLogo {
    display:inline-block;
    position:absolute;
    left: 0;
    top: 0;

    cursor: pointer;
    margin-right: 15px;
}

#OrgLogo {
    position:relative;
    display:inline-block;
    overflow: visible;
    height: 50px;
    width: auto;
}

#OrgLogo > img {
    position: relative;
    display: inline-block;
    max-height: 50px;
    width: auto;
}

#divUserPreferences {
    color: var(--st-color-fg);
    display:table-cell;
    position:relative;
}

#divUserPreferences h4 {
    white-space: nowrap;
}

#divUserPreferences .dropdown-menu li,
#divUserPreferences .dropdown-menu a {
    color: var(--st-color-dropdown-fg);
}

#divUserPreferences .st-dropdown .st-widget-input {
    white-space: nowrap;
}

#MenuBar label {
    padding-left: 15px;
}

#MenuBar #NavigationOptions {
    padding: 15px;
}

#MenuBar #NavigationOptions label {
    padding-left: 25px;
}

#MenuBar #NavigationOptions h4 {
    white-space: nowrap;
}

#MenuBar .radio-list-option {
    padding: 15px;
}

#MenuBar .radio-list-option label {
	padding-left: 25px;
	white-space: nowrap;
}

#MenuBar #ConfigMenu {
	min-width: 200px;
	white-space: nowrap;
}

#MenuBar #ConfigMenu ul {
    list-style-type: none;
}

#MenuBar #ConfigMenu li {
    padding: 2px 5px;
}

#MenuBar #ConfigMenu.reveal {
    display: block;
}

#MenuBar #ConfigMenu label {
    font-weight: normal;
}

#MenuBar #ConfigMenu label.checked {
    font-weight: bold;
}

#MenuBar h4 {
    margin-top: 0px;
    padding-left: 10px;
    font-weight: 600;
}

#MenuBar .desc {
    font-size: 14px;
	vertical-align: middle;
	margin-left: 5px;
}

#MenuBar .dropdown-options h4,
#MenuBar #DropdownOptions h4 {
    margin-top: 15px;
}

#MenuBar .dropdown-options > div,
#MenuBar #DropdownOptions > div {
    padding: 0 15px;
}

#MenuBar .dropdown-options > div > div,
#MenuBar #DropdownOptions > div > div {
    padding: 0 25px;
}

#MenuBar .dropdown-options .st-dropdown,
#MenuBar #DropdownOptions .st-dropdown {
    width: 100%;
}

.custom-checkbox-item {
    -moz-user-select: none;
    cursor: pointer;
    display: block;
}

.custom-checkbox-item + .custom-checkbox-item {
    border-top: 1px solid #f0f2f3;
}

label.custom-checkbox-item:not(.checked) {
	font-weight: normal;
}

#NavigationOptions > .control-label:hover,
#MenuBar .dropdown-menu.list-group li:hover,
.custom-checkbox-item:hover,
.custom-checkbox-item .custom-checkbox:hover,
.custom-checkbox-item .custom-checkbox-mark:hover,
.custom-checkbox-item .desc:hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

body.LucidInterface #SessionGroup:not(.show-all) .nav > li:not(.show-always),
body.LucidInterface #LaunchGroup:not(.show-all) .nav > li:not(.has-notifications):not(.show-entity-reminders):not(.show-always) {
    display: none;
}

body:not(.LucidInterface) #SessionGroup [data-action="ShowSessionGroup"],
body:not(.LucidInterface) #LaunchGroup [data-action="ShowLaunchGroup"] {
    display: none;
}

.custom-checkbox {
    display: none;
}

.custom-checkbox-mark {
    border: 1px solid #d1d4d7;
    border-radius: 2px;
    display: inline-block;
    height: 20px;
    margin-right: 4px;
    position: relative;
    vertical-align: middle;
    width: 20px;
}

.custom-checkbox-mark:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: var(--st-color-checkmark);
    border-image: none;
    border-style: solid;
    border-width: 0 0 3px 3px;
    content: "";
    display: none;
    height: 7px;
    left: 50%;
    margin: -5px 0 0 -6px;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    width: 12px;
}

.custom-checkbox-desc {
    font-weight: 400;
}

.custom-checkbox:checked ~ .custom-checkbox-mark {
    border: 1px solid var(--st-color-checkmark);
}

.custom-checkbox:checked ~ .custom-checkbox-mark:before {
    display: block;
}

#UserLinks > li:last-child {
    padding-right: 0px;
}

#MenuBar li,
#MenuBar a {
    text-decoration: none;
    
    color: var(--st-main-nav-panel-fg);
    font-size: 12px;
    line-height: 12px;
}

body:not([data-theme="1"]):not([data-theme="3"]) #MenuBar li,
body:not([data-theme="1"]):not([data-theme="3"]) #MenuBar a {
    color: #333;
}

#MenuBar .nav > li > a {
  margin: 4px 2px;
  padding: 4px;
}

#MenuBar {
    position: relative;
    display: block;
    clear: both;
    background: var(--st-main-nav-panel-bg);
    background-color: var(--st-main-nav-panel-bg);
    color: var(--st-main-nav-panel-fg);
    border-bottom: 1px solid var(--st-color-border);
}

body:not([data-theme="1"]):not([data-theme="3"]) #MenuBar {
    background-color: var(--st-heading-tools-bg);
    color: var(--st-heading-tools-fg);
    box-shadow: 0 2px 5px rgba(150, 150, 150, 0.6);
    border-bottom: 1px solid #777;
}

#MenuBar {
    text-align: left;
    display: table;
    width: 100%;
}

#MenuBar .btn-header {
    color: #555;
}

#PageHeader.Minimal #MenuBar .btn-header {
    color: #fff;
}

#MenuBar .btn[disabled] {
    color: #888888;
}

#MenuBar .Group a:focus {
    outline: 0;
}

#divUserPreferences > .btn-default {
    background-color: transparent;
    border-color: transparent;
}

.hc-color-picker {
    margin-top: 5px;
}

.hc-color-picker .CurrentYearNotice {
    display: block;
    background-color: var(--st-style-highlight-bg);
    color: var(--st-style-highlight-fg);
    border-radius: 5px;
    white-space: normal;
    padding: 2px;
}

.hc-color-picker:after {
    content: "";
    display: table;
    clear: both;
}

.hc-color-picker > div {
    display: table;
    float: right;
}

.hc-color-picker > div > span {
    display: table-cell;
    vertical-align: middle;
    padding: 2px 5px;
}

.hc-color-picker .color-picker {
    position: relative;
    display: inline-block;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    border-radius: 5px;
    height: 16px;
    width: 16px;
    border: 3px double black;
}

.color-picker > .iris-picker {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 100;
}

.cfg-color-picker {
    margin-left: 50px;
}

.cfg-color-picker .input-group-addon {
    cursor: pointer;
}

.cfg-color-picker .st-dropdown {
    width: 100%;
}

#MenuBar #ConfigMenu .cfg-color-picker .control-label {
    padding-left: 0;
    font-weight: bold;
}

.REV_ACTION_AREA .REV_BUTTON.form-group, .REV_ACTION_AREA .REV_BUTTON > .input-group {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    float: none;
}

.REV_ACTION_AREA .REV_BUTTON.form-group {
    padding-top: 0px;
    padding-bottom: 1px;
}

.REV_ACTION_AREA .form-group.REV_BUTTON,
.REV_ACTION_AREA .btn-group.REV_ACTION_BUTTON {
    padding: 1px 3px;
}

.REV_ACTION_AREA .btn.btn-success + .btn-group-addon {
	border-left-color: rgb(187, 187, 187);
}

.REV_ACTION_AREA .btn > .slide-on-hover {
	overflow: hidden;
	position: absolute;
	display: inline-block;
	max-width: 0;
	top: -1px;
	bottom: -1px;
	border-left-width: 0;
	background-color: inherit;
	padding: 5px 12px;
	border-radius: 0 5px 5px 0;
	border-color: inherit;
}

.REV_ACTION_AREA .btn:not(:hover) > .slide-on-hover {
	padding-left: 0;
	padding-right: 0;
	border-width: 0;
}

.REV_ACTION_AREA .btn:hover > .slide-on-hover {
	max-width: 250px;

	transition: max-width linear 0.5s 0.25s,
		padding-left linear 0.5s 0.25s,
		padding-right linear 0.5s 0.25s,
		border-width linear 0.5s 0.25s;
}

.REV_ACTION_AREA .REV_IMAGE_BUTTON .btn:not(.btn-xs) {
    padding: 4px 5px;
}

.REV_ACTION_AREA .REV_BUTTON .btn:not(.btn-xs) {
    margin: 0px 2px 0px 2px;
    padding: 3px 10px;
}

.REV_ACTION_AREA .btn:not(.btn-xs) {
    padding: 3px 10px;
}

.REV_ACTION_AREA .input-group,
.REV_ACTION_AREA .btn-group {
    float: none;
}

.REV_ACTION_AREA .btn-group-add .btn[data-action="GuidedTemplates.ToggleTemplateDropdown"] {
    padding: 3px 6px;
    border-left-color: #bbb;
}

.REV_ACTION_AREA .btn .glyphicon-plus {
    padding-bottom: 1px;
    padding-left: 0;
    margin-top: -1px;
}

.REV_ACTION_AREA .btn .glyphicon,
.REV_ACTION_AREA .btn .fa {
    position: relative;
    top: auto;
    vertical-align: middle;
    line-height: inherit;
}

.btn.icon-btn > span,
.REV_ACTION_AREA .REV_ACTION_BUTTON .btn > span {
    vertical-align: middle;
}

.REV_ACTION_AREA .REV_CRUD_GRAPH_LIST.btn-group {
    display: none;
    margin-top: -2px;
}

.AddMode .REV_ACTION_AREA .REV_MENU,
.AddMode #REV_FILTERS {
    display: none;
}

#FocusDialog.dropdown {
    overflow: visible;
}

#FocusDialog .controls > .REV_MENU {
    float: left;
}

/*
    Attached Dropdowns
*/
.REV_CHECK_BOX .layout-table > .layout-column {
    vertical-align: middle;
}
.REV_CHECK_BOX .layout-table input[type="checkbox"] {
    margin-top: 4px;
}
.st-attached-dropdown {
    border: 1px solid transparent;
    border-radius: 2px;
    vertical-align: middle;
}

.REV_GRID_CONTROL:hover .st-attached-dropdown {
    border-color: var(--st-color-border);
    background-color: #eee;
}

.st-attached-dropdown.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.REV_GRID_CONTROL .dropdown-menu {
    min-width: 0;
    max-height: 400px;
    overflow: auto;
}

body.DesignConfig #WindowInfo {
    background: var(--dc-base-heading-bg);
    color: var(--dc-base-heading-fg);
    font-size: large;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 2px;
}

body.DesignConfig #PrimaryView .Title {
    visibility: hidden;
    display: none;
}

body.DesignConfig #PageContent {
    padding: 0;
}

#WindowInfo {
    position: relative;

    background-color: var(--st-heading-blue-bg);
    color: var(--st-heading-blue-fg);
}

.report-editor #WindowInfo {
    font-size: 16px;
    background: none #337ab7 !important;
}

.report-editor #wiFocusInfo, .report-editor #wiFocusUser {
    font-size: 15px;
    padding-top: 1px;
}

#WindowInfo #SynergyLogo {
    position: relative;
    float: left;
    margin-right: 5px;
    margin-top: 1px;
    height: 20px;
}

#WindowInfo > div > div:not(#RemindersIcon) .btn-link {
    color: #eeeeff;
}

#WindowInfo #wiFocusOrgName,
#WindowInfo #wiShowParameters,
#WindowInfo #wiFocusYear {
    position: relative;
}

#WindowInfo #wiFocusOrgName > span:first-child {
    padding: 0px 5px;
}

#WindowInfo #wiFocusYear > .dropdown-menu,
#WindowInfo #wiShowParameters > .dropdown-menu,
#WindowInfo #wiFocusOrgName > .dropdown-menu {
    display: inline-block;
    min-height: 32px;
    overflow: auto;
    margin-top: 5px;
}

#WindowInfo #wiShowParameters > .fa-caret-down,
#WindowInfo #wiFocusYear > .fa-caret-down {
    max-width: 30px;
    opacity: 1;
    margin-left: 5px;
    transition: max-width linear .3s .5s, opacity linear .3s .5s, margin-left linear .3s .5s;
}

#WindowInfo #wiShowParameters:not(:hover) > .fa-caret-down,
#WindowInfo #wiFocusYear:not(:hover) > .fa-caret-down {
    max-width: 0;
    opacity: 0;
    margin-left: 0;
}

#WindowInfo #wiFocusUser {
    position: relative;
    display: inline-block;
}

.scrollable {
	overflow: auto;
}

.no-overflow {
	overflow: hidden;
}

#PageHeader.Minimal #MenuBar .st-config-search-icon {
	color: #fff;
}

#MenuBar .st-config-search-icon {
	margin: 4px 2px;
	padding: 4px;
	font-size: 16px;
	position: relative;
}

#MenuBar .st-config-search-icon .fa-search {
	position: absolute;
	right: -5px;
	bottom: 1px;
	font-size: 16px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

#ScrollToTopWidget {
	z-index: 100;
	position: absolute;
	right: 25px;
	bottom: 5px;
	opacity: 0;

	transition: opacity linear 0.5s 0.5s;
}

body[data-pass-thru-label*="Assessment"] #ScrollToTopWidget{
    display: none;
}

#ScrollToTopWidget .fa {
    font-size: 18px;
}

#ScrollToTopWidget .btn-link {
    background-color: var(--st-color-bg);
    border-radius: 5px;
}

.alert-info > .fa-info {
    margin-right: 10px;
    display: inline-block;
    font-size: 20px;
    border-radius: 20px;
    padding: 2px;
    background-color: var(--st-alert-info-fg);
    color: var(--st-alert-info-fg);
    border-color: var(--st-alert-info-border);
    width: 24px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
}

.alert-success > .fa-info {
    margin-right: 10px;
    display: inline-block;
    font-size: 20px;
    border-radius: 20px;
    padding: 2px;
    background-color: var(--st-btn-success-bg);
    color: var(--st-btn-success-fg);
    width: 24px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
}

.alert-warning > .fa-exclamation-triangle,
.alert-danger > .fa-exclamation-triangle {
	margin-right: 10px;
	display: inline-block;
	font-size: 20px;
	border-radius: 20px;
	padding: 2px;
	width: 24px;
	height: 24px;
	text-align: center;
	vertical-align: middle;
}

.st-focus-change .list-group > li {
    background-color: transparent;
    border-radius: 32px 0 0 32px;
    padding: 0;
    margin-bottom: 5px;
}

.st-focus-change .list-group > li > a {
    text-decoration: none;
}

.st-focus-change .list-group > li,
.st-focus-change .list-group > li > * {
    background-color: transparent;
}

.st-focus-change .list-group > li > * {
    color: var(--st-color-modal-fg);
    padding: 5px;
}

.st-focus-change .list-group > li > img {
    border-radius: 32px;
}

.st-focus-change .list-group > li:hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.st-focus-change .list-group > li:hover > img {
    background-color: #eee;
}

#ShareLinkIcon ul {
    text-decoration: none;
    color: var(--st-color-dim-fg);
    font-size: 12px;
    line-height: 12px;
    text-align: left;
}

#ShareLinkIcon:hover > * {
    opacity: 1 !important;
    color: var(--st-color-dim-fg);
    background-color: #f0ad4e;
    border-radius: 5px;
}

body.hide-modals .modal-backdrop,
body.hide-modals .st-modal {
    display: none !important;
}

.st-transport-engage {
    position: absolute;
    z-index: 10000;
    background-color: black;
    transition: opacity 1s 6s, background-color .25s 5s;
    opacity: 1
}

.st-transport-engage > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    transition: opacity .25s;
    opacity: 1
}

@keyframes stEngageFadeOut {
    from {
        opacity: 1;
        background-color: black;
    }

    70% {
        opacity: 1;
        background-color: black;
    }

    90% {
        opacity: 1;
        background-color: white;
    }

    to {
        opacity: 0;
        background-color: white;
    }
}

.st-transport-engage img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.st-transport-engage.fade {
    pointer-events: none;
    
    animation-iteration-count: 1;
    animation: stEngageFadeOut 6s linear;
    animation-fill-mode: forwards;
}

.st-transport-engage.fade > .starfield {
    opacity: 0;
}

.st-transport-logo {
    --st-transport-logo-size: 800px;
    display: inline-block;
    overflow: hidden;
    -webkit-mask-image: url(../Images/ST/synergy_logo_mask.png);
    mask-image: url(../Images/ST/synergy_logo_mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--st-transport-logo-size) var(--st-transport-logo-size);
    mask-size: var(--st-transport-logo-size) var(--st-transport-logo-size);
    position: fixed;
    z-index: 10000;
    width: var(--st-transport-logo-size);
    height: var(--st-transport-logo-size);
    background-color: transparent;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity ease-in-out .5s;
    opacity: 1;
}

.st-transport-synergy-logo {
    --st-transport-logo-size: 800px;
    position: fixed;
    display: inline-block;
    z-index: 10000;
    width: var(--st-transport-logo-size);
    height: var(--st-transport-logo-size);
    background-color: transparent;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity ease-in-out .5s;
    opacity: 1;
}

.st-transport-synergy-logo > img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.st-transport-synergy-logo.fade,
.st-transport-logo.fade {
    opacity: 0;
    pointer-events: none;
}

.st-transport-logo > div {
    -webkit-mask-image: url(../Images/ST/noise_texture.png);
    mask-image: url(../Images/ST/noise_texture.png);
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 200%;
    background-color: #0cfbfb;
    -webkit-mask-size: var(--mask-size, 100%);
    mask-size: var(--mask-size, 100%);
    mask-origin: var(--mask-origin, 0px 0px);
    -webkit-mask-origin: var(--mask-origin, 0px 0px);
    mask-position: var(--mask-position, 0px 0px);
    -webkit-mask-position: var(--mask-position, 0px 0px);
    animation: 6s infinite linear noise_rise;
    animation-duration: var(--animation-duration, 3s);
    animation-delay: var(--animation-delay, 0s);
}

@keyframes noise_rise {
    from {
        top: 0;
    }

    20% {
        opacity: .5;
    }

    40% {
        opacity: .8;
    }

    60% {
        opacity: .6;
    }

    80% {
        opacity: .9;
    }

    to {
        top: -100%;
    }
}

body[data-theme]:not([data-theme="4"]) .panel-default > .panel-heading,
body[data-theme]:not([data-theme="4"]) .panel-default > .panel-footer {
    color: var(--st-color-panel-fg) !important;
    background-color: var(--st-color-panel-bg) !important;
    border-bottom: 1px solid rgba(128,128,128,0.15);
}
.TitleBar #miComm {
    color: #222222;
}

#miComm > .popout {
    display: none;
    visibility: hidden;
}

#miComm.open > .popout {
    display: inline-block;
    visibility: visible;
    padding: 10px;
    white-space: nowrap;
    border: 1px solid #888888;
    background-color: var(--st-color-dropdown-bg);
    color: var(--st-color-dropdown-fg);
    position:absolute;
    left: 0;
    top: 100%;
    min-height: 32px;
    border-radius: 0 5px 5px 5px;
}

#miComm.open > .popout > .content {
    background-color: var(--st-color-dropdown-bg);
    color: var(--st-color-dropdown-fg);
    position: absolute;
    left: -1px;
    bottom: 100%;
    width: 32px;
    height: 32px;
    border-radius: 5px 5px 0 0;
    border: 1px solid #888888;
    border-bottom: 0 none;
}

#miComm .qna-tab-list a,
.qna-tab-list a {
    white-space: nowrap;
    font-weight: bold;
    background-color: #888888;
    color: #eeeeee;
    padding: 3px 6px;
    border-radius: 0;
}

#miComm .qna-tab-list li.active a,
.qna-tab-list li.active a {
    background-color: #eeaa00;
    color: #eeeeee;
    font-weight: bold;
}

#miComm .qna-tab-list li:hover a,
.qna-tab-list li:hover a {
    background-color: #ffbb00;
    color: #eeeeee;
    font-weight: bold;
}

.st-autocomplete .btn.btn-more {
    display: block;
    width: 100%;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    border-color: var(--st-color-border);
}

.st-autocomplete .btn.btn-more:active {
    background-image: none;
}

.st-autocomplete .btn.btn-more:hover,
.st-autocomplete .btn.btn-more:focus,
.st-autocomplete .btn.btn-more:active,
.st-autocomplete .btn.btn-more.active {
    background-color: #ebebeb;
    border-color: #adadad;
    color: #333;
}

.st-cloud-registration-modal {
    text-align: center;
    max-width: 600px;
    padding: 5px 10px;
}

.st-roles-autocomplete,
.st-roles-autocomplete .roles-container {
    position: relative;
    text-align: left;
}

.st-roles-autocomplete .st-autocomplete,
.st-roles-autocomplete.st-autocomplete {
    position: absolute;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    padding: 5px 10px;
    border: 1px solid var(--st-color-border);
    border-radius: 5px;
    text-align: left;
    max-height: 250px;
    top: 100%;
    overflow: auto !important;
    height: auto;
    min-width: 750px;
}

.st-roles-autocomplete .st-autocomplete table td,
.st-roles-autocomplete.st-autocomplete table td {
    vertical-align: top;
}

.st-roles-autocomplete .st-autocomplete-item {
    display: block;
    padding: 1px 3px;
    border-radius: 3px;
}

.st-roles-autocomplete .st-autocomplete-item:hover {
    background-color: var(--orange-highlight);
    color: #ffffff;
}

.st-roles-autocomplete .st-autocomplete-item.active {
    background-color: var(--orange-highlight);
    color: #ffffff;
}

.st-roles-autocomplete .st-widget-input .role-tag,
.st-cloud-registration-modal .st-widget-input .role-tag {
    cursor: pointer;
    display: inline-block;
    margin: 2px 3px;
    padding: 2px 5px;
    border-radius: 3px;

    font-weight: bold;
    color: #444444;
    border: 1px solid #2397ca;
    background-color: #d5f1fe;
}

.touch .st-roles-autocomplete .form-control.st-widget-input:not(:empty),
.no-touch .st-roles-autocomplete .form-control.st-widget-input:not(:empty),
.touch .st-cloud-registration-modal .form-control.st-widget-input:not(:empty),
.no-touch .st-cloud-registration-modal .form-control.st-widget-input:not(:empty) {
    height: auto;
}

.st-roles-autocomplete .st-widget-input .role-tag:after,
.st-cloud-registration-modal .st-widget-input .role-tag:after {
    content: '\f00d';
    color: #888888;
    padding-left: 3px;
    display: inline-block;
    font-family: var(--fa-style-family,"Font Awesome 6 Pro");
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

.st-cloud-registration-modal .roles-container.error .form-control {
    border: 1px solid red;
}

.st-cloud-registration-modal .roles-container.error-mandatory .form-control:not(:focus) {
    background-color: var(--st-alert-error-bg);
    color: var(--st-alert-error-fg);
}

.st-cloud-registration-modal .roles-container.error-mandatory > .error-mandatory-msg {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    background-color: var(--st-alert-error-bg);
    color: var(--st-alert-error-fg);
    border: 2px solid var(--st-alert-error-border);
    border-radius: 5px;
    padding: 2px 5px;
}

.st-cloud-registration-modal .roles-container:not(.error-mandatory) > .error-mandatory-msg {
    display: none;
    visibility: hidden;
}

.st-cloud-registration-modal > p {
    margin: 20px 5px;
    text-align: left;
}

.ST_CLOUD_GRID table {
}

.ST_CLOUD_GRID table > tbody {
}

.ST_CLOUD_GRID .scrolling-table-container {
    position: relative;
}

.ST_CLOUD_GRID .scrolling-table-container > .scrolling-table-header {
    overflow: hidden;
}

.ST_CLOUD_GRID .scrolling-table-container > .scrolling-table-header > .table {
    margin-bottom: 0;
}

.ST_CLOUD_GRID .scrolling-table-container > .scrolling-table-header > .table th:last-child {
}

.ST_CLOUD_GRID .scrolling-table-container > .scrolling-table-content {
    overflow: auto;
}

.ST_CLOUD_GRID:not(.loading) table > tfoot {
    display: none;
    visibility: hidden;
}

.ST_CLOUD_GRID .table tr.active > td,
.ST_CLOUD_GRID .table tr.active > td,
.ST_CLOUD_GRID .table tr.active > td,
.ST_CLOUD_GRID .table tr.active > th,
.ST_CLOUD_GRID .table tr.active > th,
.ST_CLOUD_GRID .table tr.active > th {
    background-color: #cceeff !important;
}

.st-rating-modal {
    padding: 2px 15px;
}

.st-rating-modal .my-ratings .rating-control .fa.star,
.st-rating-modal .community-rating .rating-control .fa.star
{
    font-size: 30px;
}

.fa.star {
    padding: 0px;
}

.st-rating-levels .rating-level {
    display: table-row;
}

.st-rating-levels .rating-level > div {
    display: table-cell;
    vertical-align:middle;
}

.rating-level .progress-bar {
    position: relative;

    width:200px;
    height:15px;
    border-color:gray;
    background-color:#f3f3f3;
    border-radius:2px;
    border-style:solid;
    border-width:1px;
}

.rating-level .progress-indicator {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #ffa700;
    display: inline-block;
}

.my-ratings .comment-title {
    display: inline;
}

.community-ratings .comment .user-info {
    font-size: 12px;
    color: gray;
}

.comment-list {
    border-top: 1px solid #dddddd;
}

.comment-list .comment {
    position: relative;
    border-top: 1px solid #eeeeee;
}

.comment-list .rating-control-message {
    display: none;
    visibility: hidden;
}

.comments {
    clear: both;
}

.comment.active > .comment-body,
.comment.editing > .comment-body,
.comment:not(.active):not(.editing) .comment-add,
.comments.active > [data-action="Question.ShowAddComment"],
.comments:not(.active) > .comment-add {
    display: none;
    visibility: hidden;
}

.comments .comment .author {
}

.comments .comment .timestamp {
    color: #aaaaaa;
}

.rating-level {
    height: 15px;
    line-height: normal;
}

.st-rating-modal .st-rating-levels .rating-level[data-action]:not(.selected):hover,
.st-rating-modal .st-rating-levels .see-all-reviews:hover {
    background-color: #EFE4AB;
}

.rating-control.showRatingModal:hover {
    background-color: #faf4d5;
}

.FindMode .REV_RATING_CONTROL,
.FindMode .REV_RATING_CONTROL.form-group {
    display: none;
    visibility: hidden;
}

.st-rating-modal.ReadOnly .my-ratings,
.st-rating-modal.ReadOnly hr {
    display: none;
    visibility: hidden;
}

.rating-popover {
    z-index: 2000; 
	position: absolute;
    display: inline-block;
    background-color: white; 
    padding: 10px;
    border-radius:5px;
    border-style:solid;
    border-width:1px;
	color: #555;
}

.rating-popover .rating-total {
    font-weight: bold;
}

.rating-level.selected {
    background-color: #A6DCA6;
}
/* STX_InlineList.css */

.REV_INLINE_LIST .form-control {
    display: inline-block;
    white-space: normal;
}

.REV_INLINE_LIST .item-list {
    float: left;
}

.REV_INLINE_LIST .item-list > ul {
    display: table;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.REV_INLINE_LIST .item-list > ul > li {
    display: table-cell;
}

.REV_INLINE_LIST .item-list > ul > li.divider {
    display: table-row;
}

.REV_INLINE_LIST .item-list .item {
    background-color: var(--st-color-hover-bg);
    border: 1px dotted var(--st-color-border);
    border-radius: 5px;
    cursor: pointer;
    display: block;
    margin: 1px 2px;
    padding: 1px 1em 1px 1px;
    position: relative;
    white-space: nowrap;
}

.REV_INLINE_LIST .item-list .item:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.REV_INLINE_LIST .item-list .item.blank-value .item-label {
    color: var(--st-color-hover-fg);
    font-style: italic;
}

.REV_INLINE_LIST .input-group-addon {
    cursor: pointer;
}

.REV_INLINE_LIST .dropdown-menu .input-group-addon {
	width: 1px !important;
}

.REV_VIEW:not(.FindMode) .REV_INLINE_LIST.ReadOnly .item-list .item,
.REV_VIEW:not(.FindMode) .REV_INLINE_LIST.ReadOnly {
    cursor: not-allowed;
}

.REV_VIEW:not(.FindMode) .REV_INLINE_LIST:not(.ReadOnly) .item-list .item::after {
    color: #888888;
    content: "x";
    display: inline-block;
    margin-left: auto;
    padding: 0 2px;
    position: absolute;
    right: 1px;
}

.REV_VIEW:not(.FindMode) .REV_INLINE_LIST.REV_CONTROL.ReadOnly .input-group.static {
    display: table;
    visibility: visible;
}

.REV_VIEW:not(.FindMode) .REV_INLINE_LIST.REV_CONTROL.ReadOnly .input-group:not(.static) {
    display: none;
    visibility: hidden;
}

.REV_INLINE_LIST:not(.ReadOnly) .item-list .item:hover:after {
    color: var(--st-color-link-fg);
    background-color: var(--st-color-link-bg);
}

.REV_INLINE_LIST .dropdown.open .dropdown-menu {
    position: fixed;
    z-index: 50000;
    max-height: 200px;
    overflow: auto;
    display: block;
    padding: 5px;
}

.REV_INLINE_LIST .dropdown-menu > ul {
    display: table;
    border-spacing: 1px 0px;
	padding: 0px;
}

.REV_INLINE_LIST .dropdown-menu > ul > li {
    display: table-cell;
}

.REV_INLINE_LIST .dropdown-menu > ul > li > a {
    border-radius: 5px;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: var(--st-color-dropdown-fg);
    background-color: var(--st-color-dropdown-bg);
    white-space: pre-wrap;
    text-decoration: none;
}

.REV_INLINE_LIST .dropdown-menu > ul > li.blank-value > a {
    font-style: italic;
    color: var(--st-color-dim-fg);
}

.REV_INLINE_LIST dropdown-menu > ul > li > a:hover,
.REV_INLINE_LIST dropdown-menu > ul > li > a:focus {
    color: var(--st-color-hover-fg);
    background-color: var(--st-color-hover-bg);
}

.REV_INLINE_LIST .dropdown-menu > ul > li.selected > a {
    color: #333;
    background-color: var(--orange-highlight);
}


.REV_INLINE_LIST .dropdown-menu > ul > li.blank-value.selected > a {
    color: #555;
}

.REV_INLINE_LIST .dropdown-menu > ul > li:not(.selected).active > a,
.REV_INLINE_LIST .dropdown-menu > ul > li:not(.selected):hover > a {
    color: var(--orange-highlight);
}

.REV_INLINE_LIST .dropdown-menu > ul > li.selected.active > a,
.REV_INLINE_LIST .dropdown-menu > ul > li.selected:hover > a {
    color: #fff;
    background-color: var(--orange-highlight);
}

.REV_INLINE_LIST .dropdown-menu > ul > li.divider {
    display: table-row;
}

.REV_INLINE_LIST.error-mandatory .value {
    background-color: var(--st-color-input-mandatory-bg);
}
/* STX_JumpList.css */

#JumpList {
    display: inline-block;
    position: fixed;
    top: 0;
    width: 300px;
    left: -300px;
    z-index: 10001;
    padding: 0;

    transition: left linear .5s;
}

#JumpList.open {
    left: 0;
}

#JumpList > li {
    position: relative;
    display: block;
}

#JumpList > li > a {
    position: relative;
    display: inline-block;
    background-color: #eeeeee;
    border-radius: 5px;
    left: 0;
    margin: 4px 20px;
    padding: 5px 20px;
    transition: left 0.25s linear 0s;
}

#JumpList:not(.open) > li > a:focus {
    position: absolute;
    left: 100%;
}

#JumpList > li > a > .shortcut {
    background-color: #4083c4;
    border: 1px solid #888888;
    border-radius: 1em;
    color: #eeeeee;
    display: inline-block;
    font-weight: bold;
    height: 2em;
    left: -1em;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 2em;
}
.feedback-tab {
    display: inline-block;
    position: fixed;
    top: 50%;
    opacity: 0.5;
    z-index: 2001;
    padding: 2px;
    border-radius: 5px 0 0 5px;
    background-color: #22cc22;
    color: #ffffff;
    -webkit-filter: blur(0);
    filter: blur(0);
    right: -20px;

    transition: left ease-in-out .5s, right ease-in-out .5s, opacity 500ms, transform 500ms;
}

.feedback-tab:hover {
    opacity: 1;
}

body .feedback-tab:not(:hover) {
    transition-delay: 3s;
}

body:not(.ChildView) .feedback-tab.fade,
.feedback-tab:hover {
    right: 0;
}

.feedback-message {
    font-style: italic;
    display: inline-block;
    padding: 15px;
}

.feedback-screenshot .WaitOverlay {
	position: relative;
}

.feedback-screenshot {
    position: relative;
    border: 1px solid var(--st-color-border);
    border-radius: 5px;
    min-height: 200px;
    text-align: center;
}

.feedback-screenshot .selection-rect {
	position: absolute;
	pointer-events: none;
	z-index: 1;
}

.feedback-screenshot .selection-rect[data-mode="Crop"] {
    background-color: #888;
    border-style: dotted;
    border: 2px solid var(--st-color-border);
    opacity: 0.5;
}

.feedback-screenshot .selection-rect[data-mode="Blackout"] {
	background-color: black;
	opacity: 0.9;
	z-index: 2;
}

.feedback-screenshot .selection-rect[data-mode="Highlight"] {
	background-color: yellow;
	opacity: 0.25;
}

.feedback-screenshot .selection-rect[data-mode="Outline"] {
    border: 2px solid red;
}

.feedback-screenshot .selection-rect[data-mode="Text"] {
    border: 1px solid red;
    color: red;
    font: bold 25px arial;
    background-color: rgba(255, 255, 255, 0.75);
}

.feedback-screenshot-container.fullscreen .feedback-screenshot .selection-rect[data-mode="Outline"] {
    border: 4px solid red;
}

.feedback-screenshot > canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.feedback-screenshot-container.fullscreen {
    position: fixed;
    z-index: 10000;
    width: auto;
    top: 0;
    margin: 40px 0;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    max-height: 90%;
    left: 40px;
    right: 40px;
    padding: 5px;
    border-radius: 5px;
    overflow: auto;
}

body:not(.modal-open):not(.Overlayed) #Feedback[data-location] {
	z-index: 10001;
}

#Feedback[data-location="3"] {
    transform-origin: bottom right;
}
#Feedback[data-location="6"] {
    transform-origin: top left;
}
#Feedback[data-location="7"] {
    transform-origin: bottom left;
}

#Feedback[data-location="7"],
#Feedback[data-location="6"] {
    right: auto;
    left: 0;
}

#Feedback[data-location="6"] [data-loc="0"],
#Feedback[data-location="2"] [data-loc="0"] {
    display: none;
    visibility: hidden;
}

#Feedback[data-location="7"],
#Feedback[data-location="6"] {
}

#Feedback[data-location="7"]:not(:hover):not(.fade),
#Feedback[data-location="6"]:not(:hover):not(.fade) {
    left: -20px;
}

#Feedback[data-location="7"] > .btn-feedback,
#Feedback[data-location="6"] > .btn-feedback {
    transform: rotate(180deg);
}

#Feedback[data-location="7"],
#Feedback[data-location="3"] {
    top: auto;
    bottom: 32px;
}

#Feedback[data-location="7"] [data-loc="4"],
#Feedback[data-location="3"] [data-loc="4"] {
    display: none;
    visibility: hidden;
}

#Feedback {
    width: 24px;
    height: 110px;
}

#Feedback > div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}


#Feedback > .btn-feedback {
    padding: 5px 0;
    background-color: #22cc22;
    z-index: 2;
}

#Feedback > .docking-widget {
    overflow: hidden;
    color: #333333;
    background-color: #aaccff;
    border: 2px solid #eeeeee;
    border-radius: 5px;
    opacity: 0.8;
    z-index: 1;

    transition: top 0.25s linear 0.5s, left 0.25s linear 0.5s, right 0.25s linear 0.5s, bottom 0.25s linear 0.5s;
}

#Feedback:hover > .docking-widget {
    left: -16px;
    top: -16px;
    right: -16px;
    bottom: -16px;
}

#Feedback > .docking-widget > span[data-loc] {
    position: absolute;
    vertical-align: middle;
    text-align: center;
}

#Feedback > .docking-widget > span[data-loc]:hover {
    background-color: #88aadd;
}

#Feedback > .docking-widget > span[data-loc="0"] {
    top: 0;
    left: 16px;
    right: 16px;
    height: 16px;
}

#Feedback > .docking-widget > span[data-loc="1"],
#Feedback > .docking-widget > span[data-loc="2"],
#Feedback > .docking-widget > span[data-loc="3"] {
    right: 0;
    width: 16px;
}
#Feedback > .docking-widget > span[data-loc="1"] {
    top: 0;
    height: 16px;
}
#Feedback > .docking-widget > span[data-loc="1"] > i {
    transform: rotate(-45deg);
}
#Feedback > .docking-widget > span[data-loc="2"] {
    top: 16px;
    bottom: 16px;
}
#Feedback > .docking-widget > span[data-loc="3"] {
    bottom: 0;
    height: 16px;
}
#Feedback > .docking-widget > span[data-loc="3"] > i {
    transform: rotate(45deg);
}

#Feedback > .docking-widget > span[data-loc="4"] {
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 16px;
}

#Feedback > .docking-widget > span[data-loc="5"],
#Feedback > .docking-widget > span[data-loc="6"],
#Feedback > .docking-widget > span[data-loc="7"] {
    left: 0;
    width: 16px;
}

#Feedback > .docking-widget > span[data-loc="5"] {
    top: 0;
    height: 16px;
}
#Feedback > .docking-widget > span[data-loc="5"] > i {
    transform: rotate(45deg);
}
#Feedback > .docking-widget > span[data-loc="6"] {
    top: 16px;
    bottom: 16px;
}
#Feedback > .docking-widget > span[data-loc="7"] {
    bottom: 0;
    height: 16px;
}
#Feedback > .docking-widget > span[data-loc="7"] > i {
    transform: rotate(-45deg);
}

.st-modal.st-feedback-attachment-modal .modal-dialog {
    max-width: initial;
}

.st-feedback-modal .modal-body {
    width: 600px;
}

.st-feedback-modal .feedback-upload-btn {
    height: 64px;
    border-radius: 5px;
    border: 4px dashed var(--st-btn-primary-bg);
    color: var(--st-btn-primary-bg);
    cursor: pointer;
    padding: 2px 3px;
}

.st-feedback-modal .feedback-screenshot-btn {
    height: 64px;
    border-radius: 5px;
}

.offscreen-canvas {
    position: fixed;
    right: 100%;
    margin-right: 200px;
    overflow: hidden;
}

.feedback-attachments li {
    position: relative;
}

.feedback-attachments li > .attachment-controls {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(196, 196,196,0.75);
    border-radius: 5px;
}

.feedback-attachments li:not(:hover) > .attachment-controls {
    visibility: hidden;
}
st-relation-dropdown .row:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}

.st-relation-dropdown .properties {
    position: relative;
    display: inline-block;
    max-width: 276px;
    padding: 5px;
    height: 100%;
    text-align: left;
    background-color: var(--st-color-well-bg);
    color: var(--st-color-well-fg);
    background-clip: padding-box;
    border: 1px solid var(--st-color-border);
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    white-space: normal;
}
/*
.st-relation-dropdown .properties.top {
    margin-top: -10px;
}
*/
.st-relation-dropdown .properties.right {
    margin-left: 10px;
}
/*
.st-relation-dropdown .properties.bottom {
    margin-top: 10px;
}
.st-relation-dropdown .properties.left {
    margin-left: -10px;
}
*/
.st-relation-dropdown .properties > .arrow,
.st-relation-dropdown .properties > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.st-relation-dropdown .properties > .arrow {
    border-width: 11px;
}
.st-relation-dropdown .properties > .arrow:after {
    border-width: 10px;
    content: "";
}
/*
.st-relation-dropdown .properties.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px;
}
.st-relation-dropdown .properties.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff;
}
*/
.st-relation-dropdown .properties.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: rgba(0,0,0,.25);
}
.st-relation-dropdown .properties.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: var(--st-color-well-bg);
}
/*
.st-relation-dropdown .properties.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px;
}
.st-relation-dropdown .properties.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff;
}
.st-relation-dropdown .properties.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25);
}
.st-relation-dropdown .properties.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px;
}
*/

.st-relation-dropdown.dropdown {
    position: absolute;
    display: table;
    top: 100%;
    left: 0;
    overflow: hidden;
    background-color: var(--st-color-fk-dropdown-bg);
    color: var(--st-color-fk-dropdown-fg);
    z-index: 2500;
    border: 1px solid var(--st-color-border);
    border-radius: 0 5px 5px 5px;
}

.st-relation-dropdown.dropdown .list {
    list-style-type: none;
    white-space: nowrap;
    padding: 5px;
    margin: 0;

    min-width: 80px;
}

.st-relation-dropdown.dropdown .list > .item {
    padding: 2px;
    position: relative;
    color: var(--st-color-well-fg);
}

.st-relation-dropdown.dropdown .list > .item.active {
    color: var(--st-color-hover-bright-fg);
    background-color: var(--st-color-hover-bright-bg);
}

.st-relation-dropdown.dropdown .list > .item:hover {
    color: var(--st-color-hover-fg);
    background-color: var(--st-color-hover-bg);
}

.st-relation-dropdown.dropdown .property-cell {
    padding: 2px 5px;
    border-left: 1px solid var(--st-color-border);
    white-space: nowrap;
    overflow: hidden;
}

.st-relation-dropdown.dropdown .property-cell table th {
    font-weight: normal;
    background-color: var(--st-color-input-label-bg);
    color: var(--st-color-input-label-fg);
}

.st-relation-dropdown.dropdown .property-cell table td {
    font-weight: bold;
    color: var(--st-color-well-fg-em);
}

.st-relation-dropdown.dropdown .footer {
    font-size: 0.8em;
    text-align: center;
    background-color: var(--st-color-heading-bg);
    color: var(--st-color-heading-fg);
}
.oauth-login-frame {
    border: 0 none;
    width: 100%;
    min-height: 350px;
}
#History_BM .entity-history {
    margin-top: 15px;
    border-top: 2px solid #888888;
    overflow: auto;
}

#History_BM .view-history .table td,
#History_BM .entity-history .table td,
#History_BM .view-history .table th,
#History_BM .entity-history .table th {
    vertical-align: middle;
}

#History_BM .vht-action {
    text-align: right;
}

#History_BM .eht-action {
    white-space: nowrap;
}

#History_BM .eht-action ul {
    display: inline-block;
    padding: 0;
    list-style-type: none;
}

#History_BM .eht-action ul > li {
    display: inline-block;
}

#History_BM .view-history .access-details,
#History_BM .entity-history .access-details {
    font-size: 10px;
    font-weight: normal;
    color: var(--st-color-dim-fg);
}

#History_BM .view-history tr:not(:hover) .access-details,
#History_BM .entity-history tr:not(:hover) .access-details {
    visibility: hidden;
}

#History_BM .entity-heading {
    background-color: var(--st-color-panel-bg);
    color: var(--st-color-panel-fg);
    border-color: var(--st-color-border);
}

#ResumePrompt {
    position: fixed !important;
    display: inline-block;
    z-index: 10000;
}

#ResumePrompt.login {
    bottom: -500px;
    right: 0;
    transition: bottom linear 1s;
}

#ResumePrompt.login.show {
    bottom: 0;
}

#ResumePrompt.menu {
    left: -1000px;
    transition: left linear 0.2s;
}

#ResumePrompt.menu.show {
    left: 0px;
}

#ResumePrompt > .content {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: var(--st-color-dropdown-fg) !important;
    background-color: var(--st-color-dropdown-bg) !important;
    padding: 0px 3px 3px 3px;
    border-radius: 5px;
    border: 1px solid var(--st-color-border);
    -webkit-box-shadow: 4px 4px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 4px 4px 5px rgba(0,0,0,0.25);
    box-shadow: 4px 4px 5px rgba(0,0,0,0.25);
}

#ResumePrompt.menu > .content {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#ResumePrompt .content .close {
    position: absolute;
    right: 8px;
    top: 8px;
    float: unset;
}

#ResumePrompt .content-container {
    display: inline-block;
    padding: 15px 15px 0 15px;
}

#ResumePrompt .detail {
    text-decoration: none !important;
}

#ResumePrompt .detail > span {
    max-width: 32ch;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

#ResumePrompt .login-resume-link {
    font-weight: bold;
}

#ResumePrompt .dont-remind-next {
}

#ResumePrompt .view-icon {
    position: relative;
    margin-right: 15px;
}

#ResumePrompt .resume {
    display: inline-block;
}

#ResumePrompt .dont-remind-next .description {
    font-weight: normal;
}

#ResumePrompt .resume-item:not(.previous):not(.current):not(.next) {
    visibility: hidden;
    display: none;
}

#ResumePrompt .resume-item {
    white-space: nowrap;
    padding: 3px;
    font-size: 16px;
    min-height: 1em;
}

#ResumePrompt .resume-item > a:focus {
    outline: none;
}

#ResumePrompt .resume-item.current {
    font-size: 22px;
    border-top: 1px solid var(--st-color-border);
    border-bottom: 1px solid var(--st-color-border);
    padding-top: 5px;
    padding-bottom: 16px;
    position: relative;
}

#ResumePrompt .resume-item.spacer {
    padding-top: 27px;
}

#ResumePrompt .resume-item.spacer,
#ResumePrompt .resume-item.previous,
#ResumePrompt .resume-item.next {
    opacity: 0.4;
}

#ResumePrompt .resume-item:not(.current) .last-access-info {
    visibility: hidden;
    display: none;
}

#ResumePrompt .last-access-info {
    position: absolute;
    font-size: small;
    right: 2px;
    bottom: 1px;
    color: #999;
}

#ResumePrompt .controls {
    padding-left: 20px;
}

#ResumePrompt .controls button {
    position: absolute;
}

#ResumePrompt .controls button:focus {
    outline: none;
}

#ResumePrompt .controls .previous button {
    top: 10px;
    padding-left: 7px;
}

#ResumePrompt .controls button .icon {
    font-size: xx-large;
}

#ResumePrompt .controls .button-container {
    height: 70px;
    width: 65px;
}

#ResumePrompt .items-list {
    padding-left: 20px;
    list-style-type: none;
}

#ResumePrompt.one-item .items-list {
    min-height: 75px;
}

#ResumePrompt.one-item .resume-item.current {
    border-top: none;
    border-bottom: none;
}

#ResumePrompt .open-detached {
    padding-left: 10px;
    color: #999;
    float: right;
    margin-top: 5px;
}

#History_BM .vht-view {
    width: 100%;
}

#History_BM .vht-icon {
    padding: 2px 6px !important;
}

.vht-icon > img,
.entity-group-icon > img,
.entity-view-icon > a > img {
    width: 24px;
    height: 24px;
    transition: transform linear .25s;
}

.entity-view-icon:hover img {
    transform: scale(1.2, 1.2);
}

tr:not(:hover) .entity-view-icon img {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.65;
}

.resume-item > a > img {
    width: 24px;
    height: 24px;
}

.resume-item.current > a > img {
    height: 45px;
    width: 45px;
}body.OverlayWindow #UserDocks,
body.REV_DIALOG #UserDocks {
	display: none;
	visibility: hidden;
}

#UserDocks {
	position: relative;
	z-index: 101;
}

#UserDocks > .content {
    transition: min-height linear .15s, max-height linear .15s;
    max-height: 300px;
    min-height: 30px;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
}

#UserDocks:not(.show) > .content {
    max-height: 0;
    min-height: 0;
}

#UserDocks > .handle {
    background-color: var(--st-color-heading-bg);
    color: var(--st-color-heading-fg);
    margin: auto;
    bottom: 100%;
    width: 100%;
    border-top: 1px solid var(--st-color-border);
    border-radius: 2px 2px 0 0;
    padding: 0 5px;
    z-index: -1;
}

#UserDocks.show > .handle {
	position: absolute;
}

#UserDocks > .handle:hover {
    color: var(--st-color-hover-fg);
    background-color: var(--st-color-hover-bg);
}

#UserDocks:not(.show) > .handle > .expanded-text,
#UserDocks.show > .handle > .collapsed-text {
    display: none;
    visibility: hidden;
}

#UserDocks.show > .handle [data-action="UserDock.ToggleContent"] .fa:before {
    content: "\f0d7";
}

#UserDocks:not(.show) > .handle [data-action="UserDock.ToggleContent"] .fa:before {
    content: "\f0d8";
}

.st-dock-panel {
    display: table;
    width: 100%;
    min-height: 30px;
    color: var(--st-color-panel-fg);
    background-color: var(--st-color-panel-bg);
}

#UserDocks .st-dock-panel .stdp-item {
	position: relative;
}

#UserDocks .st-dock-panel .stdp-item .stdp-label {
	font-size: 0.8em;
}

#UserDocks .content > .st-dock-panel[data-style="A"] .stdp-item .stdp-label {
	color: var(--st-color-dim-fg);
}

#UserDocks .content > .st-dock-panel[data-style="B"] .stdp-item {
    vertical-align: top;
}

#UserDocks .content > .st-dock-panel[data-style="B"] .stdp-item[data-item-type="simple"] .stdp-label {
    padding: 4px 3px;
    margin-right: 15px;
}

#UserDocks .content > .st-dock-panel[data-style="B"] .stdp-item[data-item-type="simple"] .stdp-actions {
    float: right;
}

#UserDocks .content > .st-dock-panel[data-style="B"] .stdp-actions .btn.btn-link {
    padding: 0px 3px;
}

#UserDocks .content > .st-dock-panel[data-style="B"] .stdp-item .top-bar {
    border-radius: 5px 5px 0 0;
    display: table;
    width: 100%;
}

#UserDocks .content > .st-dock-panel[data-style="C"] .stdp-item {
    vertical-align: top;
}

#UserDocks .content > .st-dock-panel[data-style="C"] .stdp-item > div {
    display: table;
    width: 100%;
}

#UserDocks .content > .st-dock-panel[data-style="C"] .stdp-item > div > * {
    display: table-cell;
}

#UserDocks .content > .st-dock-panel[data-style="C"] .stdp-actions .btn.btn-link {
    padding: 3px;
}

#UserDocks .content > .st-dock-panel[data-style="C"] .stdp-item .left-bar {
    border-radius: 5px 0 0 5px;
    font-size: 0.8em;
}

#UserDocks .content > .st-dock-panel[data-style="C"] .stdp-item .stdp-value {
    display: inline-block;
    width: auto;
}

#UserDocks .content > .st-dock-panel[data-style="D"] .stdp-item {
    vertical-align: middle;
}

#UserDocks .content > .st-dock-panel[data-style="D"] .stdp-item > div {
    display: inline-block;
    border: 1px solid #888;
    margin: 3px;
    border-radius: 5px;
    padding: 5px;
}

#UserDocks .content > .st-dock-panel[data-style="D"] .stdp-item[data-item-type="simple"] .stdp-actions {
    float: right;
    line-height: 1em;
}

#UserDocks .content > .st-dock-panel[data-style="D"] .stdp-item .stdp-actions .btn.btn-link {
    padding: 0 2px;
}

#UserDocks .content > .st-dock-panel[data-style="D"] .stdp-item[data-item-type="simple"] .stdp-label {
    padding: 2px;
    margin-right: 15px;
}

#UserDocks .content > .st-dock-panel[data-style="E"] .stdp-item {
    vertical-align: middle;
}

#UserDocks .content > .st-dock-panel[data-style="E"] .stdp-item > div {
    display: block;
    margin: 3px;
}

#UserDocks .content > .st-dock-panel[data-style="E"] .stdp-item .value-container {
    display: block;
    border: 1px solid #888;
    border-radius: 5px;
    padding: 5px;
}

#UserDocks .content > .st-dock-panel[data-style="E"] .stdp-item[data-item-type="simple"] .stdp-actions {
    float: right;
    line-height: 1em;
}

#UserDocks .content > .st-dock-panel[data-style="E"] .stdp-item .stdp-actions .btn.btn-link {
    padding: 0 2px;
}

#UserDocks .content > .st-dock-panel[data-style="E"] .stdp-item[data-item-type="simple"] .stdp-label {
    padding: 4px 0;
    margin-right: 15px;
}

.stdp-item.placeholder {
    min-width: 150px;
}

.stdp-item {
    border: 2px dashed transparent;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle;
}

body > .stdp-item {
    display: table;
    max-width: 100px;
}

.stdp-item .stdp-label {
    cursor: move;
    display: block;
}

.stdp-item .stdp-loader {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.stdp-item:not(:hover) .stdp-actions {
    visibility: hidden;
}

.stdp-item[data-item-type="image"] {
    text-align: center;
}

.stdp-item[data-item-type="image"] img {
    border: 1px solid #555;
    height: 60px;
    transition: height ease-in-out 500ms 1.5s;
    
    cursor: pointer;
}

.stdp-item .stdp-value {
    font-weight: bold;
    min-width: 50px;
    display: block;
}

body.CompactView .stdp-item .stdp-value {
    font-size: 1em;
}

.st-dock-panel .stdp-filler {
    display: table-cell;
    line-height: 30px;
    width: 100%;
}

.st-dock-panel.FillWidth .stdp-filler {
    display: none;
    visibility: hidden;
}

body.ui-droppable-active {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.REV_CONTROL.ui-draggable-dragging {
    pointer-events: none;
}

.stdp-other-docks > .st-dock-panel {
    border-bottom: 2px solid var(--st-color-border);
    cursor: pointer;
}

.stdp-other-docks > .st-dock-panel:not(:hover) .stdp-other-actions {
    visibility: hidden;
}

.stdp-other-docks .stdp-item .stdp-label {
    cursor: pointer;
}

.stdp-other-docks > .st-dock-panel:hover {
    color: var(--st-color-hover-fg);
    background-color: var(--st-color-hover-bg);
}

.stdp-other-docks .stdp-actions {
    visibility: hidden;
}

.stdp-other-docks .st-dock-panel.active {
    color: var(--st-color-active-fg);
    background-color: var(--st-color-active-bg);
}

#UserDocks .content > .st-dock-panel .placeholder,
#UserDocks .content > .st-dock-panel .lbl-container {
    max-height: 60px;
    transition: max-height ease-in-out 500ms 1.5s;
}

#UserDocks.show > .handle {
    max-height: 60px;
    transition: max-height 250ms ease-in-out 500ms;
}

#UserDocks .content > .st-dock-panel .lbl-container {
    display: block !important;
    overflow: hidden;
}

#UserDocks .content > .st-dock-panel .placeholder {
    display: inline-block;
    overflow: hidden;
    color: var(--st-color-dim-fg);
    font-style: italic;
    font-weight: normal;
    vertical-align: middle;
}

#UserDocks .content:hover > .st-dock-panel .placeholder,
#UserDocks .content:hover > .st-dock-panel .lbl-container {
    transition: max-height ease-in-out 500ms;
}

#UserDocks.show:not(:hover) > .handle,
#UserDocks .content:hover > .st-dock-panel .placeholder,
#UserDocks .content:not(:hover) > .st-dock-panel.HideLabels .lbl-container {
    overflow: hidden;
    max-height: 0;
}

#UserDocks .content:hover > .st-dock-panel .stdp-item[data-item-type="image"] img {
    transition: height ease-in-out 500ms;
}

#UserDocks .content:not(:hover) > .st-dock-panel.HideLabels .stdp-item[data-item-type="image"] img {
    height: 40px;
}

.stdp-image-modal {
    min-width: 800px;
    text-align: center;
}

.stdp-image-modal > img {
    max-height: 600px;
    min-height: 200px;
}

#UserDocks .hc-heading {
    background-color: var(--st-color-heading-bg);
    color: var(--st-color-heading-fg);
}

#UserDocks .hc-content {
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
}

.stdp-item:hover .stdp-label-link {
	text-decoration: underline;
}

a.stdp-label-link {
	cursor: pointer;
}
.integrated-actions-container {
    border: 1px solid var(--st-color-border);
    border-radius: 5px;
    padding: 5px;
    background-color: var(--st-color-dropdown-bg);
    color: var(--st-color-dropdown-fg);
    max-width: 800px;
}

.integrated-actions-container .iac-filter .form-control {
    background-color: var(--st-color-input-bg);
    color: var(--st-color-input-fg);
}

.integrated-actions-container .iac-categories {
    display: table;
    width: 100%;
}

.integrated-actions-container .iac-category {
    display: table-cell;
    vertical-align: top;
    padding: 5px;
}

.integrated-actions-container .iac-category > h2 {
    font-size: 1.5em;
    margin: 5px 0;
    white-space: nowrap;
    color: var(--st-color-dim-fg);
}

.integrated-actions-container .iac-list {
    max-height: 200px;
    overflow: auto;
    border-radius: 5px;
    margin: 0;
    padding: 5px;
    white-space: nowrap;
    font-weight: normal;
}

.integrated-actions-container .iac-list > ul {
    list-style-type: none;
    padding: 5px 15px 5px 5px;
}

.integrated-actions-container .iac-list > ul li:hover,
.integrated-actions-container .iac-list > ul li:hover > a {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.integrated-actions-container .iac-list li:not(:hover) [data-action="IAC.OpenReportDetached"] {
    visibility: hidden;
}

.integrated-actions-container .iac-icon {
    width: 16px;
    height: 16px;
}

.btn-group > .btn.iac-button {
	border-bottom-right-radius: 5px !important;
	border-top-right-radius: 5px !important;
}

.REV_GRID > .panel-heading.showing-iac {
    z-index: 13 !important;
}.chooser-list-dropdown,
.chooser-list-dropdown .dropdown-menu
{
    text-align: left;
    white-space: nowrap;
}

.chooser-list-dropdown.dropdown li > a {
    padding: 0 10px;
}

.chooser-list-dropdown .dropdown-menu li > div {
    padding-right: 20px;
}

.chooser-list-dropdown .dropdown-menu li .left-cell {
    padding: 0px 10px;
}

.chooser-list-dropdown .dropdown-menu li.control {
    text-align: center;
    padding: 2px 5px;
}

.st-generic-chooser-selection .layout-column {
    vertical-align: middle;
}

.st-generic-chooser-selection .saved {
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
    color: red;
}

.st-generic-chooser-selection .saved.fade {
    transition: opacity linear 2s 1s;
    opacity: 0;
}

.chooser-list-dropdown .dropdown-menu li .date {
    font-size: 0.70em;
    font-style: italic; 
}

.chooser-list-dropdown .dropdown-menu li:not(:hover) .date {
    visibility: hidden;
}

.chooser-list-dropdown .layout-column {
    vertical-align: middle;
}

.chooser-list-dropdown .btn-xs {
    padding: 1px 3px;
}

.st-modal .chooser-list-dropdown .btn {
	height: 28px;
	padding: 1px 3px;
}

.st-modal .chooser-list-dropdown .btn.btn-image > img {
	height: 22px;
}

.REV_VIEW.FindMode .chooser-list-dropdown [data-action="GenericSelection.AppendEntity"],
.REV_VIEW:not([data-identity]) .chooser-list-dropdown [data-action="GenericSelection.AppendEntity"] {
    visibility: hidden;
}

.hover-target:not(:hover) .visible-on-hover {
    visibility: hidden;
}

:not(.hover-target:hover) .visible-on-hover:not(:hover) {
    visibility: hidden;
}

.modal-header .chooser-list-dropdown {
    margin-right: 10px;
}
.REV_PANEL .find-conditions.dropdown-menu {
    position: fixed;
}

.find-conditions.dropdown-menu {
    display: inline-block;
    visibility: visible;
    position: absolute;
    min-width: 0;
}

.find-conditions > .layout-column {
    padding: 5px;
}

.find-conditions > .type-column {
    border-right: 1px solid var(--st-color-border);
}

.find-conditions .condition {
    display: block;
}

.find-conditions .condition .fa-times {
    color: #ccc;
}
#AdminConfigView {
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
}

#AdminConfigView .Title {
    display: none;
    visibility: hidden;
}

#AdminConfigView .REV_HEAD .REV_ACTION_AREA {
    background-color: darkgray;
}

#AdminConfigView .REV_BODY {
    padding-top: 8px;
    padding-bottom: 8px;
}

body.AdminConfigMode.ChildView > #PageHeader {
    padding: 0px;
}

body.AdminConfigMode .REV_CONTROL .control-toolbar {
	z-index: 15;
}

body.AdminConfigMode .REV_CONTROL:hover .control-toolbar {
	z-index: 25;
}

.REV_CONTROL:hover .admin-config-security button {
	display: inline-block;
	visibility: visible;
}

body.AdminConfigMode #WindowInfo,
body.AdminConfigMode.ac-mode-view #WindowInfo {
    background-color: var(--st-heading-green-bg);
    color: var(--st-heading-green-fg);
}

body.AdminConfigMode.ac-mode-security #WindowInfo {
    background-color: var(--st-heading-red-bg);
    color: var(--st-heading-red-fg);
}

body.AdminConfigMode #WindowInfo #wiFocusInfo,
body.AdminConfigMode #REV_FILTERS,
body.AdminConfigMode #PrimaryView .REV_ACTION_AREA > :not(.admin-config-menu):not(.admin-config-template) {
    display: none;
    visibility: hidden;
}

body.AdminConfigMode #WindowInfo #wiAdminConfiguration {
    font-size: 18px;
    font-weight: bold;
}

body.AdminConfigMode .REV_HEAD {
    border-top: 1px solid #d3d3d3;
}

body.AdminConfigMode input.ChangeLabel {
    border-radius: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

body.AdminConfigMode #PrimaryView > .REV_HEAD > .Title > h1 > input.ChangeLabel {
    color: #111;
    background-color: #eee;
}

body.AdminConfigMode .REV_BUTTON input.ChangeLabel {
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
}

body.AdminConfigMode:not(.ac-mode-security) button.security-menu,
body.AdminConfigMode:not(.security-set) button.security-menu,
body.AdminConfigMode:not(.ac-mode-security) button.bo-security-indicator,
body.AdminConfigMode:not(.security-set) button.bo-security-indicator,
body.AdminConfigMode.ac-mode-security button.property-override,
body.AdminConfigMode.ac-mode-security button.lookup-function {
    display: none;
    visibility: hidden;
}

body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-prop-sec="View"] .form-control,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-prop-sec="View"] .form-control,
body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-bo-sec="View"] .form-control,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-bo-sec="View"] .form-control {
    background-color: #eee;
    cursor: not-allowed;
}

body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-prop-sec="None"] .control-label,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-prop-sec="None"] .control-label,
body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-bo-sec="None"] .control-label,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-bo-sec="None"] .control-label,
body.AdminConfigMode.ac-mode-security .REV_GRID[data-ac-bo-sec="None"] > .panel-heading > .title {
    font-style: italic;
    opacity: 0.5;
}

body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-prop-sec="None"] .form-control,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-prop-sec="None"] .form-control,
body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-bo-sec="None"] .form-control,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-bo-sec="None"] .form-control {
    cursor: not-allowed;
}

body.AdminConfigMode.ac-mode-security .REV_CONTROL.ac-security-bo-view .st-dropdown-btn,
body.AdminConfigMode.ac-mode-security .REV_CONTROL.ac-security-bo-none .st-dropdown-btn,
body.AdminConfigMode.ac-mode-security .REV_CONTROL.ac-security-bo-view .st-dropdown-btn,
body.AdminConfigMode.ac-mode-security .REV_CONTROL.ac-security-bo-none .st-dropdown-btn {
    display: none;
    visibility: hidden;
}

.REV_PANEL .ac-security-menu {
    position: fixed;
}

body.AdminConfigMode .REV_VIEW .ac-security-menu.dropdown-menu {
    min-width: 0px;
	color: #555;
}

.ac-security-menu tr td {
    padding: 3px;
}

body.AdminConfigMode.ac-mode-security .REV_CONTROL .ac-security-menu > table > tbody > tr,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST .ac-security-menu > table > tbody > tr,
body.AdminConfigMode.ac-mode-security .GridData table > thead > tr > th .REV_CONTROL .ac-security-menu > table > tbody > tr {
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    font-weight: bold;
    white-space: nowrap;
}

body.AdminConfigMode.ac-mode-security .REV_CONTROL .ac-security-menu > table > tbody > tr:hover,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST .ac-security-menu > table > tbody > tr:hover,
body.AdminConfigMode.ac-mode-security .GridData table > thead > tr > th .REV_CONTROL .ac-security-menu > table > tbody > tr:hover {
    cursor: pointer;
    background-color: #dddddd;
}

body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-prop-sec="Update"] .ac-security-menu tr.ac-prop-security-update,
body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-prop-sec="View"] .ac-security-menu tr.ac-prop-security-view,
body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-prop-sec="None"] .ac-security-menu tr.ac-prop-security-none,
body.AdminConfigMode.ac-mode-security .REV_CONTROL:not([data-ac-prop-sec]) .ac-security-menu tr.ac-prop-security-clear,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-prop-sec="Update"] .ac-security-menu tr.ac-prop-security-update,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-prop-sec="View"] .ac-security-menu tr.ac-prop-security-view,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-prop-sec="None"] .ac-security-menu tr.ac-prop-security-none,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST:not([data-ac-prop-sec]) .ac-security-menu tr.ac-prop-security-clear,
body.AdminConfigMode.ac-mode-security .GridData table > thead > tr > th .REV_CONTROL[data-ac-prop-sec="Update"] .ac-security-menu tr.ac-prop-security-update,
body.AdminConfigMode.ac-mode-security .GridData table > thead > tr > th .REV_CONTROL[data-ac-prop-sec="View"] .ac-security-menu tr.ac-prop-security-view,
body.AdminConfigMode.ac-mode-security .GridData table > thead > tr > th .REV_CONTROL[data-ac-prop-sec="None"] .ac-security-menu tr.ac-prop-security-none,
body.AdminConfigMode.ac-mode-security .GridData table > thead > tr > th .REV_CONTROL:not([data-ac-prop-sec]) .ac-security-menu tr.ac-prop-security-clear {
    background-color: #999;
    color: #eee;
}

/*
    Property Security
*/

.security-icon[sec-value="Update"]:before,
body.AdminConfigMode.ac-mode-security .REV_GRID_HEADER[data-ac-prop-sec="Update"] .security-menu .ac-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-prop-sec="Update"] .security-menu .ac-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-prop-sec="Update"] .security-menu .ac-sec-icon:before {
	content: "\f09c";
}

.security-icon[sec-value="View"]:before,
body.AdminConfigMode.ac-mode-security .REV_GRID_HEADER[data-ac-prop-sec="View"] .security-menu .ac-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-prop-sec="View"] .security-menu .ac-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-prop-sec="View"] .security-menu .ac-sec-icon:before {
	content: "\f023";
}

.security-icon[sec-value="None"]:before,
body.AdminConfigMode.ac-mode-security .REV_GRID_HEADER[data-ac-prop-sec="None"] .security-menu .ac-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-prop-sec="None"] .security-menu .ac-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-prop-sec="None"] .security-menu .ac-sec-icon:before {
	content: "\f05e";
}

body.AdminConfigMode.ac-mode-security .REV_GRID_HEADER:not([data-ac-prop-sec]) .security-menu .ac-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CONTROL:not([data-ac-prop-sec]) .security-menu .ac-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST:not([data-ac-prop-sec]) .security-menu .ac-sec-icon:before {
	content: "\f107";
}

.security-icon[sec-value="Clear"]:before {
    content: "\f10c";
}


.security-icon[sec-value="Update"],
body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-prop-sec="Update"] button.security-menu,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-prop-sec="Update"] button.security-menu,
body.AdminConfigMode.ac-mode-security .GridData table > thead > tr > th .REV_CONTROL[data-ac-prop-sec="Update"] button.security-menu,
body.AdminConfigMode.ac-mode-security .REV_GRID[data-ac-bo-sec="Update"] .grid-security,
body.AdminConfigMode.ac-mode-security .REV_GRID[data-ac-bo-sec="UpdateMyRecordsOnly"] .grid-security {
    background-color: #20a220;
    color: #eee;
}

.security-icon[sec-value="View"],
body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-prop-sec="View"] button.security-menu,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-prop-sec="View"] button.security-menu,
body.AdminConfigMode.ac-mode-security .GridData table > thead > tr > th .REV_CONTROL[data-ac-prop-sec="View"] button.security-menu,
body.AdminConfigMode.ac-mode-security .REV_GRID[data-ac-bo-sec="View"] .grid-security {
    background-color: #f5f503;
    color: #333;
}

.security-icon[sec-value="None"],
body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-prop-sec="None"] button.security-menu,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-prop-sec="None"] button.security-menu,
body.AdminConfigMode.ac-mode-security .GridData table > thead > tr > th .REV_CONTROL[data-ac-prop-sec="None"] button.security-menu,
body.AdminConfigMode.ac-mode-security .REV_GRID[data-ac-bo-sec="None"] .grid-security {
    background-color: #E6241E;
    color: #eee;
}

/*
    BO Security
*/

body.AdminConfigMode.ac-mode-security .REV_GRID[data-ac-bo-sec="UpdateMyRecordsOnly"] .grid-security .ac-bo-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-bo-sec="UpdateMyRecordsOnly"] .bo-security-indicator .ac-bo-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-bo-sec="UpdateMyRecordsOnly"] .bo-security-indicator .ac-bo-sec-icon:before {
    content: "\f007";
}

body.AdminConfigMode.ac-mode-security .REV_GRID[data-ac-bo-sec="Update"] .grid-security .ac-bo-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-bo-sec="Update"] .bo-security-indicator .ac-bo-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-bo-sec="Update"] .bo-security-indicator .ac-bo-sec-icon:before {
    content: "\f09c";
}

body.AdminConfigMode.ac-mode-security .REV_GRID[data-ac-bo-sec="View"] .grid-security .ac-bo-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-bo-sec="View"] .bo-security-indicator .ac-bo-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-bo-sec="View"] .bo-security-indicator .ac-bo-sec-icon:before {
    content: "\f023";
}

body.AdminConfigMode.ac-mode-security .REV_GRID[data-ac-bo-sec="None"] .grid-security .ac-bo-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CONTROL[data-ac-bo-sec="None"] .bo-security-indicator .ac-bo-sec-icon:before,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST[data-ac-bo-sec="None"] .bo-security-indicator .ac-bo-sec-icon:before {
    content: "\f05e";
}

body.AdminConfigMode.ac-mode-security .REV_GRID:not([data-ac-bo-sec]) .grid-security .ac-bo-sec-icon:before {
    content: "\f085";
}

body.AdminConfigMode.ac-mode-security .REV_GRID:not([data-ac-bo-sec]) .admin-config-grid-security,
body.AdminConfigMode.ac-mode-security .REV_GRID_HEADER:not([data-ac-bo-sec]) .bo-security-indicator,
body.AdminConfigMode.ac-mode-security .REV_CONTROL:not([data-ac-bo-sec]) .bo-security-indicator,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST:not([data-ac-bo-sec]) .bo-security-indicator {
	display: none;
	visibility: hidden;
}

body.AdminConfigMode.ac-mode-security .REV_CONTROL .btn-group > button.btn.bo-security-indicator,
body.AdminConfigMode.ac-mode-security .REV_CONTROL .btn-group > button.btn.security-menu,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST .btn-group > button.btn.bo-security-indicator,
body.AdminConfigMode.ac-mode-security .REV_CHECK_BOX_LIST .btn-group > button.btn.security-menu,
body.AdminConfigMode.ac-mode-security .ac-view-item-toolbar .btn-group > button.btn.ac-view-item-sec-btn {
    border-radius: 4px;
}

body.AdminConfigMode .REV_CHECK_BOX_LIST:not(:hover):not([data-ac-prop-sec]) .control-toolbar > .btn.security-menu:not(.active),
body.AdminConfigMode .REV_CHECK_BOX_LIST:not(:hover):not([data-ac-prop-sec]) .control-toolbar .dropdown:not(.open) .btn.security-menu:not(.active),
body.AdminConfigMode .REV_CONTROL:not(:hover):not([data-ac-prop-sec]) .control-toolbar > .btn.security-menu:not(.active),
body.AdminConfigMode .REV_CONTROL:not(:hover):not([data-ac-prop-sec]) .control-toolbar .dropdown:not(.open) .btn.security-menu:not(.active),
body.AdminConfigMode .REV_GRID_HEADER:not(:hover):not([data-ac-prop-sec]) .control-toolbar > .btn.security-menu:not(.active),
body.AdminConfigMode .REV_GRID_HEADER:not(:hover):not([data-ac-prop-sec]) .control-toolbar .dropdown:not(.open) .btn.security-menu:not(.active),
body.AdminConfigMode .REV_CHECK_BOX_LIST:not(:hover):not([data-ac-prop-sec]) .control-toolbar > .btn.security-menu:not(.active),
body.AdminConfigMode .REV_CHECK_BOX_LIST:not(:hover):not([data-ac-prop-sec]) .control-toolbar .dropdown:not(.open) .btn.security-menu:not(.active) {
	display: none;
	visibility: hidden;
}

body.AdminConfigMode .REV_IMAGE label[title="Upload"],
body.AdminConfigMode .REV_IMAGE [data-action="UploadImage"],
body.AdminConfigMode .REV_IMAGE [data-action="DeletePhoto"] {
    visibility: hidden;
}

body.AdminConfigMode:not(.ac-mode-security) .ac-view-item-toolbar,
body.AdminConfigMode:not(.security-set) .ac-view-item-toolbar {
    display: none;
    visibility: hidden;
}

body.AdminConfigMode.ac-mode-security .ac-view-item-toolbar[data-ac-item-sec="Yes"] > .view-item-security > .ac-view-item-sec-btn > .ac-vi-sec-icon:before {
	content: "\f111";
	font-weight: 400;
}

body.AdminConfigMode.ac-mode-security .ac-view-item-toolbar[data-ac-item-sec="ViewOnly"] > .view-item-security > .ac-view-item-sec-btn > .ac-vi-sec-icon:before {
    content: "\f023";
}

body.AdminConfigMode.ac-mode-security .ac-view-item-toolbar[data-ac-item-sec="No"] > .view-item-security > .ac-view-item-sec-btn > .ac-vi-sec-icon:before {
    content: "\f05e";
}

body.AdminConfigMode.ac-mode-security .ac-view-item-toolbar:not([data-ac-item-sec]) > .view-item-security > .ac-view-item-sec-btn > .ac-vi-sec-icon:before {
    content: "\f107";
}

body.AdminConfigMode.ac-mode-security .ac-view-item:not(:hover) .ac-view-item-toolbar:not([data-ac-item-sec]) > .view-item-security.dropdown:not(.open) > .ac-view-item-sec-btn {
    visibility: hidden;
}

.REV_TAB_LABEL.ac-view-item > .ac-view-item-toolbar {
    top: 0;
    right: 15px;
}

.REV_HEAD > .Title > h1 > .ac-view-item-toolbar {
    top: 0;
    right: 0;
}

body.AdminConfigMode.ac-mode-security .ac-vi-security-menu.dropdown-menu {
    white-space: nowrap;
    min-width: 0px;
}

.ac-vi-security-menu tr td {
    padding: 3px;
}

.ac-vi-security-menu tr:hover {
    cursor: pointer;
    background-color: #ddd;
}

body.AdminConfigMode.ac-mode-security .ac-view-item-toolbar[data-ac-item-sec="Yes"] > .view-item-security > .ac-vi-security-menu > table > tbody > tr.ac-vi-security-yes,
body.AdminConfigMode.ac-mode-security .ac-view-item-toolbar[data-ac-item-sec="ViewOnly"] > .view-item-security > .ac-vi-security-menu > table > tbody > tr.ac-vi-security-view-only,
body.AdminConfigMode.ac-mode-security .ac-view-item-toolbar[data-ac-item-sec="No"] > .view-item-security > .ac-vi-security-menu > table > tbody > tr.ac-vi-security-no,
body.AdminConfigMode.ac-mode-security .ac-view-item-toolbar:not([data-ac-item-sec]) > .view-item-security > .ac-vi-security-menu > table > tbody > tr.ac-vi-security-clear {
    background-color: #999;
    color: #eee;
}

.REV_PANEL .ac-vi-security-menu {
    position: fixed;
}


body.AdminConfigMode.ac-mode-security .ac-view-item-toolbar[data-ac-item-sec="Yes"] > .view-item-security > .ac-view-item-sec-btn {
    background-color: #20a220;
    color: #eee;
}

body.AdminConfigMode.ac-mode-security .ac-view-item-toolbar[data-ac-item-sec="ViewOnly"] > .view-item-security > .ac-view-item-sec-btn {
    background-color: #f5f503;
    color: #333;
}

body.AdminConfigMode.ac-mode-security .ac-view-item-toolbar[data-ac-item-sec="No"] > .view-item-security > .ac-view-item-sec-btn {
    background-color: #E6241E;
    color: #eee;
}

body.CompactView .REV_HEAD_CONTENT {
	overflow-x: auto;
}

.REV_HEAD_CONTENT .view-item-security {    
    position: fixed;
}

.view-item-security {
    z-index: 50;
}

.view-item-security.open {
    z-index: 51;
}

body.AdminConfigMode .iac-menu {
    display: none;
    visibility: hidden;
}

.security-icon {
    z-index: 10000;
    position: absolute;
    display: inline-block;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 3px;
    opacity: 0.4;
    pointer-events: none;
    min-width: 5px;
    min-height: 5px;
}

body.AdminConfigMode.ac-mode-view .REV_CONTROL.default-value-set .input-group.input > input,
body.AdminConfigMode.ac-mode-view .REV_CONTROL.default-value-set .input-group.input > button {
    border-color: #4f85bd;
    border-width: 1.5px;
}

body.AdminConfigMode.ac-mode-security .REV_VIEW:not(#PrimaryView) .admin-config-security {
    display: none;
    visibility: hidden;
}

body.AdminConfigMode #PrimaryView .REV_GRID .LineNumber,
body.AdminConfigMode #PrimaryView [data-action="ToggleCollapse"] {
    display: none;
    visibility: hidden;
}

body.AdminConfigMode:not(.ac-mode-security) .REV_GRID .grid-security {
    display: none;
    visibility: hidden;
}


body.AdminConfigMode.ac-mode-security #PrimaryView .REV_BUTTON > .ac-view-item-toolbar {
    top: 0;
    right: 0;
}

body.AdminConfigMode.ac-mode-security #PrimaryView > .REV_HEAD > .Title > h1 > .ac-view-item-toolbar,
body.AdminConfigMode.ac-mode-security #PrimaryView .REV_GROUP_BOX .ac-view-item-toolbar {
    position: relative;
}

body.AdminConfigMode.ac-mode-security #PrimaryView .REV_TAB_LABEL .ac-view-item-toolbar,
body.AdminConfigMode.ac-mode-security #PrimaryView .REV_BUTTON .ac-view-item-toolbar {
    position: absolute;
}

.admin-config-menu > button {
    border-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
}

body.AdminConfigMode #PrimaryView .REV_TITLE_TEXT .Value {
    display: none;
    visibility: hidden;
}

.admin-config-security {
    z-index: 50;
}

body.AdminConfigMode #PrimaryView .GridData > table > thead > tr > th .REV_CONTROL input.ChangeLabel {
    color: #111;
    background-color: #eee;
}

body.AdminConfigMode .REV_TREE {
    display: none;
    visibility: hidden;
}

body.AdminConfigMode.ac-mode-view #PrimaryView > .REV_HEAD > .Title > h1 > .Name:hover,
body.AdminConfigMode.ac-mode-view .REV_VIEW:not(#AdminConfigView) .REV_BUTTON button[data-guid]:hover,
body.AdminConfigMode.ac-mode-view .REV_VIEW:not(#AdminConfigView) .REV_GRID[data-guid] > .panel-heading > .title:hover,
body.AdminConfigMode.ac-mode-view .REV_VIEW:not(#AdminConfigView) .REV_GROUP_BOX[data-guid] > .panel-heading > .title:hover,
body.AdminConfigMode.ac-mode-view .REV_VIEW:not(#AdminConfigView) .REV_TAB_GROUP .REV_TAB_LABEL.active a:hover,
body.AdminConfigMode.ac-mode-view .REV_VIEW:not(#AdminConfigView) .REV_CONTROL .control-label:hover {
    text-decoration: underline;
    cursor: pointer;
}.tpl-function {
    display: table-cell;
}

.tpl-function {
    display: table-cell;
}

.REV_GRID_CONTROL .template-type {
    width: 100%;
}

.tpl-control-toolbar {
    z-index: 5;
}

.REV_GRID_CONTROL:not(:hover) .tpl-control-toolbar .btn:not(.active),
.GRID_REV_IMAGE:not(.template-parameter):not(:hover) .btn:not(.active) {
    visibility: hidden;
}

.REV_CONTROL:not(:hover) .tpl-control-toolbar .btn:not(.active) {
    display: none;
    visibility: hidden;
}

.REV_GRID_CONTROL.REV_VIEW_REF .REV_CONTROL:not(:hover) .tpl-control-toolbar .btn:not(.active) {
    display: inline-block;
}

.REV_CHECK_BOX.template-parameter .control-label {
    padding-right: 20px;
}

.template-parameter .btn[data-action="GuidedTemplates.ToggleParameter"],
.template-parameter .tpl-control-toolbar .btn[data-action="GuidedTemplates.ToggleParameter"] {
    display: inline-block !important;
    visibility: visible !important;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.guided-template-container {
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: lightCyan;
    z-index: 100;
    border-radius: 0 0 5px 5px;
    padding: 10px;
    border: 1px solid var(--st-color-border);
    min-width: 300px;
}

.guided-template-container ul {
    position: relative;
    list-style-type: none;
    padding: 0;
    display: table;
    margin: 0;
    z-index: 1;
}

.guided-template-container ul > li {
    position: relative;
    display: table-cell;
    vertical-align: top;

    border: 1px solid transparent;
    border-bottom: 0px none;
}

.guided-template-container ul > li .controls {
    position: absolute;
    left: 100%;
    top: 2px;
    z-index: 2;
    margin-left: -24px;
}

.guided-template-container ul > li:not(:hover) .controls {
    visibility: hidden;
}

.guided-template-container ul > li.active {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    border-color: var(--st-color-border);
}

.guided-template-container li > a {
    color: #555;
    text-decoration: none;
    display: inline-block;
    padding: 5px;
    width: 100px;
    height: 64px;
    text-align: center;
}

.guided-template-container li > a:hover {
    text-decoration: none;
}

.guided-template-container li .icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    font-size: 48px;

    vertical-align: middle;
    text-align: center;
    line-height: 1;
}

.guided-template-container li .icon.initials {
    font-size: 24px;
    vertical-align: middle;
    display: inline-block;
    padding-top: 12px;
    border-radius: 1em;
}

.guided-template-container li .title {
    display: block;
}

.guided-template-container .description {
    position: relative;
    display: block;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    padding: 5px;
    border-radius: 0 0 5px 5px;
    border: 1px solid var(--st-color-border);
    margin-top: -1px;
}

.REV_CONTROL .template-type {
    border: 1px solid var(--st-color-border);
    padding: 5px 10px;
    border-radius: 5px;
    background-color: lemonchiffon;
}
.st-icon-picker {
    z-index: 1000;
    display: inline-block;
    border: 1px solid var(--st-color-border);
    border-radius: 5px;
    padding: 5px;
    max-width: 220px;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    text-align: center;
}

.st-icon-picker > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.st-icon-picker > ul > li {
    display: inline-block;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 0;
}

.st-icon-picker > ul > li > a {
    display: inline-block;
    width: 48px;
    height: 48px;
    font-size: 32px;
    padding: 5px;
    margin: 0;
}

.st-icon-picker > ul > li.active {
    background-color: #eee;
}

.st-icon-picker > ul > li:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 2px 2px;
}.STSummaryCard {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid var(--st-color-border);
    text-align: center;
    padding-top: 15px;
    color: #555;
    z-index: 1;
}

.STSummaryCard > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.STSummaryCard svg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.STSummaryCard svg > polygon {
    stroke: #ccc;
    stroke-width: 2px;
    fill: transparent;
}

.STSummaryCard:not([data-indicator='Filter']) .filter-icon {
    display: none;
    visibility: hidden;
}

.STSummaryCard[data-indicator='Filter'] .filter-icon {
    background-color: lightgreen;
    border: 1px solid yellow;
}

.STSummaryCard[data-indicator] {
    border-color: yellow !important;
}

.STSummaryCard[data-indicator] svg > polygon {
    stroke: yellow !important;
}

.STSummaryCard .indicator {
	position: absolute;
	bottom: -3px;
	right: -3px;
	display: inline-block;
	margin: 0;
}

.STSummaryCard .indicator > span {
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    padding: 5px;
    border-radius: .7em;
    background-color: #fff;
    color: #333;
}

.STSummaryCard[data-size='ExtraSmall'] .indicator > span {
    font-size: 8px;
    line-height: 8px;
    padding: 2px;
}

.STSummaryCard[data-size='Small'] .indicator > span {
    font-size: 12px;
    line-height: 12px;
    padding: 2px;
}

.STSummaryCard[data-shape='RoundedRectangle'] {
    border-radius: 5px;
}

.STSummaryCard[data-shape='Rectangle'] {
}

.STSummaryCard[data-shape='Circle'] {
    padding: 10px;
    padding-top: 15px;
    border-radius: 1em;
}

.STSummaryCard[data-shape='Trapezoid'] {
    padding: 15px;
    border: 0 none;
    left: -1px;
}

.STSummaryCard[data-shape='Triangle'] {
    padding: 30% 0 0 0;
    border: 0 none;
    left: -1px;
}

.STSummaryCard[data-shape='Hexagon'] {
    padding: 15px;
    border: 0 none;
    left: -1px;
}

.STSummaryCard[data-shape='Octagon'] {
    border: 0 none;
    left: -1px;
}

.STSummaryCard[data-size='ExtraSmall'] {
    padding: 8px 0;
    min-width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 16px;
}

.STSummaryCard[data-shape='Square'][data-size='ExtraSmall'] {
    width: 32px;
    overflow: hidden;
}

.STSummaryCard[data-size='Small'] {
    padding-top: 8px;
    min-width: 60px;
    height: 60px;
    font-size: 32px;
    line-height: 32px;
}

.REV_GRID_CONTROL > .STSummaryCard[data-size='Small'] {
    padding-top: 14px;
}

.STSummaryCard[data-shape='Square'][data-size='Small'] {
    width: 60px;
    overflow: hidden;
}

.STSummaryCard[data-size='Medium'] {
    min-width: 90px;
    height: 90px;
}
.STSummaryCard[data-size='Medium'] .value {
    font-size: 50px;
    line-height: 50px;
}

.STSummaryCard[data-shape='Square'][data-size='Medium'] {
    width: 125px;
    overflow: hidden;
}

.STSummaryCard[data-size='Large'] {
    min-width: 125px;
    height: 125px;
}
.STSummaryCard[data-size='Large'] .value {
    font-size: 64px;
    line-height: 64px;
}

.STSummaryCard[data-shape='Square'][data-size='Large'] {
    width: 125px;
    overflow: hidden;
}

.STSummaryCard[data-size='ExtraLarge'] {
    min-width: 250px;
    height: 250px;
    font-size: 200px;
    line-height: 200px;
}

.STSummaryCard[data-shape='Square'][data-size='ExtraLarge'] {
    width: 250px;
    overflow: hidden;
}

.STSummaryCard > div > .value {
    font-weight: bold;
    display: block;
}

.STSummaryCard > div > .card-label {
    display: block;
    font-size: 16px;
    line-height: 16px;
}

.REV_GRID_CONTROL.REV_SUMMARY_CARD {
    text-align: center;
}

.STBadgedSummaryCard {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid var(--st-color-border);
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    z-index: 1;
    overflow: hidden;
}

.REV_LAYOUT_COLUMN > div > .STBadgedSummaryCard:not(.fixed-width) {
    width: 100%;
}

.STBadgedSummaryCard > div {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    display: flex !important;
    flex-direction: column;
}

.STBadgedSummaryCard > div > div {
    flex: 0 1 auto;
}

.STBadgedSummaryCard > div > .card-label {
    padding: 2px 0;
}

.STBadgedSummaryCard > div > .value {
    flex: 1 1 auto;
}

.STBadgedSummaryCard > div .value {
    font-weight: bold;
    /*overflow: hidden;*/
}

.STBadgedSummaryCard[data-shape="None"] .shape {
    display: none;
    visibility: hidden;
}

.STBadgedSummaryCard:not([data-shape="Icon"]) .shape {
    display: none;
    visibility: hidden;
}

.STBadgedSummaryCard[data-shape="RoundedSquare"] .shape,
.STBadgedSummaryCard[data-shape="RoundedRectangle"] .shape {
    border-radius: 5px;
}

.STBadgedSummaryCard[data-shape="Circle"] .shape {
    border-radius: 1em;
    border: 1px solid var(--st-color-border);
    width: 24px;
    height: 24px;
    display: inline-block;
    visibility: visible;
}

.STBadgedSummaryCard[data-shape="Square"] .shape,
.STBadgedSummaryCard[data-shape="RoundedSquare"] .shape {
    padding: 8px 0;
    height: 24px;
    width: 24px;
    display: inline-block;
    visibility: visible;
    border: 2px solid var(--st-color-border);
}

.STBadgedSummaryCard[data-shape="Rectangle"] .shape,
.STBadgedSummaryCard[data-shape="RoundedRectangle"] .shape {
    padding: 8px 0;
    min-width: 24px;
    height: 24px;
    display: inline-block;
    visibility: visible;
    border: 2px solid var(--st-color-border);
}

.STBadgedSummaryCard > div .card-label {
    font-size: 16px;
    line-height: 16px;
    padding: 2px 3px;
    padding-top: 4px;
}

.STBadgedSummaryCard[data-size='ExtraSmall'] {
    padding: 8px 0;
    min-width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 16px;
}

.STBadgedSummaryCard[data-size='Small'] {
    padding-top: 8px;
    min-width: 60px;
    height: 60px;
    font-size: 32px;
    line-height: 32px;
}

.STBadgedSummaryCard[data-size='Medium'] {
    min-width: 90px;
    height: 90px;
}
.STBadgedSummaryCard[data-size='Medium'] .value {
    font-size: 50px;
    line-height: 50px;
}

.STBadgedSummaryCard[data-size='Large'] {
    min-width: 125px;
    height: 125px;
}

.STBadgedSummaryCard[data-size='Large'] .value {
    font-size: 48px;
    line-height: 48px;
    padding-top: 16px;
}

.STBadgedSummaryCard[data-size='ExtraLarge'] {
    min-width: 250px;
    height: 250px;
    font-size: 150px;
    line-height: 150px;
}

.STBadgedSummaryCard .card-badge > svg {
    width: 24px;
    height: 24px;
}

.STBadgedSummaryCard:not([data-indicator='Filter']) .filter-icon {
    display: none;
    visibility: hidden;
}

.STBadgedSummaryCard[data-indicator] {
    color: var(--st-color-row-light-fg) !important;
    background-color: var(--st-color-row-light-bg) !important;
    border-color: var(--st-color-row-light-fg) !important;
}

.STBadgedSummaryCard:not([data-size="Large"]) .indicator {
    position: relative;
	margin: 0;
}

.STBadgedSummaryCard .filter-icon {
    position: absolute;
    right: 0px;
	top: 3px;
}

.STBadgedSummaryCard .indicator > span {
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    padding: 5px;
    color: rgb(88,146,196);
}

.STBadgedSummaryCard[data-size='Medium'] .indicator {
    position: absolute;
    right: -7px;
    top: -2px;
    padding: 0;
	margin: 0;
}

.STBadgedSummaryCard[data-size='Medium'] .indicator > .filter-icon {
    position: relative;
}
.st-token-modal-content {
    padding: 15px;
}

.st-token-modal-content textarea {
    min-width: 400px;
    min-height: 300px;
}

.st-token-modal-content .table {
    margin: 0 15px;
}

.st-token-modal-content .token-row:hover > td {
    background-color: #eee;
}

.st-token-modal-content .token-row > td {
    padding: 5px 10px;
}
#PrimaryView #QuickNav {
    position: relative;
    display: inline-block;
    visibility: visible;
    float: right;
    z-index: 99;
}

.VM_JobQueueExecute #QuickNav,
.VM_FindResult #QuickNav {
    display: none;
    visibility: hidden;
}

.Classic #PrimaryView #QuickNav > .btn-default {
    background-color: #dddddd;
}

.Classic #PrimaryView #QuickNav > .btn-default:hover {
    background-color: #eeeeee;
}

.REV_QUICK_NAV.dragOver > .btn[data-guid] {
    background-color: #ddffee;
}

.REV_QUICK_NAV > .btn {
    height: 28px;
}

.REV_QUICK_NAV .rhandle,
.REV_QUICK_NAV > .btn[data-guid] {
    display: none;
}

.REV_QUICK_NAV.Open .lhandle {
    display: none;
}

.REV_QUICK_NAV.Open .rhandle,
.REV_QUICK_NAV.Open > .btn[data-guid] {
    display: inline-block;
}

.REV_QUICK_NAV .option-btn-icon:after {
    content: '\2807';
}

.REV_QUICK_NAV .btn > img {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
    opacity: 0.65;

    pointer-events: none;
    transition: transform linear .25s;
}

/* Disable grayscale on hover */
.REV_QUICK_NAV:hover .btn > img {
    -webkit-filter: grayscale(0);
    filter: none;
    opacity: 1;
}

.REV_QUICK_NAV .btn:hover > img {
    transform: scale(1.2, 1.2);
}

.quick-nav-dropdown .options .form-group {
    display: table;
    margin-left: 15px;
}

.quick-nav-dropdown .options .form-group > :first-child {
    padding: 0 3px;
}

.quick-nav-dropdown .options .form-group > * {
    display: table-cell;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
}

.quick-nav-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    max-width: 800px;
    border-radius: 0 0 5px 5px;
    border: 1px solid var(--st-color-border);
    border-top: 0 none;
    z-index: 2024;
    box-shadow: 1px 2px 2px rgba(0,0,0,.25);
    display: flex;
    flex-direction: row;
}

.quick-nav-dropdown ul {
    padding-left: 0;
    list-style-type: none;
}

.quick-nav-dropdown > .tab-content {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;

    font-weight: normal;
    font-size: 14px;
}

.quick-nav-dropdown > .tab-content > .quick-nav-group {
    display: inline-block;
    vertical-align: top;
    padding: 5px;

    flex: 1 1 auto;
}

.quick-nav-dropdown .quick-nav-group ul {
    display: table;
    width: 100%;
}

.quick-nav-dropdown .quick-nav-group li {
    display: table-row;
}

.quick-nav-dropdown .quick-nav-group li:hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.quick-nav-dropdown .quick-nav-group li > * {
    display: table-cell;
    vertical-align: middle;
    padding: 2px;
}

.quick-nav-dropdown .quick-nav-group li > :first-child {
    width: 1px;
}

.quick-nav-dropdown .quick-nav-group img {
    height: 24px;
}

.quick-nav-dropdown h3 {
    margin: 2px 10px;
    padding: 0;
    border-bottom: 1px solid var(--st-color-border);
    font-size: 1.2em;
    min-width: 175px;
}

.quick-nav-dropdown > .options {
    position: absolute;
    top: 10px;
    left: 100%;
}

.quick-nav-dropdown > .options li {
    border-radius: 0 5px 5px 0;
    background-color: #fff;
    border: 1px solid var(--st-color-border);
    border-left: 0 none;
    margin-bottom: 2px;
}
.st-carousel {
    display: inline-block;
    position: relative;
    min-width: 200px;
    min-height: 100px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;

    overflow: hidden;

    border: 1px solid #ddd;
    border-radius: 5px;
}

.st-carousel > .content {
    position: relative;
    left: 0;
    top: 0;
    padding: 0;

    overflow: hidden;
}

.st-carousel > .content:after {
    content: '';
    display: table;
    clear: both;
}

.st-carousel-page {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    min-width: 100%;
    top: 0;
}

.st-carousel .nav-bar a[data-action="Carousel.SelectNextPage"],
.st-carousel .nav-bar a[data-action="Carousel.SelectPreviousPage"] {
    opacity: 0;
    transition: opacity linear .5s;
}

.st-carousel .nav-bar:hover a[data-action="Carousel.SelectNextPage"],
.st-carousel .nav-bar:hover a[data-action="Carousel.SelectPreviousPage"] {
    opacity: 1;
}

.st-carousel.no-border,
.st-carousel.no-border .nav-bar {
    border: 0 none !important;
}

.st-carousel.horizontal[data-justify="Center"] .nav-bar {
    text-align: center;
}

.st-carousel.horizontal[data-justify="Left"] .nav-bar {
    text-align: left;
}

.st-carousel.horizontal[data-justify="Right"] .nav-bar {
    text-align: right;
}

.st-carousel.vertical .st-carousel-page {
    min-height: 100%;
    left: 0;
}

.st-carousel-page > .content {
    display: inline-block;
    text-align: left;
    padding: 0;
}

.st-carousel-page > .content > div {
    margin: 0;
    padding: 0;
}

.st-carousel-page:not(.current):not(.next) {
    visibility: hidden;
}

.st-carousel.slide .st-carousel-page {
    transition: left linear .5s, right linear .5s, top linear .5s, bottom linear .5s;
}

.st-carousel-page.next {
    z-index: 2;
}

.st-carousel.horizontal.right.slide .st-carousel-page.current,
.st-carousel.horizontal.left .st-carousel-page.next {
    left: 100%;
}

.st-carousel.horizontal.right .st-carousel-page.current,
.st-carousel.horizontal.left.slide .st-carousel-page.next {
    left: 0;
}

.st-carousel.horizontal.left .st-carousel-page.current,
.st-carousel.horizontal.right.slide .st-carousel-page.next {
    right: 0;
    left: auto;
}

.st-carousel.horizontal.left.slide .st-carousel-page.current,
.st-carousel.horizontal.right .st-carousel-page.next {
    right: 100%;
    left: auto;
}

.st-carousel.vertical.right.slide .st-carousel-page.current,
.st-carousel.vertical.left .st-carousel-page.next {
    top: 100%;
}

.st-carousel.vertical.right .st-carousel-page.current,
.st-carousel.vertical.left.slide .st-carousel-page.next {
    top: 0;
}

.st-carousel.vertical.left .st-carousel-page.current,
.st-carousel.vertical.right.slide .st-carousel-page.next {
    bottom: 0;
    top: auto;
}

.st-carousel.vertical.left.slide .st-carousel-page.current,
.st-carousel.vertical.right .st-carousel-page.next {
    bottom: 100%;
    top: auto;
}

.st-carousel .nav-bar {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
}

.st-carousel .nav-bar > ul {
    list-style-type: none;
    display: block;
    padding: 0;
    margin: 0;
}

.st-carousel .nav-bar > ul > li {
    display: inline-block;
}

.st-carousel.vertical .nav-bar > ul > li {
    display: block;
}

.st-carousel:not([data-orientation]) .nav-bar,
.st-carousel[data-orientation="Bottom"] .nav-bar {
    border-top: 1px solid #ddd;
}

.st-carousel[data-orientation="Top"] {
    padding-bottom: 0;
    padding-top: 35px;
}

.st-carousel[data-orientation="Top"] .nav-bar {
    border-bottom: 1px solid #ddd;
    top: 0;
    bottom: auto;
}

.st-carousel[data-orientation="Left"] {
    padding-bottom: 0;
    padding-left: 40px;
}

.st-carousel[data-orientation="Left"] .nav-bar {
    border-right: 1px solid #ddd;
    left: 0;
    top: 0;
    right: auto;
    width: auto;
}

.st-carousel[data-orientation="Left"] .nav-bar > li {
    display: block;
}

.st-carousel[data-orientation="Right"] {
    padding-bottom: 0;
    padding-right: 40px;
}

.st-carousel[data-orientation="Right"] .nav-bar {
    border-left: 1px solid #ddd;
    right: 0;
    top: 0;
    left: auto;
    width: auto;
}

.st-carousel[data-orientation="Right"] .nav-bar > li {
    display: block;
}

.st-carousel .nav-bar > li {
    color: var(--st-color-link-fg);
    background-color: var(--st-color-link-bg);
    display: inline-block;
}

.st-carousel .nav-bar > li > a {
    padding: 2px 3px;
}

.st-carousel .nav-bar > li:not(.active):not(:hover) {
    opacity: 0.5;
}

.st-carousel .nav-bar li.page-selector.active > a {
    color: #aed9ff;
}


/********************* seportfolio-docmenu-container ************************/
.seportfolio-docmenu-container {
    padding: 5px;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    width: 800px;
    height: 330px;
}

.seportfolio-docmenu-container label {
    color: var(--st-color-input-dim);
}

.seportfolio-docmenu-container .seportfolio-doc-filter .form-control {
    background-color: var(--st-color-input-bg);
}

.seportfolio-docmenu-container ul {
    list-style-type: none;
}

.seportfolio-docmenu-container ul > li {

}

.seportfolio-docmenu-container .se-portfolio-document-list li:hover {
    color: var(--st-color-hover-fg);
    background-color: var(--st-color-hover-bg);
}

.seportfolio-docmenu-container li.child-document-list {
    padding: 0px 25px;
}

.seportfolio-docmenu-container .scrolling-container {
    height: 250px;
    overflow: auto;
    border-left: 1px solid var(--st-color-border);
    border-bottom: 1px solid var(--st-color-border);
}

.se-portfolio-document-list.scrolling-container,
.se-portfolio-document-list.scrolling-container > ul {
    padding: 5px;
}

.seportfolio-docmenu-container .seportfolio-docstatus-icon {
    max-width: 24px;
    max-height: 24px;
    padding: 0 2px 4px 2px;
}
/********************* seportfolio-docmenu-container ************************/

/********************* seportfolio-doccard-container ************************/
.seportfolio-doccard-container {
    padding: 5px;
    min-width: 160px;
}

.seportfolio-doccard-container > ul > li {
    white-space: nowrap;
}
/********************* seportfolio-doccard-container ************************/.filter-dropdown {
    position: fixed;
    z-index: 1000;
    min-width: 160px;
    padding: 10px 15px;
    margin: -1px 0 0 -1px;
    list-style: none;
    font-size: 14px;
    background-color: var(--st-color-dropdown-bg);
    color: var(--st-color-dropdown-fg);
    border: 1px solid var(--st-color-border);
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    text-align: left;
    font-weight: normal;
}

.filter-dropdown .input-group-addon {
    width: 1px;
}

.filter-menu-container > .content {
    display: table;
}

.filter-menu-container .filter-menu-column {
    clear: both;
    display: table-cell;
    vertical-align: top;
    padding: 5px 10px;
    min-width: 120px;
}

.filter-menu-container .filter-menu-column:not(:first-child) {
    border-left: 1px solid var(--st-color-border);
}

.filter-menu-container .filter-menu-column h3 {
    white-space: nowrap;
    margin: 0 0 5px 0;
}

.filter-menu-container > .footer {
    border-top: 1px solid var(--st-color-border);
    padding: 5px;
}

.filter-menu .input-group {
    width: 100%;
    margin-bottom: 5px;
}

.filter-menu ul {
    border: 1px solid var(--st-color-border);
    background-color: var(--st-color-well-bg);
    color: var(--st-color-well-fg);
    list-style-type: none;
    padding: 10px;
    max-height: 200px;
    overflow: auto;
    border-radius: 5px;
}

.filter-menu ul > li {
    white-space: nowrap;
}

.filter-menu ul > li label {
    font-weight: normal;
}

.filter-dropdown > .filter-menu-footer {
    padding: 5px;
    border-top: 1px solid var(--st-color-border);
}

.date-filter .layout-table {
    width: 100%;
}

.date-filter .layout-column {
    padding: 5px;
}

.filter-dropdown > .title {
    position: absolute;
    right: 0;
    bottom: 100%;
    background-color: var(--st-color-dropdown-bg);
    color: var(--st-color-dropdown-bg);
    height: 4px;
    min-width: 100%;
}

.offset-range {
    position: relative;
}

.offset-range > input {
    padding-right: 15px;
}

.offset-range > .range-control {
    position: absolute;
    right: 5px;
    top: -1px;
}

th.filter-open {
    background-color: var(--st-color-dropdown-bg) !important;
    color: var(--st-color-dropdown-fg) !important;
    border-color: var(--st-color-border) !important;
    z-index: 100 !important;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}

th.filter-open > div > .column-actions,
th.filter-open > div > div:not(.grid-header-label) > .fa {
    visibility: hidden !important;
}

th.filter-open .grid-header-label {
    color: var(--st-color-dim-fg);
}
.st-drop-target {
	padding-bottom: 10px;
}

.st-drop-target .btn-group > .btn {
	padding: 6px 12px;
}

.st-drop-target .st-drop-container {
	display: block;
	min-width: 100px;
	min-height: 100px;
	border: 4px dashed #00d8ff;
	border-radius: .5em;
	text-align: center;
	font-size: 24px;
	padding: 32px;
	color: var(--st-color-dim-fg);
	background-color: var(--st-color-panel-bg);
}

.st-drop-target .st-drop-container > input {
    display: inline-block;
    height: 0;
    overflow: hidden;
}

.st-drop-target .st-drop-container.hover {
    color: var(--st-color-hover-fg);
    background-color: var(--st-color-hover-bg);
}

.st-drop-target .st-file-container {
    padding: 5px;
    border: #c1c1c1 1px solid;
    border-radius: .5em;
}

.st-drop-target .st-file {
    display: inline-block;
    padding: 3px 6px;
    background-color: #828282;
    color: #fff;
    border-radius: .5em;
    margin-right: 2px;
    margin-bottom: 2px;
}

.st-file > .st-file-name {
    max-width: 350px;
    margin-right: 5px;
    display: inline-block;
}

.st-file-progress {
    max-height: 150px;
    overflow: hidden;

    transition: max-height ease-in-out .5s;
}

.st-file-progress:not(.stdt-show) {
    max-height: 0;
}

.st-file-progress .progress {
    position: relative;
}

.st-file-progress .progress .progress-value {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    font-weight: bold;
    color: white;
    -webkit-text-stroke: 1px black;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.st-dt-progress {
    border: 1px solid var(--st-color-border);
    border-radius: 2px;
    overflow: hidden;
    cursor: pointer;
}

.st-dt-progress .progress-indicator {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	z-index: 1;
}

.st-dt-progress .progress-text {
	z-index: 2;
	position: relative;
	text-align: center;
}

.st-dt-progress > .progress-total-bar {
    position: relative;
    padding: 5px 10px;
    font-size: 18px;
    min-height: 18px;
    line-height: 18px;
    border-bottom: 1px solid var(--st-color-border);
    font-weight: bold;
    background-color: var(--st-color-nav-panel-bg);
    color: var(--st-color-nav-panel-fg);
    color: #fff;
}

.st-dt-progress > .progress-total-bar > .progress-indicator {
	background-color: #484;
}

.st-dt-progress > .progress-file-bar {
	position: relative;
	font-size: 12px;
	min-height: 12px;
	line-height: 12px;
	color: #fff;
	background-color: #aaa;
}

.st-dt-progress > .progress-file-bar > .progress-indicator {
	background-color: #387abb;
}
.st-planning-board {
    border: 1px solid var(--st-color-border);
    border-radius: 5px;
}

.stpb-header {
    padding: 5px;
    z-index: 5;
    display: flex;
    justify-content: space-between;
}

.stpb-header-title {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 20px;
    flex-grow: 1;
}

.stpb-header-title > h2 {
    margin: 0;
    padding-left: 20px;
}

.stpb-content {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(300px, 1fr);
    overflow-x: auto;
}

.stpb-column {
    padding: 5px;
    min-width: 40px;
    min-height: 300px;
    background-color: #f7f7f7;
    color: #222;
    margin: 5px;
    overflow-y: auto;
    border-radius: 8px;
}

.stpb-column.flex-item.auto {
    flex: 1 0 auto;
}

.stpb-column:not(:first-of-type) {
    /*border-left: 1px solid var(--st-color-border);*/
}


/* ===== Scrollbar CSS ===== */

/* Chrome, Edge, and Safari */
.st-planning-board *::-webkit-scrollbar {
    width: 8px;
}

.st-planning-board *::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
}

.st-planning-board *::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 4px;
    border: 3px solid rgba(0, 0, 0, 0);
}

.stpb-column .sortable-placeholder,
.stpb-column.drop-hovered {
    border: 1px solid var(--st-color-border);
    background-color: #eee;
}

.stpb-column .stpb-column-header {
    padding: 0;
    margin: 0;
    font-size:18px;
}

.browser-InternetExplorer .stpb-column .stpb-column-list > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.stpb-column .stpb-column-list ul {
    list-style-type: none;
    position: relative;
    overflow: auto;
    padding: 0;
    padding-right: 1px;
    margin-bottom: 0px;
}

.stpb-column .stpb-column-list ul.active {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.stpb-card {
    display: block;
    margin: 8px 8px;
    overflow: hidden;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    border-radius: 8px;
    border: 1px solid hsl(0deg 0% 85%);
    font-size: 12px;
    box-shadow: rgb(0 0 0 / 25%) 0.5px 2px 3px;
}

.stpb-card.pulse {
    animation: pulse-bg .5s 3;
}

.stpb-card .stpb-card-header {
    padding: 4px 10px;
    margin: 0;
    border-bottom: 1px solid hsl(0deg 0% 85%);
    background-color: hsl(0deg 0% 88%);
    font-size: 14px;
    display: flex;
    justify-content: center;
}

.stpb-card-header > span:first-child, .stpb-card-header > span:last-child {
    flex-grow: 1;
}

.stpb-card-header > span:last-child {
    display: flex;
    justify-content: end;
    align-items: center;
    cursor: pointer;
}

.stpb-loading {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.ui-sortable:not(.ui-sortable-disabled) .stpb-card .stpb-card-header {
    cursor: move;
}

.stpb-header-filter {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0px 8px;
}

.stpb-filter-dropdown {
    position: absolute;
    background-color: white;
    z-index: 10;
    width: 300px;
    border-radius: 3px;
    /*border: 1px solid #666;*/
    overflow-y: auto;
    max-height: 500px;
    box-shadow: rgb(0 0 0 / 25%) 0px 6px 14px 0px, rgb(0 0 0 / 25%) 0px 1px 3px 0px;
    right: 0;
    opacity: 1;
    transition: opacity 0.15s, transform 0.35s;
}

.stpb-header-controls {
    display: flex;
}

.stpb-page-tab {
    align-self: end;
}

.stpb-page-tab-content {
    width: 100%;
}

.stpb-filter-dropdown-header {
    padding: 10px;
}

.stpb-filter-dropdown-title-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 2px;
}

.stpb-filter-dropdown-title-area > h4 {
    font-weight: 600;
    font-size: 17px;
    margin: 0;
}

.stpb-filter-text-input {
    width: 100% !important;
    height: 30px !important;
}

.stpb-text-btn {
    border: none;
    background-color: transparent;
    padding: 5px 10px;
    height: fit-content;
    border-radius: 4px;
    color: rgb(51 122 183);
}

.stpb-text-btn:hover {
    color: var(--st-color-hover-fg);
    background-color: var(--st-color-hover-bg);
}

.stpb-text-btn:active {
    color: var(--st-color-hover-fg);
    background-color: var(--st-color-hover-bg);
}

.stpb-filter-group {
    margin-top: 2px;
    background-color: var(--st-color-dropdown-bg);
    color: var(--st-color-dropdown-fg);
}

.stpb-filter-group-header {
    cursor: pointer;
    background-color: rgb(0 0 0/ 6%);
    transition: 0.25s;
    padding: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.stpb-filter-group-header:hover {
    background-color: #ccc;
}

.stpb-filter-group-header-title {
    padding: 4px 0px;
}

.stpb-filter-group-header-title * {
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.1;
    padding-right: 4px;
}

.stpb-filter-group-header-title {
    display: flex;
    align-items: center;
}

.stpb-filter-group-values {
    background-color: var(--st-color-dropdown-bg);
    color: var(--st-color-dropdown-fg);
}

.stpb-filter-group-values > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.stpb-filter-group-values > ul > li {
    cursor: pointer;
    padding: 6px;
    margin: 0;
}

.stpb-filter-group-values > ul > li.selected {
    /*background-color: red !important;*/
}


.stpb-filter-group-values > ul > li:hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.stpb-filter-group-value {
    display: grid;
    grid-template-columns: auto 30px;
}

.stpb-filter-group-value-container {
    display: grid;
    grid-template-columns: 1fr auto;
}

.stpb-filter-group-value-container > span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.stpb-filter-group-value-check {
    display: flex;
    align-items: center;
    justify-content: center;
}

.stpb-content.collapsed > .stpb-column > .stpb-column-list > div > ul > .stpb-card > table > tbody > tr:not(:first-child) {
    display: none;
}

.stpb-card.collapsed > table > tbody > tr:not(:first-child) {
    display: none;
}


.stpb-card.ui-sortable-helper {
    transform: rotate(4deg);
    opacity: 0.9;
}

.stpb-card table {
    margin: 5px 8px;
}

.stpb-filter-button {
    background-color: rgb(0 0 0 / 4%) !important;
    border: none;
    height: 100%;
    margin: 4px;
    padding: 0px 20px !important;
}

.stpb-filter-button:hover {
    color: inherit;
    background-color: rgb(0 0 0 / 6%) !important;
}

.stpb-filter-button:active {
    color: inherit;
    background-color: rgb(0 0 0 / 8%) !important;
    box-shadow: none;
}

.stpb-card table th {
    font-weight: normal;
    white-space: nowrap;
    padding-bottom: 6px;
}

.stpb-card table tr {
    vertical-align: top;     
}

.stpb-card table td {
    font-weight: bold;
    padding-left: 3px;
    padding-bottom: 6px;
}

.stpb-filters {
    float: right;
}

.stpb-filters .stpb-filter {
    position: relative;
    display: inline-block;
}

.stpb-filter .filtered-check {
    color: var(--st-btn-success-bg);
    position: absolute;
    bottom: -.25em;
    right: -.25em;
    visibility: hidden;
}

.stpb-filter .filtered {
    background-color: var(--st-color-filtered-bg);
    color: var(--st-color-filtered-fg);
}

.stpb-filter .filtered > .filtered-check {
    visibility: visible;
}

.stpb-filter .input-group-addon, .stpb-filter .input-group-btn {
    width: 1px;
}

.stpb-filter .stpb-filter-dropdown {
    display: inline-block;
    position: absolute;
    border-radius: 5px;
    border: 1px solid var(--st-color-border);
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    right: 0;
    top: 100%;
    min-width: 100%;
    min-height: 30px;
}

.stpb-filter .stpb-filter-list {
    border-radius: 5px;
    border: 1px solid var(--st-color-border);
    overflow: auto;
    max-height: 300px;
}

.stpb-filter-list .list-group-item {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ddd;
}

.stpb-filter-list .list-group-item:hover {
    background-color: var(--orange-highlight);
    color: #fff;
}

.stpb-filter-list .list-group-item > label {
    margin: 0;
    padding: 5px 10px;
    display: block;
}

.stpb-filter-list .list-group-item:not(.selected) > label {
    font-weight: normal;
}

.stpb-card.StyleBrightHighLight > .stpb-card-header,
.stpb-card.StyleBrightHighLightWithBorder > .stpb-card-header,
.stpb-card.StyleLightBlue > .stpb-card-header,
.stpb-card.StyleGreen > .stpb-card-header {
    color: #222 !important;
}

.stpb-card.StyleBrightHighLight > .stpb-card-header a,
.stpb-card.StyleBrightHighLightWithBorder > .stpb-card-header a,
.stpb-card.StyleLightBlue > .stpb-card-header a,
.stpb-card.StyleGreen > .stpb-card-header a,
.stpb-card.StyleError > .stpb-card-header a {
    color: White !important;
}

.stpb-card.StyleEmphasis > .stpb-card-header {
    background-color: #ccff99 !important;
}

.stpb-card.StyleMoreEmphasis > .stpb-card-header {
    background-color: #00ff33 !important;
}

.stpb-card.StyleHighLight > .stpb-card-header {
    background-color: var(--st-style-highlight-bg) !important;
    color: var(--st-style-highlight-fg) !important;
}

.stpb-card.StyleCurrentDate > .stpb-card-header {
    background-color: #FDEAC7 !important;
}

.stpb-card.BorderThick {
    border-width: 4px !important;
    border-color: #555 !important;
}
.stpb-card.StyleBrightHighLight > .stpb-card-header {
    background-color: yellow !important;
}

.stpb-card.StyleBrightHighLightWithBorder > .stpb-card-header {
    background-color: yellow !important;
    outline: 2px solid black;
}


.stpb-card.StyleClear > .stpb-card-header {
}


.stpb-card.StyleComplete > .stpb-card-header {
    background-color: #3eb54a;
}

.stpb-card.StyleDataLessEmp > .stpb-card-header {
    color: #DADADA !important;
}

.stpb-card.StyleError > .stpb-card-header {
    background-color: red !important;
    color: White !important;
}
.stpb-card.StyleError {
    background-color: #ffb3b3 !important;
}

.stpb-card.StyleLessEmphasis > .stpb-card-header {
    background-color: #cb9f6d !important;
}

.stpb-card.StyleGreen > .stpb-card-header {
    background-color: #5BD75B !important;
}

.stpb-card.StyleGreenLight > .stpb-card-header {
    background-color: #A3E7A3 !important;
}
.stpb-card.StyleHide {
    display: none !important;
    visibility: hidden !important;
}

.stpb-card.StyleLightBlue > .stpb-card-header {
    background-color: #e2f8ff !important;
}


.stpb-card.StyleNone > .stpb-card-header {
    background-color: transparent;
}
.stpb-card.StyleNotAvailableEditable > .stpb-card-header,
.stpb-card.StyleNotAvailable > .stpb-card-header {
    color: white !important;
    background-color: #333 !important;
}


.stpb-card.StyleOrange > .stpb-card-header {
    background-color: #FF9D5B;
}

.stpb-card.StyleOverdue > .stpb-card-header {
    background-color: #d22026 !important;
    color: White !important;
}

.stpb-card.StyleInProgress > .stpb-card-header {
    background-color: #f9ed24;
}

.stpb-card.StyleRed > .stpb-card-header {
    background-color: #FF6F6F;
}

.stpb-card.StyleRedLight > .stpb-card-header {
    background-color: #ffe6e6;
}
.stpb-card.StyleViolet > .stpb-card-header {
    background-color: #C68CFF;
}
.stpb-card.StyleWarning > .stpb-card-header {
    background-color: #FFC6C6 !important;
    color: #000 !important;
}

.stpb-card.StyleWhite > .stpb-card-header {
    background-color: #FFFFFF;
}
.REV_GRID_CONTROL:not(:hover) > .input-group .snapshot-target {
	visibility: hidden;
}

body[data-snapshot-mode="H"] .REV_VIEW:not(.FindMode) .REV_GRID_CONTROL:hover > .input-group .snapshot-target {
	visibility: visible;
}

.snapshot .snapshot-target,
.REV_VIEW.FindMode .snapshot-target,
body:not([data-snapshot-mode="H"]) .snapshot-target {
	display: none !important;
	visibility: hidden !important;
}

.snapshot-target.input-group-addon {
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    border-left: 1px solid var(--st-color-border);
    border-radius: 5px;
}

.snapshot {
	position: fixed !important;
	display: inline-block;
	z-index: 5000;
}

.snapshot > .content {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.snapshot:not(.unavailable) .snapshot-unavailable {
	display: none;
	visibility: hidden;
}

.snapshot:not(.loading) .loading {
	display: none;
	visibility: hidden;
}

.snapshot.loading .REV_VIEW,
.snapshot.unavailable .REV_VIEW {
	display: none;
	visibility: hidden;
}

.snapshot.loading {
	min-width: 300px;
	min-height: 200px;
}

.snapshot .loading,
.snapshot .snapshot-unavailable {
	text-align: center;
	padding: 10px;
}

.REV_TITLE_AREA .snapshot .REV_HEAD,
.REV_PANEL .snapshot .REV_HEAD {
	visibility: hidden;
	display: none;
}

.snapshot .snapshot-loading-spinner {
	width: 20px;
	height: 20px;
	display: inline;
	margin: 10px;
}

.snapshot .content {
    background-color: var(--st-color-modal-bg);
    padding: 0px 3px 3px 3px;
    border-radius: 5px;
    border: 1px solid var(--st-color-border);
    -webkit-box-shadow: 4px 4px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 4px 4px 5px rgba(0,0,0,0.25);
    box-shadow: 4px 4px 5px rgba(0,0,0,0.25);
}

.snapshot .content .REV_VIEW .tab-content {
    max-height: 500px;
    overflow: auto;
}

.snapshot .content .REV_VIEW .REV_HEAD .REV_HEAD_CONTENT .REV_TITLE_AREA {
    background-color: var(--st-color-heading-bg);
    color: var(--st-color-heading-fg);
}

.snapshot .content .REV_VIEW .REV_HEAD .REV_HEAD_CONTENT .REV_TITLE_AREA .REV_CONTROL .control-label,
.snapshot .content .REV_TITLE_AREA .form-control {
    font-size: 1.5em;
    background-color: var(--st-color-heading-bg);
    color: var(--st-color-heading-fg);
}

.snapshot .content .REV_TITLE_AREA {
	border-bottom: 1px solid #555;
	padding: 0px 2px 5px 5px;
}

.snapshot .content .REV_TITLE_AREA .form-control.value {
}

.snapshot .REV_CONTROL a.form-control.value {
    color: var(--st-color-link-fg);
    background-color: var(--st-color-link-bg);
    padding-bottom: 4px;
}

.snapshot .content .REV_TITLE_AREA .REV_CONTROL .btn {
	padding-bottom: 4px;
	padding-top: 4px;
}

.snapshot .REV_HEAD .panel.REV_TITLE_AREA {
	margin: 0px;
}

.snapshot .REV_TITLE_TEXT:last-child {
	margin-right: 35px;
}

.snapshot .REV_EDIT_STATIC p {
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 5px;
}

.CompactView .snapshot .REV_CONTROL .form-control,
.CompactView .snapshot .REV_CONTROL .form-control.value {
	padding-top: 1px;
	padding-bottom: 1px;
}

.snapshot .REV_CONTROL .form-control,
.snapshot .REV_CONTROL .form-control.value {
	cursor: default !important;
	border: none;
	box-shadow: none;
	color: black;
	padding-top: 4px;
	padding-bottom: 4px;
}


.snapshot .REV_CHECK_BOX_LIST {
	color: black !important;
	display: inline;
}

.snapshot .form-control:not(textarea),
.snapshot .REV_CONTROL .form-control:not(textarea) {
	width: auto;
	display: table-cell;
	text-align: left;
}

.snapshot .REV_DROP_DOWN .st-dropdown button {
	border-radius: 4px !important;
}

.snapshot .REV_CONTROL.REV_IMAGE {
	padding: 5px !important;
}

.snapshot .REV_CONTROL.REV_IMAGE img {
	border: 1px solid #bbe2e2;
}

.snapshot .REV_CONTROL {
	padding: 0px !important;
}

.snapshot .REV_CONTROL .static {
	display: inherit !important;
	visibility: visible !important;
}

.snapshot .REV_CONTROL .input {
	display: none !important;
	visibility: hidden !important;
}

.snapshot .REV_CONTROL .fk_link {
	display: none !important;
	visibility: hidden !important;
}

.snapshot .REV_VIEW .REV_HEAD_CONTENT {
	border: none;
}



.REV_CONTROL:not(.REV_EDIT_STATIC) .snapshot .static > .form-control:before {
	display: none;
}


.snapshot .REV_CHECK_BOX_LIST input[type="checkbox"] {
	display: inline;
	visibility: visible !important;
}


.snapshot .REV_CHECK_BOX_LIST .CHECK_BOX_GRID tr {
	background-color: #f7f8f9 !important;
}

.snapshot .content button.close {
	margin-top: 3px;
	margin-right: 8px;
	padding: 0px;
	position: absolute;
	right: 5px;
	top: 0px;
	float: none;
	z-index: 5;
}

.snapshot .REV_GRID .DeleteRow,
.snapshot .REV_GRID #REV_GRID_ADD {
	visibility: hidden;
	display: none;
}

[data-snapshot-view] {
	transition: outline 750ms;
	outline: 1px solid transparent !important;
}

[data-snapshot-view].active-snapshot {
	outline: 1px solid var(--st-color-link-fg) !important;
}

.snapshot .ST_STUDENT_NOTIFICATIONS {
	margin-right: 40px;
}
.st-grid-editor-container th {
	position: relative;
}

body.browser-Firefox .st-grid-editor-container .table,
body.browser-Edge .st-grid-editor-container .table {
	border-collapse: separate;
}

.st-grid-editor-container th:not(:hover):not(.st-drag-insert) > .th-drag-handle {
	opacity: 0.2;
}

.st-grid-editor-container th > .th-drag-handle {
    background-color: var(--st-color-row-selected-bg);
    color: var(--st-color-row-selected-fg);
    
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 24px;
    cursor: move;
    white-space: nowrap;
}

.st-grid-editor-container th.st-drag-insert .insert-placeholder {
	display: inline-block;
	position: absolute;
	left: -1px;
	width: 2px;
	min-height: 100%;
	top: 0;
	bottom: 0;
	z-index: 2;

    background-color: var(--st-color-row-selected-bg);
    color: var(--st-color-row-selected-bg);
}

.st-grid-editor-container th.st-drag-insert .insert-placeholder > .vbar {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--st-color-row-selected-bg);
    color: var(--st-color-row-selected-fg);
    box-shadow: 1px 1px 1px #00496d
}

.st-grid-editor-container th.st-drag-insert.right .insert-placeholder {
	left: auto;
	right: -1px;
}

.st-grid-editor-container th.st-drag-insert .insert-placeholder > .fa {
	position: absolute;
	display: inline-block;
	line-height: 0.2em;
	left: -6px;
	font-size: x-large;
	text-shadow: 1px 1px 1px #00496d;
}

.st-grid-editor-container th.st-drag-insert .insert-placeholder > .fa-caret-down {
	bottom: 100%;
	line-height: 0.4em;
}

.st-grid-editor-container th.st-drag-insert .insert-placeholder > .fa-caret-up {
	top: 100%;
}

.st-grid-editor-container th > div {
	display: table;
	cursor: move;
}

.st-grid-editor-container th > div > * {
	display: table-cell;
}

.st-grid-editor-container th .th-edit-controls {
	text-align: right;
	vertical-align: middle;
}

.st-grid-editor-container th .th-edit-controls .btn-link {
	color: #eee;
}

.st-grid-editor-overlay {
	position: fixed;
	z-index: 1000;
	display: inline-block;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0);
	opacity: 0.25;
}

.st-grid-editor-container {
	position: fixed;
	top: 200px;
	z-index: 2001;
	width: 100%;
	left: 0;
}

.st-grid-editor-container .table-overlay {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.st-grid-editor-container > .editor-content {
    background-color: var(--st-color-modal-bg);
    color: var(--st-color-modal-fg);
    padding: 15px 10px;
    margin: 0 15px;
    border-radius: 5px;
    border: 2px solid var(--st-color-modal-fg);
}

.st-grid-editor-container .table {
	margin-top: 24px;
}

.st-grid-editor-container .table th {
    background-color: var(--st-grid-heading-bg);
    color: var(--st-grid-heading-fg);
    border-color: var(--st-grid-border);

    padding: 0px 5px !important;
    vertical-align: middle;
    text-align: center;
}

.st-grid-editor-container .table th.REV_DATA_CELL {
	visibility: hidden;
	display: none;
}

.st-grid-editor-container .table th .grid-header-label {
	text-align: center;
}

.st-grid-editor-container .table th.ui-draggable-dragging {
	opacity: 0.8;
}

.st-grid-editor-container .table th.ui-draggable-dragging .ColumnSorter,
.st-grid-editor-container .table th.ui-draggable-dragging .col-placeholder {
	width: auto;
}

.st-grid-editor-container .table th:not(.ui-draggable-dragging) .grid-header-label {
	width: 100%;
}

.st-grid-editor-container .table th.suppressed-col .controls .btn-hide {
	display: none;
	visibility: hidden;
}

.st-grid-editor-container .table th:not(.suppressed-col) .controls .btn-show {
	display: none;
	visibility: hidden;
}

.st-grid-editor-container .table th.suppressed-col {
	opacity: 0.7;

	display: none;
	visibility: hidden;
}

.no-touch .st-grid-editor-container .btn:not(.btn-xs) {
	padding: 6px 12px;
}

.ColumnSelect .preset-list .list-group-item > .layout-column {
    vertical-align: middle;
    border-bottom: 1px solid var(--st-color-border);
    padding: 3px 5px;
}

.ColumnSelect .preset-list .list-group-item.active > .layout-column {
    background-color: var(--st-color-row-selected-bg);
    color: var(--st-color-row-selected-fg);
}

.ColumnSelect .preset-list .list-group-item:hover > .layout-column {
    background-color: var(--orange-highlight);
    color: #fff;
}

.ColumnSelect .preset-list .list-group-item:not(:hover) .btn {
	visibility: hidden;
}

.ColumnSelect .preset-list .list-group-item.active .pointer {
	position: absolute;
	left: 100%;
	top: 0;
	bottom: -1px;
}

.ColumnSelect .preset-list .list-group-item.active:not(:first-child) .pointer {
	top: -1px;
}

.ColumnSelect .preset-list .list-group-item:not(.active) .pointer {
	display: none;
	visibility: hidden;
}

.ColumnSelect .preset-list .list-group-item .pointer > svg {
	position: absolute;
	height: 100%;
}

.ColumnSelect .preset-list .list-group-item .pointer > svg .bgPath {
    fill: var(--st-color-border);
}

.ColumnSelect .preset-list .list-group-item .pointer > svg .fgPath {
    fill: var(--st-color-row-selected-bg);
}

.ColumnSelect .preset-list .list-group-item:hover .pointer > svg .fgPath {
    fill: var(--orange-highlight);
}

.ColumnSelect .menu-header {
    background-color: var(--st-color-heading-bg);
    color: var(--st-color-heading-fg);
    padding: 5px;
}

.ColumnSelect.export-menu .export-group {
    padding-top: 10px;
}

.REV_VIEW.FindMode .export-group {
	display: none;
	visibility: hidden;
}

.REV_GRID .export-group .list-group-item > a {
	padding: 2px 5px;
}

.REV_GRID .export-group .list-group-item.export-advanced {
    margin-top: 10px;
}

.REV_GRID .export-group .list-group-item:not(.export-advanced) {
    padding-left: 15px;
}

.REV_GRID .export-group .list-group-item {
    border-radius: 0;
}

.stge-hidden-columns {
    padding-left: 15px;
}

.stge-hidden-columns > div {
	padding-left: 15px;
	min-height: 1em;
}

.stge-hidden-columns .stge-badge {
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid var(--st-color-border);
    background-color: var(--st-color-input-addon-bg);
    color: var(--st-color-input-addon-fg);
    margin: 0px 5px;
}

.stge-hidden-columns .stge-badge.mandatory {
    border-color: var(--st-color-red-fg);
    color: var(--st-color-red-fg);
}

.stge-mandatory-warning {
    overflow: hidden;
    margin: 5px;
    color: var(--st-color-red-fg);
    max-width: 0;
    white-space: nowrap;
    display: block;
    transition: max-width linear .25s;
}

.stge-mandatory-warning.visible {
	max-width: 1000px;
}

.st-grid-editor-container input[name="preset-name"] {
    margin-left: 5px;
}

.ColumnSelect .custom-checkbox-item .desc {
    margin-left: 5px;
}

.grid-export-advanced .header > * {
    display: inline;
    margin-right: 30px;
}

.grid-export-advanced .stcheckbox-container .stcheckbox:checked + .stcheckbox-label {
    font-weight: bold;
}

.grid-export-advanced .stcheckbox-container .stcheckbox-label {
    cursor: pointer;
}

.grid-export-advanced .header {
    padding-bottom: 10px;
}

.grid-export-advanced .all-grids {
    display: block;
    margin-bottom: 10px;
}

.grid-export-advanced .all-grids .all-grids-label {
    font-size: 18px;
}

.grid-export-advanced > .content {
    max-width: 850px;
    padding: 10px;
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.grid-export-advanced .tabs {
    max-height: 500px;
    overflow: auto;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.grid-export-advanced .export-tab {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    min-width: 265px;
    max-width: 265px;
}

.grid-export-advanced .all-grids-label,
.grid-export-advanced .export-tab .tab-label {
    font-weight: bold;
}

.grid-export-advanced .quick-check {
    display: inline-block;
}

.grid-export-advanced .quick-check * {
    display: inline;
}

.grid-export-advanced .export-grid {
    margin-left: 20px;
}

.grid-export-advanced-icon {
    display: inline;
    margin-left: 5px;
}

.export-grid.no-data {
    font-style: italic;
    color: #999;
}#Checklists.collapsed .btn-collapse {
	display: none;
	visibility: hidden;
}

#Checklists:not(.collapsed) .btn-expand {
	display: none;
	visibility: hidden;
}

#Checklists.collapsed:not(.hovered) .content,
#Checklists.collapsed:not(.hovered) .heading {
	display: none;
}

#Checklists.collapsed:not(.hovered) {
	min-width: 20px;
}

#Checklists {
    min-width: 270px;
    position: relative;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
}

#NC_Checklists:not(.pinned) {
	white-space: nowrap;
}

#NC_Checklists.flexbox,
#NC_Checklists .flexbox {
	min-width: 270px !important;
}

#NC_Checklists .flexbox,
#Checklists .flexbox {
	overflow: hidden;
}

#NC_Checklists .tab-pane {
	padding: 5px 10px;
}

.st-checklists {
    background-color: var(--st-color-nav-panel-bg);
    color: var(--st-color-nav-panel-fg);
}

.st-checklists > div:not(.clearfix) {
    background-color: var(--st-color-panel-bg);
    color: var(--st-color-panel-fg);
}

.checklist-table.table > tbody > tr > th {
	font-weight: normal;
	cursor: default;
}

.checklist-table.table > tbody > tr > * {
	vertical-align: middle;
	padding: 5px 10px !important;
}

.checklist-table.table > tbody > tr.active > * {
	background-color: var(--st-color-row-selected-bg);
}
.checklist-table.table > tbody > tr.no-hover.active > * {
	background-color: var(--st-color-row-selected-bg);
}

#Checklists .nav > li > a img {
	width: 24px;
	height: 24px;
}

#Checklists .nav > li > a {
	padding: 5px;
}

#Checklists .completion-status,
.cl-completion-status {
	cursor: pointer;
	font-size: 24px;
	color: #ddd;
}

#Checklists [data-status="C"] .completion-status,
.cl-completion-status[data-status="C"] {
	color: var(--st-color-checkmark);
}

.cl-details {
    max-height: 300px;
    overflow: hidden;
    border-bottom: 1px solid var(--st-color-border);
    transition: max-height linear .25s;
}

.cl-details:not(.showDetails) {
	max-height: 0;
}

.cl-detail-button {
    text-align: center;
    font-size: 12px;
    border-bottom: 1px solid var(--st-color-border);
    background-color: #ddd;
}

.cl-detail-button:hover {
    color: var(--st-color-link-fg);
    background-color: var(--st-color-link-bg);
}

.cl-organizations {
	white-space: nowrap;
	font-size: 0.75em;
	padding-left: 10px;
}

.cl-organizations > .layout-table {
	margin: 0 5px;
}

.checklist-table a {
    color: var(--st-color-link-fg);
    background-color: var(--st-color-link-bg);
}

.checklist-table .cl-organizations a {
	text-decoration: underline;
	font-size: 1.1em;
}

.cl-toolbar {
    border-bottom: 1px solid var(--st-color-border);
}

.cl-toolbar .btn {
	min-width: 30px;
}

.cl-toolbar > div {
	padding: 5px 3px;
}

.cl-toolbar > .separator {
	padding-top: 8px;
}

.cl-toolbar > .separator:before {
    content: "";
    border-left: 1px solid var(--st-color-border);
}

.cl-toolbar .btn.checked {
	background-color: #5cb85c;
	color: #ffffff;
}

.cl-filters label {
	display: inline-block;
	font-weight: normal;
	font-size: .75em;
	color: #aaa;
	margin: 0;
}

.cl-filters > div > div:not(:hover) .btn-visibility {
	opacity: 0.2;
}

.cl-filters .form-control {
	width: 100%;
}

.cl-item-label {
	font-style: italic;
}

.cl-item-desc {
    color: var(--st-color-dim-fg);
    font-weight: bold;
    font-style: italic;
}

.cl-report-list.list-group {
	margin-bottom: 5px;
}

.cl-report-list .list-group-item {
	cursor: pointer;
}

.cl-report-list .list-group-item:hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}.sig-panel {
	width: 800px;
	margin: auto;
}

.modal .sig-panel {
	margin: 5px;
	width: auto;
}

.sig-modal .modal-footer {
	display: none;
	visibility: hidden;
}

.nowrap {
	white-space: nowrap;
}

.sig-message {
	display: block;
	margin: 15px 5px;
}

.sig-documents > ul {
	margin: 5px 15px;
}

.sig-documents .sig-radio-group label {
	font-weight: normal;
}

.sig-documents .sig-radio-group input[type="radio"] {
	visibility: hidden;
	position: absolute;
	left: 100%;
	top: 100%;
}

.sig-documents .list-group-item {
	min-width: 200px;
	margin-bottom: 20px;
	padding: 0;
	border-bottom: 1px solid #ddd;
}

.sig-documents .radio-list {
	margin-top: 5px;
}

.sig-documents .radio-list.btn-group {
	display: table;
	width: 100%;
}

.sig-documents .radio-list .btn {
	float: none;
	display: table-cell;
	vertical-align: middle;
	border-bottom: 0 none;
}

.sig-documents .radio-list .btn-reject.btn-success {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.sig-document-name {
	margin-left: 5px;
}

.sig-document-comment {
	margin-left: 20px;
}

.sig-disclaimer {
	margin: 15px 5px;
	text-align: center;
	font-style: italic;
}

.sig-form-group {
	position: relative;
}

.sig-form-group .btn-clear {
	position: absolute;
	right: 0;
	top: 0;
}

.sig-canvas-container {
	width: 512px;
	vertical-align: bottom !important;
}

.bg-canvas {
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.sig-canvas {
    border-radius: 5px 5px 0 0;
    border: 1px solid var(--st-color-border);
    width: 100%;
    height: 150px;
}

.sig-content .error {
	border: 1px solid #cc0000;
	border-radius: 5px;
	position: relative;
}

.sig-content .error > .error-indicator {
	cursor: pointer;
	width: 0;
	height: 0;
	position: absolute;
	right: 0;
	top: 0;
	color: white;
	border-top: 20px solid red;
	border-left: 20px solid transparent;
}

.sig-content .error > .error-indicator > span {
	position: absolute;
	right: 3px;
	top: -24px;
	color: white;
}

.sig-form-group:not(.error) > .error-indicator,
.sig-documents li:not(.error) > .error-indicator {
	display: none;
	visibility: hidden;
}

.sig-documents li .sig-doc-reason {
	overflow: hidden;
	max-height: 100px;
	transition: max-height linear 0.25s 0.25s;
}

.sig-documents li:not(.rejected) .sig-doc-reason {
	max-height: 0;
}

.form-control.sig-text {
	width: 100%;
}

@media screen and (max-width: 1024px) {
	.sig-panel {
		width: auto;
		min-width: 575px;
	}

	.sig-documents ul {
		display: block;
		margin: 0;
		width: 100%;
	}

	.sig-documents li {
		display: block;
		margin: 0;
	}

	.sig-content,
	.sig-documents,
	.sig-canvas-container {
		display: block !important;
		margin-left: auto;
		margin-right: auto;
	}
}
.st-calendar {
	position: relative;
	padding: 2px 4px;
}

.st-calendar .value {
	min-width: 14ch;
}

.st-calendar .input .calendar-loader {
	height: 16px;
}

.st-calendar.loading .input .glyphicon-calendar,
.st-calendar:not(.loading) .input .calendar-loader {
	display: none;
	visibility: hidden;
}

.REV_CONTROL.st-calendar .btn-group > .btn {
	float: none;
	padding: 2px 4px;
}

.st-calendar .btn:empty:after {
	content: 'No Value';
	visibility: hidden;
}

.st-calendar-content {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5000;
    background-color: var(--st-color-dropdown-bg);
    color: var(--st-color-dropdown-fg);
    padding: 5px 15px;
    border: 1px solid var(--st-color-border);
    border-radius: 5px;
}

.st-calendar-content table {
	border-collapse: collapse;
}

.st-calendar-content table th {
    text-align: center;
    border-bottom: 1px solid var(--st-color-border);
}

.st-calendar-content .week > * {
    overflow: hidden;
    vertical-align: middle;
    position: relative;
    text-align: center;
    min-width: 50px;
    padding: 2px 4px;
    cursor: pointer;
    border: 1px solid var(--st-color-border);
}

.st-calendar-content .week > * > .date {
	font-size: 10px;
	text-align: left;
}

.st-calendar-content .week > * > .icon {
	min-height: 24px;
}

.st-calendar-content .week > *.disabled {
    color: var(--st-color-dim-fg);
}

.st-calendar-content .week > *.inactive {
    color: var(--st-color-input-disabled-fg);
    background-color: var(--st-color-input-disabled-bg);
    cursor: default;
}

.st-calendar-content .week > *.today {
    color: var(--st-tab-active-fg);
    background-color: var(--st-tab-active-bg);
    font-weight: bold;
}

.st-calendar-content .week > *:not(.inactive):hover {
    color: var(--st-color-hover-fg);
    background-color: var(--st-color-hover-bg);
}

.st-calendar .st-datepicker-year,
.st-calendar .st-datepicker-month{
	width: auto;
}
.no-drop-target * {
    cursor: no-drop !important;
}

.no-drop-target .segment > div > ul,
.no-drop-target .segment > div > ul *,
.no-drop-target #QuickNav,
.no-drop-target #QuickNav *,
.no-drop-target .allow-drop,
.no-drop-target .allow-drop *,
.no-drop-target .trashBin,
.no-drop-target .trashBin * {
    cursor: default !important;
}

.draggable-iframe-fix {
    display: none;
    visibility: hidden;
}

.no-drag-target .draggable-iframe-fix,
.no-drop-target .draggable-iframe-fix {
    display: inline-block;
    visibility: visible;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.Classic .accordion {
    border: 1px solid #888888;
    border-radius: 5px;
    height: auto !important;
}
      
.Classic .accordion > .segment {
}

.Classic .accordion > .segment > h2 {
    font-size: 1em;
    padding: 2px 5px;
    margin: 1px;
    text-align: center;
    border: 1px solid #888888;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    box-shadow: 1px 1px 1px #000;
    font-weight: normal;
    background-color: var(--st-color-heading-bg);
    color: var(--st-color-heading-fg);
}
      
.Classic .accordion > .segment > h2 input {
    color: #000000;
    width: 100%;
}

.Classic .accordion > .segment > div {
    display: block;
    overflow: hidden;

    height: 0;
    padding: 0;
    margin: 0;
}

.Classic .accordion > .segment.active > div {
    overflow: auto;
    height: auto;
}

.Classic .accordion > .segment.active > h2 {
    color: white;
    background-color: #888888;
    font-weight: bold;
}

.Classic .accordion.hide-all-children > .segment > div {
    display: none;
    visibility: hidden;
}

.Classic .accordion > .segment > div > ul {
    list-style-type: none;

    padding: 0;
    margin: 0;
    height: 100%;
}

.accordion > .segment > div > ul > li {
    padding: 5px 4px;
    text-align: center;

    cursor: pointer;
}

.accordion > .segment > div > ul > li:hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.accordion > .segment > div > ul > li > span {
    display: block;
}

.accordion > .segment > div > ul > li > img {
    width: 48px;
    height: 48px;
}

body.ChildView #NavContent {
    display: none;
}

.Standard #NavContent {
    font-family: 'Century Gothic';
}

.Standard #NavContent #NC_Navigation:not(.active) {
    z-index: 100;
}

body[data-nav-segment-hovered] #NavContent #NC_Navigation {
    z-index: 500 !important;
}

.Standard #NC_Navigation > .Container {
    position: relative;
    min-width: 150px;
}

.Standard #NC_Navigation .accordion {
    overflow: visible !important;
}

.Standard #NC_Navigation .segment {
}

.Standard #NC_Navigation .segment.active > div {
    display: inline-block;
    visibility: visible;

    background-color: var(--st-color-dropdown-bg);
    color: var(--st-color-dropdown-fg);
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;

    padding: 5px;
    border: 2px solid #555555;
    border-left: 0px none;
    border-radius: 0 .5em .5em 0;
    z-index: 1000;

    min-width:250px;
    margin-left: -2px;
}

.Classic #NC_Navigation .segment .scrolling-container > .toolbar {
    display: none;
    visibility: hidden;
}

.Standard #NC_Navigation .segment .scrolling-container > .toolbar {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;

    padding: 2px;
    height: auto;

    white-space: nowrap;
}

.Standard #NC_Navigation .segment .scrolling-container > .toolbar .btn,
.Standard #NC_Navigation .segment .scrolling-container > .toolbar .form-control,
.Standard #NC_Navigation .segment .scrolling-container > .toolbar .input-group-addon {
    padding: 1px 3px;
    height: 26px;
}

.Standard #NC_Navigation .segment .scrolling-container > .toolbar [name="inpSearch"] {
    font-weight: normal;
    width: 150px;
}

.Standard #NC_Navigation .segment .scrolling-container > .toolbar .btn-default {
    opacity: 0.75;
}

.Standard #NC_Navigation .segment .scrolling-container > .toolbar .btn-default.active {
    background-color: #5CB85C;
    border-color: #4CAE4C;
    color: #FFFFFF;
    opacity: 1;
}

.Standard #NC_Navigation .segment .scrolling-container > .toolbar > div {
    display: inline-block;
    border: 0 none;
}

.Standard #NC_Navigation .segment .scrolling-container > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;

    min-width:250px;
    min-height:250px;
}

.Standard .accordion > .segment .scrolling-container > ul > li {
    display: inline-block;
    vertical-align: top;
    width: 120px;
}

.Standard .accordion > .segment[data-display-type="List"] .scrolling-container > ul > li {
    width: auto;
    white-space: nowrap;
    text-align: left;
}

.Standard .accordion > .segment[data-display-type="List"] > div > ul > li > img {
    width: 16px;
    height: 16px;
}

.Standard .accordion > .segment[data-display-type="List"] > div > ul > li > span {
    display: inline-block;
}

.Classic .accordion > .segment > h2 .fa-caret-right {
    display: none;
    visibility: hidden;
}

.Standard .accordion > .segment > h2 {
    cursor: pointer;
    display: table;
    width: 100%;
    font-size: 1.25em;
    font-weight: normal;
    white-space: nowrap;
    padding: 10px 5px;
    margin: 0;

    border-left: 2px solid transparent;
    background-color: var(--st-main-nav-panel-bg);
    color: var(--st-main-nav-panel-fg);
}

.Standard .accordion.EditMode > .segment > h2 > .handle,
.Standard .accordion.EditMode > .segment > h2 > .delete,
.Standard .accordion > .segment > h2 > * {
    display: table-cell;
    visibility: visible;

    padding-left: 5px;
}

.Standard .accordion > .segment > h2:not(.active) > .SubmenuCloser,
.Standard .accordion > .segment > h2.active > .SubmenuIndicator,
.Classic .SubmenuCloser {
    display: none;
    visibility: hidden;
}

.Standard .accordion > .segment > h2 > .title {
    width: 100%;
}

.Standard .accordion.EditMode > .segment > h2 {
    background-color: transparent !important;
    color: white !important;
    border: 0 none !important;

    cursor: default;
}

.Standard .accordion.EditMode > .segment > h2 > .handle {
    cursor: move;
}

.accordion > .EditControls,
.accordion > .segment > h2 > .handle,
.accordion > .segment > h2 > .delete,
.accordion.EditMode > .segment.locked,
.accordion.EditMode > .segment > h2 > .SubmenuIndicator,
.Standard #NC_Navigation .accordion.EditMode > .segment.active > div {
    display: none;
    visibility: hidden;
}

.Standard .accordion.EditMode > .EditControls {
    display: block;
    visibility: visible;
}

.Standard .accordion.EditMode > .EditControls:after {
    content: "";
    display: table;
    clear: both;
}

.Standard .accordion.EditMode > .EditControls .btn {
    margin-top: 5px;
    width:100%;
   
}

.Standard .accordion.EditMode > .segment > h2 > .handle,
.Standard .accordion > .segment > h2 > .SubmenuIndicator {
    text-align: right;
}

.Standard .accordion > .segment > h2:hover > .SubmenuIndicator,
.Standard .accordion > .segment > h2.active > .SubmenuIndicator {
    visibility: hidden;
}

.Standard .accordion > .segment > h2:hover,
.Standard .accordion > .segment > h2.active:hover,
.Standard .accordion > .segment > h2.active {
    background-color: var(--st-color-dropdown-bg);
    color: var(--st-color-dropdown-fg);

    border-left: 4px solid #0072ff;
}

.Standard .accordion > .segment > h2:hover {
    background-color: var(--st-color-dropdown-bg);
    color: var(--st-color-dropdown-fg);
}

.Standard .accordion > .segment > div {
    display: none;
    visibility: hidden;
}

.Standard .accordion > .segment .scrolling-container > ul.Filtered > li {
    display: none;
    visibility: hidden;
}

.Standard .accordion > .segment .scrolling-container > ul.Filtered > li.Match {
    display: inline-block;
    visibility: visible;
}

.Standard .accordion > .segment .scrolling-container > ul.Filtered .Highlight {
    color: #cc0000;
}

.accordion .segment li.placeholder {
    display: inline-block;
    width: 100px;
    height: 100px;

    border-radius: 5px;
    margin: 10px;

    background-color: var(--st-color-hover-bg) !important;
    color: var(--st-color-hover-fg) !important;
}

#tabNavigation li > a {
    padding: 5px 20px;
}

#tabNavigation a[data-action="Navigation.OpenInline"] {
    padding: 2px 10px;
    white-space: nowrap;
}

#tabNavigation a[data-action="Navigation.OpenInline"] > img {
    padding: 2px;
}

.accordion > .segment .SubmenuPin {
    display: none;
    visibility: hidden;
}

.Standard .accordion > .segment .SubmenuPin {
    display: inline-block;
    visibility: hidden;
    font-size: 14px;
}

.Standard .accordion > .segment.pinned .SubmenuPin,
.Standard .accordion > .segment:hover .SubmenuPin {
    visibility: visible;
}

/*
    QUICK ACCESS PANEL
*/
#NC_Navigation .btn[data-action="Navigation.ShowNavigation"] {
    background-color: transparent;
    color: #eee;
    text-align: left;
    width: 100%;
}

#NC_Navigation[data-mode="quick-access"]:not(.expanded) #NavAccordion {
    display: none;
    visibility: hidden;
}

#NC_Navigation #NavQuickAccess .toolbar {
    white-space: nowrap;
}

#NC_Navigation:not([data-mode="quick-access"]) #NavQuickAccess {
    display: none;
    visibility: hidden;
}

#NC_Navigation .quick-access-list {
    visibility: hidden;
    display: inline-block;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0;
    width: 100%;
}

#NC_Navigation .quick-access-list .segment li.placeholder {
    display: inline-block;
    width: 32px;
    height: 32px;

    border-radius: 5px;
    margin: 10px;

    background-color: var(--st-color-unassigned-bg) !important;
    color: var(--st-color-unassigned-fg) !important;
}

#NC_Navigation .quick-access-list > .content,
#NC_Navigation:hover .quick-access-list,
#NC_Navigation .quick-access-list:hover {
    visibility: visible;
}

#NC_Navigation .quick-access-list:not(.pinned) {
    max-width: 0;
}

#NC_Navigation #NavQuickAccess .segment {
    display: block;
    clear: both;
}

#NC_Navigation .quick-access-list .segment > h2 {
    white-space: nowrap;
    border-bottom: 1px solid #eee;
    font-size: 1.5em;
    margin: 10px 0 10px 2px;
    padding: 0 10px 0 0;
    text-align: left;
}

#NC_Navigation .quick-access-list .segment:not(:hover) > h2 > .SubmenuPin {
    visibility: hidden;
}

#NC_Navigation .quick-access-list .segment > h2 > .SubmenuPin {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}

#NC_Navigation .quick-access-list .segment ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

#NC_Navigation #NavQuickAccess .segment > .content {
    text-align:center;
}

#NC_Navigation .quick-access-list .content li {
    float: left;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 2px;
}

#NC_Navigation .quick-access-list .content li:hover {
    border-color: #eee;
}

#NC_Navigation .quick-access-list .content li img {
    width: 32px;
}

#NC_Navigation .quick-access-list .content li .name {
    display: none;
    visibility: hidden;
    white-space: normal;
    text-align: center;
}

#NC_Navigation .quick-access-list .content li .abbr {
    display: block;
    text-align: center;
}

.Standard #NC_Navigation[data-mode="quick-access"] > .Container,
#NC_Navigation[data-mode="quick-access"].tab-page {
    min-width: 0px;
}

#NC_Navigation #NavQuickAccess {
    min-width: 100px;
}

#NC_Navigation[data-numcols="2"] #NavQuickAccess li:nth-child(2n+1),
#NC_Navigation[data-numcols="3"] #NavQuickAccess li:nth-child(3n+1),
#NC_Navigation[data-numcols="4"] #NavQuickAccess li:nth-child(4n+1) {
    clear: both;
}

#NC_Navigation[data-numcols="1"] #NavQuickAccess ul {
    display: block;
}

#NC_Navigation[data-numcols="1"] #NavQuickAccess li {
    float: none;
    display: block;
}

#NC_Navigation[data-numcols="1"] #NavQuickAccess li > img {
    width: 48px;
}

#NC_Navigation[data-numcols="1"] #NavQuickAccess li > .name {
    display: block;
    visibility: visible;
    white-space: normal;
    text-align: center;
}

#NC_Navigation[data-numcols="1"] #NavQuickAccess li > .abbr {
    display: none;
    visibility: hidden;
}


#NC_Navigation[data-numcols="2"] #NavQuickAccess {
    min-width: 120px;
}

#NC_Navigation[data-numcols="2"] #NavQuickAccess li > img {
    width: 42px;
}

#NC_Navigation[data-numcols="3"] #NavQuickAccess {
    min-width: 145px;
}

#NC_Navigation[data-numcols="4"] #NavQuickAccess {
    min-width: 185px;
}
.REV_FILTER_CONTAINER {
	display: inline-block;
}

#REV_FILTERS {
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

#REV_FILTERS > .dropdown-menu {
	overflow-y: auto;
}

#REV_FILTERS > ul {
	padding: 0;
	margin: 0;
	height: auto;
	overflow: auto;
}

#REV_FILTERS > ul > li:first-child {
    margin: 0;
    display: table;
    width: 100%;
}

#REV_FILTERS > ul > li:first-child > .btn-group {
    margin: 0;
    display: table-row;
    width: 100%;
}

#REV_FILTERS > ul > li:first-child > .btn-group > .btn {
    display: table-cell;
    width: 50%;
    float: none;
}

#REV_FILTERS > ul > li > .glyphicon-remove {
    cursor: pointer;
}

#REV_FILTERS > ul > li {
    margin: 0px;
    padding: 1px 3px;
    color: #444444;
}

#REV_FILTERS > ul > li.deleted,
#REV_FILTERS > ul > li.deleted > label,
#REV_FILTERS > ul > li.deleted input {
    background-color: var(--st-grid-deleted-row-bg);
    color: var(--st-grid-deleted-row-fg);
    text-decoration: line-through;
}

#REV_FILTERS > ul > li.deleted > label:hover {
    cursor: not-allowed;
}

.REV_FILTERS tr:hover td {
	cursor: pointer;
	background-color: var(--st-color-hover-bg);
	color: var(--st-color-hover-fg);
}

.REV_FILTERS tr .btn-delete {
	color: var(--st-color-fg);
}

.REV_FILTERS tr:hover .btn-delete {
	color: var(--st-color-dim-fg);
}

.REV_FILTERS tr.deleted .btn-delete {
    color: var(--st-color-red-fg);
}

.REV_FILTERS .list-group {
	margin: 0 0;
}

.REV_FILTERS .list-group .layout-column {
	padding: 2px 3px;
}

.REV_FILTERS .filter-checklists {
	padding: 5px;
}

.REV_FILTERS .filter-checklists > * {
	display: block;
}

.REV_FILTERS tr.deleted > td {
    background-color: var(--st-grid-deleted-row-bg);
    color: var(--st-grid-deleted-row-fg);
    text-decoration: line-through;
}

.REV_FILTERS .filter-table {
	margin-bottom: 5px;
}

.REV_FILTERS .filter-table tr > td {
	padding: 2px 5px;
	vertical-align: middle;
}

.REV_FILTERS tr:not(.checked) > td,
.REV_FILTERS .layout-row:not(.checked) {
	font-weight: normal;
}

.REV_FILTERS tr.checked > td,
.REV_FILTERS .layout-row.checked {
	font-weight: bold;
}
/* REV_ACTION_AREA.css

*/

.FindMode .REV_ACTION_AREA [data-action=CRUDSave] {
    display: none;
    visibility: hidden;
}

.REV_ACTION_AREA [data-action=CRUDFind] {
    display: none;
    visibility: hidden;
}

.FindMode .REV_ACTION_AREA [data-action=CRUDFind] {
    display: inline-block;
    visibility: visible;
}

.InquiryMode .REV_ACTION_AREA [data-action=CRUDSave],
.REV_ACTION_AREA [data-action=CRUDEdit] {
    display: none;
    visibility: hidden;
}

.InquiryMode .REV_ACTION_AREA [data-action=CRUDEdit] {
    display: inline-block;
    visibility: visible;
}

.VM_Add > .REV_HEAD .REV_TITLE_AREA {
    display: none;
    visibility: hidden;
}
/* REV_GRID.css

*/

.FindMode .REV_GRID > .panel-heading > .btn-group > .btn:not(.btn-filter),
.FindMode .REV_GRID thead tr:not(.FindModeRow) .caret,
.VM_Add .REV_GRID thead .caret,
.FindMode button[data-action="View.RefreshView"],
.VM_Add button[data-action="View.RefreshView"] {
    visibility: hidden;
    display: none;
}

.FindMode .NotSearchable > * {
    visibility: hidden !important;
    display: none !important;
}

.REV_VIEW:not(.FindMode) .REV_GRID .FindModeRow {
    visibility: hidden;
    display: none;
}

.REV_GRID > .panel-heading.open {
	z-index: 20 !important;
}

.REV_GRID > .panel-heading .title {
    display: inline-block;
    padding: 0 15px 0 0;
}

.REV_GRID > .panel-body > .ScrollTable {
    display: none;
}

.REV_GRID .GridData {
  color: var(--st-color-panel-fg);
}

.REV_GRID .pagination {
    margin: 5px 0;
}

.REV_GRID .pagination .row-count {
    color: #888;
    vertical-align: middle;
    border-color: transparent;
    display: inline-block;
    padding: 4px 15px;
    font-size: 1.25em;
}

.REV_GRID .pagination .elapsed {
    font-size: .6em;
    color: #aaa;
}

.REV_GRID tr.FindModeRow .REV_VIEW_REF .REV_VIEW {
    display: none;
}

.REV_GRID tr:not(.FindModeRow) .REV_GRID_CONTROL.REV_VIEW_REF:not(:hover) .REV_VIEW .REV_CONTROL .form-control,
.REV_GRID tr:not(.FindModeRow) .REV_GRID_CONTROL.REV_VIEW_REF:not(:hover) .REV_VIEW .REV_CONTROL .form-control:not(:focus) + .input-group-addon {
    border-bottom-color: var(--st-color-border);
}

.REV_GRID_CONTROL.REV_VIEW_REF .REV_GRID .action-bar .btn.btn-default:hover {
    background-color: #aaa;
    color: #fff;
}

.REV_GRID_CONTROL.REV_VIEW_REF .REV_GRID .action-bar .btn.btn-default {
    background-color: #888;
    color: #fff;
}

.REV_GRID_CONTROL.REV_VIEW_REF .REV_GRID td,
.REV_GRID_CONTROL.REV_VIEW_REF .REV_GRID th {
    border-right: 1px solid #dadada;
}

.REV_GRID .action-bar .btn {
    padding: 2px 10px;
}

.REV_GRID tbody th {
    font-weight: normal;
}

.REV_GRID.hover > .panel-body > .GridContainer {
    outline: 4px solid #22f8cb;
}

.GridContainer {
    display: table;
    width: 100%;
}

.GridContainer > .GridData >  table > thead > .template {
    display: none;
}

.GridContainer > .GridData > table > thead > tr:not(.FindModeRow) > th .form-control,
.GridContainer > .GridData > table > thead > tr:not(.FindModeRow) > th .four-state-checkbox {
	display: none;
}

.GridContainer > .GridData > table > thead > tr:not(.FindModeRow) > th {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    vertical-align: middle;
}

.GridContainer th > div {
    position: relative;
}

.col-resizer {
    position: absolute;
    display: inline-block;

    top: 0;
    bottom: 0;
    right: 0;

    height: 100%;
    width: 15px;
    cursor: ew-resize;
}

.FindMode .REV_GRID > .panel-body > .ScrollTable {
    display: block;
}

.REV_VIEW .REV_GRID th.REV_GRID_HEADER .column-actions {
    visibility: hidden;
}

.REV_VIEW:not(.FindMode) .REV_GRID th.REV_GRID_HEADER .column-actions.open,
.REV_VIEW:not(.FindMode) .REV_GRID th.REV_GRID_HEADER:hover .column-actions {
    visibility: visible;
}

.REV_VIEW .REV_GRID th.REV_GRID_HEADER .column-actions > .btn {
    padding: 0 4px;
    line-height: 8px;
}

.REV_GRID th > div:not(.dropdown) {
    display: table;
    width: 100%;
}

th.REV_GRID_HEADER:hover {
    z-index: 1;
}

th.REV_GRID_HEADER .control-toolbar {
    position: absolute;
    right: 0;
    top: 100%;
}

th.REV_GRID_HEADER .control-toolbar > .btn {
    opacity: 1;
}

th.REV_GRID_HEADER:not(:hover) .control-toolbar > .btn {
    opacity: 0;
    transition: opacity linear .25s .5s;
}

.REV_GRID th > div:not(.dropdown) > div:not(.control-toolbar):not(.header-actions) {
    display: table-cell;
    vertical-align: middle;
    padding: 2px 3px;
}

.REV_GRID th:not(.filter-open):not(:hover) .header-actions > *:not(.ColumnFilter):not(.ColumnSorter),
.REV_GRID th:not(.filter-open):not(:hover):not([data-filter]):not([data-sort]) .header-actions > .ColumnFilter,
.REV_GRID th:not(:hover):not([data-filter]):not([data-sort]) .header-actions > .ColumnSorter,
.REV_GRID th.filter-open .header-actions > *:not(.ColumnFilter) {
    display: none;
}

.REV_GRID th .header-actions {
    position: absolute;
    top: 0;
    right: 0;
}

th > div > div.REV_CONTROL {
    width: auto;
    min-width: 100%;
}

.GridData .GRID_TOTALS td {
    color: var(--st-color-row-light-fg);
    background-color: var(--st-color-row-light-bg);
}

.GridData .GRID_TOTALS td[data-col] {
    background-color: var(--st-color-panel-bg);
}

.GridData .GRID_TOTALS td[data-col].right {
    padding-right: 3px;
}

.GridData .GRID_TOTALS .TOTAL {
    text-align: right;
    font-weight: bold;
}

th:not(:hover):not(.hovered) .ColumnSorter > span:not(.active),
th:not(:hover):not([data-filter]):not(.hovered) .ColumnFilter {
    opacity: .5;
}

.col-placeholder {
    padding: 0px 3px;
    display: table-cell;
    width: 1%;
    min-width: 14px;
    position: relative;
}

.REV_VIEW.Dirty .ColumnFilter,
.REV_VIEW.FindMode .ColumnFilter,
.REV_VIEW.Dirty .ColumnSorter,
.REV_VIEW.FindMode .ColumnSorter {
    visibility: hidden;
}

.GridContainer > .GridData > table > thead > tr > th .ColumnFilter .form-control {
    display: inline-block;
}

.ColumnFilter {
    padding: 0px 3px;
    position: relative;
}

.ColumnFilter:hover,
th[data-filter] .ColumnFilter {
    color: #ffff00;
}

.ColumnSorter > span.active,
th[data-filter] .ColumnFilter > span {
    text-shadow: 1px 1px 6px rgba(64,64,0,.75);
}

.ColumnSorter {
    padding: 0px 3px;
    position: relative;
}

.ColumnSorter > .caret {
    border-width: 6px 6px;
    border-bottom: 0px solid;
}

.ColumnSorter > .caret.caret-reversed {
    border-bottom-width: 6px;
    border-top-width: 0;
}

.ColumnSorter > span {
    margin: 2px 0px;
    display: block;
    height: 0.5em;
    line-height: 0.5em;
    font-size: 16px;
}

.ColumnSorter > span.active,
.ColumnSorter > span:hover {
    color: #ffff00;
}

.VM_JobQueueExecute .ColumnSorter {
    display: none;
    visibility: hidden;
}

.GridData .table td {
    vertical-align: middle;
}

.REV_GRID td.REV_GRID_CONTROL:not(.REV_LINK):not(.REV_VIEW_REF):not(.GRID_REV_RATING_CONTROL) > *:not(.REV_CONTROL) .input-group.static {
    display: inline-block;
}

.REV_GRID td.REV_GRID_CONTROL .REV_EDIT_CURRENCY + .input-group.static {
    width: 100%;
}

.REV_GRID td.REV_GRID_CONTROL.ReadOnlyNoFKArrow:not(.MultiLine) .input-group.static {
    white-space: nowrap;
}

.REV_GRID td.REV_GRID_CONTROL .input-group .form-control.center {
    text-align: center;
}

.REV_GRID td.REV_GRID_CONTROL .input-group .form-control.right {
    text-align: right;
}

.REV_GRID .GridData td.center {
    text-align: center;
}

.REV_GRID .GridData td.right .static,
.REV_GRID .GridData td.center .static {
    display: block;
}

.REV_GRID .GridData td.right {
    text-align: right;
}

.REV_GRID td.REV_GRID_CONTROL > div:not(.REV_CONTROL) .input-group .form-control:not(button),
.REV_GRID td.REV_GRID_CONTROL > div:not(.REV_CONTROL).input-group:not(.fullscreen) .form-control:not(button) {
	float: none;
	min-width: 100%;
}

.REV_GRID td.REV_GRID_CONTROL.GRID_REV_DROP_DOWN > div.input-group .form-control {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
}

.REV_GRID .GridData .table-bordered > tbody > tr:first-child > th,
.REV_GRID .GridData .table-bordered > tbody > tr:first-child > td,
.REV_GRID .GridData .table-bordered tbody + tbody {
    border-top-width: 1px;
}

.REV_GRID:not(.details-visible) tbody > tr.Highlight > td {
    background-color: #FFFF99;
}

.REV_GRID tbody > tr > td.Disabled {
    background-color: #cccccc;
}

.REV_VIEW.FindMode .REV_GRID tr.FindModeRow > .REV_BUTTON .btn,
.REV_VIEW.FindMode .REV_GRID tr.FindModeRow > .GRID_REV_IMAGE_BUTTON .btn,
.REV_GRID tr.NEW_ROW > .REV_BUTTON .btn:not([data-never-disable="Yes"]),
.REV_GRID tr.NEW_ROW > .GRID_REV_IMAGE_BUTTON .btn {
    display: none;
    visibility: hidden;
}

.REV_GRID_CONTROL.STATIC_CONTROL .input-group.static {
    display: table;
}

.REV_GRID_CONTROL.REV_BUTTON {
    text-align: center;
}

.REV_CONTROL.REV_BUTTON .control-label {
	display: none;
	visibility: hidden;
}

.REV_GRID thead > tr:not(.FindModeRow) > th > .REV_CONTROL.REV_BUTTON .control-label {
	display: inline-block;
	visibility: visible;
}

.REV_GRID thead > tr:not(.FindModeRow) > th .REV_CONTROL .control-label {
	display: inherit;
	visibility: inherit;
	font-weight: bold;
}

.REV_GRID thead > tr:not(.FindModeRow) > th .REV_CONTROL .input-group {
	display: none;
}

.REV_GRID td > .REV_CONTROL {
    display: table;
    width: auto;
    min-width: 100%;
}

.REV_GRID td > .REV_CONTROL_LIST {
    display: table;
    margin: auto;
    text-align: center;
}

.REV_GRID td > .REV_CONTROL .control-label {
    padding-left: 2px;
}

.REV_GRID td > .REV_CONTROL_LIST > .REV_CONTROL .control-label {
    display: initial;
}

.REV_GRID td > .REV_CONTROL_LIST > .REV_CONTROL {
    display: table-cell;
    vertical-align: middle;
}

.REV_GRID td > .REV_CONTROL_LIST > .REV_CONTROL.REV_IMAGE_BUTTON > .btn {
    background-color: transparent;
    border-color: transparent;
}

.GRID_REV_IMAGE:hover > form > .btn-group {
    visibility: visible;
    height: auto;
}

.GRID_REV_IMAGE > form > .btn-group {
    position: absolute;
    right: 0;
    overflow: hidden;
    height: 0;
}

.REV_GRID td > .REV_CONTROL,
.REV_GRID td > .REV_CONTROL > div,
.REV_GRID td > .REV_CONTROL .input-group,
.REV_GRID td > .REV_CONTROL .form-control:not(textarea):not(input[type="checkbox"]) {
    width: 100% !important;
}

.GridData tr .REV_GRID_CONTROL > .label {
    color: #555;
}

.GridData tr .REV_GRID_CONTROL > .label, .GridData tr:first-child .REV_GRID_CONTROL > .label {
    display: none;
    visibility: hidden;
}

#HtmlBody .REV_GRID td > .REV_CONTROL:not(.error-mandatory) .form-control,
#HtmlBody .REV_GRID td > .REV_CONTROL .input-group-addon {
    background-color: transparent;
}

#HtmlBody .REV_GRID td > .REV_CONTROL:not(.error-mandatory):first-child .form-control,
#HtmlBody .REV_GRID td > .REV_CONTROL:first-child .input-group-addon {
    border-color: transparent;
    box-shadow: none;
}

#HtmlBody .REV_GRID td > .REV_CONTROL .form-control:focus {
  border: 1px solid #66afe9 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0 none;
}

.REV_GRID.ShowDetails > .panel-body > .GridContainer > .GridData .REV_RELATION .input-group-addon {
    display: none;
    visibility: hidden;
}

.REV_GRID td > .REV_CONTROL.NoBorders .input-group-addon {
    visibility: hidden;
}

#HtmlBody .REV_GRID td > .REV_CONTROL:not(.error-mandatory):hover .form-control,
#HtmlBody .REV_GRID td > .REV_CONTROL:not(.error-mandatory) .form-control:focus,
#HtmlBody .REV_GRID td > .REV_CONTROL:hover .input-group-addon {
    background-color: initial;
    border-color: var(--st-color-border);
    visibility: visible;
}

.REV_GRID td > .REV_CONTROL .static,
.REV_GRID td > .REV_CONTROL .static > .form-control,
.REV_GRID td > .REV_URL .input-group-addon,
.REV_GRID td > .REV_RELATION.ReadOnly .form-control,
.REV_GRID td > .REV_RELATION.ReadOnly .input-group-addon {
    border: 1px solid transparent;
    background-color: inherit;
    box-shadow: none;
}

.REV_GRID_CONTROL .input-addon-email {
    display: table-cell;
}

.REV_GRID_CONTROL .input-group.static > .static {
    display: table-cell;
    vertical-align: middle;
    padding: 4px 2px;
}

.REV_GRID .GridData tr > .REV_RELATION.EditMode .value:not(input),
.REV_GRID .GridData tr > .REV_LINK input.FKSearch,
.REV_GRID .GridData tr > .REV_RELATION:not(.EditMode) input.FKSearch {
    display: none;
    visibility: hidden;
}

.REV_GRID td > .REV_LINK.NoLink .fk_link a,
.REV_GRID td > .REV_RELATION.NoLink .static a,
.REV_GRID td > .ReadOnly.NoLink .static a  {
    text-decoration: none;
    color: #000;
    cursor: default;
}

.REV_GRID > .panel-body {
    display: table;
    width: 100%;
}

.GridContainer > .GridData {
    position: relative;
    display: table-cell;
    vertical-align: top;
    background-color: var(--st-color-well-bg);
    color: var(--st-color-well-fg);
}

.GridContainer > .GridData > .table {
    margin: 0;
    padding: 0;
    border-collapse: separate;
}

.GridContainer > .GridData > .table-bordered > thead > tr > th,
.GridContainer > .GridData > .table-bordered > tbody > tr > th,
.GridContainer > .GridData > .table-bordered > tfoot > tr > th,
.GridContainer > .GridData > .table-bordered > thead > tr > td,
.GridContainer > .GridData > .table-bordered > tbody > tr > td,
.GridContainer > .GridData > .table-bordered > tfoot > tr > td {
    border-left-width: 0px;
    border-top-width: 0px;
	position: relative;
}

.GridContainer > .GridData > .table > tbody > tr {
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
}

.GridContainer > .GridDetails {
    display: table-cell;
    visibility: visible;

    position: relative;
    vertical-align: top;
    width: 100%;
    padding-left: 15px;
}

.GridContainer > .GridDetails > .REV_VIEW > .REV_HEAD > .Title,
.GridContainer > .GridDetails > .REV_VIEW > .REV_HEAD .REV_ACTION_AREA {
    display: none;
    visibility: hidden;
}

.REV_GRID table:not(.show-all-headers) > thead > tr > th.REV_SUPPRESSED,
.REV_GRID table.show-all-headers > thead > tr > th.REV_SUPPRESSED > div {
    display: none;
    visibility: hidden;
}

.REV_GRID .REV_DATA_CELL {
    display: none;
    visibility: hidden;
}

.REV_GRID.ShowDetails > .panel-body > .GridContainer > .GridData th,
.REV_GRID.ShowDetails > .panel-body > .GridContainer > .GridData td {
    display: none;
    visibility: hidden;
}

.REV_GRID.ShowDetails > .panel-body > .GridContainer > .GridData .REV_DETAIL_CELL {
    position: relative;
    display: table-cell;
    visibility: visible;
}

.REV_GRID .btn-filter {
    float: none;
}

.GridContainer > .GridDetails > .ResizeBar {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15px;
    background-color: var(--st-color-nav-panel-bg);
    color: var(--st-color-nav-panel-fg);
}

.wrapping-tooltip {
    position: absolute;
    display: inline-block;
    z-index: 2000;

    pointer-events: none;
}

.wrapping-tooltip .wt-table {
    margin: 0;
    line-height: 2px;
    position:relative;
    display:table;
}

.wrapping-tooltip .wt-border {
    position: relative;
    display: inline-block;
    background-color: var(--st-style-highlight-bg) !important;
    color: var(--st-style-highlight-fg) !important;
    border: 1px solid var(--st-color-border);
}

.wrapping-tooltip .wt-side {
    position:absolute;
    top:0;
    height:100%;
    border-width:0px 1px 0 1px;
}

.wrapping-tooltip > .wt-tooltip {
    clear: both;
    display:table;
    margin-top:-1px;
    padding:2px 5px;
    border-radius: 0 5px 5px 5px;
}

.REV_GRID_CONTROL .REV_EDIT_DATE .form-control {
    min-width: 90px;
}

.REV_GRID_CONTROL textarea.form-control {
    width: auto;
}

.GridData tr:not(:hover) > .LineNumber .fa-crosshairs {
	visibility: hidden;
}

.GridData tr > .LineNumber .fa-crosshairs {
	padding: 0px 3px;
	cursor: move;
}
.GridData .LineNumber .dropdown-menu,
.GridData .DeleteRow .dropdown-menu {
	min-width: 100px;
	text-align: left;
	margin-top: 5px;
}

.GridData .LineNumber .dropdown-menu li:hover > a,
.GridData .LineNumber .dropdown-menu li > a:focus,
.GridData .DeleteRow .dropdown-menu li:hover > a,
.GridData .DeleteRow .dropdown-menu li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: var(--orange-highlight);
}

.DeleteGroup .GridData .LineNumber .dropdown-menu,
.DeleteGroup .GridData .LineNumber .caret,
.FindMode .GridData .DeleteRow .dropdown-menu,
.FindMode .GridData .DeleteRow .caret,
.FindMode .REV_GRID > .panel-heading > .action-container,
.PSReadOnly .GridData .DeleteRow,
.REV_GRID:not(.ReadOnly):not(.PSReadOnly):not(.ShowDetails) > .panel-body > .GridContainer > .GridData .REV_GRID_CONTROL:not(.ReadOnlyNoFKArrow):not(.ReadOnly):not(.REV_STATIC):not(.STATIC_CONTROL):not(.StyleNotAvailable) > .input-group.static,
.REV_GRID.ReadOnly:not(.ShowDetails) > .panel-body > .GridContainer > .GridData .REV_GRID_CONTROL:not(.ReadOnly) > .input-group:not(.static),
.REV_GRID.PSReadOnly:not(.ShowDetails) > .panel-body > .GridContainer > .GridData .REV_GRID_CONTROL:not(.ReadOnly) > .input-group:not(.static),
.REV_GRID .REV_GRID_CONTROL.STATIC_CONTROL .input-group:not(.static),
.REV_GRID > .panel-body > .GridContainer > .GridData .REV_GRID_CONTROL.REV_STATIC > .input-group:not(.static),
.REV_GRID > .panel-body > .GridContainer > .GridData .REV_GRID_CONTROL.ReadOnlyNoFKArrow > .input-group:not(.static),
.REV_GRID:not(.ShowDetails) > .panel-body > .GridContainer > .GridData .REV_GRID_CONTROL.ReadOnly > .input-group:not(.static),
.REV_GRID .GridData .REV_GRID_CONTROL.StyleNotAvailable > .input-group:not(.static),
.REV_GRID > .panel-body > .GridContainer > .GridData .FindModeRow .input-group.static {
    visibility: hidden;
    display: none;
}

/* Specific Styles for Mutiline edits */
.REV_GRID:not(.ReadOnly):not(.PSReadOnly):not(.ShowDetails) > .panel-body > .GridContainer > .GridData .REV_GRID_CONTROL.MultiLine:not(.ReadOnlyNoFKArrow):not(.ReadOnly):not(.REV_STATIC):not(.STATIC_CONTROL):not(.StyleNotAvailable) .input-group.static,
.REV_GRID.ReadOnly:not(.ShowDetails) > .panel-body > .GridContainer > .GridData tbody > tr:not(.details) .REV_GRID_CONTROL.MultiLine:not(.ReadOnly) .input-group:not(.static),
.REV_GRID.PSReadOnly:not(.ShowDetails) > .panel-body > .GridContainer > .GridData tbody > tr:not(.details) .REV_GRID_CONTROL.MultiLine:not(.ReadOnly) .input-group:not(.static),
.REV_GRID .REV_GRID_CONTROL.MultiLine.STATIC_CONTROL .input-group:not(.static),
.REV_GRID > .panel-body > .GridContainer > .GridData tr:not(.details) .REV_GRID_CONTROL.MultiLine.REV_STATIC .input-group:not(.static),
.REV_GRID > .panel-body > .GridContainer > .GridData tbody > tr:not(.details) .REV_GRID_CONTROL.MultiLine.ReadOnly .input-group:not(.static),
.REV_GRID > .panel-body > .GridContainer > .GridData tbody > tr:not(.details) .REV_GRID_CONTROL.MultiLine.ReadOnlyNoFKArrow .input-group:not(.static),
.REV_GRID:not(.ShowDetails) > .panel-body > .GridContainer > .GridData .REV_GRID_CONTROL.MultiLine.ReadOnly .input-group:not(.static),
.REV_GRID .GridData .REV_GRID_CONTROL.MultiLine.StyleNotAvailable .input-group:not(.static) {
	visibility: hidden;
	display: none;
}

.REV_GRID.PSReadOnly:not(.ShowDetails) > .panel-body > .GridContainer > .GridData .FindModeRow .REV_GRID_CONTROL > .input-group:not(.static),
.REV_GRID.ReadOnly:not(.ShowDetails) > .panel-body > .GridContainer > .GridData .FindModeRow .REV_GRID_CONTROL > .input-group:not(.static),
.REV_GRID > .panel-body > .GridContainer > .GridData .FindModeRow .REV_GRID_CONTROL > .input-group:not(.static) {
    visibility: visible;
    display: table;
}

.REV_GRID.ShowDetails > .panel-body > .GridContainer > .GridData .REV_GRID_CONTROL.REV_DETAIL_CELL > .input-group:not(.static) {
    visibility: hidden;
    display: none;
}

.REV_GRID.ShowDetails > .panel-body > .GridContainer > .GridData .REV_GRID_CONTROL.REV_DETAIL_CELL {
    min-width: 100px;
}

.REV_GRID .REV_GRID_CONTROL.StyleClear > * {
    visibility: hidden;
}

.REV_GRID tr:not(.FindModeRow) .REV_GRID_CONTROL.ReadOnlyNoFKArrow .input-group a.form-control,
.REV_GRID tr:not(.FindModeRow) .REV_GRID_CONTROL.REV_STATIC .input-group .form-control,
.REV_GRID tr:not(.FindModeRow) .REV_GRID_CONTROL:not(:hover) .input-group .form-control:not(:focus),
.REV_GRID tr:not(.FindModeRow) .REV_GRID_CONTROL:not(:hover) .input-group .form-control:not(:focus) + .input-group-addon,
.REV_GRID tr:not(.FindModeRow) .REV_GRID_CONTROL:not(:hover) .input-group .form-control:not(:focus) + * + .input-group-addon {
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
}

.REV_GRID .REV_GRID_CONTROL .input-group.fullscreen .form-control {
    background-color: var(--st-color-bg) !important;
    color: var(--st-color-fg) !important;
}

.REV_GRID .REV_GRID_CONTROL:not(:hover) .input-group .form-control:not(:focus) + .input-group-addon,
.REV_GRID .REV_GRID_CONTROL:not(:hover) .input-group .form-control:not(:focus) + * + .input-group-addon {
    color: #777777;
}

.st-grid-fill {
    display: table-cell;
    vertical-align: top;
    width: 1px;
    text-align: left;
}

.st-grid-fill .st-grid-fill-icon {
    color: var(--st-btn-default-fg);
    background-color: var(--st-btn-default-bg);
    position: absolute;
    top: 4px;
    font-size: 0.5em;
    left: 0px;
}

.st-grid-fill .fill-button .st-grid-fill-icon {
    left: 4px;
}

.st-grid-fill .fill-button {
    font-size: 1.2em;
    width: 32px;
}

.st-grid-fill button:not(.fill) .st-grid-fill-icon,
.st-grid-fill [role="button"]:not(.fill) > .st-grid-fill-icon {
    display: none;
}

.REV_GRID .REV_GRID_CONTROL[data-fill-type]:not(.active-fill-option)
.st-grid-fill > [role="button"] {
    color: var(--st-color-dim-fg);
}

.REV_GRID .REV_GRID_CONTROL[data-fill-type]:not(.active-fill-option) .st-grid-fill > [role="button"] .caret,
.REV_GRID .REV_GRID_CONTROL:not([data-fill-type]):not(:hover) .st-grid-fill:not(.open) {
    visibility: hidden;
}

.REV_GRID .REV_GRID_CONTROL:not(:hover) .input-group a.form-control,
.REV_GRID .REV_GRID_CONTROL:not(.REV_RELATION):not(.ReadOnlyNoFKArrow) .input-group a.form-control {
    color: var(--st-color-link-fg);
    background-color: var(--st-color-link-bg);
    border-color: transparent;
    box-shadow: none;
}

.REV_GRID .GRID_REV_EDIT_TEXT.MultiLine .static {
	max-height: 200px;
	overflow: auto;
}

/* DeleteGroup */
.REV_GRID:not(.DeleteGroup) [data-action="Grid.ClearDeleteGroup"],
.REV_GRID.DeleteGroup .DeleteRow .dropdown {
	display: none;
	visibility: hidden;
}

.REV_GRID.DeleteGroup .panel-body > .GridContainer > .GridData tr,
.REV_GRID.DeleteGroup .panel-body > .GridContainer > .GridData td,
.REV_GRID.DeleteGroup .panel-body > .GridContainer > .GridData a,
.REV_GRID.DeleteGroup .panel-body > .GridContainer > .GridData td .form-control,
.REV_GRID.DeleteGroup .panel-body > .GridContainer > .GridData td input {
    background-color: var(--st-grid-deleted-row-bg);
    color: var(--st-grid-deleted-row-fg);
    text-decoration: line-through;
}

.REV_GRID.DeleteGroup .panel-body > .GridContainer > .GridData th,
.REV_GRID.DeleteGroup .panel-body > .GridContainer > .GridData td.DeleteRow,
.REV_GRID.DeleteGroup .panel-body > .GridContainer > .GridData td.LineNumber {
    background-color: #cccccc !important;
    text-decoration: line-through;
}

/* Grid Actions */
.REV_GRID .action-container .action-dropdown .dropdown-menu {
    padding: 0;
}

.REV_GRID .action-container .action-content > .REV_GROUP_BOX:not(.active) {
    display: none;
    visibility: hidden;
}

.REV_GRID .action-dropdown ul {
    list-style-type: none;
    padding: 0 0 5px 5px;
    background-color: var(--st-color-well-bg);
    color: var(--st-color-well-fg);
}

.REV_GRID .action-dropdown ul li > a {
    padding: 5px;
    display: block;
    border-radius: 5px 0 0 5px;
    white-space: nowrap;
}

.REV_GRID .action-dropdown ul li.active > a {
    background-color: var(--st-color-dropdown-bg);
    color: var(--st-color-dropdown-fg);
}

.REV_GRID .add-user-info-icon {
    padding-left: 3px;
    display: inline;
    color: #555;
    float: right;
}

.REV_GRID .add-user-info-icon:hover {
    color: #222;
}

.REV_GRID tr:not(:hover) .add-user-info-icon {
    visibility: hidden;
}

.add-user-info-popover {
    font-family: Century Gothic;

}

.add-user-info-popover p {
    margin: 0px;
}

.add-user-info-popover > .owner {
    font-size: 1.2em;
}

.add-user-info-popover > .owner > .user-name {
    font-weight: bold;
}

.add-user-info-popover > .timestamp {
    font-size: 1em;
    padding-left: 20px;
    color: #888;
}

/* Accordion Details */
.GridData tr.details > td {
    background-color: var(--st-color-nav-panel-bg) !important;
    color: var(--st-color-nav-panel-fg);
}

.GridData tr.details > td > div {
    padding: 5px 10px 5px 25px
}

.GridData tr.details > td > div > .REV_VIEW {
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    border-radius: 5px;
    box-shadow: 2px 2px 5px 2px rgba(0,0,0,.25);
    overflow: hidden;
}

/* Disable nested titles, for now */
.detail-content .GridData tr.details .row-heading-info,
.GridData .GridData tr.details .row-heading-info {
	display: none !important;
	visibility: hidden;
}

.GridData tr.details .row-heading-info {
    position: sticky;
    z-index: 9;
    top: 0;
    color: var(--st-color-row-light-fg);
    background-color: var(--st-color-row-light-bg);
    border-bottom: 1px solid #888;
    display: block;
}

.REV_GRID.sticky .GridData tr.details .row-heading-info {
	top: 29px;
}

.REV_GRID:not(.has-filters) .btn-clear-filters {
    display: none;
}

.GridData tr.details .row-heading-info > span {
    padding: 2px 3px;
    white-space: nowrap;
}

.GridData tr.details .row-heading-info > .value {
    width: 100%;
    font-weight: bold;
}

.REV_VIEW_REF.simple {
    display: block;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.REV_VIEW_REF.simple > .view-label {
    display: block;
    padding: 3px 5px;
}

.REV_VIEW_REF.simple > .REV_VIEW > .REV_BODY {
    padding: 0;
    margin: 0;
}

.REV_VIEW_REF > .REV_VIEW > .REV_HEAD {
    display: none;
    visibility: hidden;
}

.REV_GRID_CONTROL.REV_VIEW_REF {
    position: relative;
}

.REV_GRID_CONTROL.REV_VIEW_REF .form-control[disabled],
.REV_GRID_CONTROL.REV_VIEW_REF .form-control[readonly] {
    background-color: transparent;
}

.REV_GRID_CONTROL.REV_VIEW_REF > .grid-control-toolbar {
    display: inline-block;
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    width: auto;
}

.REV_GRID_CONTROL.REV_VIEW_REF:not(.template-parameter):not(:hover) > .grid-control-toolbar > .btn {
    visibility: hidden;
}

.REV_GRID_CONTROL.REV_VIEW_REF .GridData:not(:hover) thead {
    opacity: 0.5;
}

.REV_GRID_CONTROL.REV_VIEW_REF .GridData thead th,
.REV_GRID_CONTROL.REV_VIEW_REF .GridData .LineNumber,
.REV_GRID_CONTROL.REV_VIEW_REF .GridData .DeleteRow {
    background-color: #eee;
    color: #555;
}

tr .accordion-indicator {
    vertical-align: middle;
    font-size: 26px;
	color: #ccc;
}

tr .accordion-indicator:before {
    content: "\f0da";
}

tr.selected .accordion-indicator:before {
    content: "\f0d7";
}

tr .LineNumber .accordion-indicator:hover {
	color: #ffff00;
}

body:not([data-theme="4"]):not(.fullscreen-textarea-container) .REV_GRID.sticky > .panel-heading {
    background-color: var(--st-sticky-panel-header-bg) !important;
}

body:not(.fullscreen-textarea-container) .REV_GRID.sticky > .panel-heading {
    border: 0 none !important;
    outline: 1px solid var(--st-color-border);
    position: sticky;
    z-index: 12;
    outline: 0px none;
}

body:not(.fullscreen-textarea-container) .REV_GRID.sticky:not(.details-visible) > .panel-body > .GridContainer > .GridData > .table > thead th {
	position: sticky;
	z-index: 10;
}

body:not(.fullscreen-textarea-container):not(.browser-Chrome) .REV_GRID.sticky:not(.details-visible) > .panel-body > .GridContainer > .GridData > .table > thead th {
	background-clip: padding-box;
}

body:not(.fullscreen-textarea-container) .REV_GRID.sticky:not(.details-visible) > .panel-body > .GridContainer > .GridData > .table > thead th.DeleteRow {
	z-index: 11;
}

.REV_GRID[data-detail-type="Accordion"] > .panel-heading #SHOW_DETAIL {
	display: none;
	visibility: hidden;
}

.REV_GRID_CONTROL .form-control::placeholder {
    font-style: italic;
}

.REV_GRID_CONTROL[data-fill-type]:not(.Dirty) .form-control {
    font-style: italic !important;
    color: var(--st-color-dim-fg) !important;
}

.REV_GRID.details-visible .st-col-resizer,
.REV_GRID .st-col-resizer:last-of-type {
    display: none;
}

.GridData > .st-col-resizer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5px;
    height: 100%;
    cursor: ew-resize;
    z-index: 15;
}

.GridData > .st-col-resizer:hover {
    border: 1px dotted var(--st-color-border);
}

.REV_GRID > .panel-body > form .st-drop-target {
    padding-bottom: 0;
}

.REV_GRID > .panel-body > form .st-drop-container {
    display: none;
}

.REV_GRID tr .st-row-actions .btn {
    transition: opacity linear 0.25s;
    opacity: 1;
}

.REV_GRID tr:not(.active):not(:hover) .st-row-actions .btn {
    opacity: 0.5;
} 

.REV_GRID_CONTROL > .REV_INLINE_LIST .control-label {
    display: none;
}

.FindMode .ColumnSelect .btn-clear-filters,
.FindMode .ColumnSelect .btn-open-query {
    visibility: hidden;
}.Standard:not(.modal-open) #NavTabs:hover {
    z-index: 10000;
}

.Standard #NavTabs > ul {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-color: var(--st-main-nav-panel-bg);
    color: var(--st-main-nav-panel-fg);
    height: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.Standard #NavTabs > ul > li {
    cursor: pointer;
    display: block;
    text-align: center;
    padding: 5px;
    font-size: 1.25em;
}

.Standard #NavTabs > ul > li:focus,
.Standard #NavTabs > ul > li.active,
.Standard #NavTabs > ul > li:hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.Standard #NavTabs > ul > li.pinned {
    display: none;
    visibility: hidden;
}

.Standard #NavContent {
    border-right: 2px solid #555555;
}

#NavContent {
	flex: 0 0 auto;
}

#NavContent .tab-page {
    min-width: 150px;
}

.Standard #NavContent .tab-page:not(.pinned):not(.active) {
	display: none;
	visibility: hidden;
}

.Standard #NavContent .tab-page {
	position: relative;

    background-color: var(--st-main-nav-panel-bg);
    color: var(--st-main-nav-panel-fg);
}

.Standard #NavContent .tab-page.active {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;

    z-index: 500;
}

.Standard #NavContent .tab-page.pinned {
}

.Standard #NavTabs_List {
    padding: 5px;
}

.Standard #NavTabs_List li .title {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.Standard .tab-page .toolbar {
    display: flex;
    background-color: var(--st-color-nav-heading-bg);
    color: var(--st-color-nav-heading-fg);
    font-weight: bold;
}

.browser-InternetExplorer.Standard .tab-page .toolbar {
    padding-bottom: 1px;
}

.Standard .tab-page .toolbar > div {
    border-top: 2px solid #555555;
    flex: 0 1 auto;
    vertical-align: middle;
    padding-left: 5px;
}

.Standard .tab-page .toolbar > div:last-child {
	flex: 1 1 auto;
}

.Standard .tab-page .toolbar .btn.active {
	background-color: #5cb85c !important;
	color: #ffffff !important;
    filter: none;
}

.Standard .tab-page .toolbar .NavHeading {
    padding: 5px;
}

.Standard .tab-page.pinned .toolbar .btn[data-action="NavTabs.Pin"],
.Standard .tab-page .toolbar .btn[data-action="NavTabs.Unpin"] {
    display: none;
    visibility: hidden;
}

.Standard .tab-page.pinned .toolbar .btn[data-action="NavTabs.Unpin"] {
    display: inline-block;
    visibility: visible;
}

.Standard #NC_Bookmarks .nav-tabs li > a,
.Standard #NC_Bookmarks .tab-content {
    background-color: #eeeeee;
    color: #555555;
}

.Standard #NC_Bookmarks .nav-tabs li:hover > a,
.Standard #NC_Bookmarks .nav-tabs li.active > a {
    background-color: #ffffff;
}

.Standard #NC_PADTree.sized > div {
    overflow: hidden;
}

.Standard #NC_PADTree.sized #PAD_MENU {
    overflow: auto;
}

.Standard #PAD_MENU {
    background-color: var(--st-color-panel-bg);
    color: var(--st-color-panel-fg);
}

#PAD_MENU .st-tree-search,
#PAD_MENU .st-ko-tree .st-tree-hierarchy {
    background-color: transparent;
}

#ValidationResults {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
    min-width: 200px;
}

#ValidationResults > li > .Element {
    display: block;
    border: 1px solid var(--st-color-border);
    padding: 2px 5px;
}

#ValidationResults > li > .Description {
    padding-left: 50px;
}

#ValidationResults > li.error > .Element {
    background-color: var(--st-alert-error-bg);
    color: var(--st-alert-error-fg);
}

#ValidationResults > li.Dirty > .Element {
    background-color: #eeffee;
}

#NavContent > div[name="Validation"] li.Collapsed > .Description,
#NavContent > div[name="Validation"] li.Collapsed .glyphicon-collapse-up,
#NavContent > div[name="Validation"] li .glyphicon-collapse-down,
#NavContent > div[name="Validation"].Collapsed .toolbar .btn[data-action="Validation.CollapseAll"],
#NavContent > div[name="Validation"] .toolbar .btn[data-action="Validation.ExpandAll"] {
    display: none;
    visibility: hidden;
}

#NavContent > div[name="Validation"] li.Collapsed .glyphicon-collapse-down {
    display: inline-block;
    visibility: visible;
}

#NavContent > div[name="Validation"].Collapsed .toolbar .btn[data-action="Validation.ExpandAll"] {
    display: inline-block;
    visibility: visible;
}
.ql-menu {
    font: 10pt Helvetica,Arial;
    position: absolute;
    color: var(--st-color-dropdown-fg);
    background-color: var(--st-color-dropdown-bg);
    display: inline-block;
    z-index: 1000;
    min-height: 80px;
    min-width: 100%;
    border-radius: 0 0 5px 5px;
    border: 1px solid var(--st-color-border);
}

.ql-menu h2 {
    font-size: 1.5em;
    margin: 15px 15px 0 15px;
}

.ql-menu .ql-heading {
    white-space: nowrap;
    color: var(--st-color-dropdown-fg);
    border-bottom: 1px solid var(--st-color-border);
}

.ql-menu > .layout-table > .layout-column {
    border-right: 1px solid var(--st-color-border);
}

.ql-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ql-menu .scrolling-container {
    padding: 15px;
}

.ql-menu .ql-sugg {
    width: 115px;
}

.ql-menu .ql-sugg:hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.ql-menu .ql-sugg-image {
    border-radius: 5px;
    font-family: 'Century Gothic';
    margin-top: 5px;
    text-align: center;
    white-space: normal;
}

.ql-menu .ql-sugg-image > img {
    width: 48px;
    height: 48px;
    margin: auto;
}

.ql-views li {
    width: 100%;
}

.ql-views li > span {
    text-align: right;
}

.ac-widget * {
    position: relative;
    padding: 0;
    margin: 0;
}

.ac-widget {
    font: 10pt Helvetica,Arial;
    position: absolute;
    display: inline-block;
    background-color: white;
    text-align: left;
    color: black;
    min-height: 80px;
    max-height: 200px;
    z-index: 1000;
    overflow: auto;
    border: 1px solid #7b9fcb;
}

ul.ac-widget-list {
    list-style-type: none;
    overflow: hidden;
}

.ac-widget ul li {
    padding: 1px 5px 0px 5px;
    cursor: pointer;
}

.ac-item-hover {
    background-color: #dddddd;
}

.ac-widget ul li img {
    height: 16px;
    width: 16px;
}

li .ul-item-name {
    margin-left: 5px;
    margin-right: 5px;
}

.QuickLaunchMenu {
    display: inline-block;
    position: absolute;
    background-color: white;
    min-height: 100px;
    min-width: 400px;
    max-width: 800px;
    overflow: auto;
    width: auto;
    border: 1px solid var(--st-color-border);
    border-radius: 5px;
    margin: 0;
    padding: 0;
}

.QuickLaunchMenu > ul {
    display: table;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.QuickLaunchMenu li {
    display: table-row;
    margin: 0;
    padding: 0;
}

.QuickLaunchMenu li > button {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.QuickLaunchMenu li > a {
    vertical-align: middle;
    display: table-cell;
    margin: 0;
    padding: 2px 5px;
    border: 0 none;
}

#MenuBar .QuickLaunchMenu li > a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.QuickLaunchMenu li.active,
.QuickLaunchMenu li:hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.QuickLaunchMenu li > a > .desc > .match {
    color: #ff0000;
}

#QLEntities, #inpQuickLaunch {
    line-height: 1.4285;
}

#inpQuickLaunch {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    overflow: visible;
    text-align: left;
}

#inpQuickLaunch .form-control {
    padding: 1px 3px;
    height: 26px;
    border-radius: 5px 0 0 5px;
}

#inpQuickLaunch > input {
    position: relative;
    background-color: transparent;
    width: 120px;
    z-index: 2;
}

.browser-Safari #inpQuickLaunch > input {
    line-height: 16px;
}

#inpQuickLaunch.focus > input {
    width: 400px;
}

#inpQuickLaunch > span {
    position: absolute;
    display: inline-block;
    vertical-align: middle;

    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    color: #cccccc;
    padding: 2px 5px;
}

.browser-InternetExplorer #inpQuickLaunch > span {
    padding: 2px 4px;
}

#inpQuickLaunch > span .match {
    visibility: hidden;
}

#inpQuickLaunch > .loader {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    position: absolute;
    z-index: 2;
    right: 0;
    margin: 5px 3px;
}

.ql-input-group {
    min-width: 80px;
    background-color: var(--st-color-input-bg);
    color: var(--st-color-input-fg);
    border-radius: 5px 0 0 5px;
    border: 1px solid var(--st-color-border);
    padding: 0px;
    overflow: hidden;
    transition: min-width linear .25s;
}

.browser-InternetExplorer .ql-input-group {
    padding: 1px 0px;
}

.ql-input-group.focused {
    min-width: 300px;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.ql-input-group .input {
    color: var(--st-color-input-fg);
    position: relative;
    display: inline-block;
    background-color: transparent;
    border: 0 none;
    outline: none;
    width: 80px;
    height: 24px;
    z-index: 2;
    vertical-align: middle;
    padding: 2px 3px;
}

.ql-input-group.focused .input {
    width: 100%;
}

.ql-input-group .match-text {
    position: absolute;
    display: inline-block;
    border: 0 none;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    color: #aaa;
    vertical-align: middle;
    padding: 2.5px 3px;
}

.ql-input-group .input:focus {
    outline: none;
}

.ql-menu li.active,
.ql-menu li:hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.ql-menu li a .desc .match {
    color: var(--st-color-match-fg);
}

.ql-entity-btn {
    position: relative;
}

.ql-entity-btn li img {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    padding: 1px;
}

.ql-entity-btn > img {
    border: 1px solid var(--st-color-border);
    border-radius: 0 5px 5px 0;
    background-color: var(--st-btn-default-bg);
    padding: 2px;
    width: 26px;
    height: 26px;
}

.ql-entity-btn > span.ql-current-entity {
    display: inline-block;
    width: 26px;
    height: 24px;
    border: 1px solid var(--st-btn-ql-addon-border);
    border-radius: 0 5px 5px 0;
    text-align: center;
    color: #fff;
    margin-top: 1px;
    vertical-align: middle;
    margin-left: -2px;
}

.ql-entity-btn > span.ql-current-entity > .fa {
	vertical-align: middle;
}
	
.browser-InternetExplorer .ql-entity-btn > span.ql-current-entity {
	height: 25px;
}

.ql-view-list img {
    width: 24px;
    height: 24px;
}

.ql-view-list {
    text-align: right;
    padding-left: 15px;
}

.ql-entities .sr-only {
    padding: 0 !important;
}

.ql-entities li > * {
    padding: 2px 5px;
}

.ql-entities li:not(:last-child) {
    border-bottom: 1px solid var(--st-color-border);
}

.ql-entities li *[role="button"]:hover {
    border-radius: 5px;
    background-color: var(--st-color-link-hover-bg);
}

.ql-entities li img {
    width: 24px;
}

.ql-entities li:not(:hover) img {
    opacity: 0.5;
    filter: grayscale(100%);
}

.ql-entities .ql-view-links > * {
    transition: transform linear .25s;
}

.ql-entities .ql-view-links > *:hover {
    transform: scale(1.2, 1.2);
}

.ql-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

#inpQuickLaunch:not(.focused) .ql-overlay {
    display: none;
    visibility: hidden;
}

#QLEntities .ql-entity-container {
    position: relative;
}

#QLEntities .ql-entity-container > ul {
    position: absolute;
    display: inline-block;
    z-index: 1000;
    top: 100%;
    left: 0;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    border-radius: 0 0 5px 5px;
    border: 1px solid var(--st-color-border);
    white-space: nowrap;
    padding: 5px 15px;
    margin-top: -1px;
}

#QLEntities:not(.open) .ql-entity-container {
    display: none;
    visibility: hidden;
}

#QLEntities .ql-entity-container li[data-boid="00000000-0000-0000-0000-000000000000"] > .fa,
#QLEntities .ql-entity-container li:not(:hover):not(.checked) > .fa {
    visibility: hidden;
}

#QLEntities .ql-entity-container li:not(.checked) > .fa:not(:hover) {
    opacity: 0.4;
}

#QLEntities .ql-entity-container li.checked > .fa {
    color: var(--st-color-checkmark);
}

#QLEntities ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
}

#QLEntities ul > li {
    display: block;
    margin: 3px 5px;
    border-radius: 5px;

    transition: transform linear .15s, background-color linear .15s, color linear .15s;
}

#QLEntities ul > li:hover {
    transform: scale(1.25, 1.25);
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

#QLEntities ul > li:hover a {
    color: var(--st-color-hover-fg);
}

#QLEntities:not(:hover):not(.focused) > img {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
    opacity: 0.85;
}

.ql-menu-nav.linkNav {
    position: fixed;
    display: inline-block;
    z-index: 2000;
    padding: 0px;
}

.ql-menu .ql-entity-filter-btn {
    padding: 2px 3px;
}

.ql-menu .ql-entity-filter-btn > span {
    border-radius: 5px;
    border: 1px solid transparent;
    padding: 2px 3px;
    display: inline-block;
}

.ql-menu .ql-entity-filter-btn > span:hover {
    border-color: var(--st-color-border);
}

.ql-menu .ql-entity-filter-btn.filtered > span {
    border-color: #5dc3ff;
}

.ql-filter-group {
    position: relative;
}

.ql-filter-group .ql-filter-group-dd {
    position: absolute;
    left: 0;
    top: 100%;
    overflow: hidden;
    z-index: 100;

    max-height: 150px;
    transition: max-height ease-in-out 0.25s 0.25s;
}

.ql-filter-group:not(:hover) .ql-filter-group-dd {
    max-height: 0;
}
.CompactView .REV_CONTROL.LeftLabel > :first-child,
.CompactView .REV_CONTROL.RightLabel > :first-child {
    padding-right: 2px;
}
.CompactView .REV_CONTROL {
    padding: 2px 5px;
}

.CompactView .REV_TAB_GROUP > .panel-body > .REV_PANEL {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    padding-left: 4px;
    margin-top: -2px;
    margin-left: -2px;
    border-top-color: #ddd;
}
.CompactView .REV_CONTROL.form-group {
    padding: 1px 3px;
}


.REV_CONTROL.error:not(.error-mandatory) input:focus {
    border-color: red;
}

.REV_VIEW .REV_CONTROL.Dirty.Highlight {
    outline: 1px solid orange;
}

.REV_HEAD:not(.focused) .REV_TAB_GROUP.Empty {
	max-height: 200px;
	transition: max-height .5s linear .1s;
}

.REV_HEAD:hover .REV_TAB_GROUP.Empty {
	max-height: 200px !important;
}

.REV_HEAD.include-in-layout .REV_TAB_GROUP {
	max-height: 200px !important;
	transition: none !important;
}

.bo-popover.popover {
	width: auto;
	max-width: 100%;
	white-space: nowrap;
	font-size: .9em;
}

.REV_CONTROL > div {
    display: inline-block;
    vertical-align: middle;
}

.REV_CONTROL > div,
.REV_CONTROL.BottomLabel > div,
.REV_CONTROL > .control-label,
.REV_CONTROL.BottomLabel > .control-label {
    display: table-row;
    position: relative;
}

sm-editor.REV_CONTROL > div {
    display: block;
}

.REV_CONTROL.LeftLabel > *,
.REV_CONTROL.RightLabel > * {
    vertical-align: middle;
    display: table-cell;
}

.REV_CONTROL.LeftLabel > :first-child,
.REV_CONTROL.RightLabel > :first-child {
    padding-right: 5px;
}

.REV_CONTROL {
    position: relative;
    vertical-align: top;
}

.REV_VIEW:not(.FindMode):not(.Search):not(.REV_REPORT):not(.VM_Add):not(.VM_FindResult) .REV_CHECK_BOX_LIST.Dirty .revert-ctrl-val,
.REV_VIEW:not(.FindMode):not(.Search):not(.REV_REPORT):not(.VM_Add):not(.VM_FindResult) .REV_CONTROL.Dirty .revert-ctrl-val,
.REV_VIEW:not(.FindMode):not(.Search):not(.REV_REPORT):not(.VM_Add):not(.VM_FindResult) .REV_GRID_CONTROL.Dirty:not(.REV_VIEW_REF) .revert-ctrl-val {
    visibility: visible;
    border-color: var(--orange-highlight);
}

.REV_CHECK_BOX_LIST .revert-ctrl-val {
    display: inline-block;
}

.REV_GRID_CONTROL.REV_CHECK_BOX .revert-ctrl-val {
    float: right;
}

.revert-ctrl-val-toolbar,
.btn.btn-undo {
    background-color: var(--orange-highlight) !important;
    color: white !important;
}

.btn.btn-undo {
    border: 1px solid #a57a3e;
}

.grid-control-toolbar {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    width: 1px;
    padding: 0;
    margin: 0;
}

.REV_CHECK_BOX .grid-control-toolbar {
    display: inline-block;
}

.grid-control-toolbar .btn {
    font-size: 9px;
}

.grid-control-toolbar .btn-separator {
    display: inline-block;
}

.grid-control-toolbar .btn-separator:after {
    height: 15px;
}

.btn-group.nowrap {
    display: table;
}

.btn-group.nowrap > .btn {
    display: table-cell;
    float: none;
}

.revert-ctrl-val {
    display: table-cell;
    border-color: transparent;
    visibility: hidden;
    text-align: center;
    padding: 2px;
    background-color: var(--orange-highlight) !important;
    color: white !important;
    border-radius: 2px;
    min-width: 20px;
}

.REV_GRID_CONTROL .revert-ctrl-val {
    line-height: 20px;
}

.REV_GRID_CONTROL.REV_CHECK_BOX .revert-ctrl-val {
    display: inline;
}

.REV_CHECK_BOX_LIST .revert-ctrl-val,
.REV_CONTROL .revert-ctrl-val {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
}

.REV_CHECK_BOX_LIST .revert-ctrl-val,
.REV_CONTROL .revert-ctrl-val .fa-reply {
    background-color: orange;
    color: white;
}

.VM_Normal.FindMode .REV_CONTROL:hover .FindTools[data-action] {
    display: table-cell;
}

.VM_Normal.FindMode.GraphModeLocked .REV_CONTROL.GraphMode .FindTools[data-action="Graph.ToggleGraphMode"],
.VM_Normal.FindMode .GraphMode .FindTools[data-action="Graph.ToggleGraphMode"],
.VM_Normal.FindMode .GraphMode .FindTools[data-action="Control.ToggleSoundexMode"],
.VM_Normal.FindMode .WithConditions .FindTools[data-action="FindCondition.AddCondition"],
.VM_Normal:not(.FindMode) .REV_CONTROL.Dirty [data-action="Control.RevertControlValue"],
.VM_Normal:not(.FindMode) .REV_CHECK_BOX_LIST.Dirty [data-action="Control.RevertControlValue"] {
    display: block;
}

.VM_Normal.FindMode.GraphModeLocked .REV_CONTROL .FindTools [data-action="Graph.ToggleGraphMode"] {
    display: none;
}

.VM_Normal.FindMode .REV_CONTROL.REV_EDIT_MULTI_LINE:hover .FindTools,
.VM_Normal.FindMode .REV_CONTROL.REV_EDIT_MEMO:hover .FindTools,
.VM_ForeignKeySelection .REV_CONTROL:hover .FindTools {
    display: none;
}

.FindMode .REV_CONTROL.WithConditions,
.FindMode .REV_CONTROL.GraphMode {
    border-radius: 5px;
    background-color: var(--st-color-active-action-bg);
    color: var(--st-color-active-action-fg);
}

.FindMode .REV_CONTROL.SoundexMode {
    border-radius: 5px;
    background-color: var(--st-color-active-action-soundex-bg);
    color: var(--st-color-active-action-fg);
}

.FindMode .REV_CONTROL.WithConditions .control-label,
.FindMode .REV_CONTROL.SoundexMode .control-label,
.FindMode .REV_CONTROL.GraphMode .control-label {
    color: var(--st-color-active-action-fg);
}

.PriorYear .FindMode .REV_CONTROL.WithConditions,
.PriorYear .FindMode .REV_CONTROL.SoundexMode,
.PriorYear .FindMode .REV_CONTROL.GraphMode {
    background-color: #bbccdd;
}

.FindMode .REV_CONTROL st-memo-generator-btn,
.REV_CONTROL.ReadOnly st-memo-generator-btn {
    display: none;
    visibility: hidden;
}

.FindMode .REV_CONTROL [data-action="SpellCheck.ShowSpellChecker"],
.REV_CONTROL.ReadOnly [data-action="SpellCheck.ShowSpellChecker"] {
    display: none;
    visibility: hidden;
}

.REV_CONTROL.wrap-label .control-label {
    white-space: normal;
}

.REV_CONTROL:not(.wrap-label) .control-label {
    white-space: nowrap;
}

.REV_CONTROL.multiline-fixed-font textarea {
    font-family: monospace;
}

.REV_GRID_CONTROL .btn[data-action="RevButton.ShowButtonDropdown"] img,
.REV_CONTROL .btn[data-action="RevButton.ShowButtonDropdown"] img {
    height: 16px;
}

.REV_CONTROL.REV_IMAGE > .control-label,
.REV_CONTROL.REV_IMAGE_BUTTON > .control-label,
.REV_CONTROL.no-label > .control-label,
.None {
    display: none;
    visibility: hidden;
}


.REV_CONTROL.form-group,
.REV_CONTROL.REV_URL {
    display: inline-block;
    padding: 2px 4px;
    margin-bottom: 0px;
}

.REV_GRID_CONTROL.REV_VIEW_REF .REV_CONTROL.REV_INLINE_LIST {
    display: table;
    width: 100%;
}

.REV_CONTROL.form-group.REV_EDIT_HTML {
    display: table;
}

.form-control:not(textarea),
.REV_CONTROL .form-control:not(textarea) {
    width: auto;
    display: inline-block;
    text-align: left;
}

.no-touch .form-control:not(textarea):not([type="checkbox"]),
.no-touch .REV_CONTROL .form-control:not(textarea):not([type="checkbox"]) {
    min-height: 26px;
    height: auto;
}

.CompactView .GridData .form-control:not(textarea):not([type="checkbox"]),
.CompactView .GridData .REV_CONTROL .form-control:not(textarea):not([type="checkbox"]),
.CompactView .GridData .REV_GRID_CONTROL .form-control:not(textarea):not([type="checkbox"]) {
    min-height: 22px;
}

.REV_CONTROL .input-group textarea {
    white-space: pre-wrap;
}

.REV_CONTROL button.form-control {
    overflow: hidden;
}

.form-control[type="checkbox"],
.REV_CONTROL .form-control[type="checkbox"] {
    height: auto;
}

.REV_CONTROL .btn:not(.btn-xs) {
    padding-top: 4px;
    padding-bottom: 5px;
}

.REV_EDIT_PASSWORD .static > .form-control {
    color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.REV_CONTROL .input-group,
.REV_CONTROL .input-group .form-control:not(textarea) {
    width: 100%;
}

.ShowDetails .GridData .REV_DETAIL_CELL .REV_CONTROL .input-group,
.ShowDetails .GridData .REV_DETAIL_CELL .REV_CONTROL .input-group .form-control:not(textarea),
.REV_CONTROL .input-group .form-control[type="checkbox"],
.REV_CONTROL .input-group .form-control[type="radio"] {
    width: auto;
}

.REV_CONTROL .input-group > .input-group-addon {
    top: auto;
}

.REV_EDIT_EMAIL .input-group-addon,
.REV_DROP_DOWN .input-group-addon,
.REV_GRID_CONTROL .st-trigger,
.REV_CONTROL .st-trigger {
    cursor: pointer;
}

.REV_EDIT_EMAIL:not(.REV_GRID_CONTROL) .input-group.static .glyphicon-envelope {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
}

.REV_GRID_CONTROL.ReadOnly .st-trigger,
.REV_CONTROL.ReadOnly .st-trigger {
    cursor: not-allowed;
}

td.REV_GRID_CONTROL.REV_CHECK_BOX {
    min-width: 36px;
}

.REV_CHECK_BOX > div,
.REV_CHECK_BOX > .control-label {
    display: table-cell;
    vertical-align: middle;
}

.REV_CHECK_BOX > .control-label {
    white-space: nowrap;
}

.REV_CHECK_BOX.REV_CHECK_BLOCK > .control-label,
.REV_CHECK_BOX.REV_CHECK_BLOCK > div,
td > .REV_CHECK_BOX > div {
    display: inline-block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.REV_CHECK_BOX.checked .control-label,
.REV_CHECK_BOX_LIST label.checked {
    font-weight: bold;
}

.REV_CHECK_BOX_LIST .form-group {
	margin-bottom: auto;
}

.REV_CHECK_BOX > div > .input-group {
    width: 100%;
    padding: 0px 7px;
}

.REV_CHECK_BOX.REV_CHECK_BLOCK > div > .input-group {
    padding: 3px;
}

.input-group > .form-control[type="checkbox"],
.input-group > .form-control[type="radio"] {
    float: none;
    width: auto;
    height: auto;
}

input[type="checkbox"] {
    margin: -3px 0 0 0;
}

.GridData input[type="checkbox"] {
	margin: 0;
	vertical-align: middle;
}

input[type="radio"] {
    margin: 3px 0 0 0;
}

.flexbox > input[type="radio"] {
    margin: 0;
}

.REV_CHECK_BOX_LIST .QuickCheck {
    position: relative;
    display: inline-block;
}

.CHECK_BOX_GRID table td {
    padding-right: 5px;
    vertical-align: bottom;
}

.CHECK_BOX_GRID table td .control-label {
    white-space: nowrap;
}

.CHECK_BOX_GRID table td .control-label span {
    white-space: normal;
}

.CHECK_BOX_GRID table td input {
    padding:0;
}

.input-group .form-control:only-child {
    border-radius: 5px;
}

.FindMode .REV_CONTROL .input {
    display: table;
    visibility: visible;
}

.REV_CONTROL .fk_link,
.VM_Chooser .REV_HEAD .REV_RELATION .input-group.fk_link,
.VM_Chooser .REV_HEAD .REV_RELATION .input-group .input-group-addon,
.VM_ForeignKeySelection .REV_RELATION .input-group.fk_link,
.FindMode .REV_RELATION .input-group.fk_link,
.REV_RELATION:not(.EditMode) .input-group.input {
    display: none;
    visibility: hidden;
}

.REV_RELATION.EditMode input {
    background-color: var(--st-color-search-input-bg);
    color: var(--st-color-search-input-fg);
}

.REV_RELATION.EditMode .static,
.REV_RELATION.EditMode .fk_link {
    display: none;
    visibility: hidden;
}

.VM_Chooser .REV_HEAD .REV_RELATION .input-group.input,
.VM_ForeignKeySelection .REV_RELATION .input-group.input,
.FindMode .REV_RELATION .input-group.input,
.REV_RELATION .fk_link {
    display: table-row;
    visibility: visible;
}

.REV_RELATION a.value:before,
.REV_RELATION span.form-control:before {
    content: "";
    display: inline-block;
}

.REV_RELATION.ReadOnlyNoFKArrow .input-group-addon:not(.snapshot-target) {
    display: none;
    visibility: hidden;
}

.REV_GRID td > .REV_RELATION a.value {
    text-align: inherit;   
}

.REV_RELATION a.value,
.REV_RELATION span.form-control {
    min-width: 30px;
    text-align: left;
    /*overflow: hidden; (259143 - this causes links to disappear in tables in Firefox ESR 38 when scrolling) */
    white-space: nowrap;
}

.REV_LINK a.value,
.REV_RELATION a.value {
    color: var(--st-color-link-fg);
    background-color: var(--st-color-link-bg);
}

.FindMode .REV_RELATION span.form-control {
    text-align: left;
}

.REV_CONTROL:not(.REV_EDIT_STATIC) .static > .form-control:before {
    content: "";
    display: inline-block;
}

.REV_CONTROL:not(.REV_EDIT_STATIC):not(.REV_URL) .static > .form-control {
    border-radius: 5px;
    background-color: var(--st-color-input-disabled-bg);
    color: var(--st-color-input-disabled-fg);
}

.REV_CONTROL .static > span.form-control {
    height: auto;
}

.REV_GRID td > .REV_CONTROL .static > .form-control {
    border: 0 none;
    background-color: inherit;
}

.REV_CONTROL.REV_LINK:not(.EditMode):not(.REV_RELATION) .input,
.REV_CONTROL:not(.REV_LINK):not(.REV_EDIT_STATIC):not(.STATIC_CONTROL) .static, 
.REV_CONTROL.REV_RELATION:not(.EditMode) .static {
    display: none;
    visibility: hidden;
}

.REV_EDIT_STATIC .input-group.input {
    display: none;
    visibility: hidden;
}

.REV_EDIT_STATIC .value {
    height: auto;
    border: none;
    border-radius: 0px;
    float:none;
    box-shadow:none;
}

.REV_EDIT_STATIC .value p {
    margin: 0;
}

.REV_CONTROL.REV_LINK .static {
}

.REV_RADIO_BUTTON input[type="radio"] {
    margin-right: 5px;
}

.REV_GRID td > .REV_CONTROL.ReadOnly > div:not(.ErrorToolTip) > *,
.REV_GRID.ReadOnly > .panel-body > table > tbody > tr > td > .REV_CONTROL > div:not(.ErrorToolTip) > * {
    display: none;
    visibility: hidden;
}

.REV_GRID td > .REV_CONTROL.ReadOnly > .REV_CONTROL,
.REV_GRID td > .REV_CONTROL.ReadOnly > .REV_CONTROL > *,
.REV_GRID td > .REV_CONTROL > .REV_CONTROL {
    display: inline-block;
    visibility: visible;
}

.REV_GRID td > .REV_CONTROL.ReadOnly:not(.REV_RELATION) .static,
.REV_GRID.ReadOnly > .panel-body > table > tbody > tr > td > .REV_CONTROL:not(.REV_RELATION) .static {
    display: table;
    visibility: visible;
}

.REV_GRID td > .REV_CONTROL.ReadOnly.REV_RELATION .fk_link,
.REV_GRID.ReadOnly > .panel-body > table > tbody > tr > td > .REV_CONTROL.REV_RELATION .fk_link {
    display: table;
    visibility: visible;
}

.REV_GRID.ReadOnly > .panel-body > table > tbody > tr > td > .REV_CONTROL .static > .form-control {
    border: 0 none;
    background-color: transparent;
}

.REV_COMPLEX_CONTROL.ReadOnly .REV_CONTROL:not(.NO_CHG) .fk_link > .input-group-addon {
    display: none;
    visibility: hidden;
}

.REV_EDIT_MULTI_LINE .static > .value {
    white-space: pre-wrap;
}

.REV_EDIT_MULTI_LINE textarea.form-control {
    border-radius: 0 0 5px 5px;
}

.GridData td .input-group.REV_EDIT_MULTI_LINE:not(.fullscreen),
.GridData td .input-group.REV_EDIT_MULTI_LINE:not(.fullscreen) > textarea.form-control {
    width: 100%;
}

.memo-tools .memo-label {
    font-weight: bold;
    vertical-align: middle;
    color: var(--st-color-heading-fg);
}

.memo-tools {
    display: none;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    transition: opacity 1s;
    padding: 2px 4px;
    position: absolute;
    right: 0;
    bottom: 100%;
    z-index: 15;
    width: 100%;
    color: var(--st-color-heading-fg);
    background-color: var(--st-color-heading-bg);
    border-radius: 5px 5px 0 0;
    border: 1px solid var(--st-color-border);
    border-width: 1px 1px 0 1px;
}

.edit-memo-tools div {
    padding: 2px 4px;
    background-color: var(--st-grid-heading-bg);
    border-radius: 5px 5px 0 0;
    border: 1px solid var(--st-color-border);
    border-width: 1px 1px 0 1px;
    text-align: right;
}

.edit-memo-tools textarea {
    border-radius: 0 0 5px 5px;
}

.memo-tools .btn {
    font-size: 10px;
    padding: 2px 6px;
}

body:not(.ShowExpContentSE) .ExpContent {
    display: none;
}

.browser-InternetExplorer.fullscreen-textarea-container .modal-content {
    overflow: visible !important;
}

.fullscreen-textarea-container .input-group .form-control,
.fullscreen-textarea-container .pagination > .active > a,
.fullscreen-textarea-container .pagination > .active > span {
    z-index: auto;
}

.REV_EDIT_MULTI_LINE.fullscreen {
    display: inline-block;
    position: fixed !important;
    left: 0;
    top: 24px;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.REV_EDIT_MULTI_LINE.fullscreen > textarea {
    width: 100% !important;
    height: 100% !important;
}

.REV_EDIT_MULTI_LINE.fullscreen .memo-tools [data-action="EditText.GrowTextArea"],
.REV_EDIT_MULTI_LINE.fullscreen .memo-tools [data-action="EditText.ShrinkTextArea"] {
    display: none;
    visibility: hidden;
}

.REV_EDIT_MULTI_LINE.fullscreen .memo-tools,
.REV_EDIT_MULTI_LINE .memo-tools:hover,
textarea:focus + .memo-tools,
.memo-tools.popover-open {
    display: inline-block;
    visibility: visible;
    opacity: 1;
}

.DROP_DOWN_RANGE,
.EDIT_TEXT_RANGE {
    display: table;
}

.DROP_DOWN_RANGE > *,
.EDIT_TEXT_RANGE > * {
    display: table-cell;
    vertical-align: bottom;
}

.REV_CONTROL .form-control.TextAlignLeft,
.REV_CONTROL .control-label.TextAlignLeft {
    text-align: left;
}
.REV_CONTROL .form-control.TextAlignRight,
.REV_CONTROL .control-label.TextAlignRight {
    text-align: right;
}
.REV_CONTROL .form-control.TextAlignCenter,
.REV_CONTROL .control-label.TextAlignCenter {
    text-align: center;
}
.REV_CONTROL .form-control.TextAlignJustify,
.REV_CONTROL .control-label.TextAlignJustify {
    text-align: justify;
}

.STATIC_CONTROL .input-group.static {
    display: inline-block;
    visibility: visible;
}

.STATIC_CONTROL .input-group.input {
    display: none;
    visibility: hidden;
}

li.REV_MENU_ITEM.disabled {
    cursor: not-allowed !important;
}

li.REV_MENU_ITEM > a[disabled] {
    color: gray !important;
}

.REV_STATIC_TEXT[data-clear-side="left"]:before,
.REV_STATIC_TEXT[data-clear-side="both"]:before {
    content: "";
    display: block;
    clear: both;
}

.REV_STATIC_TEXT[data-clear-side="right"]:after,
.REV_STATIC_TEXT[data-clear-side="both"]:after {
    content: "";
    display: block;
    clear: both;
}

.REV_IMAGE_BUTTON.hiddenImageButton button {
    visibility: hidden;
    display: none;
}

.browser-InternetExplorer textarea.form-control {
    line-height: normal;
}

.FindMode .REV_TITLE_TEXT .Value {
    visibility: hidden;
    display: none;
}

.range-separator {
	padding-bottom: 4px;
}

.st-ac-dropdown {
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    border: 1px solid var(--st-color-border);
    border-radius: 5px;
    /*box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);*/
    display: inline-block;
    margin: 0;
    max-height: 500px;
    overflow: auto;
    position: fixed;
    z-index: 2000;
}

.st-ac-dropdown > .loader {
    padding: 5px;
    color: var(--st-color-dim-fg);
}

.st-ac-dropdown:not(.loading) > li.loader {
    display: none;
    visibility: hidden;
}

.st-ac-dropdown > li {
    border-bottom: 2px solid var(--st-color-border);
    padding: 5px;
    white-space: nowrap;
}

.st-ac-dropdown > li > a:hover,
.st-ac-dropdown > li > a {
    display: block;
    padding: 2px 3px;
    text-decoration: none;

    background-color: var(--st-color-link-hover-bg);
    color: var(--st-color-link-hover-fg);
}

.st-ac-dropdown > li.active,
.st-ac-dropdown > li.active > a {
    color: var(--st-color-hover-fg);
    background-color: var(--st-color-hover-bg);
}

.st-ac-dropdown > li:hover {
    color: var(--st-color-hover-fg);
    background-color: var(--st-color-hover-bg);
}

.input-group-addon {
    position: relative;
}

.input-group-addon > .iris-picker {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 5;
}

.REV_VIEW.FindMode .REV_GRAPH .Content .STGraph {
    visibility: hidden;
    display: none;
}

.REV_GRAPH {
    display: inline-block;
    vertical-align: top;
    position: inherit;
    background-color: var(--st-color-panel-bg) !important;
    color: var(--st-color-panel-fg) !important;
    cursor: auto;

    border: 1px solid var(--st-color-border);
    padding: 4px;
    border-radius: 3px;
    margin: 5px;
}

.REV_GRAPH.no-border {
    border: 0px none;
    box-shadow: none;
}

.REV_GRAPH .panel-heading{
    display:block;
}

.REV_GRAPH .panel-heading {
    background-color: inherit;
}

.REV_GRAPH .title {
    text-align: center;
    margin: 0;
    font-weight: normal;
    font-family: "Segoe UI Light", "Helvetica Neue Light", "Segoe UI", "Helvetica Neue", "Trebuchet MS", "Verdana";
    font-size: 28px;
}

.REV_GRAPH .title {
    color: var(--st-color-heading-fg);
}

.REV_GRAPH .Content {
    padding: 2px;
}

.REV_GRAPH canvas {
    width: 100%;
}

.REV_GRAPH .panel-heading > .btn-group {
    float: left;
    margin-top: 7px;
}

.REV_GRAPH .glyphicon-filter {
    color: var(--st-color-dim-fg);
}

.REV_GRAPH #GraphDataSelect .data-series-list > li {
    display: inline;
}

.REV_GRAPH #GraphDataSelect .dropdown-menu {
    min-width: initial;
}

.REV_GRAPH #GraphDataSelect .data-points-list li {
    white-space: nowrap;
}

.REV_GRAPH #GraphDataSelect ul {
    list-style: none;
}

.REV_GRAPH .panel-heading > .title {
    white-space: nowrap;
    overflow-x: auto;
    padding-left: 7px;
    padding-right: 7px;
}

.REV_CONTROL .input-group.static .glyphicon {
    vertical-align: bottom;
}

.REV_GRAPH #GraphDataSelect  .data-points-label{
    cursor: pointer;
}

.REV_GRAPH #GraphDataSelect.open > ul.dropdown-menu {
    display: table;
    padding: 5px;
}

.REV_GRAPH #GraphDataSelect.open > ul.dropdown-menu > li {
    display: table-cell;
    padding-left: 8px;
    padding-right: 8px;
}

.REV_GRAPH #GraphDataSelect .data-points-list {
    padding-left: 10px;
    padding-right: 5px;
}

.REV_GRAPH #GraphDataSelect.open > ul.dropdown-menu > li + li {
    border-left: 1px solid #aaa;
}

.REV_GRAPH #GraphDataSelect label {
    white-space: nowrap;
    font-family: "Verdana";
    color: var(--st-color-dropdown-fg);
}

.REV_GRAPH #GraphDataSelect .data-series-label {
    border-bottom: 1px solid var(--st-color-dropdown-fg);
    width: 100%;
}

.REV_GRAPH #GraphDataSelect .data-points-label {
    font-weight: normal;
}

.REV_VIEW.FindMode .REV_GRAPH #GraphDataSelect,
.REV_VIEW.FindMode .REV_GRAPH .Content {
    visibility: hidden;
    display: none;
}

/* CONTROL TOOLBAR */
.REV_CONTROL .control-toolbar {
	display: flex;
	flex-direction: row;
}

.REV_CONTROL .control-toolbar > * {
	flex: 0 0 auto;
	float: none;
}

.REV_CONTROL .control-toolbar {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}

.REV_CONTROL .input-group > .control-toolbar {
    position: relative;
    display: table-cell;
    vertical-align: top;
}

.REV_CHECK_BOX_LIST .toolbar-container {
    display: inline-block;
}

.REV_CHECK_BOX_LIST .control-toolbar .btn,
.REV_GRID_HEADER .control-toolbar .btn,
.REV_CONTROL .control-toolbar .btn {
    padding: 1px 3px;
    height: 23px;
}

body:not(.ShowBOInfo) .REV_CHECK_BOX_LIST .control-toolbar [data-action="Control.EditLookupFunction"],
body:not(.ShowBOInfo) .REV_CHECK_BOX_LIST .control-toolbar [data-action="Control.GenerateDataBindingSQL"],
body:not(.ShowBOInfo) .REV_GRID_HEADER .control-toolbar [data-action="Control.EditLookupFunction"],
body:not(.ShowBOInfo) .REV_GRID_HEADER .control-toolbar [data-action="Control.GenerateDataBindingSQL"],
body:not(.ShowBOInfo) .REV_CONTROL .control-toolbar [data-action="Control.EditLookupFunction"],
body:not(.ShowBOInfo) .REV_CONTROL .control-toolbar [data-action="Control.GenerateDataBindingSQL"] {
    display: none;
    visibility: hidden;
}

.REV_GRID_HEADER:not(:hover) .control-toolbar [data-action="Control.EditLookupFunction"],
.REV_GRID_HEADER:not(:hover) .control-toolbar [data-action="Control.GenerateDataBindingSQL"] {
    visibility: hidden;
}

.REV_CHECK_BOX_LIST:not(:hover):not([data-ac-bo-sec]):not([data-ac-prop-sec]) .control-toolbar > .btn:not(.active):not([data-action="Control.RevertControlValue"]),
.REV_CHECK_BOX_LIST:not(:hover):not([data-ac-bo-sec]):not([data-ac-prop-sec]) .control-toolbar .dropdown:not(.open) .btn:not(.active):not([data-action="Control.RevertControlValue"]),
.REV_CONTROL:not(:hover):not([data-ac-bo-sec]):not([data-ac-prop-sec]) .control-toolbar > .btn:not(.active):not([data-action="Control.RevertControlValue"]),
.REV_CONTROL:not(:hover):not([data-ac-bo-sec]):not([data-ac-prop-sec]) .control-toolbar .dropdown:not(.open) .btn:not(.active):not([data-action="Control.RevertControlValue"]) {
    display: none;
    visibility: hidden;
}

.REV_CHECK_BOX_LIST .control-toolbar > .btn[data-action="Control.EditLookupFunction"] {
    display: inline-block !important;
}

.REV_CHECK_BOX_LIST .checkbox-list-title {
    display: inline-block;
    line-height: 23px;
}

.REV_CHECK_BOX_LIST :not(.Title).checkbox-list-title {
    padding-left: 3px;
}

.REV_CHECK_BOX_LIST .Title.checkbox-list-title {
    display: block;
}

.REV_VIEW:not(.FindMode) .control-toolbar .btn.FindTools,
.REV_CHECK_BOX_LIST .control-toolbar .btn[data-action="Graph.ToggleGraphMode"],
.REV_VIEW.FindMode .REV_CHECK_BOX_LIST .control-toolbar .btn[data-action="Control.RevertControlValue"],
.REV_CHECK_BOX_LIST:not(.Dirty) .control-toolbar .btn[data-action="Control.RevertControlValue"],
.REV_VIEW.FindMode .REV_CONTROL .control-toolbar .btn[data-action="Control.RevertControlValue"],
.REV_CONTROL:not(.Dirty) .control-toolbar .btn[data-action="Control.RevertControlValue"] {
    display: none;
    visibility: hidden;
}

.REV_CHECK_BOX_LIST.Dirty .control-toolbar .btn[data-action="Control.RevertControlValue"],
.REV_CONTROL.Dirty .control-toolbar .btn[data-action="Control.RevertControlValue"] {
    display: inline-block;
    visibility: visible;
}

.REV_VIEW.FindMode .REV_CONTROL.WithConditions .control-toolbar .btn[data-action="FindCondition.AddCondition"],
.REV_VIEW.FindMode .REV_CONTROL.GraphMode .control-toolbar .btn[data-action="Graph.ToggleGraphMode"] {
    display: inline-block;
    visibility: visible;
}

.REV_VIEW.FindMode .REV_CONTROL .control-toolbar {
	white-space: nowrap;
}

.REV_IMAGE_BUTTON .dropdown-menu {
    min-width: 80px;
}

.st-button-dropdown {
    display: table;
    float: right;
    padding: 0;
}

.st-button-dropdown li.disabled {
    color: var(--st-color-dim-fg);
}

.st-button-dropdown li {
    display: table-row;
}

.st-button-dropdown li > * {
    display: table-cell;
    padding: 2px 4px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.st-button-dropdown li:hover {
    color: var(--st-color-hover-fg);
    background-color: var(--st-color-hover-bg);
}

.st-button-dropdown li:not(:last-child) {
    border-bottom: 1px solid var(--st-color-border);
}

.range-control {
    display: table;
    font-size: 0.65em;
    line-height: 0.65em;
}

.range-control > span {
    display: table-row;
    vertical-align: middle;
}

.email-validation-icon {
    color: #888;
}

.email-validated {
    color: #31ad00;
}

.REV_EMAIL_VALIDATION_POPUP {
    border: 1px solid var(--st-color-border);
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    box-shadow: 4px 4px 5px rgba(0,0,0,0.25);
    padding: 10px;
    border-radius: 5px;
    z-index: 3;
    width: 300px;
}

.email-validation-label {
    margin: 5px 0;
    line-height: 23px;
}

.email-validation-label .heading {
    width: 165px;
    display: table-cell;
    vertical-align: middle;
}

.email-validation-label .value {
    margin: 3px 0;
    border: 1px solid var(--st-color-border);
    border-radius: 4px;
    padding: 2px 4px;
    background: #eee;
    width: 100px;
    display: table-cell;
    height: 29px;
    text-align: center;
}

.email-validation-label button {
    color: var(--st-color-link-fg);
    background-color: var(--st-color-link-bg);
}

.bo-info-data-bindings .bo-info-data-binding .binding-table .binding-table-name {
    font-weight: bold;
}

.bo-info-data-bindings .bo-info-data-binding .binding-columns,
.bo-info-data-bindings .bo-info-data-binding {
    margin-left: 4px;
}
}

.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline, 
.ck.ck-editor__main {
    height: 289px;
    max-height: 839px;
}

.ck-editor-focus .ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline,
#fullscreeneditor .ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline,
.ck-editor-focus .ck.ck-editor__main,
#fullscreeneditor .ck.ck-editor__main {
    height: 250px;
    max-height: 800px;
}

.ck.ck-editor__top {
    height: 0px !important;
    overflow: hidden !important;
}

.ck-editor-focus .ck.ck-editor__top,
#fullscreeneditor .ck.ck-editor__top {
    height: auto !important;
    overflow: visible !important;
}

.form-inline sm-editor .form-group {
    display: block;
    margin-bottom: 15px;
}

.linkNav {
    display: inline-block;
    padding: 10px 5px;
    z-index: 2000;
}

.linkNav .linkNav-view {
    height: 30px;
    bottom: 1px;
}

body.LucidInterface .REV_CONTROL.REV_TIMER .form-control.value,
.REV_CONTROL.REV_TIMER .form-control.value,
.REV_TIMER .form-control.value {
    font-size: x-large;
}

.st-doc-thumb {
    background-color: var(--st-color-popover-bg);
    color: var(--st-color-popover-fg);
    padding: 1px;
    position: fixed;
    z-index: 5000;
}

.st-doc-thumb.loading {
    padding: 15px;
    border-radius: 5px;
}

.st-img-btn-doc:hover {
    background: var(--st-color-popover-hover) !important;
}

.REV_EDIT_RANGE_SLIDER .input-group .slider {
    vertical-align: middle;
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin-top: 4px;
}

.REV_EDIT_RANGE_SLIDER .input-group .slider:hover {
    opacity: 1; 
}

.REV_EDIT_RANGE_SLIDER .input-group .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--st-btn-primary-bg);
    cursor: pointer;
}

.REV_EDIT_RANGE_SLIDER .input-group .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--st-btn-primary-bg);
    cursor: pointer;
}

.REV_EDIT_RANGE_SLIDER .input-group .slider-value {
    font-size: 18px;
    padding-left: 10px;
}

textarea.cke_source {
    color: var(--st-color-input-fg) !important;
    background-color: var(--st-color-input-bg) !important;
}

.REV_GRID_CONTROL .st-placeholder {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    user-select: none;
    pointer-events: none;
    opacity: 0.5;
}

.REV_GRID_CONTROL .st-placeholder img {
    width: 32px;
    height: 32px;
}
.STGraph .Title {
    font-size:1.2em;
    font-weight:bold;
}

.STGraph .input-group-addon {
    width: auto;
}

.ColorPicker {
    position: absolute;
    z-index: 1000;
}

.Graph {
    clear: both;
    text-align: center;
    overflow: auto;
}

.Graph .PieChart {
    position: relative;
    display: inline-block;
}

.Graph .PieChart.HiddenLegend .dxc-legend {
    visibility: hidden;
}

@media print {
    .STGraph .btn-group, .STGraph .input-group {
        display: none;
        visibility: hidden;
    }
}
#Announcements {
}

#Announcements .REV_HEAD {
    display: none !important;
    visibility: hidden !important;
}

#Announcements .REV_BODY > .panel:nth-last-child(2) {
    margin-bottom: 5px;
}

.modal.Announcements .panel-body {
	padding: 5px;
}

.modal.Announcements .table {
	margin-bottom: 0px;
}

.modal #Signatures table td,
.modal #Signatures table th,
.modal #Announcements table td,
.modal #Announcements table th {
	padding: 5px !important;
}

.modal.Announcements > .modal-dialog {
    min-width: 450px;
}

.modal.Announcements.ShowDismissed .btn[data-action="Announcements.ToggleDismissed"] .txtShow,
.modal.Announcements .btn[data-action="Announcements.ToggleDismissed"] .txtHide,
.modal.Announcements tr.Dismissed .btn[data-action="Announcements.Dismiss"],
.modal.Announcements tr .btn[data-action="Announcements.Recall"],
.modal.Announcements tr.Dismissed {
    display: none;
    visibility: hidden;
}

.modal.Announcements.ShowDismissed tr.Dismissed {
    display: table-row;
    visibility: visible;
}

.modal.Announcements tr .btn[data-action="Announcements.Dismiss"],
.modal.Announcements tr.Dismissed .btn[data-action="Announcements.Recall"],
.modal.Announcements .btn[data-action="Announcements.ToggleDismissed"] .txtShow,
.modal.Announcements.ShowDismissed .btn[data-action="Announcements.ToggleDismissed"] .txtHide {
    display: inline-block;
    visibility: visible;
}

.st-auto-thumbnail.ck-content .image.image_resized {
    width: auto !important;
}

.st-auto-thumbnail img:not(.no-thumb) {
    display: block;
    max-width: 256px !important;
    max-height: 128px !important;
    width: auto !important;
    height: auto !important;
}
#Tasks {
    display: block;
    margin: 10px 10px 0px 10px;
}

#Tasks .REV_HEAD {
    display: none !important;
    visibility: hidden !important;
}

#Tasks .REV_BODY > .panel:nth-last-child(2) {
    margin-bottom: 5px;
}/* TEMPORARILY HIDDEN */
.REV_TAB_LABEL [data-action="Bookmark.ToggleBookmark"] {
    display: none !important;
    visibility: hidden !important;
}

#NavContent .tab-page[name="Bookmarks"] > .scrollable,
#NavContent .tab-page[name="History"] > .scrollable {
    background-color: var(--st-color-well-bg);
    color: var(--st-color-well-fg);
    border: 1px solid var(--st-color-border);
    padding: 3px;
}

#NavContent .tab-page[name="Bookmarks"] .icon,
#NavContent .tab-page[name="History"] .icon {
    width: 24px;
    height: 24px;
}

#NavContent .tab-page[name="History"],
#NavContent .tab-page[name="Bookmarks"] {
    white-space: nowrap;
}

#NavContent .tab-page[name="History"] table {
    min-width: 190px;
}

#NavContent .tab-page[name="History"] table,
#NavContent .tab-page[name="Bookmarks"] table {
    width: 100%;
    margin: 0 20px 0 0;
}

.Standard #NavContent .tab-page .BM_View {
    white-space: nowrap;
}

#NavContent .tab-page.sized .st-bookmark-table {
    table-layout: fixed;
}

#NavContent .st-bookmark-table .icon-cell {
    min-width: 26px;
}

#NavContent .st-bookmark-table .btn-cell {
    text-align: center;
    width: 24px;
}

#MenuBar #Bookmarks_BM,
#MenuBar #History_BM {
    padding-right: 20px;
}

#MenuBar .st-bookmark-table {
    min-width: 100%;
    margin: 5px 10px;
    border-spacing: 2px;
    border-collapse: separate;
}

#MenuBar .st-bookmark-table tr > td {
    padding: 1px;
}

#MenuBar .nav .btn.btn-nav
{
	background-color: transparent;
}

#MenuBar .nav li.open > .btn-group > .btn-nav,
#MenuBar .nav li.active > .btn-group > .btn-nav,
#MenuBar .nav li:hover > .btn-group > .btn-nav,
#MenuBar .nav li .btn-nav:focus,
#MenuBar .nav li.open > a,
#MenuBar .nav li.active > a,
#MenuBar .nav li:hover > a,
#MenuBar .nav li > a:focus,
#MenuBar .st-bookmark-table tr:hover > td,
#MenuBar .st-bookmark-table .icon-cell:focus {
    color: #444444;
    background-color: var(--orange-highlight);
}

#MenuBar .dropdown-menu {
	font-size: 12px;
}

#MenuBar #SupportMenu.dropdown-menu a {
	font-size: 14px;
	padding: 6px 12px;
}


#MenuBar .st-bookmark-table .icon {
    width: 20px;
    height: 20px;
}

#MenuBar .st-bookmark-table .btn-cell {
    display: none;
    visibility: hidden;
}

#MenuBar .st-bookmark-table .BM_View {
    white-space: nowrap;
}

#NavContent .tab-page .BM_View .view-name {
    display: inline-block;
    vertical-align: middle;
}

#NavContent .tab-page .BM_View td:first-child {
    font-weight: bold;
}

#NavContent .tab-page .BM_Tab td:first-child {
    padding-left: 20px;
}

#NavContent .tab-page table tr:not(.no-hover):hover {
    color: var(--st-color-hover-fg);
    background-color: var(--st-color-hover-bg);
}

#NavContent .tab-page table tr > td > [data-action] {
    visibility: hidden;
}

.touch #NavContent .tab-page table tr > td > [data-action],
#NavContent .tab-page table tr:hover > td > [data-action] {
    visibility: visible;
    color: var(--st-color-hover-fg);
    background-color: var(--st-color-hover-bg);
}

.btn[data-action="Bookmark.ToggleBookmark"] {
    display: none;
    visibility: hidden;
}

#PrimaryView .btn[data-action="Bookmark.ToggleBookmark"] {
    display: inline-block;
    visibility: visible;
    color: var(--st-color-link);
    opacity: .25;
}

.ChildView #PrimaryView .btn[data-action="Bookmark.ToggleBookmark"] {
    display: none;
    visibility: hidden;
}

#PrimaryView .btn[data-action="Bookmark.ToggleBookmark"]:hover,
#PrimaryView .btn[data-action="Bookmark.ToggleBookmark"].bookmarked {
    color: var(--st-color-link-fg);
    background-color: var(--st-color-link-bg);
}

#PrimaryView .btn[data-action="Bookmark.ToggleBookmark"].bookmarked {
    opacity: 1;
}.Classic #NavTabs {
    min-width: 1.9em;
    background-color: var(--st-color-nav-panel-bg);
    color: var(--st-color-nav-panel-fg);
}

.Classic #NavTabs > ul {
    background-color: var(--st-color-nav-panel-bg);
    color: var(--st-color-nav-panel-fg);
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 30px;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(90deg) translateX(0px); 
    -moz-transform:    rotate(90deg) translateX(0px);
    -ms-transform:     rotate(90deg) translateX(0px);
    -o-transform:      rotate(90deg) translateX(0px); 
    transform:         rotate(90deg) translateX(0px); 
    -webkit-transform-origin: 1.9em 0;
    -moz-transform-origin:    1.9em 0;
    -ms-transform-origin:     1.9em 0;
    -o-transform-origin:      1.9em 0;
    transform-origin:         1.9em 0;
    height: 100%;
    width: 10000%;
}

.Classic #NavTabs > #NavContent {
    /*max-width: 200px;*/
    -webkit-transform: translateX(1.9em); 
    -moz-transform:    translateX(1.9em); 
    -ms-transform:     translateX(1.9em); 
    -o-transform:      translateX(1.9em); 
    transform:         translateX(1.9em);  
}

.Classic #NavContent {
    border-right: 4px solid var(--st-color-border);
}

.Classic #NavTabs > ul > li {
    padding: 1px 4px;
    background-color: #dddddd;
    border: 1px solid #888888;
    border-radius: 5px;
    color: #000000;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
}

.Classic #NavTabs > ul > li.pinned,
.Classic #NavTabs > ul > li.active {
    background-color: #888888;
    border: 1px solid #aaaaaa;
    color: #ffffff;
}
      
.Classic #NavContent > .tab-page {
    position: relative;
    background-color: #eeeeee;
    color: #000000;
    border: 1px solid #888888;
    border-radius: 5px;
}

/* allow all of the horizontal resizer to be displayed */
.Classic #NavContent > .tab-page:hover {
    overflow: visible;
}

.Classic #NavContent > .tab-page > .resizer-horiz {
    margin-top: 16px;
}

.Classic #NavContent .tab-page:not(.pinned):not(.active) {
	display: none;
	visibility: hidden;
}

.Classic #NavContent > .tab-page.pinned {
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
}

.Classic #NavContent > .tab-page.stickied,
.Classic #NavContent > .tab-page.active {
	position: absolute;
	z-index: 10;
	top: 0;
	bottom: 0;
	left: 0;
}

.Classic #NavContent > .tab-page {
    position: relative;
}

.resizer-reset {
    content: " ";
    opacity: 0.5;
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
    line-height: 10px;
    cursor: pointer;
}

.resizer-horiz:hover .resizer-reset {
    background-color: #000000;
    color: #000000;
}

.resizer-horiz {
    cursor: e-resize;
    width: 10px;
    position: absolute;
    right: -8px;
    top: 0;
    bottom: 0;
    z-index: 450;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#NavContent .resizer-horiz {
	top: 24px;
}

.Standard #NavTabs .tab-page:not(.pinned) .resizer-horiz {
    display: none;
    visibility: hidden;
}

.Classic #NavTabs_List > li[name="Validation"] {
    background-color: var(--st-alert-error-bg);
    color: var(--st-alert-error-fg);
}

.Classic .tab-page.pinned .toolbar .btn[data-action="NavTabs.Pin"],
.Classic .tab-page .toolbar .btn[data-action="NavTabs.Unpin"] {
    display: none;
    visibility: hidden;
}

.Classic .tab-page.pinned .toolbar .btn[data-action="NavTabs.Unpin"] {
    display: inline-block;
    visibility: visible;
}

.Classic .tab-page .toolbar {
    display: table;
    padding-left: 10px;
    background-color: var(--st-color-nav-panel-bg);
    color: var(--st-color-nav-panel-fg);
    font-size: .75em;
}

.Classic .tab-page .toolbar .btn {
    font-size: .75em;
}

.Classic .tab-page .toolbar > div {
    display: table-cell;
    vertical-align: middle;
}

.Classic .tab-page .toolbar > :first-child {
    font-weight: bold;
    white-space: nowrap;
}

#NavContent > div[name="Validation"] {
}

#ValidationResults {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
    min-width: 200px;
}

#ValidationResults > li > .Element {
    display: block;
    border: 1px solid var(--st-color-border);
    padding: 2px 5px;
}

#ValidationResults > li > .Description {
    padding-left: 50px;
}

#ValidationResults > li.error > .Element {
    background-color: var(--st-alert-error-bg);
    color: var(--st-alert-error-fg);
}

#ValidationResults > li.Dirty > .Element {
    background-color: #eeffee;
}

#NavContent > div[name="Validation"] li.Collapsed > .Description,
#NavContent > div[name="Validation"] li.Collapsed .fa-chevron-down,
#NavContent > div[name="Validation"] li .fa-chevron-down,
#NavContent > div[name="Validation"].Collapsed .toolbar .btn[data-action="Validation.CollapseAll"],
#NavContent > div[name="Validation"] .toolbar .btn[data-action="Validation.ExpandAll"] {
    display: none;
    visibility: hidden;
}

#NavContent > div[name="Validation"] li.Collapsed .fa-chevron-down {
    display: inline-block;
    visibility: visible;
}

#NavContent > div[name="Validation"].Collapsed .toolbar .btn[data-action="Validation.ExpandAll"] {
    display: inline-block;
    visibility: visible;
}

.Classic #NavAccordion {
	min-width: 150px;
}body > li[view_id].ui-draggable-dragging {
    opacity: 0.7;
    display: inline-block;
    position: absolute;
    border-radius: 5px;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    white-space: nowrap;
    text-align: left;
    z-index: 15000;
}

body > li[view_id].ui-draggable-dragging ul {
    list-style-type: none;
    padding: 15px;
}

body > li[view_id].ui-draggable-dragging img,
body > li[view_id].ui-draggable-dragging span {
    display: inline-block;
}

body > li[view_id].ui-draggable-dragging li[view_id=""] {
    display: none;
    visibility: hidden;
}

.tree-view > ul {
    margin: 0;
    padding: 0;

    margin-right: 20px;
}

.tree-view ul {
    outline: none;
    list-style-type: none;
    padding-left: 16px;
}

.tree-view li > img {
    margin-right: 5px;
    width: 16px;
    height: 16px;
}

li > .expander {
}

.tree-view li.open > .expander {
    display: none;
    visibility: hidden;
}

.tree-view li > .collapser {
    display: none;
    visibility: hidden;
}

.tree-view li.open > .collapser {
    display: inline-block;
    visibility: visible;
}

.tree-view li > span:hover{
    background-color: #bbbbbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tree-view ul > li {
    outline: none;
    cursor: pointer;
    white-space: nowrap;
}

.tree-view li > ul,
.tree-view ul > li {
    display: none;
    visibility: hidden;
}

.tree-view li.open,
.tree-view > ul > li,
.tree-view ul.active li,
.tree-view ul.open,
.tree-view ul.open > li {
    display: block;
    visibility: visible;
    padding-top: 1px;
}

.tree-view ul > li.blank-item:only-child {
    padding-bottom: 15px;
}

.tree-view ul > li.blank-item:not(:only-child) {
    display: none;
    visibility: hidden;
}

.tree-view li > span:focus,
.tree-view li.Selected > span,
.tree-view li.active > span {
    background-color: var(--st-color-border);
}

.Classic #NC_PADTree .btn[data-action="NavTabs.ToggleShowExpanded"] {
    display: none;
    visibility: hidden;
}

#PAD_MENU .non-detail-content {
    background-color: transparent;
}

#PAD_MENU .tree-view:not(.show-all) ul.open > li {
    display: none;
    visibility: hidden;
}

#PAD_MENU .tree-view:not(.show-all) > ul,
#PAD_MENU .tree-view:not(.show-all) > ul > li,
#PAD_MENU .tree-view:not(.show-all) > ul.open > li,
#PAD_MENU .tree-view:not(.show-all) ul.active > li,
#PAD_MENU .tree-view:not(.show-all) ul.open > li.open {
    display: block;
    visibility: visible;
}

.FindMode .REV_TREE > .panel-body {
    display: none;
    visibility: hidden;
}

.REV_TREE.hide-action-menu .tree-actions {
    display: none;
    visibility: hidden;
}

#PrimaryView .REV_TREE:not(.hide-detail) > .panel-heading {
    position: sticky;
    z-index: 5;
}

.REV_TREE.hide-title > .panel-heading {
    display: none;
    visibility: hidden;
}

.REV_TREE.hide-detail > .panel-body .detail-content {
    display: none;
    visibility: hidden;
}

.REV_TREE .content {
    min-width: 600px;
}

.REV_TREE .content > div > .REV_HEAD > .Title, 
.REV_TREE .content > div > .REV_HEAD .REV_ACTION_AREA {
    display: none;
    visibility: hidden;
}

.REV_TREE > .panel-body {
}

.browser-InternetExplorer .REV_TREE > .panel-body > div {
    height: 100%;
}

.REV_TREE > .panel-body > div {
    display: table;
    width: 100%;
}

.REV_TREE > .panel-body > div > div {
    vertical-align: top;
    display: table-cell;
}

.REV_TREE .non-detail-content {
    background-color:#e9e9e9;
    border-radius:5px;

    max-width: 600px;
    transition: max-width linear .5s;
}

@media (max-width: 1399px) {
    .REV_TREE:not(.hide-detail) .non-detail-content {
        max-width: 500px;
    }
}

@media (max-width: 1023px) {
    .REV_TREE:not(.hide-detail) .non-detail-content {
        max-width: 400px;
    }
}

@media (max-width: 979px) {
    .REV_TREE:not(.hide-detail) .non-detail-content {
        max-width: 300px;
    }
}

@media (max-width: 767px) {
    .REV_TREE:not(.hide-detail) .non-detail-content {
        max-width: 200px;
    }
}

.REV_TREE .tree-view img.tree-node-handle {
    width: 16px;
    height: 16px;

    cursor: ns-resize;
}

.REV_TREE .tree-view ul.ui-sortable > li > img[MV] {
    width: 0;
    height: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
    opacity: 0.1;
}

.REV_TREE.ReadOnly .tree-view img.tree-node-handle,
.REV_TREE.ReadOnly .tree-view ul.ui-sortable > li > img[MV] {
    display: none;
    visibility: hidden;
}


#PrimaryView .REV_TREE:not(.hide-detail) .non-detail-content > .tree-view {
    position: sticky;
    overflow: auto;
}

.REV_TREE .tree-actions {
    position: relative;
    display: inline-block;
}

.REV_TREE > .panel-heading:after {
    content: "";
    display: table;
    clear: both;
}

.REV_TREE .tree-view > ul, .REV_TREE .content > div {
}

.REV_TREE .loading > .loader {
    padding: 15px;
    text-align: center;
}

.REV_TREE .tree-view .loading > .loader {
}

.REV_TREE .tree-view li.active.loading,
.REV_TREE .tree-view li.active.loading:hover,
.REV_TREE .tree-view .loading > .loader:hover {
    background-color: transparent;
}

.REV_TREE .tree-view .loading > .loader > img {
    height: 16px;
}


.line-tree > ul > li:before,
.line-tree > ul > li:after {
    border: 0 none;
    z-index: 1;
}

.line-tree ul {
    list-style-type: none;
    padding: 0;
}

.line-tree ul, .line-tree li {
    position: relative;
}

.line-tree li.disabled,
.line-tree li.disabled > [data-action] {
    cursor: not-allowed;
    color: var(--st-color-dim-fg);
}

.line-tree li.disabled:before,
.line-tree li.disabled:after {
    border-color: var(--st-alert-error-border) !important;
}

.line-tree li {
    margin-left: 20px;
}

.line-tree li:before, .line-tree li:after {
    content:'';
    left:-10px;
    position:absolute;
    top:0;
    bottom: 0;
    right: 100%;

    border: 0 none;
}

.line-tree li:before {
    border-left: 1px solid #999;
}

.line-tree li:last-child::before {
    margin-bottom: 10px;
}

.line-tree li:after {
    margin-top: 10px;
    border-top: 1px solid #999;
}

.line-tree li.active > span {
    color: var(--st-color-active-fg);
    background-color: var(--st-color-active-bg);
}

.line-tree li > span:hover {
    color: var(--st-color-hover-fg);
    background-color: var(--st-color-hover-bg);
}

.line-tree li > span:before {
    content: "";
    font-family: var(--fa-style-family,"Font Awesome 6 Pro");
    padding: 4px;
    color: #999999;
}

.line-tree li.parent > span {
    position: relative;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.line-tree li.parent > span > .expander {
    cursor: pointer;
    z-index: 2;

    position: absolute;
    display: inline-block;

    top: 0;
    left: 0;
    bottom:0;
    width: 20px;
}

.browser-IE .line-tree li.parent > span > .expander {
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    filter: alpha(opacity=0);
}

.line-tree li.parent > span:before {
    content: "\f146";
}

.line-tree li.parent.collapsed > span:before {
    content: "\f0fe";
}

.line-tree li.parent.collapsed > ul {
    display: none;
    visibility: hidden;
}

.org-tree {
    overflow: auto;
    max-height: 200px;
}

.line-tree li li:before, .line-tree li li:after {
    border-color: #888888;
}

.line-tree li li li:before, .line-tree li li li:after {
    border-color: #0000FF;
}

.line-tree li li li li:before, .line-tree li li li li:after {
    border-color: #8888FF;
}

.line-tree li li li li li:before, .line-tree li li li li li:after {
    border-color: #CCCCFF;
}

CHILD_TYPES, CHILD_VIEW_MAP {
    display: none;
    visibility: hidden;
}

.REV_VIEW.Snapshot .REV_TREE .detail-content {
    display: none;
    visibility: hidden;
}

.REV_VIEW.Snapshot .REV_TREE .tree-view ul > li {
    cursor: unset;
    pointer-events: none;
}

body .REV_VIEW.Snapshot .REV_TREE {
    background-color: transparent;
}#JQIcon > a {
    padding: 0px;
    margin: 0px;
    width: 24px;
    height: 24px;
}

#JQIcon .fa-cog.cog1 {
    position:absolute;
    top:0px;
    left:0px;
    font-size:16px;
}

#JQIcon .fa-cog.cog2 {
    position:absolute;
    top:8px;
    left:8px;
    font-size:16px;
}

#JQIcon .count {
    display: none;
    visibility: hidden;

    border-color: #FFFFFF;
}

#JQIcon.unread .count {
    display: inline-block;
    visibility: visible;

    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
}

#JQIcon.pending .count {
    display: inline-block;
    visibility: visible;

    color: #000000;
    background-color: #88cc88;
    border-color: #88cc88;
}

#JQIcon.error .count {
    display: inline-block;
    visibility: visible;

    color: #000000;
    background-color: #cc8888;
    border-color: #cc8888;
}

#JQDropDown {
    position: absolute;
    display: inline-block;
    padding: 10px;
    background-color: var(--st-color-dropdown-bg);
    color: var(--st-color-dropdown-fg);
    border: 1px solid var(--st-color-border);
    border-radius: 5px;
    overflow: auto;
    height: auto;
    z-index: 1000;
}

#JQDropDown table {
    border: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--st-color-border);
    width: 800px;
}

#JQDropDown table tbody tr:nth-child(even) {
    border-bottom: 1px solid var(--st-color-border);
}

#JQDropDown table th {
    background-color: var(--st-color-heading-bg);
    color: var(--st-color-heading-fg);
    border-bottom: 1px solid #888888;
}

#JQDropDown table td {
    padding: 1px 5px;
}

#JQDropDown table .actions {
    white-space: nowrap;
    text-align: right;
}

#JQDropDown table.recurring-jobs {
    background-color: var(--st-color-heading-bg);
    color: var(--st-color-heading-fg);
}

#JQDropDown table.recurring-jobs .actions {
    display: none;
    visibility: hidden;
}

#JQDropDown table.recurring-jobs:not(.open) tbody {
    display: none;
    visibility: hidden;
}

[data-action="JobQueue.Remove"] .dismiss,
[data-action="JobQueue.Remove"] .abort {
    display: none;
    visibility: hidden;
}

#JQDropDown .job-id,
#JQDropDown .description {
    font-weight: bold;
}

#JQDropDown,
#JQDetails {
      color: var(--st-color-dim-fg);
}

#JQDropDown .status {
    max-width: 600px;
}

#JQDropDown .status,
#JQDetails .status {
    word-wrap: break-word;
    font-style: italic;
    color: var(--st-color-jqstatus-fg);
}

#JQDropDown .status-icon,
#JQDetails .status-icon {
    position: relative;
    display: inline-block;
}

#JQDropDown .status-icon > .loading,
#JQDetails .status-icon > .loading {
    display: none;
    visibility: hidden;
    position: absolute;
    right: 0px;
    bottom: 4px;
    border-radius: 1em;
    border: 1px solid var(--st-color-border);
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    padding: 0px 3px;
    text-align: center;
}

#JQDropDown .result-type-icon,
#JQDropDown [data-state="4"] .status-icon {
    display: none;
    visibility: hidden;
}

#JQDropDown [data-state="4"] .result-type-icon {
    display: inline-block;
    visibility: visible;
}

#JQDropDown [data-state="2"] .status-icon > .loading,
#JQDetails[data-state="2"] .status-icon > .loading {
    display: inline-block;
    visibility: visible;
}

[data-state="0"] .status,
[data-state="1"] .status,
[data-state="2"] .status {
    color: #008800;
}

[data-state="3"] .status {
    color: var(--st-color-red-fg);
}

[data-state="0"] [data-action="JobQueue.Remove"],
[data-state="1"] [data-action="JobQueue.Remove"],
[data-state="2"] [data-action="JobQueue.Remove"] {
    background-color: var(--st-btn-danger-bg) !important;
    border-color: var(--st-btn-danger-border) !important;
    color: var(--st-btn-danger-fg) !important;
}

[data-state="3"] [data-action="JobQueue.Remove"],
[data-state="4"] [data-action="JobQueue.Remove"],
[data-state="5"] [data-action="JobQueue.Remove"],
[data-state="6"] [data-action="JobQueue.Remove"] {
    background-color: var(--st-btn-danger-bg) !important;
    border-color: var(--st-btn-warningr-border) !important;
    color: var(--st-btn-warning-fg) !important;
}

[data-state="0"] [data-action="JobQueue.Remove"] .abort,
[data-state="1"] [data-action="JobQueue.Remove"] .abort,
[data-state="2"] [data-action="JobQueue.Remove"] .abort,
[data-state="8"] [data-action="JobQueue.Remove"] .abort,
[data-state="3"] [data-action="JobQueue.Remove"] .dismiss,
[data-state="4"] [data-action="JobQueue.Remove"] .dismiss,
[data-state="5"] [data-action="JobQueue.Remove"] .dismiss,
[data-state="6"] [data-action="JobQueue.Remove"] .dismiss {
    display: inline-block;
    visibility: visible;
}
.SpellChecker .loader {
    display: none;
    visibility: hidden;
}

.SpellChecker.loading .loader {
    display: inline-block;
    visibility: visible;
}

#SpellChecker .scrolling-container {
    overflow: auto;
    height: auto;
}

.scrolling-container .list-group-item {
    padding: 1px;
}.NFA-list {
    display: inline-block;
    position: absolute;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    border: 1px solid var(--st-color-border);
    border-radius: 5px;
}

.NFA-list > .dropdown-menu {
    position: relative;
    display: block;
    min-width: 0;
    
    margin: 0px;
    padding: 2px;
}

.NFA-list .heading {
    font-weight: bold;
    background-color: var(--st-color-heading-bg);
    color: var(--st-color-heading-fg);
    text-align: center;
}

.NFA-popover.popover.small {
    max-width: 400px;
}

.NFA-popover.popover.medium {
    width: 400px;
}

.NFA-popover.popover.large {
    width: 600px;
}

.NFA-popover.popover {
    display: block;
    min-width: 260px;
    min-height: 100px;
    max-width: 600px;
    padding: 10px;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    z-index: 10210;
    box-shadow: 4px 4px 4px rgba(0,0,0,.25);
}

.NFA-popover.popover > .arrow {
    color: #fff;
}

.NFA-popover.popover.top > .arrow {
    bottom: -10px;
}

.NFA-popover.popover.right > .arrow {
    left: -10px;
}

.NFA-popover .popover-content > p {
    max-height: 400px;
    overflow: auto;
}

.NFA-popover .bullet-list .btn {
    padding: 1px;
    font-size: .75em;
}

.NFA-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: transparent;
}

.NFA-overlay > .focus {
    opacity: .5;
}

.NFA-popover.popover.top .arrow:after,
.NFA-popover.popover.topLeft .arrow:after,
.NFA-popover.popover.topRight .arrow:after {
    border-top-color: #fff;
}

.NFA-popover.popover.right .arrow:after,
.NFA-popover.popover.rightTop .arrow:after,
.NFA-popover.popover.rightBottom .arrow:after {
    border-right-color: #fff;
}

.NFA-popover.popover.bottom .arrow:after,
.NFA-popover.popover.bottomLeft .arrow:after,
.NFA-popover.popover.bottomRight .arrow:after {
    border-bottom-color: #fff;
}

.NFA-popover.popover.left .arrow:after,
.NFA-popover.popover.leftTop .arrow:after,
.NFA-popover.popover.leftBottom .arrow:after {
    border-left-color: #fff;
}

/* Used to mark an element as requiring the "reveal" class */
.NFA-reveal {
}

.NFA-popover ul.references {
    list-style-type: none;
    display: block;
    text-align: right;
    font-size: 0.9em;
}

.NFA-popover ul.references li:before {
    content: "[";
}

.NFA-popover ul.references li:after {
    content: "]";
}

.NFA-popover img.nfa-thumbnail,
.NFA-popover .nfa-thumbnail > img {
    height: 48px;
}
.HtmlEditor {
    position: relative;
    display: table;
    min-height: 200px;
    min-width: 400px;
}

.HtmlEditor > div {
    display: table-row;
}

.HtmlEditor > div > * {
    display: table-cell;
}

.HtmlEditor > div > textarea {
    display: none;
    visibility: hidden;
}
#DocumentValidation {
    display: none;
    visibility: hidden;
}

body.DocumentValidationWindow #Feedback {
    display: none !important;
    visibility: hidden !important;
}

.DocumentValidationMode #PageHeader,
.DocumentValidationMode #PageContent,
.DocumentValidationWindow #WindowInfo .btn {
    display: none;
    visibility: hidden;
}

.DocumentValidationMode #DocumentValidation {
    display: table;
    visibility: visible;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    z-index: 1000;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

#DocumentValidation > .DVHeader {
    display: table-row;
    padding: 5px 10px;
    color: #ffffff;
}

#DocumentValidation > .DVHeader .btn-group {
    margin-left: 15px;
}

#DocumentValidation > .DVHeader .btn-link {
    color: #ffffff;
}

#DocumentValidation > .DVHeader .btn-link:hover {
    color: #cccccc;
}

#DocumentValidation > div {
    position: relative;
    display: table-row;
}

#DocumentValidation > div+div {
    height: 100%;
}

#DocumentValidation .DVBody {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
}

.browser-IE #DocumentValidation .DVBody {
    position: absolute;
}

#DocumentValidation .DVBody > .DVContent iframe {
    position: absolute;
    border: 0 none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
}

#DocumentValidation .DVBody > .DVContent {
    position: absolute;
    display: inline-block;

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    transition: padding 500ms;
}

#DocumentValidation .DVBody > .DVTable {
    position: absolute;
    display: inline-block;

    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    min-width: 200px;

    -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.75);

    padding: 8px;
    transition: right 500ms, left 500ms, top 500ms, bottom 500ms;
}

#DocumentValidation[DV_Dock="RIGHT"] .DVBody > .DVTable {
    overflow: hidden;
    min-width: 150px;
    max-width: 50%;
    top: 0px; 
    bottom: 0px; 
}

#DocumentValidation[DV_Dock="LEFT"] .DVBody > .DVTable {
    min-width: 150px;
    max-width: 50%;
    top: 0px; 
    bottom: 0px; 
}

#DocumentValidation[DV_Dock="TOP"] .DVBody > .DVTable {
    overflow: hidden;
    min-height: 50px;
    max-height: 50%;
    top: 0;
    left: 0px; 
    right: 0px;
}

#DocumentValidation[DV_Dock="BOTTOM"] .DVBody > .DVTable {
    min-height: 50px;
    max-height: 50%;
    bottom: 0;
    left: 0px;
    right: 0px;
}

#DocumentValidation[DV_State="Minimized"][DV_Dock="TOP"] .DVTable .table-scrolling-content,
#DocumentValidation[DV_State="Minimized"][DV_Dock="BOTTOM"] .DVTable .table-scrolling-content {
    overflow-x: hidden;
}

#DocumentValidation.Pinned [data-action="DocumentValidation.Pin"],
#DocumentValidation [data-action="DocumentValidation.Unpin"] {
    display: none;
    visibility: hidden;
}

#DocumentValidation.Pinned [data-action="DocumentValidation.Unpin"] {
    display: inline-block;
    visibility: visible;
}

body.DocumentValidationMode {
    overflow: hidden;
}

body:not(.ShowExpContentSE) .ExpContent {
    display: none !important;
}

body.ShowExpContentSE .NotExpContent {
    display: none !important;
}

#DocumentValidation .DVTable table tr .status {
    border-right: 0 none;
}

#DocumentValidation .DVTable .loader {
    display: none;
    visibility: hidden;
}

#DocumentValidation .DVTable .loading .loader {
    display: inline-block;
    visibility: visible;
}

#DocumentValidation .DVTable table tr .selectionIndicator {
    vertical-align: middle;
    text-align: right;
    border-left: 0 none;
}

#DocumentValidation .DVTable table tr .selectionIndicator > .current {
    visibility: hidden;
    text-shadow: 1px 1px 1px #333;
    color: var(--st-color-active-fg);
    background-color: var(--st-color-active-bg) !important;
}

#DocumentValidation .DVTable table tr.active > td {
    background-color: var(--st-color-active-bg) !important;
}

#DocumentValidation .DVTable table tr.active .selectionIndicator > .current {
    visibility: visible;
}

#DocumentValidation .DVTable .loading .selectionIndicator > .current {
    display: none;
    visibility: hidden;
}

#DocumentValidation .DVTable table tr .status > .status-dirty,
#DocumentValidation .DVTable table tr .status > .status-saved {
    display: none;
    visibility: hidden;
}

#DocumentValidation .DVTable table tbody tr[data-state="SAVED"] .status > .status-saved {
    display: inline-block;
    visibility: visible;
    color: #008800;
}

#DocumentValidation .DVTable table tbody tr[data-state="DIRTY"] .status > .status-dirty {
    display: inline-block;
    visibility: visible;
    color: #ffaa44;
}

#DocumentValidation .DVTable table th {
    background-color: #888888 !important;
}

.error-docVal {
    background-color: var(--st-style-bright-highlight-bg) !important;
    color: var(--st-style-fg) !important;
}

.error-docVal .control-label {
    color: var(--st-style-fg) !important;
}

.error-docVal textarea:focus,
.error-docVal .st-widget-input:focus,
.error-docVal input:focus {
    background-color: var(--st-color-search-input-bg) !important;
    color: var(--st-color-search-input-fg) !important;
}

.error-docVal.REV_GRID_CONTROL textarea,
.error-docVal.REV_GRID_CONTROL .st-widget-input,
.error-docVal.REV_GRID_CONTROL input {
    background-color: var(--st-color-search-input-bg) !important;
    color: var(--st-color-search-input-fg) !important;
}

.error-docVal[data-state="SAVED"].REV_GRID_CONTROL textarea,
.error-docVal[data-state="SAVED"].REV_GRID_CONTROL .st-widget-input,
.error-docVal[data-state="SAVED"].REV_GRID_CONTROL input {
    background-color: var(--st-color-input-mandatory-bg) !important;
}

.error-docVal[data-state="SAVED"] {
    background-color: var(--st-color-input-mandatory-bg);
}

.error-docVal[data-state="SAVED"] textarea:focus,
.error-docVal[data-state="SAVED"] input:focus {
    background-color: inherit;
}

body > .DV_DragOverlay {
    z-index: 1999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#DocumentValidation .DVTable > .resize-handle {
    display: none;
    visibility: hidden;
}

#DocumentValidation.Pinned .DVTable > .resize-handle {
    cursor: pointer;
    display: inline-block;
    visibility: visible;

    position: absolute;
    z-index: 10;

    width: 0;
    height: 0;
}

#DocumentValidation .DVTable .table-scrolling-content th.invisible .nav-arrow,
#DocumentValidation[DV_Dock="LEFT"] .DVTable .nav-arrow,
#DocumentValidation[DV_Dock="RIGHT"] .DVTable .nav-arrow {
    display: none;
    visibility: hidden;
}

#DocumentValidation[DV_Dock="TOP"] .DVTable > .resize-handle {
    cursor: ns-resize;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
}

#DocumentValidation[DV_Dock="RIGHT"] .DVTable > .resize-handle {
    cursor: ew-resize;
    top: 0;
    left: 0;
    height: 100%;
    width: 8px;
}

#DocumentValidation[DV_Dock="BOTTOM"] .DVTable > .resize-handle {
    cursor: ns-resize;
    left: 0;
    top: 0;
    width: 100%;
    height: 8px;
}

#DocumentValidation[DV_Dock="LEFT"] .DVTable > .resize-handle {
    cursor: ew-resize;
    top: 0;
    right: 0;
    height: 100%;
    width: 8px;
}

body[DV_Drag="LEFT"] [data-action], body[DV_Drag="RIGHT"] [data-action],
body[DV_Drag="LEFT"], body[DV_Drag="RIGHT"] {
    cursor: ew-resize !important;
}

body[DV_Drag="TOP"] [data-action], body[DV_Drag="BOTTOM"] [data-action],
body[DV_Drag="TOP"], body[DV_Drag="BOTTOM"] {
    cursor: ns-resize !important;
}
.browser-InternetExplorer .pass-through-frame {
	width: 100%;
}

.REV_VIEW .QuickNavContainer {
    display: inline-block;
    float: right;
    position: relative;
    visibility: visible;
    z-index: 99;
}

.REV_DIALOG #PrimaryView #QuickNav {
    display: none;
    visibility: hidden;
}

.FindMode .HIDE_IN_FIND_MODE {
    display: none !important;
    visibility: hidden !important;
}

.REV_TAB_GROUP .REV_TAB_LABEL > a {
    position: relative;
}

.REV_TAB_GROUP .REV_TAB_LABEL .indicator {
    position: absolute;
    right: -5px;
    top: -5px;
}

#PrimaryView.REV_VIEW > .REV_HEAD {
	flex: 0 0 auto;
}

.REV_VIEW > .REV_HEAD {
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    z-index: 20;
}

.REV_VIEW > .REV_HEAD > .Title > h1 {
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.REV_VIEW > .REV_HEAD > .Title,
.REV_VIEW > .REV_HEAD > .Subtitle {
    position: relative;
    padding: 1px 5px;
    background-color: var(--st-view-heading-bg);
    color: var(--st-view-heading-fg);
}

.REV_HEAD .REV_ACTION_AREA {
    position: relative;
    padding: 3px 5px 5px 5px;
    background-color: var(--st-view-heading-bg);
    color: var(--st-view-heading-fg);
}

.REV_VIEW.VM_Detail > .REV_HEAD > .Subtitle,
.st-modal .modal-dialog .REV_VIEW > .REV_HEAD > .Title {
    display: none;
    visibility: hidden;
}

#PrimaryView .REV_VIEW.VM_Detail .GridData > table > tbody > tr.details > td > div > .REV_VIEW {
    min-width: 100%;
}

.REV_VIEW > .REV_HEAD > .Title > h1 {
    font-weight: bold;
    font-size: 1.75em;
    padding: 0 5px;
    display: inline-block;
    vertical-align: middle;
}

.REV_VIEW > .REV_HEAD > .Subtitle > .REV_SUBTITLE_AREA {
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
}

.REV_VIEW > .REV_HEAD > .Subtitle > .REV_SUBTITLE_AREA {
    margin-left: 5px;
}

.REV_VIEW > .REV_HEAD > .Subtitle > .REV_SUBTITLE_AREA > .REV_SUBTITLE_ITEM > .subtitle-value {
    font-weight: bold;
}

.REV_VIEW > .REV_HEAD > .Subtitle > .REV_SUBTITLE_AREA .REV_SUBTITLE_ITEM {
    padding: 0px 10px;
    float: left;
}

.REV_VIEW:not(#PrimaryView) > .REV_BODY {
    display: block;
    position: relative;
    width: 100%;
}

.REV_VIEW.focused {
    z-index: 100;
}

#PrimaryView.REV_VIEW {
    z-index: 2;
    overflow: hidden;
}

body #PrimaryView.REV_VIEW {
    color: var(--st-color-well-fg);
    background-color: var(--st-color-well-bg);
}

body #PrimaryView.REV_VIEW > .REV_HEAD .REV_TAB_GROUP {
    color: var(--st-view-heading-fg);
    background-color: var(--st-view-heading-bg);
}

body .REV_VIEW[data-view-type="WIZARD"] > .REV_HEAD .REV_TAB_GROUP {
    color: var(--st-color-panel-fg);
    background-color: var(--st-color-panel-bg);
}

body .REV_VIEW .panel-heading .title {
    font-size: 1.6rem;
}

body .REV_VIEW .panel:hover > .panel-heading .title {
    /* This is distracting. Disabling it for now while we consider an alternative 
        font-weight: bold;
    */
}

.TXP_HEADER {
    padding: 5px 15px;
}
.TXP_HEADER > * {
    display: table-cell;
    vertical-align: top;
}
.TXP_HEADER > img {
    margin-left: 15px;
    height: 64px;
}

.TXP_VIEW_RO .REV_BUTTON,
.TXP_VIEW_RO .REV_CRUD_BUTTON,
.TXP_VIEW_RO .REV_ACTION_AREA > *,
.TXP_VIEW .REV_TITLE_AREA,
.TXP_VIEW_RO .REV_TITLE_AREA {
    display: none !important;
    visibility: hidden !important;
}

.TXP_VIEW .REV_ACTION_AREA > .TXP_HEADER,
.TXP_VIEW_RO .REV_ACTION_AREA > .TXP_HEADER {
    display: table-row !important;
    visibility: visible !important;
}

.TXP_VIEW_RO .REV_CONTROL .input-group {
    display: none !important;
    visibility: hidden !important;
}

.TXP_VIEW_RO .REV_CONTROL .static {
    display: inline-block !important;
    visibility: visible !important;
}

.VM_Normal .multi-select .ddBlankValue {
    display: none;
    visibility: hidden;
}

body.NFA {
    overflow: hidden;
}

.REV_TITLE_AREA .REV_IMAGE {
    padding: 0 2px;
}

.REV_TITLE_AREA .REV_IMAGE img {
    max-height: 18px;
}

.backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5100;
    background-color: #000;
    opacity: .5;
    display: none;
}

.view-action-menu h3 {
    margin: 0;
    font-size: 1em;
    padding: 5px;
    border-bottom: 1px solid var(--st-color-border);
    font-weight: bold;
    color: var(--st-color-dropdown-fg);
}

.view-action-menu > div > *:not(:first-child) {
    border-left: 1px solid var(--st-color-border);
}

.view-action-menu .multi-column-dropdown {
    overflow: auto;
    max-height: 300px;
}

.view-action-menu .layout-table {
    margin-left: auto;
}

.view-action-menu li:not(:hover) .action-btn {
    visibility: hidden;
}

.popup-view-container {
    position: fixed;
    display: inline-block;
    z-index: 2000;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    border-radius: 5px;
    border: 1px solid var(--st-color-border);
    overflow-y: auto;
    max-height: 500px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
}


.popup-view-container .popup-loading-spinner {
    width: 20px;
    height: 20px;
    display: inline;
    margin: 10px;
}

.popup-view-container > .REV_VIEW > .REV_HEAD {
    position: relative;
}

.popup-view-container .ST_STUDENT_NOTIFICATIONS,
.popup-view-container > .content > .REV_VIEW > .REV_HEAD > .QuickNavContainer,
.popup-view-container > .content > .REV_VIEW > .REV_HEAD > .Title,
.popup-view-container > .content > .REV_VIEW > .REV_HEAD > .Title > .btn-group,
.popup-view-container > .content > .REV_VIEW > .REV_HEAD > .Title > h1 > .btn-link,
.popup-view-container > .content > .REV_VIEW > .REV_HEAD > .Subtitle,
.popup-view-container > .content > .REV_VIEW > .REV_HEAD > .REV_ACTION_AREA {
    display: none;
    visibility: hidden;
}


.REV_GROUP_BOX {
    position: relative;
}

.rocket-container {
    position: relative;
    display: inline-block;
    min-width: 28px;
    min-height: 20px;
    text-align: center;
    vertical-align: middle;
}

.rocket-container > .fa-rocket {
    position: absolute;
    top: 2px;
    left: 4px;
    z-index: 2000;
    font-size: 18px;
    color: var(--st-color-link-fg);
    background-color: var(--st-color-link-bg);
}

.rocket-container > .rocket-exhaust {
    position: absolute;
    color: #888;
    top: 12px;
    left: 4px;
    font-size: 12px;
    z-index: 1999;
    opacity: 0;
}

.tab-toolbar {
    position: absolute;
    top: 0;
    right: 0;
}

.tab-toolbar .view-refs.dropdown-menu {
    min-width: 100px;
    white-space: nowrap;
}

.tab-toolbar .tab-view-ref-info .view-ref-view-label {
    font-weight: bold;
    font-size: 1.1em;
}

.tab-toolbar .tab-view-ref-info .view-icon {
    margin-right: 10px;
}

.tab-toolbar .tab-view-ref-info .view-icon > img {
    min-height: 22px;
}

.REV_TAB_LABEL:not(:hover) > .tab-toolbar,
body.CompactView .REV_TAB_LABEL > .tab-toolbar {
    visibility: hidden;
    display: none;
}

.REV_BODY,
.REV_VIEW_REF:not(td),
.REV_VIEW_REF > .REV_VIEW {
    flex-direction: column;
    flex: 1 1 auto;
    display: flex;
    position: relative;
}

.REV_BODY > .tab-content,
.REV_BODY > .tab-content > .tab-pane.active {
    position: relative;
    flex: 1 1 auto;
}

#PrimaryView > .REV_BODY > .tab-content > .tab-pane.active > .REV_VIEW_REF {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.modal.SelectBO > .modal-dialog {
    min-width: 25%;
}

.modal.SelectBO .modal-footer {
    text-align: initial;
}

.modal.STConditionDialog > .modal-dialog {
    min-width: 400px;
}

.loading-icon {
    display: none;
    visibility: hidden;
}

.panel.loading > .panel-heading > .loading-icon,
.modal.loading .modal-header .loading-icon,
.content.loading .loading-icon,
.btn.loading > .loading-icon {
    display: inline-block;
    visibility: visible;
}

.query-tree {
    padding: 15px;
    border-radius: 5px;
    display: table;
    height: 100%;
}

.query-tree > div {
    vertical-align: top;
    display: table-cell;
    z-index: 2;
    height: 100%;
}

.query-tree > div+div {
    display: table-cell;
    z-index: 1;
    height: 100%;
}

.query-tree ul {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 16px;
}

.query-tree .tree {
    width: auto;
    display: inline-block;
    height: 100%;
    white-space: nowrap;

    background-color: var(--st-color-well-bg);
    color: var(--st-color-well-fg);
}
.query-tree .tree {
    border-right: 1px solid var(--st-color-border);
}

.bo-node-popover {
    max-width: 100%;
}

.query-tree .tree .bo-node .title {
    position: relative;
    border-radius: 5px 0 0 5px;
    white-space: nowrap;
}
.bo-tree .tree {
    background-color: var(--st-color-well-bg);
    color: var(--st-color-well-fg);
    display: table-cell;
    padding: 10px 0 10px 10px
}
.bo-tree .tree .bo-node {
    margin-left: 32px;
}
.bo-tree .tree .bo-node .title:hover {
    background-color: var(--st-color-heading-bg);
    color: var(--st-color-heading-fg);
}
.bo-tree .tree .bo-node .title > span {
    display:table-cell;
}
.bo-tree .tree .bo-node .title > .tools {
    visibility: hidden;
    width: 100%;
    text-align: right;
    padding-left: 5px;
}
.bo-tree .tree .bo-node .title:hover > .tools {
    visibility: visible;
}

.bo-tree .tree .bo-node.active > .title {
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    border: 1px solid var(--st-color-border);
    border-right: 0px none;
    margin-right: -1px;
}

.browser-InternetExplorer .bo-tree .tree .bo-node.active > .title {
    margin-right: -2px;
}

.bo-tree .content {
    padding: 10px;
    min-width: 400px;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
    border: 1px solid var(--st-color-border);
    border-left: 0 none;
    border-radius: 0 5px 5px 0;
}

.browser-InternetExplorer .bo-tree .content {
    margin-bottom: -6px;
}

.bo-tree .content .scrolling-container {
    height: 300px;
}

.bo-tree .content ul {
    list-style-type: none;
/*
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
*/
}
.bo-tree .content li {
    border-radius: 5px;
    padding: 2px 5px;
    margin: 1px 2px;
}
.bo-tree .content li:hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.modal .bo-list {
    max-height: 300px;
}

.modal .bo-list > div {
    padding: 2px 5px;
    margin: 2px 0px;
    overflow: hidden;

    border-bottom: 1px solid #eeeeee;
}

.modal .bo-list > div.break {
    font-weight: bold;
    background-color: var(--st-color-unassigned-bg);
    color: var(--st-color-unassigned-fg);
    border-bottom: 1px solid #bbbbbb;
}

.modal .bo-list > div.active {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);

    border-bottom: 1px solid var(--st-color-border);
}

.modal .bo-list > div.item:hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);

    border-bottom: 1px solid #ccccee;
}

.st-query-columns .prop-table {
}

.st-query-columns .prop-table input {
    border-color: transparent;
}

.st-query-columns .prop-table input:hover {
    border-color: var(--st-color-border);
}

.st-query-columns .prop-table .handle {
    cursor: move;
}

.st-query-columns .prop-table [data-action="Query.ToggleGraphMode"].active {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}

#QueryText {
    min-width: 600px;
    min-height: 300px;

    overflow: auto;
}

.st-query-columns .content .list {
    margin-right: 25px;
}

.st-query-columns .content .list ul > li {
    display: table-row;
    white-space: nowrap;
    min-width: 400px;
}

.st-query-columns .content .list ul > li > span {
    padding-right: 15px;
}

.st-query-columns .content .list li.selected {
    color: var(--st-color-link-fg);
    background-color: var(--st-color-link-bg);
    font-weight: bold;
}

.st-query-columns .content .list li.active {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.st-query-columns .content .list ul.filtered > li,
.bo-list.filtered > div.item,
ul.filtered > li {
    display: none;
    visibility: hidden;
}

.bo-list.filtered > div.item.match {
    display: block;
    visibility: visible;
}

.st-query-columns .content .list ul.filtered > li.match,
ul.filtered > li.match {
    display: table-row;
    visibility: visible;
}

.bo-list.filtered > div.match .match-text,
ul.filtered > li.match .match-text {
    color: #ff0000;
}

.st-query-conditions .AddRootConditionButton {
    padding: 15px;
    background-color: #dddddd;
}

.st-query-conditions .cond-tree {
    border-radius: 0;
    padding: 15px 0 15px 15px;
    border: 1px solid var(--st-color-border);
    border-right: 0 none;
    min-height: 300px;
}

.panel-conditions .content {
    vertical-align: middle;
    position: relative;
    border: 1px solid var(--st-color-border);
    border-radius: 0 5px 5px 0;
    border-left: 0 none;
}

.st-query-conditions .cond-tree .tree {
    border: 0 none;
}

.st-query-conditions .cond-table td {
    padding: 1px 5px;
}

.st-query-conditions .panel {
    display: table;
}

.panel-conditions > div {
    display: table-cell;
    background-color: var(--st-color-well-bg);
    color: var(--st-color-well-fg);
}

.panel-conditions > div + div {
    padding: 10px;
    background-color: var(--st-color-bg);
    color: var(--st-color-fg);
}

.condition {
    padding: 1px 5px;
}

.condition-group {
    position: relative;
    display: table;
    width: 100%;
}

body > .condition-group {
    width: auto;
}

.condition-group > .toolbar {
    visibility: hidden;

    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 3em;
    text-align: right;
}

.touch .condition-group > .toolbar,
.condition-group.active > .toolbar,
.condition-group.hovered > .toolbar {
    visibility: visible;
}

.condition-group > .toolbar > .btn {
    padding: 0px 1px;
}

.condition-group > i {
    width:250px;
    display: inline-block;
    white-space: normal;
    color:#888888;
}

.condition-group[data-type]:before {
    content: "";
    display: table-cell;
    vertical-align: middle;
    border: 1px solid var(--st-color-border);
    border-radius: 5px;
    padding: 1px 2px;
    margin: 1px 2px;
    text-align: center;
    width: 3em;
    z-index: 1;
    padding-bottom: 1em;
}

.condition-group[data-type="And"]:before {
    content: "And";
}

.condition-group[data-type="Or"]:before {
    content: "Or";
}

.active.condition-group[data-type]:before,
.condition-group[data-type].active,
.condition-group[data-type] > .condition.active {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.condition-group[data-type].active,
.condition-group[data-type] > .condition.active {
    border: 1px solid var(--st-color-border);
    border-right: 0 none;
    border-radius: 5px 0 0 5px;
    margin-right: -1px;
}

.active.condition-group[data-type]:before {
  border-color: #66AFE9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0 none;
}

.hovered.condition-group[data-type]:before,
.condition-group[data-type] > .condition:hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}



.bo-tree > .tree > .bo-node:before, .bo-tree > .tree > .bo-node:after {
    border: 0 none;
}

.bo-tree .bo-node {
    padding: 5px 0 5px 5px;
    position:relative
}
.bo-tree .bo-node::before, .bo-tree .bo-node::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.bo-tree .bo-node::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px;
}
.bo-tree .bo-node::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px;
}
.bo-tree .bo-node span {
    display:inline-block;
    padding:5px 2px 2px 2px;
    text-decoration:none;
}
.bo-tree .bo-node.parent>.title {
    cursor:pointer;
}
.bo-tree .bo-node:last-child::before {
    content: "";
    height:25px;
    margin-bottom: 15px;
}
.bo-tree .bo-node.parent > .title:hover, .bo-tree .bo-node.parent > .title:hover + .bo-node title {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.bo-tree .bo-node > .title > .name > .expander:before {
    content: " ";
    padding: 4px;
    color: #999999;
}
.bo-tree .bo-node.parent > .title > .name > .expander:before {
    content:"\f146";
}
.bo-tree .bo-node.parent.collapsed > .title > .name > .expander:before {
	content: "\f0fe";
}

.bo-tree .bo-node.collapsed > .bo-node {
    visibility: hidden;
    overflow: hidden;
    height: 0;
}

.bo-node>.bo-node:before, .bo-node>.bo-node:after {
    border-color: #000000;
}

.bo-node>.bo-node>.bo-node:before, .bo-node>.bo-node>.bo-node:after {
    border-color: #0000FF;
}

.bo-node>.bo-node>.bo-node>.bo-node:before, .bo-node>.bo-node>.bo-node>.bo-node:after {
    border-color: #8888FF;
}

.bo-node>.bo-node>.bo-node>.bo-node>.bo-node:before, .bo-node>.bo-node>.bo-node>.bo-node>.bo-node:after {
    border-color: #CCCCFF;
}

.st-query-modal .rh-conditional {
    padding: 5px 10px;
}

.st-query-modal .rh-conditional > .title {
    color: var(--st-color-dim-fg);
    font-weight: bold;
    font-size: 0.9em;
}

.st-query-modal .rh-toggle {
    padding: 6px 12px;
    border-left: 1px solid var(--st-color-border);
    border-right: 1px solid var(--st-color-border);
}

.st-query-modal .rh-toggle:hover {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.st-query-modal table {
    min-width: 100%;
}

.st-query-modal table td {
    padding: 2px 3px;
}

.st-query-modal .show-all {
    color: var(--st-color-dropdown-fg);
    background-color: var(--st-color-dropdown-bg);
    padding: 5px 10px;
    border: 1px solid var(--st-color-border);
    border-radius: 5px;
    z-index: 1;
}

.st-query-modal .show-all .rh-conditional {
    margin-bottom: 10px;
}

.st-query-modal .show-all .rh-conditional:not(:last-child) {
    border-bottom: 1px solid var(--st-color-border);
}

.st-query-modal .show-all .rh-conditional.active {
    background-color: var(--st-color-hover-bg);
    color: var(--st-color-hover-fg);
}

.st-query-modal div:not(.show-all) > .rh-conditionals .rh-conditional .title input,
.st-query-modal div:not(.show-all) > .rh-conditionals .rh-conditional:not(.active) {
    display: none;
    visibility: hidden;
}