:root {
    --border-color-grey: #aaaaaa;
    --light-grey: #EBEEF5;
    --deep-blue: #285c95;
    --white: #FFFFFF;
    --primary-color: var(--deep-blue);
    --dark-grey: #495057;
}

/*

 Tabellen
 ========
 Tabellenzeilen: Hintergrund im Wechsel mit den Blautoenen RGB #EBEEF5, RGB #CAD3E4,
 wobei die erste Tabellenzeile dem Hellblau RGB #EBEEF5 beginnt. 
 Die Zeile und Spalten werden durch eine dünne weiße Linie von einander getrennt. 
 Schriftfarbe in den Tabellenzeilen ist schwarz.

*/
html {
    height: 100%;
    width: 100%;
}

form {
    border: 0px;
    padding: 0px;
}

body {
    font-family: Verdana, Arial, sans-serif;
    background-color: var(--white);
    font-size: 10pt;
    margin: 3px;
    height: 99%;
    /*line-height setzen ist sehr wichtig um Darstellungsprobleme in FF unter Windows 7 zu vermeiden (PRISE-317)*/
    line-height: 100%;
}

body .ui-messages > div {
	padding: 10px 10px 10px 10px;
}

.ui-messages-info-icon,
.ui-messages-warn-icon,
.ui-messages-error-icon,
.ui-messages-fatal-icon {
	height: 24px;
	width: 24px;
}

body .ui-messages .ui-messages-info .ui-messages-info-icon,
body .ui-messages .ui-messages-warn .ui-messages-warn-icon,
body .ui-messages .ui-messages-error .ui-messages-error-icon,
body .ui-messages .ui-messages-fatal .ui-messages-fatal-icon {
	margin: 0px 10px 0px 0px;
}

.ui-messages-error, .ui-message-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #BD021B;
}

.ui-messages-warn, .ui-message-warn {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #2B628A;
}


.ui-messages-info, .ui-message-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #2B628A;
}

.ui-md-1 {
    width: auto !important;
}

.tableFooterBackground {
    background-color: #285C95;
    padding: 2px;
}

.ui-datatable .ui-state-highlight {
    background: #ddddcc !important;
}

.ui-picklist-source {
    background: white;
}

.ui-picklist-target {
    background: white;
}

.ui-picklist-source .ui-state-highlight {
    background: #0099FF;
    color: white;
}

.ui-picklist-target .ui-state-highlight {
    background: #0099FF;
    color: white;
}

.ui-picklist-item {
    margin: 0px !important;
}

.ui-contextmenu.configmenu {
    width: 250px;
}

.ui-panel {
    border: 1px solid var(--border-color-grey);
}

.ui-panelgrid td, .ui-panelgrid tr {
    border-style: none !important
}

td { /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font-size: 10pt;
    vertical-align: middle;
}

th { /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font-size: 10pt;
    line-height: 12pt;
    text-align: left;
    color: var(--white);
    background-color: var(--deep-blue);
}

.page {
    position: relative;
    height: auto !important;
    min-height: 100%;
}

.navigation {
    width: 99.7%;
    margin-left: 3px;
    box-sizing: border-box;
    background: var(--deep-blue);
}

#frmNavigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#frmNavigation > .ui-menu > .ui-menu-list {
    display: flex;
    align-items: center;
}

div.footer {
    bottom: 0px;
    padding-bottom: 5px;
    position: absolute;
    width: 100%;
}

div.footer a, div.footer a:link, div.footer a:visited {
    color: #285C95;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.footer div.footerLine {
    background-color: #285C95;
    height: 6px;
    font-size: 6px; /* required for IE */
}

.tooltip,
body .ui-tooltip .ui-tooltip-text { /*background-color: ;*/
    background-color: #CAD3E4 !important;
    border-width: 1px;
    padding: 10px;
    z-index: 9999;
    color: var(--dark-grey)
}

body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
    border-right-color: #CAD3E4 !important;
}

.errorTable {
    max-width: 100%!important;
}

.tooltipData {
    font-weight: bold;
}

h1 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: bold;
    color: #285C95;
    text-indent: 0pt;
}

h2 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: bold;
    color: #285C95;
    text-indent: 0pt;
}

h3 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    color: #285C95;
    text-indent: 0pt;
}

h4 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: #285C95;
    text-indent: 0pt;
}

.page-title {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    color: #285C95;
}

.success-message {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13pt;
    color: #008000;
}

.tr-input-style {
    height: 27px;
}

.ui-button.dakosy-button-config {
    padding-left: 19px;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: underline;
    background-color: #285C95!important;
    background-repeat: no-repeat!important;
    background-position: left center!important;
    background-image: url("/jakarta.faces.resource/configure_16x16.png.jsf?ln=images&bv=2.2.0")!important;
    cursor: pointer;
	border: 0px;
}

.selectRadio label {
    margin-right: 15px;
}

input.large-input-field[type="text"] {
    width: 400px;
    padding: 2px;
}

input.large-input-field[type="password"] {
    width: 400px;
    padding: 2px;
}

/*
              Class fuer divs die JBOSS Validator messages aufnehmen
*/
.message-div {
    margin-bottom: 12px;
}

/*
              Content Bereich
*/
.content {
    min-height: 350px;
    /*width: 1000px;*/
    width: 99.7%;
    margin-left: 3px;
    padding-bottom: 60px;
    /* required for space between .content and .footer */
}

/*
              Eingabefelder
*/
textarea, input[type="text"], input[type="password"], select,
body .ui-selectonemenu .ui-selectonemenu-label, body .ui-chkbox .ui-chkbox-box{
    background-image: none;
    background-color: var(--white);
    background-position: 1px 1px;
    background-repeat: no-repeat;
    border: 1px solid #285C95;
    color: #000000;
    font-size: 10pt;
}

/*
              Buttons
*/
input[type="submit"], input[type="button"] {
    background-image: none;
    background-color: #D4CFC7;
    border-color: #285C95;
    border-style: solid;
    border-width: 1px;
    font-size: 10pt;
}

input[type="submit"]:hover, input[type="button"]:hover {
    background-color: #dddddd;
    background-image: none;
    border-color: #285C95;
    border-style: solid;
    border-width: 1px;
}

input[type="submit"][disabled], input[type="button"][disabled] {
    background-image: none;
    background-color: #CCCCCC;
    border-color: #285C95;
    border-style: solid;
    border-width: 1px;
    font-size: 10pt;
    color: #808080;
}

input[type="submit"][disabled]:hover, input[type="button"][disabled]:hover {
    background-color: #CCCCCC;
    background-image: none;
    border-color: #285C95;
    border-style: solid;
    border-width: 1px;
}

.dakosy-button {
    height: 25px;
    width: 130px;
    background-image: none;
    border: 0px solid var(--white);
}

.blue-line {
    border-top: 1px solid #285C95;
}

.dialogBoldFont {
    font-size: 10pt;
    font-weight: bold;
}

.dialogFont {
    font-size: 10pt;
    font-weight: normal;
}

.filter_headline {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

.filter_values_text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt !important;
    width: 150px !important;
}

.filter_values {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt !important;
    min-width: 150px !important;
}

.filter_values_date input {
    width: 120px !important;
}

.detailPanelDescriptionFont {
    font-size: 10pt;
    font-weight: bold;
}

/*
die style-klasse notSelectableContent sorgt dafuer, dass der Benutzer keinen Text selektieren kann
*/
.notSelectableContent {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.ui-growl {

}

body .ui-picklist .ui-picklist-caption {
	padding: 0.4rem;
}

body .ui-picklist .ui-picklist-list {
	padding: 0px;
}

body .ui-picklist .ui-picklist-list .ui-picklist-item {
	padding: 0.2rem;
}

.ui-picklist .ui-picklist-list {
    width: auto !important;
    min-width: 200px;
    border: 1px solid #285C95 !important;
}

/* MenuTab */
.ui-tabs {
    padding: 0.6em !important;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header {
	padding: .5em 1em;
	background-color: #7596bb;
	margin-right: 1px;
}
body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline {
	box-shadow: none;
}
body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
	background-color: #0099FF;
}
body .ui-tabs .ui-tabs-nav li.ui-tabs-header a {
	font-weight: normal;
	color: white;
}
body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a {
	color: white;
}

body .ui-tabs .ui-tabs-panels .ui-tabs-panel {
	border: 1px solid #285C95 !important;
	background: var(--light-grey);
}


.ui-tabs .ui-tabs-nav li {
    border-radius: 5px 5px 0px 0px;
}

.ui-tabs-selected {
    background: #285C95 !important;
}

.ui-tabs-selected a {
    color: white !important;
}

.ui-tabs-nav {
    background: var(--light-grey) !important;
}

.ui-widget-content, body .ui-panel .ui-panel-content, body .ui-scrollpanel{
    background: var(--light-grey);
}

.ui-menu, body .ui-menu.ui-menubar {
    background: var(--deep-blue);
    color: var(--white);
    border: none;
    padding: 0rem 0.125rem;
}

.ui-menu .ui-menu-parent .ui-menu-child {
    width: auto !important;
}

.ui-menu-child {
    background: var(--light-grey);
}

.ui-menuitem-link, body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    color: var(--white);
}

body .ui-menu .ui-menu-list .ui-menu-child .ui-menuitem-link .ui-menuitem-text {
    color: black !important;
}

.ui-menubar .ui-menu-child .ui-menuitem-link {
    color: black;
}

body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem {
	text-wrap: nowrap;
}

body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
	padding: 0.3em 0.7em;
}

body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
	color: white;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
	color: #495057;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
	padding: 0.5em 0.7em;
}

#ediMsgSearchTableForm\:showHisContext .ui-menuitem-text {
    color: black;
}

.ui-menuitem-text {
    color: #495057 !important;
}

#showHisContext .ui-menuitem-text {
    color: #495057 !important;
}

.navigation .ui-menuitem-text {
    color: var(--white)!important;
}

.navigation .ui-state-hover .ui-menuitem-text {
    color: #495057 !important;
}

.ui-picklist.tableconfig .ui-picklist-list {
    height: 450px;
}

.ui-panel.configpaneltitlebar .ui-panel-titlebar {
    cursor: move;
}

.ui-sortable-column-icon {
    background-image: url("") !important;
}

.ui-overlaypanel.overlayconfigpanel .ui-overlaypanel-content {
    padding: 0px;
}

.ui-widget-header, body .ui-panel .ui-panel-titlebar, body .ui-dialog .ui-dialog-titlebar {
    background: var(--deep-blue);
    color: var(--white);
	padding: 0.3em 1em 0.5em 1em;
}
body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon,
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
	color: white;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title,
body .ui-panel .ui-panel-titlebar .ui-panel-title {
	line-height: normal;
}

body .ui-dialog .ui-dialog-content {
	padding: 5px;
	background-color: #ebeef5;
}

body .ui-panel .ui-panel-content {
	padding: 0.5em 1em;
}

body .ui-scrollpanel {
	padding: 0px;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    background: var(--deep-blue);
    border-color: var(--light-grey);
}

.login-header {
    background-color: #285C95;
}

.notification-panel {
    margin-top: 10px;
    display: inline-block;
}

.notification-panel .ui-panelgrid-cell, .notification-panel .ui-widget-content {
    border: none !important;
}

body .ui-panelgrid .ui-panelgrid-cell {
    background: none;
    padding: 4px 10px;
}

.notification-panel .ui-widget-content td {
    border-color: white;
}

.fixedWidthPanelGridColumns tr td {
    display: inline-block;
    min-width: 105px;
}

.form-label {
    min-width: 6.5rem;
    display: inline-block;
}

.ui-datatable-odd {
    background-color: var(--light-grey) !important;
}

.ui-datatable table {
    table-layout: auto !important;
}

body .ui-datatable thead th,
body .ui-datatable thead th.ui-state-hover,
body .ui-datatable thead th.ui-state-active,
body .ui-datatable thead th.ui-state-active.ui-state-hover  {
	padding: 0.3rem 0.8rem;
	background-color:#285C95;
	color: white;
}

body .ui-datatable thead th .ui-column-title {
	font-weight: normal;	
}

body .ui-datatable.vgmMessageDetailsTable tbody tr {
	background-color: #ebeef5;
}

body .ui-datatable .ui-datatable-data > tr > td {
	padding: 0.3rem 0.8rem;
}

body .ui-datatable .ui-paginator {
	padding: 0px;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
	background-color:#285C95;
	color: white;
}

.ui-datatable.vgmMessageDetailsTable tbody,
.ui-datatable.vgmMessageDetailsTable tbody tr,
.ui-datatable.vgmMessageDetailsTable tbody td {
    align: middle;
    border-bottom: 1px solid #aaaaaa;
    white-space: nowrap;
    overflow: visible;
}

body .ui-inputfield, body .ui-selectonemenu-label {
	padding: 0.2rem;
}

.vertTop {
    vertical-align: top !important;
}

.vertBottom {
    vertical-align: bottom !important;
}

.vertMiddle {
    vertical-align: middle !important;
}

.addLink {
    background: url("/jakarta.faces.resource/images/add_16x16.png.jsf");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 19px;
}

.deleteLink {
    background: url("/jakarta.faces.resource/images/delete_16x16.png.jsf");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 19px;
}

.respPartyLabelsColumn {
    width: 170px;
}

.authPartyLabelsColumn {
    width: 195px;
}

.weightingPartyLabelsColumn {
    width: 170px;
}

.partyFieldsColumn {
    width: 170px;
}

.sixPercent {
    width: 7%;
}


.topBottomSmallPadding {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.vgmDatatableThirdColumn {
    min-width: 145px !important;
}

.vgmDatatableFourthColumn {
    min-width: 146px !important;
}

.vgmDatatableFifthColumn {
    min-width: 146px !important;
}

.vgmDatatableSixthColumn {
    min-width: 147px !important;
}

.vgmDateTime input {
    min-width: 105px;
}

.ui-fileupload-simple .ui-button .ui-button-text {
    margin-left: 10px;
}
body .ui-button.ui-button-text-only .ui-button-text {
	padding: 0.1em 1em;
}
body .ui-button.ui-button-text-icon-left .ui-button-text {
	padding: 0.1em 1em 0.1em 2em;
}

.ui-fileupload-content {
    display: inline-block;
    border: none;
}

.user-login-info-panel {
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("");
}

.shipper-resp-person-email-telephone-block {
    min-width: 50vw;
    width: 1175px;
    max-width: 95vw;
    height: 35px;
    background: var(--light-grey) !important;
    border: 1px solid #aaaaaa
}

.weight-station-resp-person-email-telephone-block {
    min-width: 55vw;
    width: 1120px;
    height: 35px;
    background: var(--light-grey) !important;
    border: 1px solid #aaaaaa
}

.sealNumberTable td {
    min-width: 0px !important;
}

.weightingPartyGrid tbody {
    border: none !important;
}

.selectMenu {
    display: inline-block;
    vertical-align: top;
}

body .ui-datalist .ui-datalist-content {
	padding: 0.5rem;
}
body .ui-datalist .ui-datalist-content .ui-datalist-data {
	margin: 0rem;
	overflow: auto;
}
body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item {
    font-family: 'Lucida Console', monospace;
    padding: 2px;
    white-space: nowrap;
}

/*
 LEGACY STYLES
*/

/* Classic dropdown style for PrimeFaces without themes */
.ui-selectonemenu {
    background: white;
    border: 1px solid #c8c8c8;
    padding: 2px 5px;
    font-size: 13px;
    border-radius: 3px;
}

.ui-selectonemenu-label {
    padding: 3px 5px;
    color: #333;
}

.ui-selectonemenu-trigger {
    border-left: 1px solid #c8c8c8;
    background-color: #f0f0f0;
    width: 20px;
}


body .ui-button {
    background: var(--deep-blue);
    border-color: var(--light-grey);
}

body .ui-calendar .ui-button.ui-button-icon-only {
	top: 1px;
	border: none;
}

.loader .ui-widget-content {
    padding: 0.5rem 1rem !important;
}

.loader .ui-widget-content td {
    vertical-align: middle;
}

body .ui-button.ui-button-icon-only .ui-button-text {
    padding: 0.15rem
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
    padding: 0.25rem 0.25rem;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header,
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item,
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
	padding: 0.1rem 0.25rem;
}