:root {
    --color-primary: #203C93;
    --color-dark: #1B3379;
    --color-light: #C5CFED;
}

/*---------- BODY ----------*/

body {
    font-family: 'Open Sans';
    margin: 0em;
    height:100%;
}

html {
    height: 100%;
}

hr {
    border-bottom: none; /* Required for Firefox */
    border-left: none;
    border-right: none;
    height: 1px;
}

.xstDefaultBackground {
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0em;
    position: absolute;
    top: 0em;
    width: 100%;
}

.xstDefaultButton {
    margin-left: 45px;
    margin-right: 45px;
    margin-top: 45px;
    text-align: center;
}

.xstDefaultControl {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.xstDefaultError {
    margin-top: 45px;
    text-align: center;
}

.xstDefaultHeader {
    text-align: center;
}

.xstDefaultLogin {
    -moz-box-shadow: 0 0 20px #CCC;
    -webkit-box-shadow: 0 0 20px #CCC;
    background-color: white;
    border-color: silver;
    box-shadow: 0 0 20px #CCC;
    left: 50%;
    padding: 2em;
    position: fixed;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 30em;
}


/*---------- BASE ----------*/

.sty2025Table {
    display: table;
    width: 100%;
}

.sty2025TableCell {
    display: table-cell;
    vertical-align: top;
}

.sty2025TableCellFiller {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}

.xstTableCellBottom {
    display: table-cell;
    vertical-align: bottom;
}

.xstTableCellFillerBottom {
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
}

/*---------- DEVEXPRESS ----------*/

/* Hide header in UsrLookupEdit */
.dxeHLC, .dxeHC, .dxeHFC {
    display: none;
}

/*---------- YST ----------*/

.ystDashboardList {
    background-color: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    padding: 20px;
    flex: 1;
}

.ystDashboardListContent {
    margin-top: 50px;
}

.ystDashboardListHeaderCount {
    color: #D2D2D2;
}

.ystDashboardListHeaderText {
    color: #464646;
    font-weight: bold;
}

.ystDashboardListHeaderText:hover {
    color: #E42912;
}

.ystDashboardListItemCount {
    color: #D2D2D2;
}

.ystDashboardListItemCountWarning {
    color: #FF9800;
    font-weight: bold;
}

.ystDashboardListItemText {
    color: #464646;
    margin-bottom: 20px;
}

.ystDashboardListItemText:hover {
    color: #E42912;
}

.zstFileListDashboard {
    display: flex;
    gap: 30px;
    margin-top: 50px;
}

.zstFileListDashboardLabel {
    color: #464646;
    margin-left: 20px;
    margin-top: 20px;
}

.zstFileListHeaderLabel {
    color: #464646;
}

.ystFileListErrorLabel {
    color: #E42912;
}

.ystGridView {
    margin-bottom: 40px;
}

.ystGridViewFloat{
    margin-bottom: 40px;
    display: block;
    float: left;
    width: 49%;
    margin-right: 2%;
}

.ystGridViewFloat:last-of-type {
    margin-bottom: 40px;
    display: block;
    float: left;
    width: 49%;
    margin-right: 0%;
}

.ystGridViewControl {
    margin-top: 15px;
}

.ystGridViewHeaderDiv {
    margin-bottom: 20px;
}

.ystGridViewHeaderLabel {
    font-weight: bold;
}

.ystGridViewRowCount {
    margin-top: 10px;
}

.ystGridViewRowCountCaptionLabel {
    font-weight: bold;
}

.ystGridViewRowCountSelected {
    margin-left: 5px;
}

.ystGridViewRowCountSelectedLabel {
    color: var(--color-primary);
    font-weight: bold;
}

.ystGridViewRowCountTotal {
    margin-left: 5px;
}

.ystGridViewRowCountTotalLabel {
    font-weight: bold;
}

.ystGridViewSelectAllLink {
    color: var(--color-primary);
    font-weight: bold;
}

.ystQueryListContent {
    margin-top: 50px;
}

.ystQueryListItemCount {
    color: #D2D2D2;
}

.ystQueryListItemCountWarning {
    color: #FF9800;
    font-weight: bold;
}

.ystQueryListItemText {
    color: #464646;
    margin-bottom: 20px;
}

.ystQueryListItemText:hover {
    color: #E42912;
}

.ystQueryListHeaderCount {
    color: #D2D2D2;
}

.ystQueryListHeaderText {
    color: #464646;
    font-weight: bold;
}






















/*---------- MAIN PAGE ----------*/

.sty2024MainGridView {
    border-bottom-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-color: silver;
    border-top-style: solid;
    border-top-width: 1px;
}

.sty2024MainMenuControl {
    padding: 15px;
}

.zstFileListQueryMenu {
    margin-bottom: 45px;
    margin-top: 15px;
}

.ystRibonPageBuffer {
    height: 100px;
}

.zstFileListInbox {
    background-color: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    height: 75px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 15px;
    width: 270px;
}

.zstFileListInboxContent {
    margin-top: 10px;
}

.zstFileListInboxButton {
    margin-left: 40px;
}

.zstFileListChartPanel {
    background-color: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin-bottom: 30px;
    padding: 15px;
}

.xstFileListGridViewMenu {
    margin-top: 10px;
}

.xstFileListRowCount {
    margin-top: 15px;
}

.zstFileListReloadButton {
    margin-bottom: 250px;
    margin-top: 25px;
}

.sty2025MainPageSearchControl {
    margin-right: 50px;
}

.xstFileListMarginTop30 {
    margin-top: 30px;
}

.xstFileListMainMenu {
    margin-top: 30px;
    vertical-align: bottom;
}

.sty2025MainPageGridViewPanel {
    margin-top: 20px;
}






.xstFileListSaveCriteria {
    margin-left: 15px;
}

.sty2024MainTabControl {
    margin-top: 1em;
}

/*---------- PAGE Dispatch ----------*/

.pa0318DispatchResourceMenu {
    width: 2em;
}

.pa0318DispatchResourceText {
    margin-left: 1em;
    overflow-x: hidden;
    text-align: left;
    width: 11em;
}

/*---------- ToolbarMenu ----------*/

.st0801ToolbarMenu {
    border-color: silver;
    border-style: solid;
    border-width: 1px;
}

/*---------- HELPERS ----------*/

.ba0701BlockBottom1 {
    margin-bottom: 1em;
}

.ba0601BlockBottom2 {
    margin-bottom: 2em;
}

.ba0701BlockPadding1 {
    padding: 1em;
}

.ba0701BlockRight3 {
    margin-right: 3em;
}

ba0401BlockRight2 {
    margin-right: 2em;
}

.ba0701BlockTop1 {
    margin-top: 1em;
}

.ba0701BlockTop2 {
    margin-top: 2em;
}

.style_231129_PopupControlHeader {
    border-bottom-color: #D8DCDE;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}


.ba0801TimerImage {
    text-align: right;
}

.style_231203_OverflowHidden {
    overflow: hidden;
}

.style_231121_FileViewGroup {
    margin-bottom: 1em;
}

.style_231121_FileViewPanel {
    background: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin-bottom: 2em;
    padding-left: 2em;
    padding-top: 2em;
}

.style_231121_FileViewPanelMain {
    padding-top: 1em;
}

.style_231121_FileViewRow_Caption {
    width: 3em;
}

.sty2024_x_FileViewTabControl_Button {
    margin-right: 2em;
    width: 2em;
}

.sty2024_x_FileViewTabControl_Count {
    background: var(--color-primary);
    border-radius: 50%;
    color: white;
    height: 1.3em;
    margin-left: 1em;
    width: 1.3em;
}

.sty2024_x_FileViewTabControl_CountText {
    line-height: 1.2em;
    text-align: center;
    vertical-align: top;
}

/*---------- USERCONTROL: BUTTON ----------*/

.sty2024Button {
    background-color: #F0F0F0;
    background-repeat: no-repeat;
    padding: 0.25em;
    width: 100%;
}

/*---------- USERCONTROL: CONTROL ----------*/

.ba0801Control05 {
    float: left;
    margin-right: 1em;
    vertical-align: top;
    width: 6em;
}

.ba0801Control05:last-of-type {
    margin-right: 0em;
}

.ba0801Control1 {
    float: left;
    margin-right: 1em;
    vertical-align: top;
    width: 11em;
}

.sty2024_Control1 {
    float: left;
    margin-bottom: 2em;
    margin-right: 1em;
    vertical-align: top;
    width: 10em;
}

.ba0801Control1XBLOCK {
    display: block;
    margin-right: 1em;
    vertical-align: top;
    width: 11em;
}

.ba0801Control1:last-of-type {
    margin-right: 0em;
}

.ba0801Control2 {
    float: left;
    margin-right: 1em;
    vertical-align: top;
    width: 23em;
}

.ba0801Control2:last-of-type {
    margin-right: 0em;
}

.sty2024_Control2 {
    float: left;
    height: 5em; /* For Error Message 2025 */
    margin-bottom: 2em;
    margin-right: 1em;
    vertical-align: top;
    width: 21em;
}

.ba0801Control3 {
    float: left;
    margin-right: 1em;
    vertical-align: top;
    width: 35em;
}

.sty2024_Control3 {
    float: left;
    margin-bottom: 2em;
    margin-right: 1em;
    vertical-align: top;
    width: 32em;
}

.ba0801Control4 {
    float: left;
    margin-right: 1em;
    vertical-align: top;
    width: 47em;
}

.sty2024_Control4 {
    float: left;
    margin-bottom: 2em;
    margin-right: 1em;
    vertical-align: top;
    width: 43em;
}

.sty2024_Control5 {
    float: left;
    margin-right: 1em;
    vertical-align: top;
    width: 54em;
}

.sty2024_Control6 {
    float: left;
    margin-bottom: 2em;
    margin-right: 1em;
    vertical-align: top;
    width: 65em;
}

.ba0801Control4:last-of-type {
    margin-right: 0em;
}

.ba0801Control5 {
    float: left;
    margin-right: 1em;
    vertical-align: top;
    width: 59em;
}

.ba0801Control5:last-of-type {
    margin-right: 0em;
}

.ba0801Control6 {
    float: left;
    margin-right: 1em;
    vertical-align: top;
    width: 71em;
}

.ba0801Control6:last-of-type {
    margin-right: 0em;
}

.sty2024_Control6 {
    float: left;
    margin-bottom: 2em;
    margin-right: 1em;
    vertical-align: top;
    width: 65em;
}

.st0219ControlBorder {
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    overflow: auto; /* Required for UsrCheckBoxListEdit */
    height: 200px; /* Required for UsrCheckBoxListEdit */
}

.st0219ControlBorder2 {
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    overflow-y: hidden;
}

.sty2023ControlFocus {
    border-color: #1f73b7;
}

.ba0801ControlRequired {
    color: red;
}

/*---------- USERCONTROL: COUNTERLABEL ----------*/

.ba0401CounterLabel {
    float: left;
    margin-right: 1em;
    min-width: 2em;
}

.ba0401CounterLabelCaption {
    color: darkblue;
    font-weight: bold;
}

/*---------- USERCONTROL: DATALABEL ----------*/

.ba0701DataLabel:not(:first-child) {
    margin-top: 0.1em;
}

.ba0701DataLabelCaption {
    width: 13em;
}

/*.sty2023FileHeader {
    color: #576B75;
    font-weight: bold;
}*/

/*---------- USERCONTROL: DIALOGTOOLBAR ----------*/
.ba0801DialogToolbarCancel {
    width: 10em;
}

.ba0801DialogToolbarConfirm {
    margin-left: 1em;
    width: 12em;
}

/*---------- USERCONTROL: FILEINFO ----------*/

.ba0601FileInfo {
    background-color: lightyellow;
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    padding: 0.5em;
    overflow: hidden;
}

.ba0601FileInfo:not(:first-child) {
    margin-top: 1em;
}

.ba0601FileInfoImage {
    margin-left: 0.5em;
}

.ba0601FileInfoLine {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

/*---------- USERCONTROL: FILEPREVIEW ----------*/

.ba0401FilePreview {
    background-color: #ffffff;
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    padding: 0.5em;
}

.ba0401FilePreview:not(:first-child) {
    margin-top: 1em;
}

.ba0401FilePreviewButton:not(:first-child) {
    margin-top: 0.25em;
}

.ba0401FilePreviewContent {
    margin-right: 1em;
}

.ba0401FilePreviewImage {
    margin-right: 1em;
    width: 6em;
}

/*---------- USERCONTROL: FILTERCONTROL ----------*/

.xstFilterControl {
    margin-bottom: 1.5em;
}

/*.xstFilterControl:last-of-type {
    margin-top: 0em;
}
*/

.xstFilterControlNormal {
    width: 20em;
}

.xstFilterControlSmall {
    display: inline-block;
    width: 9em;
}

.xstFilterControlDash {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 1em;
}

/*---------- USERCONTROL: FLOWBRE AK ----------*/

.sty2023LabelBold {
    font-weight: bold;
}

/*---------- USERCONTROL: FLOWBREAK ----------*/

.sty2025FlowBreak {
    clear: both;
}

/*---------- USERCONTROL: FLOWBREAKLAGE ----------*/

.sty2025FlowBreakLarge {
    clear: both;
    padding-top: 1.5em;
}

.sty2025FlowBreakExtraLarge {
    clear: both;
    padding-top: 3em;
}

.sty2024HorizontalLine {
    margin-top: 1em;
}

/*---------- USERCONTROL: GRIDCONTROL ----------*/

.sty2023GridViewFocusedRow {
    color: black;
    background-color: #CEE2F2;
}

.sty2023GridViewRowHotTrack {
    background-color: #EDF7FF;
}

.dxscAptSelDiv {
    border-color: green !important;
    border-style: solid;
    border-width: 5px;
}

div.dxscAptSelDiv {
    border-color: red !important;
    border-style: solid;
    border-width: 5px;
}

/*---------- USERCONTROL: HEADINGLABEL ----------*/

.sty2021DialogHeading {
    width: 100%;
    color: darkblue;
    font-weight: bold;
    border-bottom-color: darkblue;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 10px;
}

/*---------- USERCONTROL: LABEL ----------*/

.sty2024InfoPanelError {
    background-color: red;
    padding: 0.5em;
}

.sty2024InfoPanelError:not(:first-child) {
    margin-top: 1em;
}

.ba0701LabelErrorText {
    color: white;
}

.ba0701LabelRecordInfo {
    background-color: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    padding: 15px;
    font-size: 14px;
}

.sty2025InfoLabelWarning {
    background-color: lightyellow;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    padding: 15px;
    overflow-wrap: normal;
}

.sty2025MainPageControls {
    background-color: white;
    border-color: darkgray;
    border-style: solid;
    border-width: 1px;
    padding: 15px;
}

.sty2025MainPageBlock {
    margin-top:25px;
}

.sty2025MainPageDetails {
    margin-top: 10px;
}

.ba0701LabelRecordInfoContent {
    overflow-x: hidden;
}

.ba0701LabelRecordInfo:not(:first-child) {
    margin-top: 2em;
}

.ba0701LabelInfo {
    background-color: lightyellow;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    padding: 1em;
}

.ba0701LabelInfo:not(:first-child) {
    margin-top: 1em;
}

.ba0701LabelLarge { /*TODO WEB 2023 Obsolete 12 is default*/
    font-size: 12pt;
}

.ba0701LabelLarge2 {
    text-align: center;
}

.ba0701LabelLargeError {
    color: red;
    font-weight: bold;
}

.ba0701LabelLargeSuccess {
    color: darkgreen;
    font-weight: bold;
}

.ba0701LabelLargeWarning {
    font-weight: bold;
}

/*.ba0701LabelStandard {
    font-size: 12pt;
}
*/
/*.ba0701LabelRunning {
    font-size: 24pt;
}*/

.uc0301LabelStandard {
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    padding: 1em;
}

/*---------- USERCONTROL: NOTIFICATION ----------*/

.ba0601Notification {
    background-color: #ffffff;
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    padding: 0.5em;
}

.ba0601Notification:hover {
    border-color: #78A300;
}

.ba0601Notification:not(:first-child) {
    margin-top: 1em;
}

.ba0601NotificationLink {
    text-decoration: none;
}

/*---------- USERCONTROL: PANELHEADER ----------*/

.ba0701PanelHeaderCaption {
    color: #707070;
    font-size: 12pt;
    font-weight: bold;
}

/*---------- USERCONTROL: FILEPANELHEADER ----------*/

.ba0701FilePanelHeaderDiv {
    margin-bottom: 1.5em;
}

/*---------- USERCONTROL FILTERPANEL ----------*/

.sty2024FilterPanelControls {
    margin-top: 2em;
}

/*---------- USERCONTROL: PANELHEADERLINE ----------*/

.ba0701PanelHeaderLine {
    border-bottom-color: #707070;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 1em;
}

.ba0701PanelHeaderLineCaption {
    color: #707070;
    font-size: 12pt;
    font-weight: bold;
}

/*---------- USERCONTROL: SEARCHCONTROL ----------*/

.sty2025SearchControlButton {
    margin-left: 15px;
}

/*---------- USERCONTROL: SELECTCONTROL ----------*/

.ba0607SelectControl {
    border-color: silver;
    border-style: solid;
    border-width: 1px;
}

/*---------- USERCONTROL: SUMMARYLABEL ----------*/

.ba0701SummaryLabel:not(:first-child) {
    margin-top: 0.5em;
}

.ba0701SummaryLabelCaption {
    width: 20em;
}

.ba0701SummaryLabelText {
    font-size: 11pt;
}

.ba0701SummaryLabelTextBold {
    font-size: 11pt;
    font-weight: bold;
}

/*---------- USERCONTROL: THUMBNAIL ----------*/

.ba0401Thumbnail {
    border-bottom-style: solid;
    border-bottom-color: silver;
    border-bottom-width: 1px;
    padding-bottom: 1em;
}

.ba0401ThumbnailButton:not(:first-child) {
    margin-top: 0.5em;
}

/*---------- USERCONTROL: TOOLBAR ----------*/

.ba0701ToolbarItem {
    padding: 0.5em;
}

/*---------- PAGE PROCESS ----------*/

.ba0401ProcessThumbnailPanel {
    border-top-color: silver;
    border-top-style: solid;
    border-top-width: 1px;
}

.st0825DisplayHidden {
    visibility: hidden;
}

.st0825DisplayVisible {
    visibility: visible;
}

.st0825MarginLeft2 {
    margin-left: 2em;
}

/*---------- USERCONTROL: FOLDERITEM ----------*/

.st0825FolderItemContainerDiv {
    height: 2em;
}

.st0825FolderItemContent {
    text-decoration: none;
}

.st0825FolderItemControlDiv {
    overflow: hidden;
}

.st0825FolderItemControlDiv:hover {
    background-color: #EFEBED;
}

.st0825FolderItemControlDivDisabled {
    overflow: hidden;
}

.st0825FolderItemImageDiv {
    -ms-transform: translateY(20%);
    -webkit-transform: translateY(20%);
    margin-left: 1em;
    position: relative;
    top: -20%;
    transform: translateY(20%);
}

.st0825FolderItemTextDiv {
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    margin-left: 0.5em;
    position: relative;
    top: -10%;
    transform: translateY(10%);
}

.st0825FolderItemMenuDiv {
    margin-left: 2em;
}

/*---------- USERCONTROL: FOLDERITEMSELECTED ----------*/

.st0825FolderItemControlDivSelected {
    background-color: #CEE2F2;
}

.st0825FolderItemControlDivSelected:hover {
    background-color: #1F73B7;
    color: #FFFFFF;
}

.st0825FolderItemTextSelected {
    font-weight: bold;
}


/*---------- USERCONTROL: LINKTITEM ----------*/

.st0825LinkItemContainerDiv {
    height: 3.5em;
}

.st0825LinkItemContainerSingleDiv {
    height: 1.5em;
}

.st0825LinkItemContainerSingleDiv2 {
    height: 2em;
}

.st0825LinkItemContainerSingleDiv2:not(:first-child) {
    margin-top: 0.2em;   
}

.sty2003TextDecorationNone {
    text-decoration: none;
}

.sty2023SelectItem {
    cursor: pointer;
    margin-left: 1em;
    margin-right: 1em;
    overflow: hidden;
    padding: 1em;
    text-decoration: none;
}

.sty2023SelectItem:hover {
    background-color: #EFEBED;
}

.sty2023SelectItemActive {
    background-color: #CEE2F2;
    margin-left: 1em;
    margin-right: 1em;
    overflow: hidden;
    padding: 1em;
    text-decoration: none;
}




.st0825LinkItemControlDiv {
    overflow: hidden;
}

.st0825LinkItemControlDiv:hover {
    background-color: #EFEBED;
}

.st0825LinkItemImageDiv {
    -ms-transform: translateY(20%);
    -webkit-transform: translateY(20%);
    margin-left: 1em;
    position: relative;
    top: -20%;
    transform: translateY(20%);
}

.st0825LinkItemHeading {
    font-weight: bold;
}

.st0825LinkItemTextDiv {
    margin-left: 0.5em;
}

/*---------- USERCONTROL: LINKITEMSELECTED ----------*/

.st0825LinkItemControlDivSelected {
    background-color: #CEE2F2;
}

.st0825LinkItemControlDivSelected:hover {
    background-color: #1F73B7;
    color: #FFFFFF;
}

.st0825LinkItemTextSelected {
    font-weight: bold;
}

.noBorders span {
    outline: none !important;
}