/*

 Tabellen
 ========
 Tabellenzeilen: Hintergrund im Wechsel mit den Blautoenen RGB #F5F5F5, RGB #CAD3E4,
 wobei die erste Tabellenzeile dem Hellblau RGB #F5F5F5 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, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	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%;
}

.text-right {
	text-align: right;
}

a, a:visited {
	color: #002269;
	font-size: 10pt;
	font-weight: bold;
}
a:hover {
	color: #0090FF;
}

a.smallLink {
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

a.smallLinkRed {
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FF4719
}

.standardFont {
	font-size: 10pt;
	vertical-align: top;
}

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

th { /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 10pt;
	line-height: 12pt;
	text-align: left;
	color: grey;
	font-weight: normal;
}

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

.navigation {
	height: 30px;
	/*width: 1000px;*/
    width: 99.7%;
    margin-left: 3px;
}

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

div.footer a, div.footer a:link, div.footer a:visited {
    color: #002269;
    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: #002269;
	height: 6px;
	font-size: 6px; /* required for IE */
}

.tooltip { /*background-color: #FFFFFF;*/
	background-color: #CAD3E4;
	border-width: 1px;
	padding: 10px;
	z-index: 9999;
}

.tooltipData {
	font-weight: bold;
}

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

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

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

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

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

span.filter_today {
	color: grey;
}

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

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

.large-input-field {
	width: 90%;
	padding: 2px;
	
}
.large-multiSelect-field {
	width: 91% !important;
	box-sizing: border-box;
}

/*
              Class fuer divs die JBOSS Validator messages aufnehmen
*/

.message-div {
	margin-bottom: 12px;		
}

/*
              Content Bereich
*/

.content {
    min-height: 350px;
    width: 99.7%;
    padding-bottom: 45px; /* required for space between .content and .footer */
}


/*
	Eingabefelder
*/

textarea, input[type="text"], input[type="password"], select {
	background-image:none;  
    background-color: #FFFFFF;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    border: 1px solid #a6a6a6;
    color: #000000;
    font-size: 10pt;
}

@media only screen and (max-device-width: 1366px) {
	textarea, input[type="text"], input[type="password"], select {
		font-size: 1.1em;
	}
}

/*
	Checkbox/Radio-Button
*/

input[type="checkbox"], input[type="radio"] {
	-webkit-appearance: none;
	border: 1px solid #a6a6a6;
	width: 14px;
	height: 14px;
	background-color: #FFFFFF;
	vertical-align: text-bottom;
}
input[type="checkbox"]::-ms-check {
	border: 1px solid #a6a6a6;
}
input[type="radio"] {
	border-radius: 50%;
}
input[type="radio"]::-ms-check {
	color: #002269;
	border: 1px solid #a6a6a6;
}
input[type="checkbox"]:checked {
	background-color: #002269;
}
input[type="checkbox"]:checked:after {
     content: "";
     display: block;
     width: 4px;
     height: 8px;
     border: solid white;
     border-width: 0 2px 2px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     position: relative;
     top: 0px;
     left: 3px;
}
input[type="radio"]:checked:after {
	content: "";
    display: block;
    width: 8px;
    height: 8px;
    border: solid white;
    border-radius: 50%;
    border-width: 1px;
    background-color: #002269;
    position: relative;
    top: 1px;
    left: 1px;
}
input[type="checkbox"]:checked::-ms-check {
	background-color: #002269;
	content: "";
     display: block;
     width: 4px;
     height: 8px;
     border: solid white;
     border-width: 0 2px 2px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     position: relative;
     top: 0px;
     left: 3px;
}
input[type="radio"]:checked::-ms-check {
	content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: solid #a6a6a6;
    border-radius: 50%;
    border-width: 1px;
    background-color: #FFFFFF;
}

/*
	Buttons
*/

input[type="submit"], input[type="button"] {
    background-image: none;  
	border-color: #a6a6a6;
    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: #a6a6a6;
    border-style: solid;
    border-width: 1px;
}

input[type="submit"][disabled], input[type="button"][disabled], input[type="checkbox"][disabled] {
    background-image: none;
    background-color: #CCCCCC; 
	border-color: #a6a6a6;
    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: #a6a6a6;
    border-style: solid;
    border-width: 1px;
}

input[type="text"]:disabled, select:disabled {
    background-color: #BDBDBD;
    color: black;
}

textarea:disabled, select:disabled {
    background-color: #BDBDBD;
    color: black;
}

.dakosy-button {
	height: 25px;
	min-width: 130px;
	background-image:none; 	
	border: 0px solid #FFFFFF;
}

input.dashboardVesselButton[type="submit"]
	{
	height: 21px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #002269;
	color: white;
}
input.dashboardVesselButton[type="submit"]:hover
	{
	cursor: pointer;
}
input.dashboardVesselButton[type="submit"]:focus
	{
	background-color: #F5F5F5;
	color: #002269;
	font-weight: bold;
}

input.hvccVessel {
	padding-right: 30px !important;
    background-repeat:no-repeat !important;
    background-position: right center !important;
    background-image: url("/javax.faces.resource/hvcc_vessel_26x26.png.jsf?ln=images") !important;
}

input.dakosy-button-config[type="submit"]  {
    padding-left: 19px;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: underline;
    background-color: #002269;
    background-repeat:no-repeat;
    background-position: left center;
    background-image: url("/javax.faces.resource/configure_16x16.png.jsf?ln=images");
    border: none;
	cursor: pointer;
}

input.dakosy-button-refresh[type="submit"]  {
    padding-left: 19px;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: underline;
    background-color: #002269;
    background-repeat:no-repeat;
    background-position: left center;
    background-image: url("/javax.faces.resource/reload_16x16.png.jsf?ln=images");
    border: none;
	cursor: pointer;
}

.table-header-text {
    color: #FFFFFF;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
}

ul.messages-filter  {
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #FF0000;
	font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul.messages-filter li {
	padding: 0px 0px 0px 20px;
	background-image: url("/javax.faces.resource/error_16x16.png.jsf?ln=images");
	background-repeat:no-repeat;
}

/*
     Table row settings
*/

.light-table-row {
    background-color: #F5F5F5;
}

.dark-table-row {
    background-color: #CAD3E4;
}

.selected-table-row {
    background-color: #CCCCCC;
}

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

.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;
	color: grey;
}
.filter_values {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt !important;
}

.filter_headline_responsive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: grey;
}
.filter_values_responsive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em !important;
}

/*Anpassung der Schriftgrößen für mobile Webseiten*/
@media only screen and (max-device-width: 1366px) {
	.filter_headline_responsive {
		font-size: 1.4em;
	}
	.filter_values_responsive {
		font-size: 1.4em !important;
	}
	.dakosy-button {
		font-size: 1.3em !important;
		height: 25px !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;
}
	
table.field-diff-table {
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: solid;
	border-color: #FFFFFF;
}
table.field-diff-table td {
	margin: 0;
	padding: 4px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #FFFFFF;
}
table.field-diff-table td.header {
	color: grey;
}

div.dak-error-panel, div.dak-info-panel {
	margin: 10px 0px;
}
div.dak-error-panel .dak-error-panel-body {
	padding: 5px;
	background-color: #FFE7E7;
	border: 1px solid #FF0000;
	color: #FF0000;
	font-weight: bold;
}
div.dak-info-panel span.dak-info-panel-body {
	padding: 5px;
	background-color: #CAD3E4;
	border: 1px solid #002269;
	color: #002269;
	font-weight: bold;
}

ul.dak-messages {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.dak-messages li.dak-message-error, ul.dak-messages li.dak-message-info {
	padding-left: 20px;
	min-height: 16px;
	background-repeat:no-repeat;
}
ul.dak-messages li.dak-message-error {
	color: #FF0000;
	background-image: url("/javax.faces.resource/rf-error_16x16.png.jsf?ln=images");
}
ul.dak-messages li.dak-message-info {
	background-image: url("/javax.faces.resource/rf-info_16x16.png.jsf?ln=images");
}

ul.edi-error {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.edi-error li {
	font-family: Verdana,Arial,sans-serif;
	font-size: 10pt;
	font-weight: normal;
}

.ws_nowrap {
	white-space: nowrap;
}

.companiesPicklist td {
	vertical-align: middle;
}

/* Dashboard Navigation */
.db-nav a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.db-nav a:hover, .db-nav a.active {
	text-decoration: underline;
}

/* Dashboard Responsive Navigation */
.topnav {
  overflow: hidden;
  background-color: #002269;
  color: #FFF;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; 
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 12px 16px;
  text-decoration: none;
}
.topnav .right a  {
	padding: 0px;
	margin: 7px 11px;
}

.topnav .right select {
	padding: 0px;
	margin: 11px 11px; 
 }

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown a {
  float: unset;
}

.dropdown .dropbtn {
  border: none;
  outline: none;
  color: white;
  padding: 12px 16px;
  background: none;
  font-family: inherit;
  margin: 0;
  float: none;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  background-color: #F5F5F5;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 3;
}

.dropdown-content a {
  float: none;
  color: #002269;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #F5F5F5;
  color: black;
}

.dropdown-content a:hover, .dropdown-content .active {
  background-color: #ddd;
  text-decoration: underline;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav {display: block;}
  .dropdown .dropbtn, .nav-header {display: none !important;}
  .topnav a:not(:first-child), .topnav div {
    display: none;
  }
  .topnav a.icon {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative; display: block !important;}
  .topnav.responsive a, .topnav.responsive select, .topnav.responsive div {
    float: none !important;
    display: block;
    text-align: left;
  }
  .topnav.responsive .right a:hover {
	background-color: unset;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
}

.shipPosWatchList {
  overflow: hidden;
  width: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.shipPosWatchList a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 12px 16px;
  text-decoration: none;
}
.shipPosWatchList .right a  {
	padding: 0px;
	margin: 7px 11px;
}

.shipPosWatchList .right select {
	padding: 0px;
	margin: 11px 11px; 
 }

.shipPosWatchList .icon {
  display: none;
}

.shipPosDropdown {
  float: left;
  overflow: hidden;
}

.shipPosDropdown a {
  float: unset;
}

.shipPosDropdown .spdropbtn {
  border: none;
  outline: none;
  color: white;
  padding: 2px 6px;
  background: none;
  font-family: inherit;
  margin: 0;
}

.shipPosDropdown-content {
  position: absolute;
  min-width: 160px;
  background-color: #F5F5F5;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.shipPosDropdown-content a {
  float: none;
  color: #002269;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.shipPosWatchList a:hover, .shipPosDropdown:hover .spdropbtn {
  background-color: #F5F5F5;
  color: black;
}

.dropdown-content a:hover, .dropdown-content .active {
  background-color: #ddd;
  text-decoration: underline;
  color: black;
}

.shipPosDropdown:hover .shipPosDropdown-content {
  display: block;
}

@media only screen and (max-device-width: 1366px) {
	.shipPosWatchList {
		width: 31px;
		height: 30px;
	}
	
	.shipPosDropdown .spdropbtn {
		padding: 7px 9px 5px 9px;
	}
}