/* Common */
html { overflow:auto; }
body { position:relative; min-height:100vh; display:flex; flex-direction:column; margin:0; font-size:11px; font-family:Tahoma, Helvetica, Verdana, Arial, sans-serif; background-repeat:repeat-y; background-attachment:scroll; background-position:left top; background-color:#ffffff; }

.footer { position:absolute; bottom:5px; right:5px; }

/* Master Headline */
#headline { height:58px; background-color:#ffffff; }
#headline .text { padding-left:15px; padding-bottom:2px; }
#headline .leftImage { width:130px; height:58px; text-align:center; }
#headline .rightImage { text-align:right; padding-right:5px; }

/* Main Menu */
#navigation .table { width:100%; height:21px; }
#navigation .menu { padding-left:130px; }

.menuHeadItem { height:21px; padding:1px; border:1px solid #969696; border-bottom:none; background:#ffffff fixed repeat-x left top; }
a.menuHeadItem img { margin-right:6px; }
a.menuHeadItem:link, .mainMenuItemParent a:link,
a.menuHeadItem:visited, .mainMenuItemParent a:visited,
a.menuHeadItem:active, .mainMenuItemParent a:active
a.menuHeadItem:hover, .mainMenuItemParent a:hover { text-decoration:none; font-weight:normal; color:#000000; background:none; }


div.menuChildItems { font-weight:normal; font-size:11px; border:1px solid #969696; border-top:0; }
table .subMenuChildItems { margin-left:-1px; }
a.menuChildItem:link, 
a.menuChildItem:visited, 
a.menuChildItem:active { color:#000000; margin:2px 5px; display:block; text-decoration:none; padding-left:2px; padding-right:5px }
.mainMenuItemChild1 a:link,
.mainMenuItemChild1 a:visited,
.mainMenuItemChild1 a:active { color:#000000; text-decoration:none; }
a.menuChildItem:hover { padding-left: 2px; }
a.menuChildItem:hover, .mainMenuItemChild1 a:hover, 
.mainMenuItemChild1 .link:hover, .mainMenuItemChild1 .link:hover a { color: #000000; background: #ebebeb; }

a.navigation:link,
a.navigation:visited,
a.navigation:active { color:#000000; font-size:11px; text-decoration:none }
a.navigation:hover { color:#000000; font-size:11px; text-decoration:underline }
a.navigationDisabled { color:#999999; font-size:11px; text-decoration:none; pointer-events:none; }

#main { display:flex; width:100%; }

#content { flex:1; padding:10px; background:repeat-x fixed left top white; padding-bottom: 40px; }

#quickMenu { width:130px; }
#quickMenu .language { margin:10px; text-align:center; }

.quickMenuEntry { padding-left:15px; font-size:11px; height:23px; width:130px; margin-bottom:3px; }
.quickMenuEntryHover { padding-left:15px; font-size:11px; height:23px; width:130px; margin-bottom:3px; }
.quickMenuEntrySelected { padding-left:15px; font-size:11px; height:23px; width:130px; margin-bottom:3px; }

a.quickMenuEntry:link,
a.quickMenuEntry:visited,
a.quickMenuEntry:active { color:#ffffff; font-size:12px; padding-left:5px; background:none }
a.quickMenuEntry:hover { color:darkgrey; }

.label_highlight_difference { -moz-border-radius:5px; border-radius:5px; border:2px solid; border-color:red; padding:2px; }

td.caption { text-align:right; padding-right:5px; }
div.fullWidth { min-width:960px !important; width:100% !important; }
div .contentPage { border-top:2px solid #999999; border-left:2px solid #999999; }
div .contentPageHeader { color: #000000; font-size: 16px; font-weight: normal; display: flex; justify-content: space-between; }
div.contentPageHeader { padding:5px }
div.contentPageContent { margin:10px }

div.areaAppInformation { position:fixed; border:1px solid #000; }

div.area { margin-top:15px; }
div.firstRowInRow { height:16px; }
div.rowInRow { height:16px; border-top:1px dashed #AAA; }
div.colorPreview, div.colorPreviewDisabled { width:17px; height:17px; }
div.colorPreview { border:1px solid #000; }
div.colorPreviewDisabled { border:1px solid #CCC; }
tr.borderTop td { border-top:1px solid #000; }
tr.borderBottom td { border-bottom:1px solid #000; }

td.required { padding-left:0; padding-right:0; width:15px; }
.validator { padding-left:10px; }
.bold { font-weight:bold;}
/*Edge-Bug Workaround VISIT-19495*/
td:last-of-type, table tbody, .gridView .rowHeadline, tr .rowHeadline, .rowHeadline th:last-of-type { border-right:inherit }

#content .rowDefault td,
#content .rowAlternate td {
    overflow-wrap: anywhere;
}

.fileUploadHidden { font-size:45px; position:absolute; right:0; top:0; opacity:0; }

/* Vue.js TabControl */
.activeTab { height:20px; display:inline-block; margin:0 4px 0 0; padding:2px 5px 0 5px; border:1px solid #999999; border-bottom:none; background:#af000a; color:#FFFFFF; cursor:pointer; }

.activeTab:hover { color:#FFFFFF; }

.inactiveTab { height:20px; display:inline-block; margin:0 4px 0 0; padding:2px 5px 0 5px; border:1px solid #999999; border-bottom:none; cursor:pointer; }

.enabledButton { background-color:#FFF; height:17px; font-size:11px; color:#000000; border:1px solid #000000; padding:3px 5px 3px 5px; margin:5px; cursor:pointer; }

.disabledButton { background-color:#ECECEC; height:17px; font-size:11px; color:#999999; border:1px solid #999999; padding:3px 5px 3px 5px; margin:5px; cursor:default; }

.tabContent { padding:10px; border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; border-top:2px solid #af000a; }

/* Vue.js Autocomplete */

.autocomplete-container { display:inline-block; }
.autocomplete-footer { text-align:center; padding:3px; border-top:1px solid #dddddd; background:#ebebeb; box-shadow:0 -1px 2px rgba( 0, 0, 0, 0.1 ); }
.autocomplete-results { position:absolute; z-index:1; padding:0; margin:0; border:1px solid #aaaaaa; box-shadow:2px 2px 3px rgba( 0, 0, 0, 0.2 ); }
.autocomplete-scroll-container { overflow-y:auto; }
.autocomplete-row { text-align:left; padding:4px 4px; background-color:white; border-bottom:1px solid #dddddd; }
.autocomplete-row:last-child { border-bottom:none; }
.autocomplete-row.is-active,
.autocomplete-row:hover { background-color:#f0f0f0; }

/* Vue.js SelectEntities */
.selectedItemsRow { padding:4px 4px; border:1px solid #dddddd; margin-bottom:3px; display:flex; flex-direction:row; align-items:center; background-color:white }

/* Reporting */
div.filterAreaCaption { display:inline-block; width:100px; text-align:right; padding-right:3px; }
div.filterAreaHeader { margin-bottom:5px; }

/* Hyperlinks */
a:link,
a:visited,
a:hover,
a:active { color:#000000; font-size:11px; text-decoration:none; }

a.bold:link,
a.bold:visited,
a.bold:active { color:#000000; font-size:11px; font-weight:bold; text-decoration:none }
a.bold:hover { color:#000000; font-size:11px; font-weight:bold; text-decoration:underline }

/* Separators */
div .areaSeparator { margin:15px 0; border-top:1px dotted #000000; }
div .areaSeparatorCompact { margin:5px 0; border-top:1px dotted #000000; }
div .areaSeparatorVertical { margin:0 15px; border-left:1px dotted #000000; }
.dashedBorder { border:1px dashed #000000; padding:5px; }

/* Area Box */
div .areaBox { width:165px; border:1px solid #999999; border-top:none; }
div .areaBoxLarge { width:250px; border:1px solid #999999; border-top:none; }
div .areaBoxBackground { background:repeat-x left bottom #E5E5E7; padding:3px 0; border-top:1px solid #999999; }
div .areaBoxHeader { background:repeat-x left bottom #E5E5E7; text-align:center; border-bottom:1px solid #999999; }
div .areaBoxContent { padding:8px 3px; background-color:#F4F4F4; }
div .areaBesideOptions { margin-right:175px; }

/* Floating Panels */
div .floatingPanel { display:inline-block; height:16px; padding:3px 10px; margin:0 10px 10px 0; background-color:#E5E5E7; border:1px solid #999999; }
div .floatingPanel input { margin-left:5px; }
div.flexPanel { display:flex; display:-webkit-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }

div .borderedBlockCompact { display:block; padding:4px 6px; margin:4px 4px; background-color:#E5E5E7; border:1px solid #999999; }

/* Visit Panels */
div.areaHeaderRight { background-color:#eaebeb; border-bottom:1px solid #000000; margin-left:18px; padding:2px 5px; }
td.areaHeaderLeft, div.areaHeaderLeft { width:18px; height:18px; }
td.areaHeaderRight, .areaHeaderText { width: 580px; border-bottom: 1px solid #000000; background-color: #eaebeb; padding-left: 5px; }
div .areaContent { margin:10px 0 0 8px; }
div .areaContentExp { padding:10px 0 0 8px; }/* Workaround for CollapsiblePanelExtenders */

/* Positioning and Alignment */
.floatLeft { float:left; }
.floatRight { float:right; }
.clear { clear:both; }
.overlapAll { z-index:100; }
.overlapMost { z-index:90; }
.vAlignTop { vertical-align:top; }
.vAlignMiddle { vertical-align:middle; }
.vAlignTextBottom { vertical-align:text-bottom; }
.vAlignTextTop { vertical-align:text-top; }
.tAlignCenter { text-align:center; }
.tAlignRight { text-align:right; }
.noWrap { white-space:nowrap; }
.noWrap label { white-space:nowrap; }
.displayNone { display:none }

/* Misc */
.cursorPointer { cursor:pointer }
.dateContainer table { margin-top:3px; }
.menu .menu-separator { height:1px; margin:2px 0; background:#CCCCCC; }
span.inlineCheckBox { padding:5px 20px 0 15px; display:inline-block; width:110px; }
.iFrameComm { height:0; width:0; visibility:hidden; display:none; }
.tbl_inact_surface { background-color:#F9F9F9; margin:0; padding:5px 2px 5px 2px; border:solid 1px #999999; }
.tbl_free_form { background:#EEEEEC; border:solid 1px #999999 }

.offsetTopS { margin-top:3px }
.offsetLeftS { margin-left:3px }
.offsetRightS { margin-right:3px }
.offsetRightM { margin-right:15px }
.paddingTopM { padding-top:15px }
.paddingLeftM { padding-left:15px }

@media print { .HideOnPrint { display:none; } }

/* ApplicationError and UpdateProgress */
div .areaModalOuter { background-color:transparent; padding:1em 6px; }
.areaModalContent { border-top:1px dashed #000000; border-bottom:1px dashed #000000; margin:4px 6px; padding:8px 5px; text-align:left; }
.areaModalBackground { background-color:#000000; opacity:0.35; }
.areaModalUpdateProgress { background:url( images/loadingBg.png ); width:350px; height:70px; color:#000000 }

/* GridViews */
.gridView { border:1px solid #999; background-color:#F2F2F2; }
.gridView .rowHeadline { background:repeat-x left top #ebebeb; }
.gridView .rowHeadline th { font-weight:bold; color:#000000; }
.gridView .rowDefault { background-color:#FFFFFF; border:1px solid #999999; height:21px; }
.gridView .rowAlternate { background-color:#EBEBEB; border:1px solid #999999; height:21px; }
.gridView .rowFooter { background:repeat-x left bottom #E5E5E7; }
.gridView .pagingContainer { padding:2px 0 2px 8px; }
.gridView .inactive { color:#999999; }
.gridView .alignRight { text-align:right; padding-right:15px; }

a.paging:link,
a.paging:visited,
a.paging:active { color:#000000; text-decoration:none; }
a.paging:hover { color:#000000; text-decoration:underline; }

/* PopUp Dialogs */
.areaPopUp { position:absolute; top:0; left:0; padding:0; background:#F4F4F4; border:1px solid #000000; z-index:80; visibility:hidden; }
.areaPopUpBackground { position:fixed; left:0; top:0; background-color:#000000; opacity:0.35; z-index:70; }
.jsModalPopUp { margin:200px auto; background:#F4F4F4; border:1px solid #000000; }
.jsModalPopUpBackground { position:fixed; z-index:1; left:0; top:0; background-color:rgb( 0, 0, 0 ); background-color:rgba( 0, 0, 0, 0.35 ); width:100%; height:100%; overflow:auto; }
.jsModalPopupWorkflowProblemInfo { display: flex; justify-content: start; align-items: center; gap: 1em;}

/* Colored Notification Bars */
div .coloredBar { padding:3px; overflow:hidden; height:15px; border:1px solid #999999; }
div .coloredBar img { margin-top:1px; }
div .coloredBarPopUpWndTop { border-bottom:1px solid #999999; padding:3px; overflow:hidden; height:15px; }
div .coloredBarPopUpWndBottom { border-top:1px solid #999999; padding:3px; }

/* CollapsiblePanelExtender */
.collapsiblePanelContent { padding:10px 10px 0 10px; }
.collapsiblePanelContentBorder { border:1px dotted #999999; border-top:0; padding-bottom:10px; }

/* Controls */
.fileUploadButtonOverflow { width:150px; height:19px; position:relative; overflow:hidden; }
.fileUploadButton { width:150px; position:absolute; top:0; }

/* Permission Matrix */
.matrix-container { padding:0; width:100%; border-spacing:0; border-collapse:separate; overflow:auto }
.matrix-container td { padding:2px 0; margin:0; }
.matrix-container tr td { border-bottom:1px #333 solid }
.matrix-container tr:last-child td { border-bottom:0; }
.matrix-container .matrix-header-row { top:0; position:sticky; background-color:white }
.matrix-container .matrix-header-row td { border-bottom:2px #333 solid }
.matrix-container .matrix-header-cell { width:110px; text-align:center; font-weight:bold; }
.matrix-container .matrix-body-row:nth-child( odd ) { background:#eaeaea; }
.matrix-container .matrix-body-row:hover { background: #cccccc }
.matrix-container .matrix-body-cell { padding-left:5px }
.matrix-container .matrix-checkall-row td { border-bottom:2px #333 solid; }
.matrix-container .matrix-footer td { border-top:1px #333 solid; font-weight:bold; }
.matrix-container .matrix-checkbox-cell { width:0px; text-align:center; }
.matrix-container .matrix-checkbox-cell input { cursor:pointer }
.matrix-container .matrix-checkbox-cell input[disabled] { cursor:default }
.matrix-container .matrix-group td { background:#fff !important; font-weight:bold; }
.matrix-container .matrix-separator { height:15px; background:none !important; }
.matrix-container .matrix-separator td { border:0 !important; }

/* Error page */
.errorPanel { background:#fff; padding:20px; border:2px red solid; border-radius:5px; width:90%; max-height:80%; margin:30px auto; }
.errorPanel .areaModalContent { border:0; border-top:1px #333 dotted; border-bottom:1px #333 dotted; }
.errorPanel .errorHeadline { background:url( 'images/alert.gif' ) no-repeat left 2px; font-size:14px !important; font-weight:bold; text-align:left; padding-left:25px; height:30px; display:block; }
.errorPanel .errorImage { margin-top:2px; left:20px; display:inline; position:absolute; }
.errorPanel .errorClose { margin-top:10px; font-size:14px; }
.errorPanel .errorClose a { font-size:12px !important; border-bottom:2px green solid; }
.errorPanel .errorClose a:hover { border-bottom:0; text-decoration:none; }
.errorPanel pre { width:100%; overflow-x:scroll; font-size:11px; padding-bottom:10px; }
.errorPanel pre br { display:block; margin:0; font-size:0; line-height:0; }
.errorPanel .errorDetails { padding:10px 0 0; }

/* ArgosJsTable */
@keyframes spinner { to { transform:rotate( 360deg ); } }
.spinner:before { content:''; box-sizing:border-box; position:absolute; top:50%; left:50%; width:20px; height:20px; margin-top:-10px; margin-left:-10px; border-radius:50%; border:2px solid #ccc; border-top-color:#333; animation:spinner .6s linear infinite; }
.tableOverlay { position:absolute; width:100%; height:100%; background:#F4F4F4; opacity:.5; }
.tableOverlayWrapper { position:relative; }

/* drag and drop */
.grippy { content:'....'; width:10px; display:inline-block; overflow:hidden; line-height:4px; padding:3px 3px; cursor:move; vertical-align:middle; margin-top:-.9em; margin-right:.3em; font-size:10px; font-family:sans-serif; letter-spacing:2px; color:#cccccc; text-shadow:1px 0 1px black; }
.grippy::after { content:'.. .. ..'; }

/*Login Control*/
h1.textInLine { display:flex; margin:0 5px; }

h1.textInLine::before { margin-right:10px; }

h1.textInLine::after { margin-left:10px; }

h1.textInLine::before, h1.textInLine::after { content:""; flex:1 1; border-bottom:1px solid #ccc; margin:auto; margin-right:auto; }

/*multiline checkbox / radio button*/
.inputMultiLine { display: flex; align-items: flex-start; margin-left: 1px; margin-top:3px; word-break:break-word }

.inputMultiLine input[type="radio"], .inputMultiLine input[type="checkbox"] { margin: 0 0 3px 0}

div.customizableFieldFilterLabel {
    display: inline-block;
    width: 200px;
    text-align: right;
    padding-right: 1px;
}

div.customizableFieldFilterControl {
    display: inline-block;
    width: 300px;
    padding-bottom: 4px;
}

div.customizableFieldDateFilterControl {
    display: inline-block;
    width: 350px;
    padding-bottom: 4px;
}